@media (max-width:1366px) 
{
body{width:100%}
}
@media (max-width:1280px) 
{	
header .bottom .cart a {
color: white;
text-decoration: none;
padding: 8px 10px 10px 10px;
font-size: 14px
}
#cssmenu{font-size:16px}
}
@media (max-width:1150px) 
{
#boxsearch{top:0}
.menu ul li a {font: normal 15px/1em arial;padding:10px 10px 12px 10px;}
}
@media (max-width:1024px) 
{
header {padding: 0px;
position: fixed;
z-index: 2;
width: 100%;
background: rgba(2, 74, 125, 0.85);}
header .top{padding-left:60px;border:none}
header .top .top-contact,header .top .top-search{display:none}
header .top .top-phone{display:inline-block;}
header .top .top-share{width:60%;margin:0;padding: 7px 0px 5px 0px;text-align:left}
.logores{display:inline-block}
header .bottom{padding:0}
header .bottom .logo{display:none}
header .bottom .logo a img {max-width: 80%;}
header .bottom .support{display:none;}
header .bottom .cart{width: auto;
margin-top: 0;
position: absolute;
top: 8px;
right: 5px;}
header .bottom .cart a{
text-decoration: none;
padding: 6px 8px 8px 8px;
background: transparent;
font-size: 13px;
border: none}
header .bottom .cart a i.circle{
width: 28px;
height: 28px;
border: 1px solid #fff;
background: #024a7d;
font-size: 13px;
color: #ffffff;
padding:7px 0px 0px 0px}
.menu,.category{display:none}
.slider{width:100%}
#carouselpromotion{padding:0% 2%}
#menu_mobi{display:block;top:2px;left:2px}
#productlatestbox{padding:0 1%}
.item,#item_col_5 {width: 30.5%}
.item .button a{font-size:15px}
.contact .frmcontact{width:90%}
#product-promotion{width:100%}
.product-content,#slider{padding-top:40px}
.foocat{width:49.5%}
.modal-backdrop.show {z-index: 0;}
}
@media (max-width:900px) 
{	
header .top-contact .address{display:none}
}
@media (max-width:800px) 
{
.small-logo{margin-left:13%}
.small-logo img{height:36px}
#slider .owl-nav button.owl-prev, #slider .owl-nav button.owl-next {
color: #024a7d;
padding: 5px 15px!important;
background: rgba(2, 134, 97, 0.25);
font-size: 17px;
position: absolute;
top: 40%;
}
}
@media (max-width:768px) 
{
.hot-aside{display:none}
.brief .brief-image {border: 1px dashed #024a7d; padding: 10px 0px;}
.brief a{width:46%}
.fixed{position:fixed;z-index:5;top:0;height:45px;padding:3px 0px;background:rgba(255, 255, 255, 0.95);margin:0;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.item,#item_col_5 {width: 33%;margin: 1px -4px 1px 1px;}
#item_col_3{width:33%}
.item .button a{width:49%;font-size:14px}
.item .button a i{font-size:14px}
.title h3, .title p, .tab-content h3.text-center {
padding: 0px 0px 15px 0px;
width: 90%;
}
}
@media (max-width:700px) 
{	#menu_mobi{top:0.5%;left:0.5%;}
.item .button a{width:48%;}
.reason-for-website h2{font-size:18px;text-align:center;line-height:30px;}
.reason-for-website h4{font-size:15px;line-height: 30px;}
}
@media (max-width:650px) 
{
.item .button a{width:48%;}
.box-price-website .title{width: 100%;overflow: scroll;}
}
@media (max-width:600px) 
{	
header .top-contact .email{display:none}

.item,#item_col_5 {width: 49.5%; margin: 1px -4px 1px 1px;}
#item_col_3{width: 49.5%;}
.brief-text h1{font-size:25px;text-align:center}
.brief-text h2{font-size:18px;text-align:center}
}
@media (max-width:550px) 
{	header .top{padding: 3px 0px 3px 70px;}
#menu_mobi{top:0.5%}
header .top .top-share,header .top .top-phone{display:none}
header .top .top-share{width:100%}
.plan .name a{font-size:14px;line-height:1.4em;}
.plan .price{margin:0}
.item .rating span#rating{width:45%}
.plan ul li{font-size:13px;line-height:1.8em}
.plan .cover-discount{padding-top:10px!important}
.foocat{width:100%}
#boxpagination{max-width: 550px;overflow: scroll;}
}
@media (max-width:500px) 
{	
header .bottom .logo a img {max-width: 90%;}
.product-brief{margin:0;padding:0}
.product-content div.row{width:100%;margin:0}
.overly-bottom .discript span {font-size: 13px;}
.task a.taskimg{display:none}
.product-brief .info .name span, .detail-new .name span, .boxorder .title span{font-size:17px;border:none}
}
@media (max-width:450px) 
{	
.item .button a{zoom:0.9}
.box-new .title ul{width:100%;padding:0px calc(30% - 80px)}
.box-new .title .nav-item .nav-link{width:160px;word-wrap:break-word}
.overly-bottom .discript span {font-size: 12px;}
.breadcrumb{font-size:12px}
.owl-item .item.plan{margin-left:0px!important}
}
@media (max-width:400px) 
{
#item_col_3,#item_col_5,.item {zoom:0.9}
.plan .cover-discount{padding-top:4px!important}	
.box-new .title ul{padding:0px 5%}
.item .button a i{font-size:13px;padding: 0px 5px 0px 0px;}
.plan .name a{font-size: 16px;line-height: 1.6em;}
.plan ul li {font-size: 15px;}
.social .social__item .fab{font-size: 20px;height: 40px;line-height: 40px;width:40px}
.social .social__item .fa-zalo{padding:10px}
.reason-for-website h4 {font-size: 15px;line-height: 25px;letter-spacing: 0;}
.item .rating span i {font-size: 10px;}
}
@media (max-width:375px) 
{.item .button a{zoom:1},#item_col_3,#item_col_5,.item {zoom:0.85}}