@media (min-width: 1024px)  {}
@media (max-width: 1024px)  {} 
@media (max-width: 768px)  {}	

@media (min-width: 992px)  {.m-contact1, .m-contact2 {display: none;}}	
@media (min-width: 768px)  {.navbar > .container-fluid .navbar-brand {display: none;}}	

/* Extra small Device. */
@media (max-width: 767px) {
	.logo {display: none;}
	.form {margin-top: 0px;}
	.footer {padding: 10px;}
	.contact {display : none;}
}

@media (min-width: 768px) and (max-width: 1024px) {}

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {}

/* LG Device :1024px. */
@media (min-width: 1024px) and (max-width: 1200px) {}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {}

/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 990px) {
.nav > li > a { padding-left: 17px; padding-right: 17px;}
.contact {display: none;}
.m-contact1, .m-contact2 {height: 150px;margin-bottom: 0px; padding-left : 100px;}
.m-contact1 .cs1,.m-contact1 .cs2, .m-contact2 .cs3,.m-contact2 .cs4 {height: 75px; font-size : 22px; padding-top : 15px; margin-top: 0px;}


.deposit, .jackpot, .withdraw {height: 600px;}
.deposit, .withdraw {padding: 285px 50px 0 50px;}
.deposit td, .withdraw td {line-height: 55px; font-size : 22px;}
.jackpot .input1, .jackpot .input2 {height: 75px;margin-top: 180px;}
#num_input1, #num_input2, #num_input3 {margin-left: 250px; font-size: 50px;width : 300px;letter-spacing: 5px;}
}

@media (min-width: 450px) and (max-width: 499px) {}

@media (min-width: 411px) and (max-width: 640px) {
.contact {display: none;}
.m-contact1, .m-contact2 {height: 80px;margin-bottom: 0px; padding-left : 53px;}
.m-contact1 .cs1,.m-contact1 .cs2, .m-contact2 .cs3,.m-contact2 .cs4 {height: 40px; font-size : 13px; padding-top : 5px; margin-top: 0px;}


.running-text {background-size: cover;}
.running-text marquee {width: 95%;}

.deposit, .jackpot, .withdraw {height: 315px;}
.deposit, .withdraw {padding: 155px 50px 0 50px;}
.deposit td, .withdraw td {line-height: 29px; font-size: 14px;}
.jackpot .input1, .jackpot .input2 {height: 55px;margin-top: 83px;}
#num_input1, #num_input2, #num_input3 {margin-left: 100px; width : 250px; font-size : 35px;}

}

@media (min-width: 375px) and (max-width: 411px) {
.form input[type="username"], .form input[type="password"], .form .login, .form .daftar {width : 49.40%;}
	
.contact {display: none;}
.m-contact1, .m-contact2 {height: 80px;margin-bottom: 0px; padding-left : 47px;}
.m-contact1 .cs1,.m-contact1 .cs2, .m-contact2 .cs3,.m-contact2 .cs4 {height: 34px; font-size : 12px; padding-top : 5px; margin-top: 0px;}

.running-text {background-size: cover;}
.running-text marquee {width: 95%;}

.deposit, .jackpot, .withdraw {height: 290px;}
.deposit, .withdraw {padding: 135px 30px 0 30px;}
.deposit td, .withdraw td {line-height: 27px; font-size: 13px;}
.jackpot .input1, .jackpot .input2 {height: 50px;margin-top: 72px;}
#num_input1, #num_input2, #num_input3 {margin-left: 80px;width : 250px; font-size : 35px;}

}

@media (min-width: 360px) and (max-width: 374px) {
.form input[type="username"], .form input[type="password"], .form .login, .form .daftar {width : 49.40%;}
	
.contact {display: none;}
.m-contact1, .m-contact2 {height: 80px;margin-bottom: 0px; padding-left : 45px;}
.m-contact1 .cs1,.m-contact1 .cs2, .m-contact2 .cs3,.m-contact2 .cs4 {height: 34px; font-size : 11px; padding-top : 5px; margin-top: 0px;}

.running-text {background-size: cover;}
.running-text marquee {width: 95%;}

.deposit, .jackpot, .withdraw {height: 275px;}
.deposit, .withdraw {padding: 135px 30px 0 30px;}
.deposit td, .withdraw td {line-height: 25px; font-size: 12px; }
.jackpot .input1, .jackpot .input2 {height: 50px;margin-top: 70px;}
#num_input1, #num_input2, #num_input3 {margin-left: 80px;width : 250px; font-size : 30px;}
}