@media screen and (max-width:1400px){
    .broker__desc{
               width: 368px;
    }
}
@media screen and (max-width:1100px){




}
@media screen and (max-width:1100px){




}

@media screen and (max-width:860px){
    .wrapper{
        width: 100%;
    }
    #app{
        padding-top: 0px;
    }

    section{
        padding: 80px 0px !important;
    }
}
@media screen and (max-width:1300px){

    .faq__header{
        width: 35%;
    }

    .faq__wrapp{
        width: 65%;
    }


}
@media screen and (max-width:860px){
    .banner{
        padding-top: 0px !important;
    }
    .banner .wrapper{
        width: 100%;
        background:url(../img/banner/banner-mob.jpg) no-repeat center;
        background-size: cover;
    }
    .banner__wrapp{
        margin: auto;
        width: 95%;
        padding: 20px 0px 340px 0px;
        background:none;
        background-size: cover;
        border-radius: 10px;
    }
    .banner__header{
        width: 100%;
        font-size: 3rem;
    }
    .banner__btn{
        width: 100%;
    }
    .banner__desc{
        width: 100%;
    }
    .banner__logo-wrapp img:nth-child(1){
        width: 30%
    }
    .banner__logo-wrapp img:nth-child(2){
        width: 30%
    }
    #app section h2{
            font-size: 2.4rem;
            line-height: 3.1rem;
            width: 100% !important;
    }
    #app section h3{
            font-size: 2rem !important;
            line-height: 2.4rem;
    }
    .projects-mob__link-catalog{
        width: 95%;
        margin: 20px auto 0px auto;
    }
    .projects-mob__link-catalog span{
        font-size: 1.8rem;
       line-height: 1.8rem;
    }
    #app p{
        font-size: 1.6rem !important;
       line-height: 2.2rem !important;
    }
}
@media screen and (max-width:1235px){

    .calc__clients-logo{
        width: 240px;
    }
    .clients__desc {
        width: 350px;
    }
    .calc__clients-btn {
        width: 190px;
    }
    .broker__name-photo{


    }
    .broker__photo{
         width: 124px;
    }
    .broker__name-photo{
        width: 240px;
    }
    .broker__desc{
        width: 389px;
    }
    .programm__items-info{
        width: 100%;
        margin-top: 0px;
    }
}

@media screen and (max-width:1140px){
    .cal__res{
        width: 47%;
    }
    .cal__res-item{
        width: 50%;
    }



}
@media screen and (max-width:1050px){
    .calc__clients-logo{
        width: 210px;
    }
    .broker__desc{
        width: 340px;
    }
    .clients__desc {
        width: 230px;
    }

}

@media screen and (max-width:860px){
    .condition__items{
        flex-direction: column;
    }
    .condition__item{
        width: 100%;
         border: none;
        border-bottom: 1px solid #E4DCCC;
        padding: 40px 0px;
    }
    .condition__item-num{
        margin-bottom: 30px;
        border: none;
        font-size: 2rem !important;
        line-height: 2.4rem  !important;
    }
    .calc__widget-wrapp{
         background: #F6F3ED;
         width: 100% !important;
        margin-top: 50px;
    }
    .cal__res{
        width: 100% !important;
        border-top: 1px solid #D0C6BC;
        padding-top: 30px;
    }
    .calc__fields,
    .calc-wrapp-res{
       width: 95%;
       margin: auto;
    }

    .calc-wrapp-res{
      justify-content: space-between;
      gap:0px;
    }
    .cal__res-item{
        width: 44%;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .calc__res-val{
        font-size: 1.7rem;
    }
    .widget-wrapp{
          background: #F6F3ED;
          width: 100%;
    }

    .calc__widget {
        flex-direction: column;
        padding: 30px 0px;
    }

    .cal__res-btn{
        width: 95%;
       margin: auto;
        margin-top: 20px;
        flex-direction: column;
        gap:10px;
    }
    .calc__btn{
        width: 100%;
    }

    .calc__broker{
        flex-direction: column;
        padding: 30px 20px;
    }

    .broker__name-photo{
        width: 100%;
        justify-content:flex-start;
        gap:20px;
    }

    .broker__desc {
        width: 100%;
        margin: 20px 0px;
    }
    .broker__phone{
        width: 100%;
    }
    .broker__phone-link{
        font-size: 1.3rem;
        margin-top: 14px;
    }
    .calc__clients{
        padding: 30px 20px;
         flex-direction: column;
         align-items: flex-start;
    }
    .clients__desc{
        width: 100%;
        margin-bottom: 30px;
    }
    .calc__clients-btn{
        width: 100%;
    }
    .projects{
        display: none;
    }
    .projects__items{
        grid-column: 1 / 2;
        width: 100vw;
        margin-left: -1.6rem;
        padding-left: 1.6rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        grid-gap: 0;
        gap: 1.6rem;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .projects-mob{
         display:block;
    }
    .projects-mob__price-title{
            font-size: 1.6rem;
    }
    .projects-mob__price{
          font-size: 1.8rem;
    }
    .programm__items{
        flex-direction: column;
        gap:30px;
    }
    .programm__item{
        width: 100%;
        padding: 20px;
    }
    .programm__items-info{
        flex-wrap: wrap;

    }
    .programm__items-info-item{
        width: 50%;
        margin-top: 30px;

    }
     .programm__items-info-item:last-child{
        width: 100%;
    }

    .programm__btn{
        width: 100%;
    }
    .faq>.flex{
        flex-direction: column;
    }


    .faq__wrapp{
        width: 100%;
        margin-top: 40px
    }
    .faq__question-header{
        width: 80%;
    }
}
@media screen and (max-width:399px){
        .calc__input-procent{
            flex: 1.6;
            padding-right: 5px;
        }

}