@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 { display: none; }
  #hamburger { display: block; }
    .center-layout,.inner { padding-left: 5px !important; padding-right: 5px !important;}
    #linhvuc,.header-bottom .cart_top,.left_sl{display: none;}
    .right_sl{width: 100%;}
    .load_about .center-layout{flex-direction: column;}
    .left_about{width: 100%;}
    .right_about{margin: auto;margin-top: 20px;}
    .product__grid{grid-template-columns: repeat(4, calc(25% - (0px * 3 / 4)));}
}
@media screen and (max-width: 992px) { 
	.header-bottom .dienthoai{display: none;}
}
@media screen and (max-width: 880px) { 
	.product__grid{grid-template-columns: repeat(3, calc(33.33% - (0px * 2 / 3)));}
	.news__grid{grid-template-columns: repeat(3, calc(33.33% - (20px * 2 / 3)));}
	.load_dk .center-layout{flex-direction: column;}
	.left_dk{width: 100%;}
	.right_dk{width: 100%;margin-top: 20px;}
	.footer .col_1{grid-template-columns: 40% 55%;grid-gap: 20px;}
	.footer .col_1 .footer-col:nth-child(1){grid-column: 1/3}
	.box_vd span{width: 65px;}
}
@media screen and (max-width: 768px) { 
  .mobile-button { display: grid !important; }
  .title_tc span{font-size: 28px;}
  .title_yt span:before,.title_yt span:after{width: 100px;}
  .modal-dialog{max-width: 700px;}
  .title_about{font-size: 50px;}
  .content_tc img{
  	max-width: 100% !important;
  	height: auto !important;
  }
  .content_tc iframe{
  	max-width: 100% !important;
  }

}
@media screen and (max-width: 700px){
	.menu-search{max-width: 370px;}
	.title_about{font-size: 40px;}
	.load_about{padding-top: 35px;padding-bottom: 35px;}
	.title_yt span{font-size: 24px;}
	.product__grid{grid-template-columns: repeat(2, calc(50% - (0px / 2)));}
	.news__grid,.video-grid{grid-template-columns: repeat(2, calc(50% - (20px / 2 )));}
	.pd-detail__top { grid-template-columns: 100%; grid-gap: 20px; }
}
@media screen and (max-width: 600px){
	.right_about .img2{left: 15px;max-width: 380px;}
	.right_about .img1{width: 430px;}
	.title_dm span{font-size: 20px;}

}
@media screen and (max-width: 550px) { 
	.header-bottom .center-layout{flex-direction: column;}
	.menu-search{margin-top: 15px;}
	.right_about .img2{left: 15px;width: 310px;bottom: 0px;}
	.right_about .img1{width: 290px;}
	.title_tc span{font-size: 25px;}
	.title_dk{font-size: 22px;}
	.right_about{height: 345px;}
	.title_yt span{font-size: 20px;}
	.title_yt span:before, .title_yt span:after{width: 50px;}

}
@media screen and (max-width: 500px) { 
	.footer .col_1{grid-template-columns: 100%;}
	.footer .col_1 .footer-col:nth-child(1){grid-column: 1/2}
	.slogan_dk{max-width: 90%}
	.title span{font-size: 26px;}
	.product_noidung .thuonghieu{font-size: 12px;}
	.others__title{font-size: 16px;}
	.video-items__name{font-size: 15px;}
}
@media screen and (max-width: 414px){
	.title_about{font-size: 35px;}
	.title_yt span:before, .title_yt span:after{width: 25px;}
	.title_tc span{font-size: 20px;}
	.title_dk{font-size: 20px;}
	.newsletter-top{grid-template-columns: 100%}
	.footer-company{font-size: 30px;}
	.news-items .items__name a{font-size: 14px;}
}
@media screen and (max-width: 350px){
	.title_about{font-size: 30px;}
	.right_about .img2{left: 5px;width: 255px;}
	.right_about .img1{width: 240px;}
	.right_about{height: 270px;}
	.product__grid{grid-template-columns:100%;}
	.footer-company{font-size: 25px;}
	.title_dm span,.title_yt span{font-size: 16px;}
	.news__grid,.video-grid{grid-template-columns: 100%;}
	.cart-pro-detail a{font-size: 13px;}
}