@charset "UTF-8";
@media screen and (min-width: 1300px) { 
	.container {
	    max-width: 1240px;
	}
}

@media screen and (max-width: 1300px) { 
.container {
    max-width: 1140px;
}
.bank-price span { display: block; }	
}

@media screen and (max-width: 1199.98px) { 
	.topright,.topleft{font-size: 13px;}
}
@media screen and (max-width: 1024.98px) { 
	
}

@media screen and (max-width: 991.98px) {
	.card-home h3{font-size: 17px; margin-bottom: 15px;}
	.card-home{height: 100%;}
	.card-home .price{font-size: 22px;}
	.topleft li,.topright li,.mainmenu{display: none;} 
	.topleft li:first-child{display: block;}
	.topright li.mycarticon{display: block;} 
	.logo{max-width: 265px; margin-top: 0;}
	.main{margin-top: 65px;}
	.owl-banner .cover h2{font-size: 30px;}
	.owl-banner .cover h3{font-size: 20px;}
	.header{padding-top: 7px; padding-bottom: 7px; height: 65px;}
	.fil-box{margin-bottom: 10px;}
	.coupon-checkup-box { font-size:20px; } 
	.header.active{
		border-left: 50px solid #003351;
	}
	.checkoutform{margin-bottom:20px;}
	.bank-price span { display: inline-block; }
	.mycarticon-mobile,.mycarticon-mobile a{height: 65px;}
	

}

