@media screen and (max-width: 1330px) {
    .why-SH { padding-left: 44px; }
    .footer-content { padding-right: 0; }
}

@media screen and (max-width: 1200px) {
    .footer-content {
        flex-direction: column;
        gap: 30px;
    }
}

@media screen and (max-width: 1250px) {
    .Container { padding: 0 20px; }
    .why-SH { padding-left: 20px; }
    .menu { gap: 10px; }

    .why-SH-reasons .title1, .why-SH-reasons .title2 {
        font-size: 20px;
    }

    .working-process-container, .customer-review-container {
        padding: 40px 20px;
    }

    .review-swiper-container { padding: 0; }

    .offers-container { padding: 110px 20px 0;}
    .offer-slide { width: 285px !important; }
    .partner-slide { width: 205px !important; }

    footer { padding: 40px 20px !important; }
}

@media screen and (max-width: 1075px) {
    .menu a {
        font-size: 10px;
        line-height: 13px;
    }

    .banner-text div {
        justify-content: center;
        gap: 20px;
        font-size: 25px;
        line-height: 30px;
    }

    .working-process-content hr { margin-bottom: 30px; }

    .prices, .certificates {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .prices .price-card, .certificates div {
        width: 445px;
    }
}

@media screen and (max-width: 1023px) {
    .header-content { justify-content: flex-end; }
    .menu { display: none; }
    .show-menu { display: flex; }
    .banner-text { 
        top: 20%; 
        > p:first-child {
            font-size: 20px;
            line-height: 24px;
        }
    }

    .why-SH { padding-right: 20px; }
    .why-SH > img:last-child { display: none; }
    .why-SH-reasons { width: 100%; }


    .working-process-swiper { width: 100%; }
    .working-process-content > .title { margin-bottom: 1rem; }
    .titl1, .title2 {
        font-size: 20px;
    }

    .price-content { padding: 40px 0; }
    .certificate-container, .customer-review-container { margin-bottom: 40px; }

    .review-button { display: none !important; }
    .review-swiper { width: 100%; }
}

@media screen and (max-width: 950px) {
    .questions-preview {
        flex-direction: column;
        gap: 45px;
    }

    .question-card { width: 100%; }
    .title1, .title2 { font-size: 18px; }

    .review-slide { padding: 20px; }
}

@media screen and (max-width: 800px) {
    .preview-buttons { 
        flex-direction: column; 
        gap: 10px;
    }

    .prices .price-card, .certificates div { width: 100%; }
}

@media screen and (max-width: 767px) {
    .header-content { justify-content: space-between; }
    .mobile-logo { 
        display: flex; 
        img {
            width: 60px;
            object-fit: cover;
        }
    } 

    .logos { display: none; }

    .sidenav {
        position: absolute;
        top: 100px;
        left: -354px;
        transition: all 0.3s ease;
        z-index: 1000;
        &.active { 
            left: 0; 
        }
    }

    .main-content { margin-left: 0; }
}

@media screen and (max-width: 450px) {
    .banner-swiper { height: 350px; }
    .banner-text div {
        font-size: 20px;
        line-height: 24px;
    }

    .title1, .title2 { font-size: 16px; }
    .working-process-content, .offers-container {
        .title1, .title2 { font-size: 14px; }
    }

    .working-process-swiper { padding-bottom: 70px !important; }
    .offers-container {
        padding-top: 50px;
        height: 350px;
    }

    .prices .price-card { padding: 30px 20px; }

    .sidenav {
        width: 100%;
        left: -100%;
    }
}