/* Responsive */



@media (max-width: 1024px){ 

	.bgswiper .swiper-button-prev{left: -12px;}

	.bgswiper .swiper-button-next{right: -12px;} 

	.bgswiper .swiper-pagination {}

	.grid-news,.grid-product,.album-destop,.news-top,.info-outstand,.call-outstand{ gap: 10px; }  

	.banner .bgswiper .swiper-pagination, .slideshow .bgswiper .swiper-pagination {bottom: 10px !important;}

	/* menu */

	ul.ulmn {width: calc(100% - 180px - 140px);}

	.menu ul li a,.bgnewsletter span { font-size: 14px;text-transform: capitalize;}

	.bgnewsletter { padding: 10px 10px 8px; }

	

	/* sản phẩm */ 

	.info-product {padding-top: 10px;}

	.name-product a {font-size: 14px;}

	.price-product { gap: 3px;}

	.price-new {font-size: 14px;}

 

	.info-outstand p{font-size: 20px;}

	.btn-outstand {padding: 14px 30px 10px;}



	/* PRODUCT */ 

	.product {padding: 5px;}

	.name-product {font-size: 16px;margin-bottom: 5px; } 

	.info-product{padding-top: 10px;}

	.pic-product{height: 320px;border-radius: 5px;}

	.price-product{gap: 3px;} 

	.price-product a{width: calc(50% - 3px / 2);padding: 8px 8px 6px;}

	.info-product p{margin-bottom: 5px;} 

	.wrap-product .pic-product{height: 150px;} 

	.pic-product {height: 250px;}

        

	/* tin tức */

	.item-news .info-news { padding-top: 10px;}

	.info-news h3 {font-size: 14px; margin-bottom: 5px;}

	.info-news p {margin-bottom: 0px; }



	.images-newshome {width: 140px;}

	.info-newshome h3 { margin-bottom: 3px;}

	

	/* feedback */

	.feedback{padding: 15px 15px 15px 5px;}

	.image-feedback{width: 120px;padding: 0px;} 



	/* vì sao chọn chúng tôi */

	.quote-right {padding: 0px 20px 20px;}



	/* giới thiệu */   

	.wrap-aboutus{padding: 50px 0 30px; }

 	.section-aboutus { background-size: 70% !important;}

	.title-aboutus h2 {font-size: 30px;}

	.title-aboutus p {font-size: 27px;}

	.desc-aboutus {font-size: 14px;} 



	.aboutus-info {width: 50%;padding-left: 15px;margin-left: 0;}

     

	/* vì sao chọn chúng tôi */

	.title-chooseus {margin-bottom: 10px;}

	.title-chooseus h2, .title-chooseus p, .title-chooseus span {font-size: 21px;}

	.chooseus-left { width: calc(55% - 6px);} 

	.chooseus-right { width: calc(45% - 4px);}

	.search-res .icon-search {color: var(--main);}



	.flex__left {width: calc(100% - 35%);}

	.flex__right {width: 35%; }



	

	/* footer */ 

	.footer1-news {width: calc(50% - 10px);}

	.footer2-news {width: calc(20% - 10px);}

	.footer3-news {width: calc(30% - 10px);} 

}

@media (max-width: 1001px){

	.menu-res{display:block !important;}

	#hamburger { display: block; } 

	.mb-none { display: none !important; } 

	.mb-block { display: block !important; } 



	.scrollToTop { bottom: 80px; right: 10px; } 

	footer { margin-bottom: 50px; } 

}

@media (max-width: 850px){ 

	.mgb-res{ margin-bottom: 30px; }

	.title-main h1,.title-main h2,.title-main span { font-size: 30px;}

	.title-main .slogan-text{ font-size: 16px;}

	.title-detail h1,.title-detail h2,.title-detail span { font-size: 30px;} 



	/* feedback */

	.feedback{padding: 10px 10px 10px 5px;}

	.image-feedback{width: 100px;padding: 0px;} 



	/* tin tức */

	.info-news {padding: 7px;}

}

@media (max-width: 768px) {   

	.grid-news,.grid-product  { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }  

	.swiper-button-prev,.swiper-button-next{width: 30px;height: 30px;} 

	.bgswiper .swiper-pagination {}  



	.section-aboutus{background-size: 70% !important;} 



	.chooseus-left {width: 100%;}

	.chooseus-right {width: 80%;margin: auto;}



    .info-news h3 {font-size: 13px;margin-bottom: 5px;}

} 

@media (max-width: 700px){

	.swiper-button-prev,.swiper-button-next,.bgswiper .swiper-pagination{display: none ;} 



	.title-main h1,.title-main h2,.title-main span { font-size: 25px;} 

	.title-detail h1,.title-detail h2,.title-detail span { font-size: 25px;} 

	.title-main .slogan-text{ font-size: 18px;}

	.title-main .slogan{ font-size: 14px;}



	.grid-product, .grid-news { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5px; } 



	/* giới thiệu */ 

	.title-chooseus h2, .title-chooseus p, .title-chooseus span {font-size: 20px;}

	.aboutus-info {width: 100%;padding: 15px;}

    .section-aboutus {background-size: contain !important;opacity: 0.5;}

    .chooseus-right {width: 100%;}



	.feedback {padding: unset;border-bottom: unset;}



	

	.info1,.info2,.info3,.info4{grid-column: 10 span;display:flex;align-items: flex-end;gap: 5px;}



	/* footer  */

	.footer1-news{width: 100%;margin-bottom: 1rem;} 

	.footer2-news{width: 100%;margin-bottom: 1rem;}

	.footer3-news{width: 100%;}   

}

@media (max-width: 369px) { }