/* Responsive */
@media (max-width:1024px) {
	/* General */
	.rps-xl--visible { display: block; }
	.rps-xl--hidden { display: none; }
	.rps-xl--w-100 { width: 100%; }
	#hamburger { display: block; margin-bottom: 0;  } 
	#hamburger:before, #hamburger:after, #hamburger span {background: var(--clr-main);}
	.navigation nav ul li ul {position: unset;box-shadow: none;opacity: 1;visibility: unset;} 
	.search__toggle .search__icon {color: var(--clr-main);}

	.navigation__abs {display: none;}
	.navigation.block,
	.navigation.hidden {display: block; background: var(--clr-white);}
	.intro__main {flex-direction: column-reverse; gap: 50px;}
	.intro__main .intro-left {width: 70%;}
	.intro__main .intro-right {width: 100%;}
	.intro-photo1 {margin-left: 10%;}
	.intro-photo2 {right: 5%;}

	.serviceHome__main .service-item {width: 42%;}

	.formNewsletter__main {flex-direction: column;gap: 50px;justify-content: center;align-items: center;}
	.formNewsletter-left {width: 64%;}
	.formNewsletter-right {width: 68%;}
}
@media (max-width:850px) {
	/* General */
	.rps-lg--visible { display: block; }
	.rps-lg--hidden { display: none; }
	.rps-lg--w-100 { width: 100%; }
	.news-left { width: 100%; }
	.news-right { width: 100%; margin-top: 30px; padding: 10px; }

	.grid-product {grid-template-columns: repeat(3,1fr);}
	.grid-service {grid-template-columns: repeat(2,1fr);}
	.serviceHome__main .service-item {width: 48%;}
	.feedback-logo {max-width: 540px; margin-left: auto; margin-right: auto;}
	.feedback__main .swiper-slide .feedback-item {transform: scale(.75);}
	.feedback__main .swiper-slide.swiper-slide-active .feedback-item {padding: 0px 0 90px;transform: scale(.75);}
	.feedback-photo:before {left: 20rem;}
	.service-item:after {height: 300px;}
	.flex-ajax {gap: 30px;}
	.product-ajax-left,
	.product-ajax-right {width: 100%;} 
 

	/* Footer */
	.footer-article__inner>[class^="footer-article--"] { width: 100%; }
	.footer-article__inner>[class^="footer-article--"]:not(:last-child) { margin-bottom: 1.5rem; }
	
}
@media (max-width:769px) {
	.gutter-x-20 { --bs-gutter-x: 10px; } 
	.grid-pro-detail { display: block; }
	.grid-pro-detail .left-pro-detail { width: 100%; padding: 0px; border-right: none; }

	.grid-product {grid-template-columns: repeat(2,1fr);}
	.grid-news {grid-template-columns: repeat(1,1fr);}
	.grid-album {grid-template-rows: repeat(4,auto);grid-template-columns: repeat(2,1fr);}
	.grid-album .album__item-inner:nth-child(4) {grid-column: 1/3;grid-row: 4/5;}
	.grid-album .album__item-inner:nth-child(5) {grid-column: 1/2;grid-row: 5/6;}
	.grid-album .album__item-inner:nth-child(6) {grid-column: 2/3;grid-row: 5/6;}
	.grid-album .album__item-inner img {width: 100%;}

	.formNewsletter-left {width: 81%;}
	.newsHome-left,
	.newsHome-right {width: 100%;}
	.feedback-item {box-shadow: none;}


	.footer-powered:has(.footer-statistic) .footer-copyright, .footer-powered:has(.footer-statistic) .footer-statistic { text-align: center; }
	.footer-powered:has(.footer-statistic) .footer-copyright { margin-bottom: 0.25rem; } 
	.feedback__info:before {content: none;}
  
}
@media (max-width:576px) { 
	/* General */
	.rps-md--visible { display: block; }
	.rps-md--hidden { display: none; }
	.rps-md--w-100 { width: 100%; }

	.intro__main:before,
	.intro__main:after,
	.intro-photo1,
	.intro-photo2 {display: none;}
	.intro__main .intro-left {width: 100%;}
	.intro__main {gap: 0;}
	.grid-service {grid-template-columns: 1fr;}
	.serviceHome__main .service-item {width: 100%;}
	.service-item:after {height: 350px;}
	.feedback__main .swiper-slide .feedback-item {transform: scale(1);}
	.feedback__main .swiper-slide.swiper-slide-active .feedback-item {padding: 0px 0 90px;transform: scale(1);}
	.feedback-photo:before {left: 7rem;}
	.formNewsletter__main:before {display: none;}
	.formNewsletter-right {width: 100%;}
	.formNewsletter-left {width: 100%;}
	.video-photo {padding: 30px 48px 30px 20px;}
	.video-photo:before {zoom: .75;left: -5rem;top: -5px;}
	.formNewsletter-left .img-video:after {top: 7rem; right: 7rem;}
	.formNewsletter-inner {padding: 70px 21px;}
	
}
@media (max-width:440px) {
	.video-photo:before {zoom: .7;}
 }
@media (max-width:369px) { 
	
	.grid-product {grid-template-columns: repeat(1,1fr);}
}