@media screen and (max-width: 1230px) {
    .num_lang{
        margin-left: 10vw;
    }
    .form_inputs{
        width: 850px;
    }
    .form_ul li{
        padding: 0px 10px;
    }
    .benefits,.etape{
        width: 900px;
    }
    .benefits div,.etape div{
        width: 150px;
    }
    .benefits div p,.etape div p{
        text-align: center;
    }
    .br1{
        display: unset;
    }
}
@media screen and (max-width: 990px) {
    .calculator,.sectiont1,.sectiont2,.ab_us,footer{
        margin: 0;
    }
    #slider1,#slider2{
        width: 600px;
    }
    .calculator{
        height: unset;
    }
    .form_inputs{
        width: 700px;
        margin-bottom: 30px;
    }
    .calculator_text{
        width: 700px;
    }
    .sectiont1,.sectiont2{
        height: unset;
    }
    .form_ul{
        flex-direction: column;
        margin: 15px 0 15px 0;

    }
    .form_ul li{
        padding: 7px 0;
    }
    .benefits,.etape{
        flex-direction: column;
        width: 300px;
        align-items: center; 
        margin-bottom: 0;
    }
    .benefits div,.etape div{
        width: 250px;
        margin: 10px 0;
    }
    .benefits div img,.etape div img{
        height: 120px;
        width: 120px;
    }
    .benefits div p,.etape div p{
        font-size: 22px;
    }
    #button2{
        margin: 30px 0;
    }
    .checkbox{
        margin-bottom: 20px;
    }
    .logo{
        height: 30px;
    }
    .number_a p{
        font-size: 30px;
        width: 170px;
    }
    .number_a span{
        margin-top: 10px;
    }
    .limba a{
        margin-bottom: 12px;
    }
    .number{
        margin-left: 5%;
    }
    .ab_us div p:not(.ab_us_t){
        margin: 15px 10px;
        font-size: 19px;
    }
    .ab_us > div{
        margin: 0 50px;
    }
}
@media screen and (max-width: 800px) {
    .num_lang{
        margin-left: 0vw;
        margin-right: 20px;
    }
    footer div p{
        font-size: 17px;
    }
    footer div p span{
        font-size: 15px;
    }
    .br2{
        display: unset;
    }
    .ab_us > div{
        margin: 0 30px;
    }
}
@media screen and (max-width: 780px) {
    #slider1,#slider2{
        width: 400px;
    }
    .div_nav{
        flex-direction: column;
    }
    .calculator_text{
        width: 400px;
        font-size: 16px;
    }
    .limba{
        height: 25px;
    }
    .limba a{
        font-size: 20px;
        margin-top: 37px;
    }
    .div_nav{
        margin: 20px 70px 13px 70px;
    }
    .form_inputs{
        width: 550px;
    }
    .sectiont1 > p, .sectiont2 > p, .ab_us_t{
    margin: 30px 0px 20px 0px;
    }
    #button2, #button1{
        margin: 20px 0px 30px 0px;
    }
}
@media screen and (max-width: 595px) {
    .form_inputs{
        width: 350px;
    }
    .checkbox p{
        display: grid;
    }
    .ab_us > div{
        margin: 0px;
    }
}
@media screen and (max-width: 502px) {
    footer div p{
        font-size: 12px;
        margin: 0 10px;
    }
    footer div p span{
        font-size: 13px;
    }
    .number_a p{
        font-size: 25px;
        width: 142px;
    }
    .number_a span{
        font-size: 20px;
    }
    .limba a{
        font-size: 20px;
        margin-top: 29px;
    }
}
@media screen and (max-width: 450px) {
    #slider1,#slider2{
        width: 330px;
    }
    .calculator_text{
        width: 350px;
        font-size: 14px
    }
    .benefits div,.etape div{
        width: 200px;
        margin: 10px 0;
    }
    .benefits div img,.etape div img{
        height: 100px;
        width: 100px;
    }
    .benefits div p,.etape div p{
        font-size: 20px;
    }
    #button1,#button2{
        width: 230px;
        height: 55px
    }

}
/*@media screen and (max-width: 404px) {*/
/*    #slider1 .irs--big .irs-single{*/
/*    padding-right: 5px !important;*/
/*}*/
/*    #slider2 .irs--big .irs-single{*/
/*    padding-right: 5px !important;*/
/*}*/
/*}*/