@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
    }
    .nom {
    top: 7px;
    position: absolute;
}
}

/*--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: 30px 0 0
    }

    .form_sms,
    .smsRes .item,
    .form_sms .right {
        height: auto
    }

    .form_sms {
        margin: 25px 0 0
    }

    .line {
        width: 83%;
        left: 20px;
        top: 36px
    }

    .form_sms .left {
        padding: 108px 20px 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;
        margin: 0 auto;
    }

    .q3 label.radio,
    .q4 label.radio,
    .q5 label.radio,
    .q6 label.radio,
    .q7 label.radio,
    .q8 label.radio,
    .q9 label.radio,
    .q10 label.radio,
    .q11 label.radio,
    .q12 label.radio,
    .q13 label.radio,
    .q14 label.radio,
    .q15 label.radio
    {
        width: 44%;
        font: 16px/20px 'yr', sans-serif
    }

    .q3 label.radio:nth-child(odd),
    .q4 label.radio:nth-child(odd),
    .q5 label.radio:nth-child(odd),
    .q6 label.radio:nth-child(odd),
    .q7 label.radio:nth-child(odd),
    .q8 label.radio:nth-child(odd),
    .q9 label.radio:nth-child(odd),
    .q10 label.radio:nth-child(odd),
    .q11 label.radio:nth-child(odd),
    .q12 label.radio:nth-child(odd),
    .q13 label.radio:nth-child(odd),
    .q14 label.radio:nth-child(odd),
    .q15 label.radio:nth-child(odd)
    {
        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: 30px 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: 650px
    }

    .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,
    .q5 label.radio,
    .q6 label.radio,
    .q7 label.radio,
    .q8 label.radio,
    .q9 label.radio,
    .q10 label.radio,
    .q11 label.radio,
    .q12 label.radio,
    .q13 label.radio,
    .q14 label.radio,
    .q15 label.radio
    {
        width: 45%
    }

    .q3 label.radio:nth-child(odd),
    .q4 label.radio:nth-child(odd),
    .q5 label.radio:nth-child(odd),
    .q6 label.radio:nth-child(odd),
    .q7 label.radio:nth-child(odd),
    .q8 label.radio:nth-child(odd),
    .q9 label.radio:nth-child(odd),
    .q10 label.radio:nth-child(odd),
    .q11 label.radio:nth-child(odd),
    .q12 label.radio:nth-child(odd),
    .q13 label.radio:nth-child(odd),
    .q14 label.radio:nth-child(odd),
    .q15 label.radio:nth-child(odd)
    {
        margin-left: 25px
    }

    .form_sms label.checkbox {
        line-height: 29px
    }

    .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
    }
    .nom {
    top: 7px;
    position: absolute;
}
}