@media (max-width: 1199px){
    .container {
        max-width: 100%;
    }
}

@media (max-width: 1170px) {
    .header-nav li + li {
        margin-left: 20px;
    }
    .price-bl-card {
    grid-template-columns: repeat(2, 1fr);
    }
    .price-bl-card-4 {
    grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1080px) {
    .header-nav, .menu {
        display: none;
    }
    .mobile-nav-button {
        display: flex;
    }
    
    .header-social {
        width: 125px;
    }

    .action {
        height: auto;
    }

.advantages-row {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
}

}









@media (max-width: 992px) {





.gallary {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(8, 275px);
grid-template-areas:
    "works-item-1 works-item-1"
    "works-item-1 works-item-1"
    "works-item-2 works-item-3"
    "works-item-4 works-item-5"
    "works-item-6 works-item-7"
    "works-item-8 works-item-9"
    "works-item-10 works-item-10"
    "works-item-10 works-item-10"
    ;
}


}






@media (max-width: 768px) {

.footer-row {
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

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

.action-bottom-row {
    flex-direction: column;
}
.action-bottom-row h3 {
    font-size: 32px;
}
.action-bottom-row p {
    font-size: 22px;
}

.works-item-1 {
    border-radius: 40px;
}
.works-item-2 {
    border-radius: 40px;
}
.works-item-3 {
    border-radius: 40px;
}
.works-item-4 {
    border-radius: 40px;
}
.works-item-5 {
    border-radius: 40px;
}
.works-item-6 {
    border-radius: 40px;
}
.works-item-7 {
    border-radius: 40px;
}
.works-item-8 {
    border-radius: 40px;
}
.works-item-9 {
    border-radius: 40px;
}
.works-item-10 {
    border-radius: 40px;
}


.gallary {
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(10, 275px);
grid-template-areas:
    "works-item-1"
    "works-item-2"
    "works-item-3"
    "works-item-4"
    "works-item-5"
    "works-item-6"
    "works-item-7"
    "works-item-8"
    "works-item-9"
    "works-item-10";
}
.section-heading {
    font-size: 30px;
}



    .price-bl-card {
    grid-template-columns: repeat(1, 1fr);
    }
    .price-bl-card-4 {
    grid-template-columns: repeat(1, 1fr);
    }

}














@media (max-width: 576px) {

    .action {
        height: auto;
    }

    .action-content {
        justify-content: center;
    }
    .tab-header {
        flex-wrap: wrap;
    }

    .action::after {
    top: -43px;
    }
    .action::before {
    bottom: -53px;
    }
    #faq h2 {
    line-height: 30px;
    }
    

}

@media (max-width: 420px) {
    .home-heading {
    font-size: 45px;
    }
    .contact-form {
    width: 300px;
    }
    .contact-form-images {
    flex: 0 0 300px;
    }
}