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

    .price-bl-card {
        display: grid;
        grid-template-columns: repeat(2, 370px);
        gap: 50px 30px;
    }


}










@media (max-width: 1170px) {
    .header-nav li + li {
        margin-left: 20px;
    }

    .about-img {
        max-width: 450px;
    }

    .advantages-grid {
        gap: 40px;
        grid-template-columns: repeat(2, 350px);
    }


    .text-overlay {
        display: none;
    }
    .reviews-img img {
        display: none;
    }
    .reviews-row {
        justify-content: center;
    }

    .gallary {
        grid-template-columns: repeat(2, 280px);
        grid-template-rows: repeat(3,210px);
        grid-template-areas:
            "item1 item2"
            "item1 item2"
            "item3 item4"
            "item3 item4"
            "item5 item6"
            "item5 item6"
        ;
    }

}






























@media (max-width: 992px) {
    .menu {
        display: block;
    }
    .menu-nav {
        display: none;
    }
    .mobile-nav-button {
        display: flex;
    }
    .menu-row {
        display: flex;
        justify-content: end;
    }


    .home {
        padding-bottom: 30px;
    }
    .home-row {
        flex-direction: column;
        align-items: center;
    }
    .home-content {
        max-width: 100%;
        text-align: center;
        align-items: center;
    }

    .home-stok {
        width: 100%;
        margin-top: 30px;
        background-color: #fff;
        padding-bottom: 30px;
    }
    .ya-iframe {
        padding-left: 50px;
    }

    .about-img {
        max-width: 350px;
    }


    
    .price-bl-card {
        display: grid;
        grid-template-columns: repeat(1, 370px);
        gap: 50px 30px;
    }




    .container-before {
        max-height: 350px;
        max-width: 500px;
    }


   
    .faq-row {
        flex-direction: column;
    }

    .faq-r {
        padding-top: 20px;
    }

    

}
























@media (max-width: 768px) {
    .header-logo {
        /* margin-bottom: 20px; */
    }
    .header-logo-name {
        display: none;
    }
    .header-contact {
        display: none;
    }



    .home {
        padding-top: 40px;
    }
    .home-stok-text {
        font-size: 26px;
    }



    .about-img {
        max-width: 350px;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .about-row {
    flex-direction: column;
    align-items: center;
    }

    .about-text {
        margin: 0 30px;
    }

    .advantages-grid {
        gap: 20px;
        grid-template-columns: repeat(1, 350px);
    }

    .gallary {
        grid-template-columns: repeat(1, 360px);
        grid-template-rows: repeat(6,480px);
        grid-template-areas:
            "item1"
            "item2"
            "item3"
            "item4"
            "item5"
            "item6"
        ;
    }


    .works-more {
        padding-top: 30px;
    }
    .reviews-bottom {
        flex-direction: column;
    }

}






















@media (max-width: 576px) {
    .header-logo img {
    width: 185px;
    padding: 20px 0;
    }


    .reviews-user-iframe{
        width:320px;
        height:747px;
        overflow:hidden;
        position:relative;
    }

    .action-b-row h2 {
        font-size: 32px;
    }

    .footer-row {
        flex-direction: column-reverse;
    }

    .copyright {
        padding-top: 20px;
    }

    .contacts {
    padding-bottom: 20px;
    }


    .container-before {
        max-height: 300px;
        max-width: 90%;
}
}


























@media (max-width: 375px) {


}