@media only screen and (max-width: 960px) {
.content,#box5 .subHeadline,.taxometr{width:90.5%}
/*burger menu*/
.forBurger{width:20px;height:17px;justify-self:flex-end;position:relative}
.burger,.burger:before,.burger:after{content:'';height:3px;background:#21201F;position:absolute;right:0} .burger{top:0;width:100%} .burger:before{top:7px;width:90%} .burger:after{top:14px;width:80%}
/*menu*/
header .partTwo{background:#fff;box-shadow:0 10px 80px rgba(0,0,0,.08);border-radius:44px 0 0 0;width:90%;height:100%;padding:50px 30px;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:fixed;top:0;right:-100%;transition:right .3s linear}
header .partTwo.active{right:0} .phoneNcallback{margin:0} .callback{align-self:flex-start} header button{padding:18px 44px;margin:15px 0 0}
/*rest*/
header{padding:14px 0;position:fixed;top:0;left:0;width:100%;box-shadow:0 10px 80px rgba(0,0,0,.05);z-index:20} .wrap,.line{width:100%;text-align:left} .smsRes.owl-theme .owl-nav{bottom:40px;text-align:left;right:auto} .owl-theme .owl-nav [class*=owl-]{width:116px} .smsRes.owl-theme .owl-nav .owl-prev{margin-right:15px} .trf:hover{box-shadow:none} .trf img{height:auto} #box5 .content{width:100%} #box5 .subHeadline,.taxometr{margin:0 auto} .counter2{margin:0 0 90px} #box6 .beeforeHeadline, #box6 .subHeadline{text-align:center} .devide div[class*="part"]:last-child .faq:last-child{border:0}
/*common*/
#box1 img{width:100%;height:auto;max-width:400px;display:block}
.forBurger,.counter2{display:block}
.counter,.question br,.ready .partOne,.become .partOne{display:none}
.counter{display:none!important}
}
/*--iPhone Portrait--*/
@media only screen and (max-width: 640px) {
header .partOne,.cond,.ready .partTwo,.numeric,.trf,.devide div[class*="part"],.become [class*="part"],#tariff [class*="part"]{max-width:100%;flex-basis:100%} .partners{margin:auto auto auto 15px} #box1{margin:70px auto 0;padding:60px 0 80px} #box1 .partOne,#box1 .partTwo{max-width:100%;flex-basis:100%;margin:0} .headline{font:32px/32px 'yab',sans-serif} #box1 p{margin:16px 0 32px} #box1 img{margin:40px 0 0} #box2{padding:85px 0 90px} .subHeadline{font:32px/40px 'yab',sans-serif} .condition{margin:42px 0 0} .cond p{margin:20px 0} .cond:not(:last-child){margin:0 0 52px} .beeforeHeadline{line-height:24px} #box3{padding:0 0 64px} #box3 .subHeadline,#box5 .subHeadline,#box4 .subHeadline{max-width:100%} .q3 label.radio,.q4 label.radio{width:30%;font-size:16px} .btns{max-width:100%;position:static} .pil{margin:0 0 9px} .smsRes label.checkbox{font:12px/16px 'yar',sans-serif;margin:20px 0 0} .q5 .questio{margin:0 0 20px} .smsRes.owl-theme .owl-nav.lastItem{width:116px;left:0} .feedback2{width:116px;bottom:40px;right:auto;left:130px} .showAfter{padding:0} .text{font:16px/24px 'yar',sans-serif} .tryAgain{width:170px;margin:10px 0 0} .showAfter .driver{margin:10px 0 0} .ready{margin:38px 0 0} .numeric:not(:last-child){margin:0 0 38px} #box4{padding:0 0 80px} .taxometr{padding:28px 28px 60px;flex-direction:column;justify-content:flex-start} .yaLogo img,.downloadMe img{width:80px} .download{padding:11px 0 0} #box5 .download .subHeadline,.downloadMe h6{max-width:100%;font:18px/26px 'yab',sans-serif} .download_btn{padding:18px 28px} #box5{padding:0 0 65px} .devide{margin:13px 0 0;border:1px solid #E9EAEE;flex-direction:column} .devide div[class*="part"]{border:0} .qst{padding:27px 55px 27px 15px} .become{margin:60px 0 0;padding:55px 15px 50px} #box6 .become .subHeadline,.developedBy{text-align:left} .fillUp{margin:9px 0 40px} footer{margin:110px 0 0} .infoBlock{flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0 0 40px} footer .privacy{margin:22px 0 0} footer button{margin:44px 0 0}
/*modal*/
.tariffPopup,#driver{width:100%!important;margin:auto!important} #driver .become{padding:50px 20px;margin:0} .tariffPopup{padding:50px 20px} #downloadForm{padding:50px 20px} .downloadMe{flex-direction:column;align-items:flex-start;justify-content:flex-start} .downloadMe h6{margin:20px 0 0} #downloadForm form{width:100%} .pol h3{font:24px/32px 'yab',sans-serif} #privacy,#personal_data{padding:50px 20px;width:100%} #feedback-modal-box{padding:50px 40px!important} #thanxOk{width:60px;height:auto} #feedback-infolist h6{margin:16px 0 40px}
}
/*--iPhone Landscape--*/
@media only screen and (min-width: 641px) and (max-width: 960px) {
header .partOne,.ready .partTwo,.trf,.devide div[class*="part"],.become [class*="part"],#tariff [class*="part"]{max-width:100%;flex-basis:100%} .logo{width:110px} .partners{margin:auto auto auto 15px} #box1{margin:70px auto 0;padding:60px 0 80px} #box1 .partOne,#box1 .partTwo{max-width:100%;flex-basis:100%;margin:0} .headline{font:42px/42px 'yab',sans-serif} #box1 p{margin:16px 0 32px} #box1 img{margin:40px 0 0} #box2{padding:85px 0 90px} .condition{margin:42px 0 0} .cond p{margin:20px 0} .cond:not(:last-child){margin:0 0 52px} .beeforeHeadline{line-height:24px} #box3{padding:0 0 64px} #box3 .subHeadline,#box5 .subHeadline,#box4 .subHeadline{max-width:100%} .wrap{padding:50px} .btns{max-width:100%;position:static} .pil{margin:0 0 9px} .question{max-width:70%} .q5 .questio{margin:0 0 20px} .smsRes.owl-theme .owl-nav.lastItem{width:116px;left:0} .feedback2{width:116px;bottom:40px;right:auto;left:130px} .tryAgain{width:170px;margin:15px 0 0} .showAfter .driver{margin:60px 0 0} .ready{margin:38px 0 0} .numeric{padding-right:15px} .numeric:not(:last-child){margin:0 0 38px} #box4{padding:0 0 80px} .yaLogo img,.downloadMe img{width:80px} #box5 .download .subHeadline{max-width:100%;font:18px/26px 'yab',sans-serif} #box5{padding:0 0 65px} .devide{border:1px solid #E9EAEE;flex-direction:column} .devide div[class*="part"]{border:0} .qst{padding:27px 55px 27px 15px} .become{margin:60px 0 0;padding:55px} #box6 .become .subHeadline,.developedBy{text-align:left} .fillUp{margin:9px 0 40px} footer{margin:110px 0 0} .info{align-items:flex-start} .infoBlock{flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:0 0 40px} footer .privacy{margin:22px 0 0} footer button{margin:44px 0 0}
/*modal*/
.tariffPopup,#driver{width:600px!important;margin:auto!important} #driver .become{padding:50px;margin:0} .tariffPopup{padding:50px} .pol h3{font:34px/42px 'yab',sans-serif} #privacy,#personal_data{padding:50px;width:100%}
}
/*--Small Laptops--*/
@media only screen and (min-width: 961px) and (max-width: 1280px) {
.content{width:930px} .headline{font:42px/46px 'yab',sans-serif} #box1 .partOne{padding-left:60px} #box1 .partTwo{max-width:44.44%;flex-basis:44.44%} .cond:not(:last-child){margin:0 0 50px} .tariff.isDesktop:after{content:'';max-width:264px;flex-basis:264px} #box5 .download .subHeadline{max-width:73%} .become .partOne{margin:0 0 -60px;align-self:flex-end} .become .partTwo{padding:0 0 70px} footer .privacy{margin:0 0 0 20px} footer a.phone{margin:0 40px 0 0}
/*modal*/
.tariffPopup,#driver{width:930px} #tariff .partOne{max-width:300px;flex-basis:300px}
}