/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */
@media (max-width: 580px){
/*#cart { display: block; width: 100%;height:48px; background-image: url(../images/menu_on.png); background-repeat: no-repeat; }
#cart span:after { top: 7px; }*/
.cart { width: 100%; }
.cart ul { padding-top: 28px; }
.cart_info table { margin: 0 auto; }
.order_content { padding: 10px 0 10px 0px; }
.cart_totalprice { padding: 5px 75px 20px 0; }
.cart_overflow { max-height:516px;overflow-x: hidden;}

}

@media (max-width: 480px){
	body.sticky-open {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    }
	/*====== Header ======*/
	#header{height:60px; background: url(../images/header_bg_mo.png) repeat-x top;}
	#logo #hearder_redius{margin-top: -30px; height: 30px; background:url(../images/heard_black_mo.png) no-repeat;}
	#logo{ width:160px; height:50px; padding-top:16px;}
	#logo a{ background:url(../images/dominos_logo.png) no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;}
	.track{top:15px; left:8px;}
	.track a { width:36px; height:36px; background-size:auto 100%;}
	.logout{top:17px; left:48px;}
	.logout a { width:32px; height:32px; background-size: contain;}
	#main{padding-top:60px;}
	.pull{top:9px;}
	.pull > a{ margin-right:0px; -ms-transform: scale(0.7,0.7); -webkit-transform: scale(0.7,0.7); transform: scale(0.7,0.7);}
	#cart{margin-right:-10px;}
	.menu{width:100%; height:auto; top:50px; margin-top:0px; }
	.menu ul{background:url(../images/menu_vline.png) top center no-repeat; padding:30px 10px 20px;}
	.menu ul:after{content:""; display:table; clear:both;}
	.menu li{width:100%; height:50px; float:left; background:url(../images/menu_hline.png) bottom center repeat-x; padding-left:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.menu li:last-child{background:none;}
    .menu li:nth-last-child(2){ }
	.menu ul li a{width:100%; height:50px; margin:0;}
	.menu ul li a.menu1, .menu ul li a.menu1:hover {background:url(../images/menu_m1.png) no-repeat left center;}
	.menu ul li a.menu2, .menu ul li a.menu2:hover {background:url(../images/menu_m2.png) no-repeat left center;}
	.menu ul li a.menu3, .menu ul li a.menu3:hover {background:url(../images/menu_m3.png) no-repeat left center;}
	.menu ul li a.menu4, .menu ul li a.menu4:hover {background:url(../images/menu_m4.png) no-repeat left center;}
	.menu ul li a.menu5, .menu ul li a.menu5:hover {background:url(../images/menu_m5.png) no-repeat left center;}
	.menu ul li a.menu6, .menu ul li a.menu6:hover {background:url(../images/menu_m6.png) no-repeat left center;}
	.menu ul li a.menu7, .menu ul li a.menu7:hover {background:url(../images/menu_m7.png) no-repeat left center;}
	.menu ul li a.menu8, .menu ul li a.menu8:hover {background:url(../images/menu_m8.png) no-repeat left center;}
	
	/*====== cart ======*/
	.cart { top: 76px; margin-top: 0px;}
	.cart_imgleft { display:none; }
	.cart_textright{ font-size:12px; }
	.cart_textright .noli { font-size:14px;}
	.cart_totalprice { font-size:16px; }
	.cart_overflow {height: 50vh; overflow-scrolling: touch; -webkit-touch-overflow}
	
	/*====== Footer ======*/
	.ftleft{padding-left:0; padding-right:0px; float: none; width:100%;  }
	.ftright{padding-right:0; padding-left:0px;float: none; width:100%; margin: 0px auto; padding-top: 24px; }
     .footlink { padding:0px 12px; width:auto;  }
	.footright img{width:90%;}
	
	/*====== Home ======*/
	#containerTop #container{padding-top:30px;}
	.main1_menu ul{ padding:0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .main1_menu ul li{ width:50%; padding:6%}
	.actbanner a{width:100%; margin: 0px;}
	.actbanner a:nth-child(1),.actbanner a:nth-child(2){  margin: 0px;}
	.adbennerleft{ margin-bottom:7px;}
	.main2_menu ul{margin:0px 12px;}
	.main2_menu ul li{ height: auto; text-align: center; width: 100%; margin:0px 0px 12px 0px; padding: 3px 0px; }
	.main2_menu ul li:first-child{margin:0px 0px 12px 0px; }
    .main2_menu ul li:last-child{margin:0px 0px 12px 0px; }
	.main2_menu a{ height:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.main2_menu a.main2_menu1, .main2_menu a.main2_menu2, .main2_menu a.main2_menu3, .main2_menu a:hover.main2_menu1, .main2_menu a:hover.main2_menu2, .main2_menu a:hover.main2_menu3 { background: none;}
	.main2_menu a img{display:block; margin: 0px auto;}
	.main_slider{display:none;}
	.main_slider_m{display:block;}
	
	/*==== 404page ====*/
	.error404 {margin: 30px auto 50px;}
	.errorList li a {display: block; padding: 10px;}
	.errorList li {width: 49%; border-right: 1px solid #006491;}
	.errorList li:nth-child(2), .errorList li:nth-child(4), .errorList li:nth-child(5) {border-right: 0;}
	.errorList li:nth-child(1), .errorList li:nth-child(2) {border-bottom: 1px solid #006491;}
	.errorList li:after {content: ""; display: none;}
}

@media (max-width: 420px){
	/*====== cart ======*/
	.cart_totalprice { padding: 5px 10% 20px 0; }
	.cart_title { width:315px;height:41px;background: url(../images/cart_title_mo.png) no-repeat; }
	.cart ul .cart_title { font-size: 10px; }
}
@media (max-width: 380px){
	/*====== Home ======*/
	.menu ul li a.menu2, .menu ul li a.menu2:hover {}	
	
	.cart_overflow { max-height:447px;overflow-x: hidden;}
	/* .cart .checknow {bottom:100px;} */
	/*====== Footer ======*/
	.ftleft{padding-right:20px;}
	.ftright{padding-top:10px;}
}
@media (max-width: 320px){
	.cart_overflow { max-height:348px;overflow-x: hidden;}
}