@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);
    }
    
    
    .reviews-img img {
        display: none;
    }
    .reviews-row {
        justify-content: center;
    }
    .reviews-img::after {
        display: none;
    }
    .text-overlay {
        display: none;
    }
    
        .header-nav, .menu {
        display: none;
    }
    .mobile-nav-button {
        display: flex;
    }
    
    .header-social {
        width: 100px;
    }
}









@media (max-width: 1080px) {



    .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);
    }
    
    .home-heading {
        font-size: 52px;
    }
    .home-heading-small {
        font-size: 36px;
    }


}














@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;
    }
    .reviews-user-iframe{
        width:320px;
        height:747px;
        overflow:hidden;
        position:relative;
    }
    .header-logo img {
        width: 100px;
    }
    .header-login {
    gap: 5px;
    }
    .header-row {
    gap: 5px;
}
    .home-heading {
        font-size: 45px;
        text-align: center;
    }
    .home-heading-small {
        font-size: 32px;
        text-align: center;
    }
    .home-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}


    
    .home-advantages {
    justify-content: center;
}

}

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



@media (max-width: 375px) {
    .home-heading {
        font-size: 32px;
    }
    .home-heading-small {
        font-size: 24px;
    }
}