@media screen and (max-width: 1280px){
    .site-wrap{
        width:100%;
        padding:0 10px;
        box-sizing:border-box;
    }
    
}
@media screen and (max-width: 1200px){
    .left-uppy-info{
        width:70%;
    }
    .right-uppy-info{
        width:30%;
    }
    .right-uppy-info img{
        width:100%;
    }
    .top-background{
        min-height: 420px;
    }
    .nav-link{
        font-size:14px;
    }
    .title{
        font-size:35px;
    }
    .sub-txt{
        font-size:28px;
        line-height: 38px;
    }
    .contacts-wrap{
        background-size:cover;
    }
}
@media screen and (max-width: 990px){
    .header-wrap .right-part .nav-wrap{
        display:none;
    }
    .menu-icon{
        display:block;
    }
    .subscr-txt {
        font-size:16px;
    }
    .left-contacts .title{
        font-size:40px;
    }
}
@media screen and (max-width: 800px){
    .contacts-wrap{
        flex-wrap:wrap;
    }
    .left-contacts{
        width:100%;
    }
    .right-contacts{
        width:100%;
    }
}
@media screen and (max-width: 700px){
    .right-uppy-info{
        display:none;
    }
    .left-uppy-info{
        width:100%;
    }
    .top-uppy-info{
        flex-wrap:wrap;
    }
    .top-background{
        min-height: 310px;
    }
    .four-boxes-wrap{
        flex-wrap:wrap;
    }
    .box-wrap{
        width:48%;
    }
    .colum-info{
        flex-wrap:wrap;
    }
    .colum{
        width:100%;
    }
    .blue-bg{
        background: none;
    }
    .left-blue{
        width:100%;
    }
    .right-blue{
        width:100%;
        padding:0px;
    }
    .all-plans{
        flex-wrap:wrap;
    }
    .plan-box{
        width:100%;
    }
    .title{
        font-size:26px;
    }
    .sub-txt{
        font-size:24px;
        line-height: 30px;
    }
}
@media screen and (max-width: 540px){
     .sub-txt{
        font-size:18px;
        line-height: 26px;
    }
    .top-background{
        min-height: 295px;
    }
    .box-wrap{
        width:100%;
    }
    .colum-box{
        height: auto;
    }
    .plans-wrap .sub-txt{
        font-size:16px;
        line-height: 20px;
    }
    .opinion-box .txt p{
        font-size:14px;
    }
    .left-contacts .title{
        font-size:26px;
    }
    .sub-info{
        font-size:16px;
        line-height: 22px;
        
    }
    .right-blue .sub-info{
        color:#000;
    }
    .contacts-form{
        margin-top:0px;
    }
    .contacts-form .inp-hld{
        width:100%;
    }
    .footer-wrap{
        flex-wrap:wrap;
        gap:10px;
    }
    .left-footer{
        width:100%;
    }
    .right-footer{
        width:100%;
    }
    .price .big{
        font-size:35px;
    }
    .plan-box .small-title{
        margin-bottom:10px;
    }
    .price{
        margin-bottom:10px;
    }
    .blue-parts-section .title{
        font-size:26px;
    }
}
@media screen and (max-width: 440px){
     .btns{
         margin-top:30px;
         gap:10px;
     }
}
@media screen and (max-width: 390px){
     .send-btn{
         font-size:15px;
     }
     .btns{
         margin-top:5px;
     }
     .send-btn:after, .see-more:after{
         top:26px;
     }
     .bottom-boxes .bottom-box p{
         font-size:14px;
         line-height: 19px;
     }
     .title{
         font-size:22px;
     }
}