/* HOME PAGE HEADER */
@media screen and (min-width: 320px) and (max-width: 800px) {
	.contact {
    display: block;
	margin-left: auto;
	margin-right: auto;
	}
    .download_btn2 {display: inline-block;}
    .download_btn, .referral_btn {
    display:inline-block;
	margin-left: auto;
	margin-right: auto;
	}
	.headerbutton, .points-container, .guest-container, .message-container {
	float: none;
	text-align: center;
	margin-right: 0;
	}
	.register, .login, .points-container, .guest-container, .message-container {
	display: inline-block;
	}
	.guest-container {padding: 0;}
	.guest-label {font-size: 13px;}
}
@media screen and (min-width: 801px) and (max-width: 1010px) {
	.contactresponsive {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	.header {text-align: center;}
	.headerresponsive {
	float:none;
	display: inline-block;
	}
	.points-container, .guest-container, .message-container {
	float: left;
	}
	.message-container {
	margin-left: 5px;
	}
}

/* LOGO */
@media screen and (max-width: 1180px) {
	.headerlogo {
	left: 0;
    display: block;
	margin-left: auto;
	margin-right: auto;
	}
}

/* NAVBAR MENU */
@media screen and (max-width: 800px) {
    .sbocasinomenu, .sbominigamemenu {
    display: block;
    }
	.topnav {
	width: 100%;
	float: none;
	}
	.topnav a:not(:first-child), .dropdown-menu .dropdownbutton {
    display: none;
	}
	.topnav a.icon {
	margin-top: 5px;
    float: right;
    display: block;
  }
}
@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown-menu {float: none;}
  .topnav.responsive .dropdown-content  {position: relative;} 
  .topnav.responsive .dropdown-menu .dropdownbutton  {
    display: block;
    width: 100%;
    text-align: left;
  }
}
@media screen and (min-width: 801px) and (max-width: 1180px) {
	.topnav {
	float:none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
}

/* LOGIN MODAL */
@media only screen and (max-width: 500px) {
	.loginmodal {
	padding-top: 50%;
	}
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:20%;z-index:1;display:inline-block;}
}

/* POPUP */
@media only screen and (max-width: 380px) {
	#popup1, #popup2, #popup3 {
	left: 0;
	top: 15%;
	width: 100%;
	}
}

/* SERVICES MODAL */
@media only screen and (min-width: 320px) and (max-width: 668px) {
	.deposit-container, .withdrawal-container, .transfer-container, .convert-container {
	width: 100%;
	height: 370px;
	}
	.depositmodal, .withdrawalmodal, .transfermodal, .convertmodal {
	padding-top: 80px;
	}
	.history-container {
	width: 100%;
	height: 370px;
	}
	.historymodal {
	padding-top: 80px;
	}
	.amountbuttoncontainer, .resetbuttoncontainer {
	text-align: center;	
	margin:  0;
	}
	.deposit_text, .withdrawal_text, .remainingbalance {
	display: block;
	margin-top: 2px;
	}
	.remainingbalance {
	width: 200px;
	}
	.acctnumber-option {
	margin-top: 2px;
	}
}
@media only screen and (min-width: 300px) and (max-width: 405px) {	
	.historyLinks {
	font-size: 14px;
	}
}
@media screen and (max-width: 1000px) {
	.historycontent {
	overflow-x:auto;
	}
}
/* POWERBALL GAME */
@media screen and (max-width: 1252px) {
	#powerball-bethistory {
	padding: 10px;
	}
	.powerball-won-container button {
	margin-bottom: 5px;
	}
	.powerball-bethistory-content2 {
	overflow-x:auto;
	}
	#powerball-container ul {padding: 5px;}
	.powerball-label, .powerball-label2 {
	width: 99%;
	font-size: 14px;
	margin: 0;
	}
	.powerball-box {
	width: 48.5%;
	margin:5px 0 20px 0;
	}
	.powerball-box2 {
	margin:5px 0 20px 0;
	}
	.powerball-rectangle {
	width: 100%;
	max-width:60px;
	}
}
@media screen and (max-width: 1050px) {
	.powerball-won-container button {
	width: 30%;
	}
	.powerball-input-table td {
	display:block;
	}
    .powerball-input-table input {
	width:100%;
    }
    .mobile-blank-space {
	display:none;
    }
}

@media screen and (max-width: 610px) {.powerball-list {width:50%;margin:0;} .powerball-list2 {width:100%;} .powerball-box2 {width: 32.3%;}}
@media screen and (min-width: 611px)and (max-width: 800px) {.powerball-list {width:33.33%;margin:0;}}
@media screen and (min-width: 801px)and (max-width: 1252px) {.powerball-list {width:25%;margin:0;} .powerball-list2 {width:50%;} .powerball-box2 {width: 32.3%;}}
@media screen and (min-width: 320px) and (max-width: 380px) {.powerball-rectangle {left:10px;}.powerball-rectangle2 {left:15px;}}
@media screen and (min-width: 380px) and (max-width: 435px) {.powerball-rectangle {left:18px;}.powerball-rectangle2 {left:23px;}}
@media screen and (min-width: 500px) and (max-width: 609px) {.powerball-rectangle2 {left:50px;}}
@media screen and (max-width: 500px) {.powerball-underover {display:none;}}

