.page-header-section {    align-items: start !important;}
.components-content.wysiwyg-content {
    display: flex;
}   
@media (max-width:1200px) {
    body.single-post .page-header-section {    margin-top: 50px;}
}

@media (max-width: 1600px) and (min-width: 1366px) {
   
    .hero-slider, .hero-slider-product {height: 700px;}
    body .hero-title {font-size: 50px;line-height: 60px;}
    body .main-navigation .nav-menu, body .header-actions { gap: 35px; }
    .hero-navigation {left: 15px;    }
    .hero-slide .hero-container, .hero-slider-product .hero-content{padding: 0 100px !important}
    .site-branding {margin-right: 50px;    }
    .hero-social {right: 100px; }
    .featured-product-item .product-image img { height: unset !important; }
    .section-header-content .section-title, h2.contact-title, h2.section-title, h2.about-title, h2.section-title, .page-header-content .page-title, .acf-fqa-section .section-title-fqa
     {font-size: 42px !important;line-height: 50px !important;}    
     .featured-product-item .product-image img {height: 370px !important;object-fit: cover !important;width: 100%;}
    .container .container {padding: 0;}
    .page-header-content .page-description {max-width: 800px;}
    .hero-btn span, .btn-get-contact.genel-button, .blog-section .blog-button-container .blog-button{font-size: 16px;}
    .hero-navigation-product {left: 25px !important;}
   
   
}
@media (max-width: 1500px){
.values-section .accordion-item.active {

    width: 25%;
}
    .values-section .accordion-item
    {
        width: 13.75%;
    }
}

body .hero-navigation-product {
    left: 0px;
transform: translateX(0%) !important;
}

@media (max-width: 1300px){
body .hero-navigation-product {
    left: 35px;
transform: translateX(0%) !important;
}

}
@media (max-width: 1199px) and (min-width: 1024px) {
    .hero-navigation {
        left: 24px;
    }
}
@media (max-width: 1365px) and (min-width: 1200px) {
   
    .hero-slider, .hero-slider-product {height: 650px;}
    body .hero-title {font-size: 50px;line-height: 60px;}
    body .main-navigation .nav-menu, body .header-actions { gap: 35px; }
    .container { padding: 0 75px; }
    .hero-slide .hero-container, .hero-slider-product .hero-content{padding: 0 75px !important}
    .site-branding {margin-right: 50px;    }
    .hero-social {right: 100px; }
    .featured-product-item .product-image img { height: unset !important; }
    .section-header-content .section-title, h2.contact-title, h2.section-title, h2.about-title, h2.section-title, .page-header-content .page-title, .acf-fqa-section .section-title-fqa
     {font-size: 42px !important;line-height: 50px !important;}    
     .featured-product-item .product-image img {height: 370px !important;object-fit: cover !important;width: 100%;}
    .container .container {padding: 0;}
    .page-header-content .page-description {max-width: 800px;}
    .hero-btn span, .btn-get-contact.genel-button, .blog-section .blog-button-container .blog-button{font-size: 16px;}
    .hero-navigation-product {left: 0px !important;}
    .site-branding .site-logo { height: 60px;   }
    .header-top-bar {
        padding: 0px 30px;
    }
    .section-header {
        margin-bottom: 40px;
    }
    .hero-content {
        gap: 10px;
    }
    
}