@media screen and (max-width: 767.98px) { 
	.header-product-home{height: 140px;}
	.show-md{display: none;}
	.hide-md{display: block;}

	.owl-banner .cover{padding: 20px 20px 40px;}
	.owl-banner.owl-theme .owl-dots{bottom: 5px;}
	.owl-banner .owl-nav{display: none;}
	.sidebarcheck form{display: none;}
	.wrapsidebarcheck{margin-bottom: 15px;}
	.check-home{width: 100px; float: left; margin-left: 0; margin-right: 20px;}
	.sidebarcheck{float: left; margin-top: 0;}
	.owl-product-mobile .item{padding-left:10px; padding-right: 10px; margin-bottom: 20px;}
	.bottomlink li{width: 50%; margin-bottom: 15px;}
	.footermain .socialfooter{background:#0072bb; border-top: 1px solid #3197ff; border-bottom: 0; padding:15px 0 15px; height: auto;}
	.footermain .socialfooter a{font-size: 20px;}
	.footermain .sidebarfooter{text-align: center; padding-top: 15px;}
	.footer-group.footer-address{display: none;}
	.sidebarfooter{display: none;}
	.footermain .socialfooter a{margin-left: 15px; margin-right: 15px;}
	.langbottom{padding: 12px;  border-top: 1px solid #3197ff; background: #0072bb; height: 45px;}
	/*productlist*/
	.stick-package{margin-bottom: 10px; position: relative!important; width: auto!important; left: auto!important; top: auto!important;}
	.wrapsidebarcheck .transitionside{position: relative!important; width: auto!important; left: auto!important; top: auto!important;}
	.cover-p-detail label{width: 100%; margin-bottom: 10px;}
	.cover-p-detail .fil-box{padding: 10px 10px;}
	.list-include li.subinclude::after{display: none;}
	.list-include li.subinclude::before{display: none;}
	.list-include li.subinclude{margin-top: 0; padding-top: 0; margin-bottom: 0; padding-bottom: 0;}
	.mycartpage .cartdetail span{font-size: 18px;}
	.mycartpage .cartdetail .close-rowcart{position: absolute; right: 12px; top: -26px; background: #d72930; width: 25px; height: 25px;
	 border-radius: 100%; color: #fff; padding-top: 4px;}
	.cartdetail {margin-bottom: 25px;}
	.wrapmycart{padding-left: 0; padding-right: 0;}
	.mycartpage > li{padding: 40px 0 40px;}
	/*beforecheck*/
	.new-user{padding-right: 15px; padding-bottom: 40px;}
	.return-customer{padding-left: 15px; padding-top: 40px;}
	.flexlogin-box{min-height: auto;}
	.new-user h2{margin-top: auto;}
	.new-user:after{width: 100%; height: 1px; bottom: -2px; left: 0; top: auto; }
	.new-user:before{bottom: -20px; left: 45%; right: auto; top: auto;}
	.order-summary-item { margin-bottom:25px; }
	.coupon-item-detail{margin-top: 20px;}
	.sidebar-account{margin-bottom: 20px;}

	.ordernum-g {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #a3e7fa;}

	.wrapquickmenu select,.footermain .socialfooter{ height: 45px; }
	.stick-package{padding-top: 15px; margin-top: 15px; }
	.wrapstick-package{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #c3d5fd; }
	.cover-p-detail{padding-left: 10px; padding-right: 10px;}
	.bank-price span { display: block; }	
}
@media screen and (max-width: 575.98px) { 
	
	.owl-product-mobile .item{float: none; width: auto; padding-left: 0; padding-right: 0; margin-bottom: 10px;}
	.row-owl{margin-left: 0; margin-right: 0;}
	.nopad-device{padding-left: 0; padding-right: 0;}
	.banner-m{display: block!important;}
	.banner-d{display: none!important;}
	.owl-banner .cover h2{font-size: 25px; margin-bottom: 7px;}
	.owl-banner .cover h3{font-size: 18px;}
	.checkuphome h2{font-size: 28px; margin-bottom: 0;}
	.check-home{width: 75px;}

	.card-home{max-width: 350px;}
	.alsolike .card-home{max-width: 100%}
	.hide-sm{display: block;}
	.show-sm{display: none;}
	.small-breadcrumb{display: none;}
	.suppleHome{margin-top: 15px;}
	.bottomlink li{padding-left: 6px; padding-right: 6px; margin-bottom: 12px;}
	.bottomlink a{padding: 18px 0 18px;}
	.bottomlink p{margin-bottom: 0; font-size: 13px;}
	.subscribe{font-size: 14px; padding: 25px 0; border-top:2px solid #0072bb;}
	.subscribe h2{font-size: 22px;}
	.checkuphome{padding-bottom: 25px;}
	.bottomsite  a{display: block; margin-bottom: 5px;}
	.bottomsite .linebottom{display: none;}
	.bottomsite .copyright{margin-top: 5px;}
	.list-filter>li{float: left; width: 33.3333%; border-right: 1px solid #5a90b6;}
	.list-filter>li:last-child{border-right:none;}
	
	.stick-package .btn-primary{padding-left: 15px; padding-right: 20px;}
	.selectwrap .dropdown-menu{left: auto!important; right: 0!important; font-size: 13px!important;}

	.cartdetail,.cartitem {text-align: center;}
	.mycartpage .abount-pacnum{max-width: 140px;}
	.step-page ul{max-width: 320px; font-size: 13px; font-weight: normal;}
	.step-page li{margin-right: 20px;}

	.promotion-period .pro-icon { margin-bottom:10px; }
	.promotion-period .list-promotion-periode { text-align:center}  
  	.promotion-period .list-promotion-periode .btn-red{ margin-top: 15px;}
	.list-order-item .order-price { padding-top:10px; }
	.coupon-checkup-box { text-align: center; padding: 15px; font-size:16px; }
	.title-main h1{font-size: 30px;}
	.formationbox a:not(.btn-blue){right: 10px; top: 10px; margin-top: 0; font-size: 18px;}
	.link-confirm{font-size: 18px;}
	.formationbox a.fa-pencil-square-o{top: -5px; right: -10px; padding: 10px;}
	.formationbox{padding: 15px;}
	.list-order-item .price-order-item{margin-top: 15px;}
	.link-orderdetail a{width: 100%; margin-bottom: 5px;}
	.cover-p-detail .fil-box{padding: 7px 10px;
	font-size: 14px;}
	.logobank li a.active::before{ border-bottom: 2px solid #0081ff;}
	.logobank li a.active::after{bottom: -4px; height: 4px;  }
	.header-product-home{height: auto;}
	.card-home h3{font-size: 20px;}
	
}
@media screen and (max-width: 460px){
	.card-home{max-width: 300px;}
	.backorcheck a{display: block; width: 100%; margin-bottom: 5px; float: none;}
	.backorcheck .btn-red{text-align: right;}
	.contact-row{margin-top:15px; }
	.mycarticon-mobile .icon-shopping-cart img{width: 30px;}
	.mycarticon-mobile{padding-left: 10px;}
	.mycarticon-mobile .numcart{ z-index: 99; bottom: 6px; left: 8px; }


}
@media screen and (max-width: 400px){
	.card-home{max-width: 280px;}
	.sidebar-detail .btn-muyadd a{max-width: 100%;}
	.step-page li {
    	margin-right: 10px;
	}
	.step-page ul{max-width: 300px;}
	.wrapyourcard3 .yourcard-title{ width: 95%; margin-bottom: 20px; }
	.wrapyourcard3 .yourcard-item{width: 25%;}
	.wrapyourcard3 .yourcard-price{width: 75%; text-align: right;}
	.editaccount .row-groupcheck.col2 .form-group{padding-left: 0!important; padding-right: 0!important; width: 100%; float: none;}
	.logo {
    max-width: 220px;
    margin-top: 5px;
    left: -7px;
    position: relative;
	}
	.img-package{
		height: 300px;
	}
}