@media only screen and (max-width: 960px) {
.content{width:90.5%}
/*burger menu*/
.forBurger{width:20px;height:17px;position:relative;z-index:26}
.burger,.burger:before,.burger:after{content:'';width:100%;height:3px;border-radius:3px;background:#21201F;position:absolute;right:0;transition:transform .3s, opacity .3s, top .3s} .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%}
/*common*/

header .formMessangers{margin:auto auto 0} .formMessangers a:not(:last-child){margin:0 14px 0 0} .mobileMessangers .formMessangers{margin:0 12px 0 0} .mobileMessangers .formMessangers a{width:30px;height:30px} .top .formMessangers img{width:50%}

header{padding:10px 0;position:fixed;background:#fff;box-shadow:0 10px 80px rgba(0,0,0,0.08);width:100%;top:0;left:0;z-index:25} .logo{width:125px;padding:0} header .partLeft span{font-size:17px} header .partRight{width:100%;height:100%;background:#fff;position:fixed;top:0;right:-200%;transition:right .3s linear;z-index:25} header .partRight.active{right:0} header .partRight .partOne{text-align:center} header .phone{width:200px;margin:auto} header .callback,header .connect{width:270px} header .callback{font:16px/normal 'yab',sans-serif;margin:33px auto 0;color:#21201F;padding:18px 0;border-radius:16px;background:#F2F6F7} header .connect{margin:20px auto 0} #box1{padding:83px 0 0} #box1 .partLeft{padding:0} #box1 p{margin:18px 0} #box1 .connect{margin:17px 0 46px} .subHeadline,.question,.nosms{text-align:left} #box2{padding:35px 0 0} .ullGet{margin:28px 0 0} .ulg img{height:auto;width:23px;position:absolute;top:1px;left:0} .ulg{padding-left:40px;position:relative} .ulg p{margin:0 0 4px} .ulg p,.ulg span{display:block;max-width:400px} .ulg,.ulg:nth-last-child(-n+3){margin:0} .ulg:not(:last-child){margin:0 0 35px} #box3,#box8,#box9{padding:52px 0 0} .downloadAppDiv{margin:27px auto 0;padding:25px 4.75%;border-radius:20px;position:relative} #box3 .logo{width:40px;padding:0} #box3 .rightPart{padding:20px 0 0} #box3 .rightPart .subHeadline{max-width:200px} .downloadApp{margin:23px 0 0} .garanties{margin:33px 0 0} .garanty strong{width:177px;padding:9px 0;border-radius:33px 0} .garanty p{margin:16px 0 8px} .garanty:not(:last-child){margin:0 0 41px} #box5,#box7{padding:45px 0 0} .form-sms{margin:66px auto 0;border-radius:0} .counter{top:24px} .wrap{padding:85px 0 45px} .form-sms,.step,.bodyForm{position:relative} .owl-theme .owl-nav [class*=owl-],.feedback2{display:block;width:270px} .smsRes.owl-theme .owl-nav{margin:auto;width:270px} .smsRes.owl-theme .owl-nav.lastSlideNav{width:270px;margin:0 auto 56px} .smsRes .owl-prev{margin:0 0 15px} .q3 label.radio{width:32%} .feedback2{right:0;left:0;margin:auto} .q4 label.checkbox{font:12px/normal 'yar',sans-serif} .form-sms .callback{margin:28px auto 0} #box6 .content{width:100%} #box6 h2.subHeadline{margin:0 0 26px;padding:0 4.75%} .by,.bodyForm{border-radius:0} .by{padding:0 0 25px} .by .rightPart{padding:0 4.75%} .by img{width:102%;max-width:400px;margin:15px 0 19px!important;position:relative;z-index:2} .by p{margin:11px 0 19px;max-width:400px} .steps{margin:28px 0 0} .num.subHeadline{width:44px;padding:9px 0;font-size:20px;text-align:center;position:absolute;top:0;left:0} .step:not(:last-child){margin:0 0 30px} .step p{margin:0;padding-left:60px} .faqList{margin:24px auto 0} .plus{width:44px;padding:2px 0} .questionTitle,.faqAnswer{max-width:80%} .faq{padding:31px 0} .faqAnswer{margin:29px 0 0} .bodyForm{padding:35px 0;overflow:unset} .bodyForm .partRight{padding:0} .fillup{margin:15px 0 20px} #box9{padding-bottom:54px} footer{margin:0;padding-bottom:0} .info{margin:0 0 34px} #box9 .content{width:100%} #box9 .bodyForm{padding-left:4.75%;padding-right:4.75%}
/*modal*/
.box-modal{border-radius:0!important} #privacy,#agreement,.box-modal .bodyForm,#downloadApp,#by,.thanx{padding:40px 20px;width:100%} .modal-close{top:25px!important;right:25px!important;z-index:2} .devide .logo{width:72px} .thanx img{margin:0 auto 39px;width:80px} .thanx .subHeadline{font-size:25px;text-align:center} .thanx p{max-width:222px} 




/*fz 25*/
.headline,.subHeadline,.pol h3{font-size:25px}
/*fz 18*/
#box1 p,#box1 span,.ulg p,header .phone,.ulg span,#box3 .rightPart .subHeadline,.garanty strong,.garanty p,.garanty span,.question,.by p,.step p,.questionTitle,.pol h6,.devide .subHeadline{font-size:18px}
/*fz 16*/
button,.q3 label.radio,.faqAnswer{font-size:16px}
/*fake width 100%*/
#box3,#box5,#box9{overflow:hidden}
#box3,#box5{padding:52px 0 60px}
#box4,#box7{padding:0}
#box6{padding:0 0 50px}
.downloadAppDiv:before,.downloadAppDiv:after,.form-sms:before,.form-sms:after,.bodyForm:before,.bodyForm:after{content:'';width:100%;height:100%;background:#fff;position:absolute;top:0}
.downloadAppDiv:before,.form-sms:before,.bodyForm:before{left:-100%}
.downloadAppDiv:after,.form-sms:after,.bodyForm:after{right:-100%}
/*flex 100*/
header .partRight div[class*="part"],#box1 [class*="part"],.ulg,#box3 .rightPart,.garanty:first-child,.garanty:last-child,.by .rightPart,.step,.bodyForm .partRight,.info:nth-child(2){max-width:100%;flex-basis:100%}
/*flex column*/
.devide{flex-direction:column}
/*aling items flex start*/
header .partRight,.devide{align-items:flex-start}
/*aling self flex start*/
.by .rightPart{align-self:flex-start}
/*aling self flex end*/
header .partRight .partOne{align-self:flex-end}
/*aling self center*/
.forBurger{align-self:center}
/*img 400*/
#box1 .partRight img{width:100%;max-width:400px;margin:0}
/*boxs*/
#box6 h2.subHeadline,#downloadApp,.thanx,#by,.by .rightPart{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*dndb*/
.forBurger{display:block}
#box1 br,#box3 .subHeadline br,#box5 .subHeadline br,.question br,.owl-theme .owl-nav .disabled,.text br,.by p br,.bodyForm .partLeft,.box-modal .bodyForm:before,.box-modal .bodyForm:after{display:none}

}
/*--Small Laptops--*/
@media only screen and (min-width: 961px) and (max-width: 1200px) {
.content{width:90.5%;max-width:1120px} #box1 .partRight img{width:100%;margin-left:30px} .headline{font-size:30px} #box1 .headline{max-width:444px} .subHeadline{font-size:28px} #box6{padding-bottom:100px} .by img{max-width:424px;align-self:flex-start;margin:40px 0 0!important} .by .rightPart{padding:24px 0 0} #box7{padding-top:30px} .num{padding:16px 0} .bodyForm .partRight{padding:40px 70px 60px 0} .bodyForm .partLeft img{width:110%}
/*flex 50*/
#box1 [class*="part"]{max-width:50%;flex-basis:50%}
/*align self center*/
#box1 .partRight{align-self:center}
/*dndb*/
#box1 br{display:none}
}
/*fix images if large screen*/
@media only screen and (min-width: 1201px) and (max-width: 1360px) {
#box1{overflow:hidden}
}