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


@media (max-width: 1200px) {

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

}

@media (max-width:1024px) {

.about-purpose-section .purpose-wrapper {grid-template-columns:repeat(2, 1fr); gap:30px;}
.about-purpose-section .about-purpose-section {padding:60px 40px;}
.about-purpose-section .purpose-image {margin-top:0px;}
.about-purpose-section .purpose-image img {min-height:inherit;}
.about-purpose-section .purpose-content h2 {font-size:32px;}
.advantages-wrapper .advantages-content {
    padding:30px 30px 0;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    max-height:inherit;}

.footer-logo-inner {flex-wrap:wrap;}
.footer-logo-inner .fl-left, .footer-logo-inner .fl-right {display:flex; max-width:50%;}
.footer-logo-row h1 {font-size:72px; font-weight:500;}
.home-banner .banner-content {display:none;}
.site-header .container {padding-left:15px; padding-right:15px;}
.footer-content {gap:20px;}
.footer-links {gap:10px;}

.best-seller-section {padding:30px 0;}
.best-seller-section .section-title {
	font-size:30px;
    font-weight:500;
    margin-bottom:15px;}
.category-section .overlay h3 {font-size:25px;}
.about-purpose-section {padding:20px 30px 0;}
.about-purpose-section .purpose-content {padding-top:0; padding-bottom:20px;}

.advantages-content h2 {font-size:30px; margin-bottom:10px;}
.advantage-item {padding:15px 0;}
.advantage-item h4 {font-size:16px;}
.advantage-item p {font-size:13px;}
.advantages-content .intro-text {margin-bottom:30px;}
.personalization-wrapper {min-height:inherit;}
.personalization-content {padding:50px;}
.personalization-content .eyebrow {font-size:12px; margin-bottom:5px;}
.personalization-content h2 {
	font-size:36px;
    font-weight:500;
    margin-bottom:20px;}
.personalization-content p {
    font-size:13px;
    line-height:1.3;
    margin-bottom: 20px;
    max-width:100%;}	

 
}


@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;}
.about-purpose-section .purpose-content h2 br {display:none;}

}


@media (max-width:767px) {

.about-purpose-section .purpose-content {padding-top:10px;}
.about-purpose-section {padding:20px;}
.about-purpose-section .purpose-wrapper {gap:20px;}
.about-purpose-section .purpose-image {margin-top:10px; padding-bottom:10px;}
.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:25px;}

.best-seller-section {padding:20px 0;}
.best-seller-section .section-title {font-size:20px; font-weight:500; margin-bottom:15px;}

.category-section .overlay h3 { font-size:22px;}
.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:24px; margin-bottom:10px;}
.advantage-item h4 {
    font-size:15px;
    margin-bottom:5px;
    font-weight:500;}
.advantage-item p {font-size:12px;}	

.category-section .btn-light {padding:10px 20px; font-size:12px; line-height:1;}
 
.personalization-content {padding:40px 20px 20px;} 
.personalization-content h2 {font-size:24px; margin-bottom:10px;} 
.personalization-content .eyebrow {font-size:12px; font-weight:600; margin-bottom:5px;}
.personalization-content p {font-size:12px;} 

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

.footer-content {padding:20px 5px; gap:20px;}
.footer-logo-row h1 {font-size: 22px; font-weight: 500;}
.footer-logo-inner .fl-left, .footer-logo-inner .fl-right {display:flex; max-width: 50%;}
.footer-logo-row {padding:20px 5px;}
.footer-links {grid-template-columns:repeat(2, 1fr);}
.footer-newsletter p {margin-bottom:10px;}
.footer-links .footer-col a {font-size:12px;}
.footer-col h4 {font-size:12px; margin-bottom:10px;}
.footer-bottom {padding:10px 0; font-size:12px;}


.about-purpose-section .about-purpose-section {padding:40px 20px;}
.about-purpose-section .purpose-content h2 {font-size:24px;}
.about-purpose-section .purpose-content h2 br {display:none;}
.about-purpose-section .eyebrow {    
	font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 5px;}
.about-purpose-section .purpose-content p {font-size:14px; margin-bottom:15px;}


}


@media (max-width:600px) {



}


@media (max-width:375px) {

}