@media only screen and (max-width: 960px) {
.content{width:90.5%} .forBurger{width:20px;height:17px;position:absolute;top:15px;right:0;z-index:2} .burger,.burger:before,.burger:after{content:'';height:3px;background:#21201F;border-radius:6px;position:absolute;right:0} .burger{width:100%;top:0} .burger:before{width:90%;top:7px} .burger:after{width:80%;top:14px} .logo svg{width:100px} header{padding:9px 0 11px;position:fixed;width:100%;top:0;left:0;background:#fff;z-index:23;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)} .header_fixed{transform:none;margin:0;z-index:23} header .right{width:80%;height:100vh;background:#fff;box-shadow:0 10px 80px rgba(0,0,0,0.08);border-top-left-radius:18px;top:0;right:-200%;transition:right .6s;position:fixed;z-index:23;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:60px 6% 0 10%} header .right.active{right:0} header header .right,.the_phones,header button{float:none!important} .the_phones{text-align:left} header button{display:block;margin:26px 0 0} #box1 h1{font:36px/42px 'ym',sans-serif} 
.forBurger{display:block}
#box2 br,#box3 br,.form_sms .right,#box4 br,#box5 br,#box6 .right,#small-modal .left,#connect .left,#director .left,.box-modal br{display:none}
.box-modal{width:90%!important;margin:auto} #feedback-modal-box{width:auto!important;max-width:90%} .thanx{max-width:100%} .uCan{margin:38px 0} .subscribe{font-size:14px;width:90%;max-width:350px} .paragraph{width:90%} .pol h3{font:30px/38px 'ym',sans-serif} #tariffication .left img{max-width:350px;width:100%} #smallDataForm{padding:40px 20px 200px} .attentionBlock{display:none!important} .headline2{font:30px/38px 'ym',sans-serif}
}
/*--iPhone Portrait--*/
@media only screen and (max-width: 640px) {
.left,.right{float:none} header .left{float:left} header .right{float:right} .partners{margin:5px 0 0 15px} #box1 .right,#box1 .left{width:100%} #box1 .left{margin:0} #box1{padding:166px 0 0;border-bottom-left-radius:50px} #box1 p{margin:15px 0 44px} #box1 .right img{margin:27px auto 0;max-width:350px;width:100%} #box2{padding:80px 0 0} .condGrid{margin:64px 0 0} .cond{float:none;width:100%;margin:0 0 50px} #rent{margin:0} #rent .left{width:100%} #rent .right{padding:45px 10px 20px 0;width:100%} #rent .left svg{max-width:350px} #rent h2{margin:-15px 0 31px} #box3{padding:70px 0 0} .form_sms,.smsRes .item,.form_sms .right{height:auto} .form_sms{margin:70px 0 0} .line{width:83%;left:20px;top:36px} .form_sms .left{padding:108px 40px 150px 20px;width:100%;overflow:hidden} .smsRes .owl-nav{width:auto;left:20px} .smsRes .owl-prev,.bombila .owl-prev{margin-right:15px} .smsRes.owl-theme .owl-nav [class*=owl-],.bombila.owl-theme .owl-nav [class*=owl-]{width:110px;height:54px} .q3 label.radio,.q4 label.radio{width:26%;font:16px/20px 'yr',sans-serif} .q3 label.radio:nth-child(even),.q4 label.radio:nth-child(even){margin-right:20px} .shemeGrid,.shemeGrid3{flex-direction:column-reverse} .shemeGrid{margin:63px 0 30px} .df img{width:100%;max-width:350px} .steps{margin:50px 0 0} .df p{margin:34px 0 0} .shemeGrid .leftside,.shemeGrid3 .leftside{padding-left:0} .shemeGrid2 .rightside,.shemeGrid4 .rightside{padding-right:0} .shemeGrid2,.shemeGrid4{flex-direction:column} .shemeGrid3{margin:30px 0 50px} #box5{overflow:hidden;padding:50px 0} .tariff{margin:22px -50px 0;padding:50px 50px} .the_tariff{width:100%} .the_tariff img{margin:auto} .the_tariff span, .the_tariff p{padding:0 20px} .tariff{background:transparent;box-shadow:none} .the_tariff{border-radius:18px;box-shadow:0 10px 80px rgba(0,0,0,0.08)} .tariff .owl-stage-outer{padding:50px;margin:-50px} #box6{padding:30px 0 0} #box6 .left{margin:0;width:100%} .faqGrid{margin:42px 0 0} .faq{padding-right:45px} #box7{padding:50px 0} #body_form .left{height:450px;width:100%;border-radius:0;position:static} #body_form .left img{max-width:230px} #body_form .right{padding:50px 15px 40px;width:100%} .orContact{padding-left:0} .orContact .left{width:100%} .orContact .right{width:100%;padding:25px 0 0} .socs a{display:block;margin:0 0 30px} footer{padding-top:45px} footer .left span:first-child{display:block;margin:0 0 25px} footer .the_phones{margin:37px 0} .questionare{margin:0 0 32px} .developedBy{margin:84px 0 0} 
/*modal*/
#small-modal .right,#connect .right,#director .right{width:100%;padding:40px 20px} .box-modal .fillup{font-size:16px} .smallInpts input:first-child,.smallInpts input{margin-right:0;width:100%;display:block} #conditions1,#conditions2{padding:40px 20px} .pol h3{margin:0 0 30px;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} .pol p{font:16px/24px 'yr',sans-serif} .pol h6{font:18px/26px 'ym',sans-serif} .pol li{font:14px/24px 'yr',sans-serif} #tariffication .left{width:100%;height:auto;border-radius:0;box-shadow:none;position:static;padding:40px 20px 30px} #tariffication .right{width:100%;padding:0 20px 40px} .form_5{width:275px} .progress li{margin:0 0 0 10px;border-bottom-width:2px;padding:0;font-size:0.58em} .form_5 .question{width:90%} .form_5 label.radio{width:70%} .form_5 input{width:80%} .example{margin:-14px 0 36px;width:90%} .feedback3{width:110px;left:125px;height:54px} .showAfterFormSubmit img{width:100%;max-width:350px} .weGotit{width:250px}
}
/*--iPhone Landscape--*/
@media only screen and (min-width: 641px) and (max-width: 960px) {
.partners{margin:5px 0 0 15px} #box1 .left{margin:0} #box1{padding:130px 0 100px;border-bottom-left-radius:50px} #box1 .right img{margin:27px auto 0;max-width:350px;width:100%} .cond{width:50%;margin:0 0 50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:30px} #rent{margin:0} #rent .right{padding:0 0 0 40px} #rent h2{margin:-15px 0 31px} #box3{padding:70px 0 0} .form_sms,.smsRes .item,.form_sms .right{height:auto} .line{width:83%;left:20px;top:36px} .form_sms .left{padding:108px 40px 150px 20px;width:100%;overflow:hidden} .smsRes .owl-nav{width:auto;left:20px} .shemeGrid,.shemeGrid3{flex-direction:column-reverse} .shemeGrid{margin:63px 0 30px} .df img{width:100%;max-width:350px} .steps{margin:50px 0 0} .df p{margin:34px 0 0} .shemeGrid .leftside,.shemeGrid3 .leftside{padding-left:0} .shemeGrid2 .rightside,.shemeGrid4 .rightside{padding-right:0} .shemeGrid2,.shemeGrid4{flex-direction:column} .shemeGrid3{margin:30px 0 50px} #box5{overflow:hidden;padding:140px 0} .tariff{margin:22px -50px 0;padding:50px 50px} .the_tariff{width:100%} .the_tariff img{margin:auto} .the_tariff span, .the_tariff p{padding:0 20px} .tariff{background:transparent;box-shadow:none} .the_tariff{border-radius:18px;box-shadow:0 10px 80px rgba(0,0,0,0.08)} .tariff .owl-stage-outer{padding:50px;margin:-50px} #box6{padding:0} #box6 .left{margin:0;width:100%} .faqGrid{margin:42px 0 0} .faq{padding-right:45px} #body_form .left img{max-width:230px} #body_form .right{padding:50px 40px 50px} .orContact{padding-left:0} .orContact .left{width:100%} .orContact .right{width:100%;padding:25px 0 0} footer div.left,footer div.right{width:100%} footer .left span:first-child{display:block;margin:0 0 25px} footer .the_phones{margin:50px 0 16px} .questionare{margin:0 24px 0 0} .developedBy{margin:84px 0 0}
/*modal*/
#small-modal .right,#connect .right,#director .right{width:100%;padding:60px} .smallInpts input:first-child{margin-right:2.2222222%} .box-modal .socs a{width:138px;padding:16px 0} #conditions1,#conditions2{padding:60px} .pol h3{margin:0 0 30px;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} .pol p{font:16px/24px 'yr',sans-serif} .pol h6{font:18px/26px 'ym',sans-serif} .pol li{font:14px/24px 'yr',sans-serif} #smallDataForm{padding:60px 60px 200px} #tariffication .left{width:100%;height:auto;border-radius:0;box-shadow:none;position:static;padding:40px 20px 30px} #tariffication .right{width:100%;padding:0 20px 40px} .form_5{width:500px} .progress li{font-size:16px} .form_5 .question{width:90%} .form_5 label.radio{width:70%} .form_5 input{width:80%} .example{margin:-14px 0 36px;width:90%} .form_5 label.checkbox{width:70%} .showAfterFormSubmit img{width:100%;max-width:600px} .subscribe{font-size:16px} .paragraph{width:360px}
}
/*--Small Laptops--*/
@media only screen and (min-width: 961px) and (max-width: 1280px) {
.headline2{font:32px/40px 'ym',sans-serif} #box1 h1{font:40px/48px 'ym',sans-serif} #box1{padding:30px 0 50px} #box1 .right img{width:600px;margin:0} #box2,#box3,#box4,#box5,#box6{padding:100px 0 0} #box7{padding:100px 0} .smsRes label.checkbox br,#box3 br,.box-modal br{display:none} .content{width:900px} #box1 h1{font:50px/58px 'ym',sans-serif} .cond{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:30px} #rent .right{padding-top:0} .line{top:40px} .line,.smsRes .owl-nav{left:40px} .form_sms, smsRes .item,.form_sms .right{height:530px} .form_sms{margin:50px 0 0} .form_sms .left{padding:75px 40px 0} label.radio{margin:0 0 24px;font-size:16px} .question{font:20px/30px 'ym',sans-serif;margin:0 0 23px} .q3 label.radio,.q4 label.radio{width:33%} .q3 label.radio:nth-child(odd),.q4 label.radio:nth-child(odd){margin-left:25px} .form_sms label.checkbox{line-height:18px} .form_sms .right{overflow:hidden} .df img{max-width:400px} .shemeGrid .leftside,.shemeGrid3 .leftside,.orContact{padding-left:50px} .shemeGrid2 .rightside,.shemeGrid4 .rightside{padding-right:50px} .shemeGrid3{margin-bottom:0} .the_tariff{width:33.33333%} #box6 .right{margin:60px 0 0} .orContact .left{width:31%} .orContact .right{width:69%;padding:11px 0 0 36px} footer .left span:first-child{margin:0;display:block} #body_form .right{padding:55px 40px}
/*modal*/
.arcticmodal-container_i{width:100%} .box-modal{width:80%!important;margin:auto} #small-modal .right,#connect .right,#director .right{padding:50px 40px} .box-modal .socs a{margin-right:10px;width:151px} .smallInpts input:first-child{margin-right:2.3%} #feedback-modal-box,#smallDataForm.noPad{width:578px!important} #tariffication .right{padding:70px 40px} .form_5{width:700px} .attentionBlock{width:150px} input{margin-bottom:20px;padding-left:20px;height:54px}
}