@media only screen and (max-width: 960px) {
    #Costs .box .case {
        padding: 30px 0 0 0;
        height: 650px;
    }
    #Costs .box {
        height: 650px;
        margin-bottom: 50px;
    }

    #Costs .box .case:hover {
        height: 700px;
    }

    #Request .box #TG_sender .selectWriper select {
        width: 65% !important;
    }

    #Request .box #TG_sender .selectWriper select {
        width: 65% !important;
    }

    #Request .box #TG_sender .selectWriper a, #Request .box #Server_sender .uploadWriper #Upload-btn {
        width: 35% !important;
    }

    #Request .box #TG_sender .selectWriper::before {
        right: calc(37% + 20px) !important;
    }

    #Design_styles .text_h1 p {
        font-size: 100px !important;
    }
    .section_title {
        width: 80% !important;
        margin-bottom: 30px;
    }

    .img_1 {
        background-position: center;
    }
    .img_2 {
        background-position: center;
    }

}

@media only screen and (max-width: 900px) {

    #Header {
        width: 100%;
        height: 140px;
    }

    #Header .ul .li {
        padding: 10px 14px;
    }
    #Header .h2 {
        font-size: 20px;
    }

    #WelcomePage .header_text_case h1 {
        font-size: 50px;
    }

    #Costs .box {
        flex-direction: column;
        height: fit-content;
    }

    #Costs .box .case {
        width: 80%;
        margin-bottom: 50px;
        padding: 30px 0 30px 0px;
        height: auto;
    }
    #Costs .box .case:hover {
        width: 80%;
        height: auto;
        padding: 30px 0 30px 0px;
        transform: none;
        box-shadow: none;
    }

    #Steps .case {
        width: 80%;
    }
    #Header .ul{
        justify-content: end;
    }
        
    #Header .right li{
        text-align: right;
        justify-content: end;
    }
    #Header .right .li a {
        width: 100%;
    }
    #Header .right, #Header .left {
        flex-direction: column;
    }

    #WelcomePage .header_text_case {
        padding-top: 200px;
    }

    #Header .right .li {
        justify-content: end;
    }

    #section_5 .head_txt {
        font-size: 22px !important;
    }
    #section_5 .head_txt_2 {
        font-size: 22px !important;
    }
}


