/* Mobile */
@media (max-width:767px) {
   header{height:245px;}
   header #clock{display:none;}
   header .bartop{width:100%; top:110px;}
   header .wrap-hotline-email{top:150px; width:100%;}
   header a.logo-company{display:block; margin: 0 ; top:45px; left:50%; margin-left:-99px; position:relative;}
   header a.cart{top:201px;}
   header .wrap-hotline-email .hotline{padding-right:0;}
   header .wrap-hotline-email .hotline:before{display:none;}
   header .wrap-hotline-email .email{margin-left:0; float:right;}

   header .wrap-mainmenu{padding: 0 8px;}
   ul.system{width:100%; left:0; right:initial;}

   .col-content-right{background:none; padding-left:15px;}

   
   
   /* Footer */
    footer .col-suport{padding-top:20px;}
   footer .col-right{text-align:center; float:left; width:100%;}
   footer .col-right ul.thongke{border-top: 1px solid rgba(0,0,0,.1); margin-top:15px;}
   footer .col-right ul.thongke li{width:auto;}

   .col-content-left{display:none;}

   /* News */
   ul.group_info li .box-info .title-name h3{height:auto;}

   ul.thumb_products li{width:50%;}

   /* Product detail */
    ul.thumb_product_more li{width:50%;}
   .View-img-Product{ padding-right: 0} 
   .View-img-Product ul.thumb-img{width: 100%; list-style: none; margin: 0 0 0; padding:0; position:inherit;float:left; clear:both;}
   .View-img-Product ul.thumb-img li{float:left; margin: 10px 10px 0 0; }
   .View-img-Product ul.thumb-img li:last-child{margin-right:0;}
   .col-product-detail a.addtocart{width:100%; margin-bottom:30px;}

   /* Cart */
   .tbl-cart .info td{ padding: 5px 0; font-size:13px; line-height:22px; vertical-align:top; padding-top:30px; text-align:center; }
   .tbl-cart .info td:nth-child(1):before{content: attr(data-td)""; width:200%; top:0; right:inherit; left:0; text-align:center; height:30px; padding:0; line-height:30px; }
   .tbl-cart .info td:nth-child(1):after{content:''; width:1px; height:20px; background:rgba(0,0,0,.15); display:block; position:absolute; top:33px; right:0;}

    ul.hot_products li{width:50%}

     .col-slider{padding-right:15px;}
    /* Login */ 
   .wrap-hotnews-home{padding-right:0; margin:0 0 30px 0;}
   .wrap-hotnews-home:before{display:none;}
   .col-login{padding-left:15px;}
   .col-login .wrap-banner{padding:15px; padding-bottom: 20px; margin-bottom:180px; height:320px;}
   .col-login .wrap-banner a.link{width:100%; padding-bottom:17px; border-radius:4px; overflow:hidden}
   .col-login .wrap-banner a.link img{width:100%; margin:0; height:initial;  }
   .col-login .wrap-banner .panel-login .inner{margin:0; width:100%; float:left; border-left:none; padding-top:15px; height:180px;}
}
@media (max-width:590px) {
  ul.thumb_products li{width:100%;}
  ul.thumb_product_more li{width:100%;}
}
   
@media (max-width:500px) {
}


@media (max-width:420px) {
  ul.hot_products li{width:100%}
}
   

/* Table */
@media (min-width:768px) and (max-width:991px) {
     header #clock{display:none;}
     ul.system{ left:0; right:initial;}

    ul.thumb_products li{width:50%;}     
    ul.thumb_product_more li{width:50%;}
   /* Footer */
   footer .col-suport{padding-top:20px;}
   footer .col-right{text-align:right; padding-top:20px;}


   /* Product detail */
   .View-img-Product{ padding-right: 0} 
   .View-img-Product ul.thumb-img{width: 100%; list-style: none; margin: 0 0 0; padding:0; position:inherit;float:left; clear:both;}
   .View-img-Product ul.thumb-img li{float:left; margin: 10px 10px 0 0; }
   .View-img-Product ul.thumb-img li:last-child{margin-right:0;}

   /* Login */ 
   .col-slider{padding-right:15px;}
   .col-login{padding-left:15px;}
   .col-login .wrap-banner{padding:15px; padding-bottom: 20px; background:#f6f2ee; border-radius: 0 0 5px 5px; box-shadow: inset 0 -3px rgba(0,0,0,.05)}
   .col-login .wrap-banner a.link{width:50%; padding-right:7px;}
   .col-login .wrap-banner a.link img{width:100%; height:initial; border-radius:5px;}
   .col-login .wrap-banner .panel-login{position:relative; top:0; width:50%; float:right;}
   .col-login .wrap-banner .panel-login .inner{background:none; border:none; padding:0; box-shadow:none; padding-left:25px;}
   ul.hot_products li{width:33.33333%}

   .wrap-hotnews-home{padding-right:0; margin:0 0 30px 0;}
   .wrap-hotnews-home:before{display:none;}

}
/* Medium Desktops  */
@media (min-width:992px) and (max-width:1199px) {

   ul.thumb_products li{width:33.33333333%;}

   /* Product detail */
   ul.thumb_product_more li{width:33.33333333%;}
   .View-img-Product{ padding-right: 0} 
   .View-img-Product ul.thumb-img{width: 100%; list-style: none; margin: 0 0 0; padding:0; position:inherit;float:left; clear:both;}
   .View-img-Product ul.thumb-img li{float:left; margin: 10px 10px 0 0; }
   .View-img-Product ul.thumb-img li:last-child{margin-right:0;}

   /* Login */ 
   .col-login .wrap-banner{height:316px;}
   .col-login .wrap-banner a.link{height:286px}
   .col-login .wrap-banner img{margin-left:-2px;}
   .col-login .wrap-banner .panel-login .inner .from .register{margin-top:8px;}
   .col-login .wrap-banner .panel-login .inner .from .register:last-child{margin-top:2px;}

   ul.hot_products li{width:25%}
   .wrap-hotnews-home{padding-right: 242px}
}
/* Large  Desktops  */
@media (min-width: 1200px) {
     ul.thumb_products li{width:25%;}
     ul.thumb_product_more li{width:25%;}

     /* Login */
     .col-login .wrap-banner img{margin-left:-2px;}

     ul.hot_products li{width:20%}
}