@media (min-width: 1620px) {
    .fs-title {
        padding: 130px 0 110px
    }

    .fs-title h1, .thankyousec h1, .fs-form-overview .fs-fields::before {
        font-size: 35px;
        line-height: 50px
    }

    .fs-title h2 {
        font-size: 30px;
        line-height: 50px
    }

    .fs-form-overview .fs-fields::after, .thankyousec h2 {
        font-size: 30px;
        line-height: 40px
    }

    .fs-form-overview {
        max-width: 620px
    }

    .fs-title p {
        font-size: 17px;
        line-height: 40px
    }

    .fs-form-full {
        max-width: 580px;
        margin: 0;
        padding-left: 60px
    }

    .fs-message-error {
        left: 69%;
        bottom: 63%
    }

    button.fs-continue {
        bottom: 220px;
        margin-right: 70px
    }

    .fs-nav-dots {
        right: 160px;
        top: 55%
    }

    .fs-numbers {
        top: 35%;
        right: 100px;
        font-size: 26px;
        font-weight: 600
    }

    .fs-fields input, .cs-skin-underline > span, .fs-form {
        font-size: 35px
    }

    .fs-fields > li label.fs-field-label {
        font-size: 35px;
        margin: 30px 0 15px
    }

    .col-sm-7, .col-sm-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .ipad-img img {
        width: 100%
    }

    .ipad-img {
        padding-right: 60px
    }

    .thankyousec {
        top: -110px
    }
}

@media (max-width: 1199px) {
    body {
        overflow-y: scroll
    }

    .prc {
        padding: 0 140px 0 30px
    }

    .fs-title h1, .fs-form-overview .fs-fields::before, .thankyousec h1 {
        font-size: 24px;
        line-height: 36px
    }

    .fs-title h2, .thankyousec h2 {
        font-size: 22px;
        line-height: 32px
    }

    .fs-form-overview .fs-fields::after {
        font-size: 24px;
        line-height: 36px
    }

    .fs-fields input, .cs-skin-underline > span, .fs-form {
        font-size: 24px
    }

    .fs-fields > li label.fs-field-label {
        font-size: 24px;
        margin: 20px 0 10px
    }

    .remember-text {
        font-size: 55px;
        line-height: 60px
    }
}

@media (max-width: 991px) {
    body {
        overflow-y: scroll
    }

    .col-sm-7, .col-sm-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-sm-7 {
        -ms-flex-order: 1;
        order: 1
    }

    .col-sm-5 {
        -ms-flex-order: 2;
        order: 2
    }

    .prc {
        padding: 20px
    }

    .fs-form-full {
        max-width: 100%;
        top: inherit;
        padding: 0 120px 0 40px;
        right: inherit;
        position: relative;
        left: inherit;
        width: 100%;
        min-height: 350px
    }

    .cs-skin-underline.cs-active .cs-options {
        background: #fff
    }

    button.fs-continue {
        bottom: inherit;
        top: 420px;
        right: 50px
    }

    .fs-nav-dots {
        right: 70px
    }

    .fs-nav-dots {
        top: 320px
    }

    .fs-numbers {
        right: 32px;
        top: 160px
    }

    .fs-form.fs-form-overview {
        top: 0;
        right: 0;
        padding: 60px 0;
        font-size: 1.5em;
        position: relative;
        top: inherit;
        transform: translateY(0)
    }

    .fs-message-error {
        bottom: inherit;
        top: 145px;
        width: 100%;
        left: inherit;
        max-width: 100%;
        padding: 0 45px
    }

    .ipad-img {
        background: #0e2938;
        padding: 25px
    }

    .imgone {
        display: none !important
    }

    .imgtwo {
        display: block !important
    }

    .btn-skip {
        position: absolute;
        bottom: inherit;
        right: 270px;
        color: #000;
        top: 275px
    }
}

@media (max-width: 767px) {
    body {
        overflow-y: scroll
    }

    .fs-title {
        padding: 0 15px 25px
    }

    .fs-title h1, .thankyousec h1, .fs-form-overview .fs-fields::before {
        font-size: 20px;
        line-height: 25px
    }

    .fs-title h2, .thankyousec h2 {
        font-size: 18px;
        line-height: 28px
    }

    .fs-title p {
        font-size: 16px;
        line-height: 26px
    }

    .fs-form-full {
        padding: 0 60px 0 15px
    }

    .fs-fields > li label.fs-field-label {
        font-size: 17px;
        margin: 15px 0 7px
    }

    .remember-text {
        font-size: 36px;
        line-height: 44px;
        margin: 10px 0 5px
    }

    .fs-fields input, .cs-skin-underline > span, .fs-form {
        font-size: 19px
    }

    .fs-form-full {
        min-height: 260px
    }

    .fs-numbers {
        right: 15px;
        top: 160px;
        margin: 20px 0;
        font-size: 22px
    }

    .fs-nav-dots {
        top: 300px;
        right: 25px
    }

    button.fs-continue {
        bottom: inherit;
        top: 320px;
        right: inherit;
        font-size: 20px;
        padding: 9px 22px;
        left: 20px
    }

    .fs-message-error {
        top: 175px;
        padding: 0 20px
    }

    .fs-form.fs-form-overview {
        padding: 20px 0
    }

    .fs-form-overview .fs-fields::after {
        font-size: 16px;
        line-height: 26px
    }

    .btn-outline-secondary {
        font-size: 20px;
        line-height: 30px;
        padding: 5px 10px;
        width: 75px
    }

    .btn-skip {
        right: 50px;
        top: inherit;
        bottom: 3px
    }
}

@media (max-width: 419px) {
    body {
        overflow-y: scroll
    }

    button.fs-continue {
        top: 400px
    }
}