@media only screen and (max-width: 720px) {

    #WelcomePage .header_text_case a {
        padding-left: 0;
        padding-right: 0;
            text-align: center !important;
            line-height: 55px !important;
        }

    #app #Steps, #app #Contacts {
            margin-bottom: 100px;
    }

    #Services .box {
        flex-direction: column;
        align-items: center;
    }
    #app #Services {
        height: auto;
    }
    #Services .box .case {
        width: 55%;
        margin-bottom: 60px;
    }

    #Services .text_box .text {
        font-size: 24px;
        margin: 20px auto 40px auto;
    }
    #Services .box .case img {
        margin-bottom: 0px;
    }
    #Services .box .case .p_name {
        margin-bottom: 12px;
    }

    #section_5 .head_txt , #section_5 .head_txt_2 {
        flex-direction: column;
        align-items: center !important;
    }

    #section_5 .burger_box .question .question_btn {
        width: 225px !important;
    }

    #section_5 .burger_box .question .question_txt {
        padding: 0 0 0 3%;
    }

    #Request .box #Server_sender .uploadWriper #Upload-text {
        overflow: hidden
    }

    section .text_box .text {
        font-size: 20px;
    }

    .toTop {
        left: 85%;
    }


    #Header_mobile{
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        background-color: #fffc;
    }
    #Header{
        display: none;
    }
    .header_mobile_left{
        width: 25%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        font-size: 40px;
        color: black;
    }
    .header_mobile_left img{
        width: 25px;
    }

    .header_mobile_center{
        width: 50%;
        text-align: center;
    }
    .header_mobile_right{
        width: 25%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        border: none;
    }
    
    .menu_btn img{
        width: 40px;
        height: 40px;
    }

    #app section {
        align-items: center !important;
    }

    section .text_box{
        max-width: 80% !important;
    }
    section .text_box h3 {
        font-size: 30px !important;
    }
        #Costs .box .case .p_name{
            font-size: 20px;
            max-width: 80%;
        }
        #Costs .box .case .p_price {
            font-size: 35px;
        }

    section .text_box .text {
        font-size: 20px !important;
    }

    #Services .box .case .p_text {
        height: fit-content;
    }

    #Costs .box {
        padding: 0;
    }

    #Steps .case {
        width: 90%;
    }
    #Steps .case .point img {
        width: 60px;
        height: 60px;
    }
    #Steps .case .line {
        margin-left: 30px !important;
    }
    #Steps .case .point {
        height: 60px;
    }
    #Steps .case .point .p_case {
        width: 75% !important;
    }

    #Steps .case .point .p_case .p_name {
        font-size: 16px;
        margin-bottom: 10px;
    }
    #Steps .case .point .p_case .p_text {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    #Contacts .time {
        max-width: 80% !important;
        height: 100px;
        margin-bottom: 70px;
    }

    section .text_box {
        max-width: 80% !important;
        margin: 100px auto 100px !important;
    }

    #Request .box #TG_sender .selectWriper, #Request .box #Server_sender .uploadWriper {
        flex-direction: column;
    }
    #Request .box #TG_sender .selectWriper select {
        width: 100% !important;
    }
    #Request .box #TG_sender .selectWriper::before {
        top: 20%;
    }
    #Request .box #TG_sender .selectWriper::before {
        right: calc(0% + 20px) !important;
    }
    #Request .box #TG_sender .selectWriper a, #Request .box #Server_sender .uploadWriper #Upload-btn {
        width: 100% !important;
        margin: 0 0 30px 0 !important;
    }

    #Request .box #Server_sender .uploadWriper #Upload-text {
        width: 100% !important;
    }
    #Request .box #TG_sender input[type="button"], #Request .box #Server_sender input[type="submit"] {
        margin-top: 20px !important;
    }

    #section_5 .burger_box .question .question_btn .learmore p {
        display: none;
    }
    #section_5 .burger_box .question .question_btn .learmore {
        display: none;
    }
    #section_5 .burger_box .question .question_btn {
        width: 40px !important;
    }
    #section_5 .burger_box .question .question_txt {
        font-size: 12px;
    }
    .ansver_text p {
        font-size: 14px !important;
    }
    .head_txt #active_tarif, .head_txt_2 #active_tarif_price {
        font-size: 30px !important;
        margin: 0 !important;
    }
    #section_5 .head_txt {
        font-size: 16px !important;
    }
    #section_5 .head_txt_2 {
        font-size: 16px !important;
    }

    #WrapperDataBase #WelcomePage .header_text_case h1 {
        font-size: 12px !important;
    }
    #WrapperDataBase #WelcomePage .header_text_case {
        padding-top: 100px !important;
    }
    #Design_styles .text_h1 p {
        font-size: 50px !important;
    }

    #WrapperDataBase #One img, #WrapperDataBase #Two img, #WrapperDataBase #Three img, #WrapperDataBase #Four img, #WrapperDataBase #Six img, #WrapperDataBase #Seven img, #WrapperDataBase #Eight img, #WrapperDataBase #Nine img, #WrapperDataBase #Ten img {
        width: 99%;
        object-fit: cover;
    }
    .section_name {
        font-size: 35px;
    }
    .section_title {
        font-size: 18px;
    }
    .toTop {
        left: 45%;
        bottom: 115px;
    }


    .scroll_container, .scroll_container2, .scroll_container3, .scroll_container4, .scroll_container5, .scroll_container6, .scroll_container7, .scroll_container8, .scroll_container9, .scroll_container10, .scroll_container11, .scroll_container12, .scroll_container13, .scroll_container14 {
    width: 350%;
    }
}


@media only screen and (max-width: 500px) {
    #WelcomePage .header_text_case h1 {
        font-size: 30px;
    }

    #WelcomePage .header_text_case {
        height: 80%;
    }
}

/* ========== АДАПТИВ ДЛЯ НОВЫХ СЕКЦИЙ ========== */

/* Узкие мониторы (≤1366px): 2 колонки */
@media only screen and (max-width: 1366px) {
    #PrivateHouses .houses-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px;
    }
}

/* Планшеты (≤1024px) */
@media only screen and (max-width: 1024px) {
    #PrivateHouses .houses-grid { 
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
    }
    
    #PrivateHouses.houses-overview { 
        padding: 60px clamp(24px, 5vw, 60px);
    }
    
    #ServicesDescription {
        padding: 60px clamp(24px, 5vw, 60px);
    }
    
    .services-desc-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
}