/* BONUS APPLICATION */
@media screen and (min-width: 320px) and (max-width: 668px) {
	.bonusapplication-container {
	width: 100%;
	height: 370px;
	}
	.bonusapplication-modal {
	padding-top: 80px;
	}
	.bonusapplication-option, .remarkscolumn {
	margin-left: 0;
	}
}
/* NEWS PAGE */
@media only screen and (max-width: 500px) {
	.newsfile1, .newsfile2, .newscaptcha {width: 190px;}
}

/* MICRO SLOT */
@media screen and (min-width: 320px) and (max-width: 668px) {
	.microslot-container {
	width: 100%;
	height: 370px;
	}
	.microslot-modal {
	padding-top: 80px;
	}
}

/* SIGNUP */
@media screen and (max-width: 755px) {
  .left-input, .right-input, input[type=submit] {
    width: 100%;
	margin-left: 0;
  }
   .email, .gender {
	margin-left: 0;
	width: 100%;
  }
  .policy, .note {
	margin: 0;
	padding: 0;
  }
  .signupcheckbox {
	margin-top: 10px;
  }
  /* 내가 추가 시작*/
   .email1 {
   margin-left: 0;
    width: 50%;
  }
   .doublechk {
   margin-left: 5;
    width: 23%;
	padding: 12px 0;
  }
   .gender1 {
   margin-left: 5;
    width: 22%;
  }
	/* 내가 추가 끝*/
}

/* SERVICES - makes a two column-layout instead of four columns */
@media screen and (max-width: 687px) {
	.servicescolumn {
    flex: 50%;
    max-width: 50%;
	}
}

/* PRODUCTS */
@media screen and (max-width: 1415px) {
    .play, .guide {display: none;}
    .mobplay {display: block;}
}
@media screen and (max-width: 687px) {
    .sbominigame, .sbocasinogame {
    display: block;
    }
	.productcolumn {
    flex: 32%;
    max-width: 32%;
	padding: 0;
	margin-top: 5px; 
	margin-bottom: 5px; 
	}
	.product_bg, .product_front, .product_back {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 100px;
	height: 100px;
	}
	.sboplay, .mobplay {	
	position: absolute;
	top: 25px;
	left: 12px;
	}
    .product_back button {
    padding: 0;
    }
}
@media screen and (min-width: 688px) and (max-width: 1076px) {
	.productcolumn {
    flex: 14%;
    max-width: 25%;
	padding: 0;
	margin-top: 5px; 
	margin-bottom: 5px; 
	}
	.product_bg, .product_front, .product_back {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 150px;
	height: 150px;
	}
	.sboplay, .mobplay {	
	position: absolute;
	top: 45px;
	left: 43px;
	}
}
@media screen and (max-width: 687px) {
	.tabtitle {height: 35px;padding: 0px;}
}
/* NEWS & EVENTS, PROMOTION & AD */
@media screen and (max-width: 755px) {
	.newscolumn,.faqcolumn, .noticecolumn {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	} 
	.captionslider p {
	font-size: 12px;
	}
	.newsslider {
	width: 100%;
	height: 300px;
	}
        .news-caption img {
        width: 100%;
        max-width: 583px;
        }
        .noticelist img {
        width: 100%;
        max-width: 400px;
        }
        .accordion img {
        width: 100%;
        max-width: 400px;
        }
}
@media screen and (min-width: 320px) and (max-width: 1500px) {
	.newstab button, .newspagetab button {
	padding: 10px 0;
	}
    .tablinks img {
        width: 100%;
        max-width: 45px;
    }
}

/* 1ST FOOTER */
@media only screen and (max-width: 500px) {
	.footer1container li{
	margin-left: 10px;
	}
	.footer1container h1{
	margin-left: 10px;
	}
	.about, .products, .bank, .footerlogo {
	width: 50%;
	}
	.socialmediaicons {
	float: left;
	padding: 0 15px;
    }
	.footerlogo img {
	float: none;
    }
}
@media only screen and (min-width: 501px) and (max-width: 1500px){
	.footer1container li {
	margin-left: 10px;
	}
	.footer1container h1 {
	margin-left: 10px;
	}
	.about, .products, .bank {
	width: 15%;
	}
	.footerlogo {
	width: 55%;
    }
}
@media only screen and (max-width: 500px) {
	.div-column {
        width: 100%;
    }
    .div-button {
        max-width: 90%;
    }
}