@media (max-width: 1200px){
    .nav-head {
        flex-direction: column !important;
    }

    .navig {
        flex-direction: row;
    }

    .site-header {
        flex-direction: column;
    }

    .site-header-logo {
        justify-content: center;
    }

    .site-header-contact {
        justify-content: center;
    }

    .advantages-media {
        display: none !important;
    }

    .market-advantages-list {
        flex-direction: row !important;
    }

    .advantages-pic {
        width: 45px;
    }

    .market-prod-main {
        flex-direction: row !important;
    }

    .market-prod-title h2 {
        font-size: 14px;
    }

    .market-prod-desc {
        font-size: 12px;
    }

    .market-prod-card {
        height: 330px !important;
    }
}



@media (max-width: 992px){
    .market-advantages-list {
        flex-direction: column !important;
        width: 100% !important;
    }

    .pro-gallery {
        display: none;
    }

    .pro-text {
        width: 100%;
    }

    .market-prod-card {
        width: 80% !important;
    }

    .market-prod-card {
        height: 240px !important;
    }

    .market-prod-img img {
        max-height: 180px;
    }

    .btn-form-section {
        flex-direction: column;
    }

    .btn-block {
        width: 100%;
    }

    .work-order-section {
        width: 100%;
    }

    .pay-img {
        gap: 0px;
    }

    .footer-brand-pay {
        display: flex !important;
    }

    .pay-img img {
        width: 125px;
    }

    .site-header-phone, .site-header-adress {
        width: 50%;
        border: 0;
    }

    .hello-head-op {
        top: 35%;
        width: 100%;
        height: 110%;
    }

    .glass-form {
        width: 100%;
    }

    .contact-page-wrapper {
        flex-direction: column;
    }

    .contact-page-block-bg {
        width: 100%;
    }

    .questions-accordion {
        width: 100%;
    }

    .page-of-prod-cont {
        flex-direction: column;
    }

    .preimujestva-nashe-list{
        width: 100% !important;
    }
}


@media(max-width: 768px){
    .footer-container {
        padding-top: 137px;
        position: relative;
        flex-direction: column;
    }
    
    .spes-list {
        gap: 14px;
        align-items: center;
    }

    .footer-brand-pay {
        position: absolute;
        top: 0;
    }

    .s-link {
        font-size: 14px;
    }

    .market-prod-card {
        width: 95% !important;
    }
 
    .form-title {
        font-size: 16px;
        width: 100%;
    }

    .site-header-contact {
        flex-direction: column;
        gap: 10px;
    }

    .site-header-phone, .site-header-adress {
        width: 100%;
    }

    .navig {
        gap: 5px;
        flex-wrap: wrap;
    }

    .navig-link {
        font-size: 14px;
    }

    .dropdown .dropbtn {
        font-size: 14px;
    }

    .contact-page {
        padding: 50px 10px;
    }

    .prod-comm-block {
        flex-direction: column !important;
    }

    .hello-head {
        width: 90%;
        left: 0 !important;
    }

    

    .hello-head-op {
        transform: skewY(16deg) !important; 
    }

    .preimujestva-nashe-wrapper{
        align-items: center;
        justify-content: center;
    }

    .preimujestva-nashe-list{
        flex-direction: column;
    }

    .preimujestva-nashe-item{
        width: 100%;
    }

}


@media(max-width: 576px){

    .order-steps-title{
        font-size: 22px;
    }
    .hello-head-title {
    
        font-size: 18px;
    }

    .market-prod-cat {
        padding: 68px 15px;
    }
    
    .market-prod-main {
        flex-direction: column !important;
    } 

    .market-prod-card {
        height: 390px !important;
    }

    .market-prod-card:hover .market-prod-content {
        top: 225px;
    }

    .prod-info p {
        font-size: 12px; 
        font-weight: 600;
    }

    .form-f {
        margin-top: 55px; 

    }

    .form-left {
        width: 100%;
    }

    .work-block {
        width: 100%;
    }

   
    .navig {
        flex-direction: column !important;
    }

    .dropdown-content a {
        width: 265px;
    }

    .page-of-prod {
        padding: 55px 10px; 
    }

    .prod-comm {
        padding: 35px 10px;
    }
}