/*laptops, desktops*/ 
@media (min-width: 1201px) and (max-width: 1400px){ 
/*Head*/   
/*Menu main*/ 
/*Danh mục sp*/ 
/*Banner*/ 
/*Sản phẩm bán chạy*/ 
/*Footer*/  
} 

/*ipad-pro*/  
@media (min-width: 993px) and (max-width: 1200px){ 
/*Head*/ 
.hotro_head {margin-top: 0.5rem;}
.ja-search {margin-top: 0.6em}
.hotro_head li i { font-size: 1em;}
.hotro_head li { padding-right: 0.5em;}
.hotro_headtitle { font-size: 1em; }
/*Menu main*/
.menu_main>li>a { font-size: 0.8rem; padding: 1.5em 2em;} 
/*Cam kết*/
.box_camket {padding: 1em}
.box_camket h3 {font-size: 1em;}
/*Footer*/ 
.thongtinlienhe h3,.footer p { font-size: 0.8em; } 



}     
	 

/*ipad-pro*/   
@media (min-width: 769px) and (max-width: 992px){ 
/*Chung*/
.margin_top {margin-top:9.5em}
/*Head*/ 
.hotro_head li i { font-size: 1.5em;}
.box_search {  margin-left:3em}  
.ja-search {  margin-top: 1em;}
.box_headtop { position: fixed; top: 0; width: 100%;z-index: 9; }  
.boxhotro_head {margin-top:0.2em}
.box_ngonngu { margin-top: 1.5em;}
.giohang_mobile {position: fixed; right: 1em; z-index: 99; top:5.5em}
.icon_soluong { filter: brightness(0) invert(0);}
/*Menu main*/ 
.menu-icon { left: 1em;top: 6em;} 
.menu_main {display:none}
#ja-header.navfixed { position: relative;  } 

 
}

/*low resolution tablets, mobiles (landscape)*/ 
@media (min-width: 577px) and (max-width: 768px){  
/*Chung*/
.margin_top {margin-top:10.5em}
/*Head*/
.box_logomobile {float: none; margin: 0 auto;  }
.boxhotro_head {display:none} 
.box_headtop { position: fixed; top: 0; width: 100%;z-index: 9;}  

.giohang_mobile {position: fixed; right: 1em; z-index: 99; top: 0.5em;}
.icon_soluong { filter: brightness(0) invert(0);}
/*Menu main*/ 
.menu-icon { top: 0.5em; }
.menu_main {display:none}
#ja-header.navfixed { position: relative;  } 

      
}
   
/*smartphones mobiles (portrait)*/ 
@media (min-width: 320px) and (max-width: 576px){
/*Chung*/
.margin_top {margin-top:10.2em}
/*Head*/
.box_logomobile {float:none; margin:0 auto}
.boxhotro_head {display:none} 
.box_headtop {    position: fixed; top: 0; width: 100%;z-index: 9; } 
.ja-search { margin-top: 1em;} 
.giohang_mobile {position: fixed; right: 1em; z-index: 99; top: 1em;}
.icon_soluong { filter: brightness(1) invert(1);}
.box_ngonngu { padding: 0; margin-top: 1.5em;}
.box_ngonngu a {margin-left: 5px;}
/*Menu main*/ 
.menu_main {display:none}
#ja-header.navfixed { position: relative;  } 
/*Footer*/
.logofooter {display:none}
.copyright { margin-bottom: 50px;}
.header-hotline-mobile {
    padding: 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 99;
    background: #42b44c; text-align:center
}
.header-hotline-mobile a {
    text-decoration: none;
    color: #FFF;
    display: inline-block;
    position: relative;
    padding: 10px 0px;
    font-size: 1em;
    line-height: 1.5;
}
.header-hotline-mobile i {
    color: #FFF;
}

.back-to-top { 
    bottom: 15%;
    right: 1%;
    width: 2.5em;
    height: 2.5em; 
}
/*Bottom contact*/
.bottom_contact {    display: block;
    position: fixed;
    bottom: 0;
    background:#0085ba;
    width: 100%;
    z-index: 99;
    box-shadow: 2px 1px 9px #dedede;
    border-top: 1px solid #eaeaea; }
.bottom_contact ul{margin: 0; display: flex; }
.bottom_contact ul li{ 
    text-align: center;
    font-size: 13.5px;
    margin: 0; 
    display: inline-block;
    flex-grow: 1; }
.bottom_contact ul li a span{color:#fff }
.bottom_contact ul li a img{    width: 35px; 
    margin-bottom: 0px;
    filter: brightness(0) invert(1);
    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;}


.scrollup {bottom: 8%;width: 2em;height: 2em;}
.scrollup i { font-size: 15px; line-height: 2em;}





}