/************* RESPONSIVE *************/

@media (max-width:1024px) {

.about-purpose-section .purpose-wrapper {grid-template-columns:1fr;}
.about-purpose-section .about-purpose-section {padding:60px 40px;}
.about-purpose-section .purpose-image {margin-top:40px;}
.about-purpose-section .purpose-content h2 {font-size:42px;}

.footer-logo-inner {flex-wrap:wrap;}
.home-banner .banner-content {display:none;}
.site-header .container {padding-left:15px; padding-right:15px;}
 
}

@media (max-width: 1200px) {

.about-purpose-section .purpose-content h2 {font-size:52px;}

}


@media (max-width: 991px) {

.product-grid,  .advantages {grid-template-columns: repeat(2, 1fr);}
.category-grid {grid-template-columns: repeat(2, 1fr);}

.footer-logo-row {flex-direction:column; gap:20px;}
.footer-logo-row h1 {font-size: 64px;}
.footer-content {grid-template-columns: 1fr;}
.footer-links {grid-template-columns: repeat(2, 1fr);}

.category-section .overlay h3, .category-section .btn-light {
 opacity: 1;
 transform: none;}
.category-grid {grid-template-columns: repeat(2, 1fr);}
.category-item {height: 360px;}
.category-section  .overlay h3 {font-size: 26px;}

.advantages-wrapper {
 grid-template-columns: 1fr;}
.advantages-image {
 height: 420px;}
.advantages-content {
 padding: 60px 40px;}
.advantages-content h2 {font-size: 34px;}

.personalization-wrapper {grid-template-columns:1fr;}
.personalization-image {height: 420px;}
.personalization-content {padding: 60px 40px;}
.personalization-content h2 {font-size: 36px;}

.header-inner {grid-template-columns:none;         
		display: flex;
        flex-direction: row;
        max-width: 100%;
        justify-content:space-between;}
.header-icons .list-inline-item:not(:last-child) {margin-right:6px;}		
.main-nav {display:none;}

.promo-card {max-width:100%; padding:20px;}
.promo-title {font-size:22px;}
.product-img-wrapper img {max-height:180px;}

.best-seller-section .section-title {font-size:40px;}

}


@media (max-width:767px) {

.about-purpose-section .purpose-content {padding-top:30px;}
.about-purpose-section {padding:20px;}
.about-purpose-section .purpose-wrapper {gap:20px;}
.about-purpose-section .purpose-image { margin-top:20px;}
.about-purpose-section .purpose-image img {min-height:inherit;}
.advantages-wrapper .advantages-content {padding:20px 20px 0; max-height: inherit;}
.advantages-content .intro-text {margin-bottom:40px;}


}


@media (max-width:600px) {

.category-grid {grid-template-columns: 1fr;}
.category-item {height: 300px;}
.overlay h3 {font-size: 22px;}

.advantages-content {
 padding: 40px 20px;}
.advantages-content h2 {
 font-size: 28px;}
 
.personalization-content {padding:40px 20px;} 
.personalization-content h2 {font-size:30px;} 

.product-grid,  .advantages,  .category-grid {grid-template-columns:1fr;}

.footer-logo-row,  .footer-content {padding:40px 20px;}
.footer-logo-row h1 {font-size:42px;}
.footer-links {grid-template-columns:1fr;}

.about-purpose-section .about-purpose-section {padding:40px 20px;}
.about-purpose-section .purpose-content h2 {font-size:34px;}
.about-purpose-section .purpose-content p {font-size:14px;}

.best-seller-section .section-title {font-size:30px;}

}


@media (max-width:375px) {

}