@media screen and (max-width: 1100px) {
	.menu-nav a{padding: 0px 15px;}
}
@media screen and (max-width: 1024px) {
	.header-top, .header-nav { display: none; }
  .menu { padding: 5px 0; }
  .menu-nav,.header_top{ display: none; }
  #hamburger { display: block; }
    .center-layout,.inner { padding-left: 5px !important; padding-right: 5px !important;}
    .header-logo{display: none;}
    .header-bottom .right{width: 100%;}
    .header-bottom,.fixed .header-bottom{padding: 0px;}
    .logo-menu{display: block;}
    .load_about .center-layout{flex-direction: column-reverse;}
    .load_about .left{margin: auto;margin-top: 20px;}
    .load_about .right{width: 100%;}
    .video-slider{height: 500px}

}
@media screen and (max-width: 992px) { 
  .title_tc:before,.title_tc:after{display: none;}
  .news__grid{grid-template-columns: repeat(3, calc(33% - (20px * 2 / 3)));
    grid-gap: 20px;}
}
@media screen and (max-width: 880px) { 
  .news__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
  .product__grid{grid-template-columns: repeat(3, calc(33% - (20px * 2 / 3)));}

}
@media screen and (max-width: 768px) { 
	.widget-desktop{display: none;}
  .mobile-button { display: grid !important; }
  body{padding-bottom: 45px;}
  .scroll-to-top{bottom: 40px;}
}
@media screen and (max-width: 700px){
  .video-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}
  .pd-detail__top { grid-template-columns: 100%; grid-gap: 20px; }
  .product__grid{grid-template-columns: repeat(2, calc(50% - (20px / 2)));}
}
@media screen and (max-width: 600px){
  .video-slider{height: 220px}
  .slide .custom-owl-prev, .slide .custom-owl-next{width: 25px;}
  .header{position: relative;background: rgba(0, 0, 0, 0.7);}
  .title_about .ten{font-size: 32px;}
  .title_about{font-size: 16px;}
}
@media screen and (max-width: 520px) { 
  .video-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px;
}
  .title_tc .center{background: none;height: auto;}
  .title_tc .center .ten{font-size: 26px;padding-bottom: 15px;}
  .product-items__name a,.product-items__price--new{font-size: 14px;}
  .title_tc .center .slogan{font-size: 15px;}
  .title_about img{max-width: 100px;}
  .more_news{font-size: 14px;}
  .news-items .items__name a{font-size: 15px;}
}
@media screen and (max-width: 414px){

  .video-slider{height: 180px}
  .product-items__name a, .product-items__price--new{font-size: 13px;}
  .title_about .ten{font-size: 26px;line-height: 26px;}
  .news-items .items__name a{font-size: 14px;}
  .news-items .news__mota,.more_news{font-size: 13px;}
  .load_tags span{font-size: 20px;}
  .title span{font-size: 28px;}
  .news-items .img .date{font-size: 12px;}
  .news-items .img .date span{padding: 4px 5px;}
  .detail__title{font-size: 23px;}
  .others__title{font-size: 16px;}
  .title_tc .center .slogan{font-size: 14px;}
  .load_about .left{padding: 10px;}
  .load_tags a{font-size: 14px;}
}
@media screen and (max-width: 350px){
  .title_tc .center .ten{font-size: 24px;}
  .product-items__name a, .product-items__price--new{font-size: 12px;}
  .title_about img{max-width: 85px;}
  .news-items .news__mota, .more_news{font-size: 12px;}
}