/* Мобильные (≤768px) */
@media only screen and (max-width: 768px) {
    #PrivateHouses .houses-grid { 
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 20px;
    }
    
    #PrivateHouses.houses-overview { 
        padding: 40px 20px;
    }
    
    #PrivateHouses .text_box h3 {
        font-size: 1.8rem;
    }
    
    #PrivateHouses .text_box .text {
        font-size: 0.95rem;
    }
    
    #PrivateHouses .house-card {
        padding: 24px 18px;
    }
    
    #PrivateHouses .house-card .icon {
        width: 70px;
        height: 70px;
        font-size: 32px;
        margin-bottom: 16px;
    }
    
    #PrivateHouses .house-card h4 {
        font-size: 1.1rem;
    }
    
    #PrivateHouses .house-card p {
        font-size: 0.9rem;
    }
    
    #PrivateHouses .house-card ul li {
        font-size: 0.85rem;
        padding: 6px 0 6px 22px;
    }
    
    #PrivateHouses .btn_book { 
        padding: 16px 30px !important;
        font-size: 0.95rem;
        white-space: normal;
        margin: 15px 0;
        max-width: 100%;
    }
    
    #PrivateHouses .cta-center {
        padding: 20px 15px;
    }
    
    /* ServicesDescription мобильная */
    #ServicesDescription {
        padding: 60px 20px;
    }
    
    #ServicesDescription .text_box h3 {
        font-size: 1.8rem;
    }
    
    #ServicesDescription .text_box .text {
        font-size: 0.95rem;
    }
    
    .services-desc-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .service-desc-card {
        padding: 24px 20px;
    }
    
    .service-desc-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }
    
    .service-desc-icon i {
        font-size: 32px;
    }
    
    .service-desc-card h4 {
        font-size: 1.15rem;
    }
    
    .service-desc-card p {
        font-size: 0.9rem;
        line-height: 1.6;
    }
}

/* Очень маленькие (≤480px) */
@media only screen and (max-width: 480px) {
    #PrivateHouses.houses-overview { 
        padding: 30px 16px;
    }
    
    #PrivateHouses .text_box h3 {
        font-size: 1.5rem;
    }
    
    #PrivateHouses .house-card .icon {
        width: 60px;
        height: 60px;
        font-size: 28px;
    }
    
    #PrivateHouses .btn_book { 
        padding: 14px 24px !important;
        font-size: 0.9rem;
    }
    
    #ServicesDescription {
        padding: 40px 16px;
    }
    
    #ServicesDescription .text_box h3 {
        font-size: 1.5rem;
    }
    
    .service-desc-card {
        padding: 20px 16px;
    }
    
    .service-desc-icon {
        width: 50px;
        height: 50px;
    }
    
    .service-desc-icon i {
        font-size: 28px;
    }
}

/* ===== BEGIN: RESPONSIVE PrivateHouses + ServicesDescription (НЕ УДАЛЯТЬ) ===== */

/* Узкие мониторы ≤1366px */
@media only screen and (max-width:1366px){
    #PrivateHouses .houses-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:26px;
    }
}

/* Планшеты ≤1024px */
@media only screen and (max-width:1024px){
    #PrivateHouses.houses-overview{padding:60px clamp(24px,5vw,60px);}
    #ServicesDescription{padding:60px clamp(24px,5vw,60px);}
    .services-desc-grid{grid-template-columns:repeat(2,1fr);gap:24px;}
}

/* Мобильные ≤768px */
@media only screen and (max-width:768px){
    #PrivateHouses .houses-grid{
        grid-template-columns:repeat(1,minmax(0,1fr));
        gap:20px;
    }
    #PrivateHouses.houses-overview{padding:40px 20px;}
    #PrivateHouses .house-card{padding:24px 18px;}
    #PrivateHouses .house-card .icon{width:70px;height:70px;font-size:32px;margin-bottom:16px;}
    #PrivateHouses .house-card h4{font-size:1.1rem;}
    #PrivateHouses .house-card p{font-size:.9rem;}
    #PrivateHouses .house-card ul li{font-size:.85rem;padding:6px 0 6px 22px;}
    #PrivateHouses .btn_book{padding:16px 30px !important;font-size:.95rem;white-space:normal;margin:15px 0;max-width:100%;}
    #PrivateHouses .cta-center{padding:20px 15px;}

    #ServicesDescription{padding:60px 20px;}
    .services-desc-grid{grid-template-columns:1fr;gap:20px;}
    .service-desc-card{padding:24px 20px;}
    .service-desc-icon{width:60px;height:60px;margin-bottom:16px;}
    .service-desc-icon i{font-size:32px;}
    .service-desc-card h4{font-size:1.15rem;}
    .service-desc-card p{font-size:.9rem;line-height:1.6;}
}

/* Очень маленькие ≤480px */
@media only screen and (max-width:480px){
    #PrivateHouses.houses-overview{padding:30px 16px;}
    #PrivateHouses .house-card .icon{width:60px;height:60px;font-size:28px;}
    #PrivateHouses .btn_book{padding:14px 24px !important;font-size:.9rem;}

    #ServicesDescription{padding:40px 16px;}
    .service-desc-card{padding:20px 16px;}
    .service-desc-icon{width:50px;height:50px;}
    .service-desc-icon i{font-size:28px;}
}
/* ===== END: RESPONSIVE PrivateHouses + ServicesDescription ===== */