@media only screen and (max-width: 960px) {
.content{width:90.5%}
/*burger menu*/
.forBurger{width:20px;height:17px;cursor:pointer;position:relative;z-index:31}
.burger,.burger:before,.burger:after{content:'';width:100%;height:3px;background:#000;position:absolute;right:0;transition:transform .3s, opacity .3s, top .3s;border-radius:4px} .burger{top:0} .burger:before{top:7px;width:90%} .burger:after{top:14px;width:80%} .burger.active{transform:rotate(-45deg);top:10px} .burger.active:before{opacity:0} .burger.active:after{transform:rotate(-90deg);top:0;width:100%} 

/*yar*/
.downloadMe h3{font-family:'yar',sans-serif}

/*fz 16*/
body,.onlyOne{font-size:16px}

/*fz 24*/
.thanxTo,.why p,.downloadMe h3{font-size:24px}

/*fz 30*/
.headline,.pol h3{font-size:30px}

/*df column*/
.panel,.footerInfo .partRight{flex-direction:column}

/*ai start*/
.panel,.footerInfo,.footerInfo .partRight{align-items:flex-start}

/*jc start*/
.footerInfo,.downloadForm{justify-content:flex-start}

/*max w 400*/
.box1Img,.toStart .partLeft img,.question,.text,.thanx p{width:100%;max-width:400px}

/*max w 290*/
.downloadMe,#box4 h2.headline,.step p,#box6 .lil,#box6 h2.headline{max-width:290px}

/*w 100*/
header,#box6 .content,#box7 .content,.downloadForm,.tariffAbout{width:100%}


/*tac*/
.toStart .lil,.toStart h2.headline,#box8 .lil,#box8 h2.headline{text-align:center}

/*tal*/
.headerCallback,.question,.smsRes.owl-carousel .owl-nav,.dev{text-align:left}


/*flex 100*/
#box1 [class*=part],.why,.register [class*=part],.downloadMe h3,.toStart [class*=part],.register .partLeft, .step,.driver .partRight,.tariffAbout .partLeft,.driver [class*=part],.tariff,.faqs [class*=part],.driver .partLeft,.become .partRight,.footerInfo [class*=part],.tariffAbout .partRight{max-width:100%;flex-basis:100%}

/*dndb*/
.forBurger,.counter2{display:block}
.driver .partRight,.question br,.text br,.become .partLeft,.thanx p br{display:none}

/*float*/
.left,.right{float:none}

/*common*/
header{padding:17px 0;position:fixed;z-index:30;background:#fff;top:0;left:0;box-shadow:0 10px 80px rgba(0,0,0,0.08)} .top img{width:110px} .partners{margin-left:15px} .panel{position:fixed;width:90%;height:100%;background:#fff;border-top-left-radius:44px;box-shadow:0 10px 80px rgba(0,0,0,0.08);padding:53px 28px;right:-120%;top:0;transition:right .3s linear;z-index:30} .panel.active{right:0} header .connect{margin:10px 0 0} #box1{padding:87px 0 0} .topInfo .headline,.thanxTo,.onlyOne{max-width:85%} #box1 .headline{max-width:290px} .thanxTo,#w .connect{margin:24px 0 0} .onlyOne{margin:26px 0 0} .onlyOne p{margin:0 0 20px} .box1Img{margin:26px 0 0} #box2{padding:62px 0 0} .lil{margin:0 0 12px} .whyHere{margin:29px 0 0} .why p{margin:18px 0 11px;max-width:100%} .why span{max-width:300px} .why:not(:last-child){margin:0 0 28px} #box3,#box4,#box5,#box6,#box7,#box9{padding:60px 0 0} .register .partRight{border:0} .downloadMe h3{order:-1} .downloadMe{position:relative;margin:25px 0} .yaLogo{width:56px;position:absolute;left:210px;bottom:-89%} .toStart .partLeft img{max-width:150px;margin:0 auto;display:block} .toStart .partRight{margin:45px 0 0} #box4 h2.headline{margin:auto} .steps{margin:35px 0 0} .step span{padding:4px 0} .step:not(:last-child),.step:nth-child(-n+2){margin:0 0 33px} .formConnect{margin:23px 0 0} #box6 .lil,#box6 h2.headline{margin-left:auto;margin-right:auto} .wrap{width:100%;margin:25px auto 0;border-radius:0;padding:65px 4.75% 25px} .line{width:76.6%;top:24px;left:4.75%;right:auto;margin:0} .counter{top:21px;left:auto;right:4.75%;margin:0} .question{margin:0 0 26px} .customRadio{top:-2px} .q3 label.radio,.q4 label.radio{width:45%} .smsRes.owl-carousel .owl-nav{margin:0} .feedback2{right:auto;left:154px} #box7 h2.headline{padding:0 4.75%} .counter2{margin:20px 0 0} .tariffes{margin:10px 0 0} .tariff{border-radius:0;padding:0 12px} .tariff:hover{background:none;box-shadow:none} .tariff img,.tariff span{max-width:100%} .faqs{margin:29px 0 0} .faqs .partRight{border:0} .q{width:77%} #box9{padding-bottom:60px!important} .become{box-shadow:none;padding:0;border-radius:0} .become .partRight{padding-right:0} footer{padding:40px 0} footer .right{margin:28px 0 32px} footer button{margin:35px 0 0} .dev{margin:50px 0 0} 

/*modal*/
.box-modal .become{padding:70px 4.75% 40px;box-shadow:0 10px 80px rgba(0,0,0,0.08);border-radius:24px} #feedback-modal-box{padding:70px 4.75% 40px!important} .thanxImg,.downloadForm img{width:70px} .thanx .headline{margin:10px 0 0} #download,#tariff,#privacy,#agreement,#oferta{padding:70px 4.75% 40px} .downloadForm h4.headline{margin-left:30px} .tariffAbout .partRight{margin:20px 0 0} .pol h3{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto} 
#callback,#connect{min-width:1px}

}
/*--Small Laptops--*/
@media only screen and (min-width: 961px) and (max-width: 1140px) {
.content{width:870px}

#box1 .headline{max-width:100%} .wrap{width:80%} .smsRes .owl-nav.lastItem{margin-left:66px} .feedback2{right:66px} .tariff{max-width:30%;flex-basis:30%} .tariffes:after{content:'';max-width:30%;flex-basis:30%;justify-self:flex-start} .tariffAbout{width:790px} .become .partRight{padding-right:50px} .footerInfo .left,.footerInfo .right{float:none} footer button{margin:20px 0 0}

/*dndb*/
.question br{display:none}


}