@media (max-width: 1280px) {

    .text-logo,
    .text-logo-main {
        font-size: 25px;
    }

    .heading-text {
        width: 100%;
        letter-spacing: 1.5px;
        font-size: 28px;
    }

    .logo {
        margin-bottom: 20px;
        height: 30px;
        width: 220px;
    }

    .container {
        width: 90%;
        margin: 5% auto;
    }

    .left img {
        height: 100%;
        width: 100%;
        border-radius: 5%;
    }

    .video-screen {
        aspect-ratio: 1;
        width: 100%;
        height: 100%;
    }

    .list-btn {
        width: 100%;
    }

}

@media (max-width: 992px) {
    .container {
        width: 95%;
    }

    .items .left {
        width: 55%;
    }

    .items .right {
        width: 45%;
    }

    .field.c1,
    .right-heading {
        font-size: 18px;
        gap: 10px;
    }

    .field input[type="checkbox"] {
        height: 22px;
        width: 16px;
        cursor: pointer;
    }
}

@media (max-width: 768px) {
    .logo {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .items .left,
    .right-heading {
        display: none;
    }

    .items .right {
        width: 100%;
    }

    .double-logo {
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .sub-heading-text {
        display: block;
        width: 355px;
        margin: auto;
        font-weight: 300;
        font-family: 'SF Pro', sans-serif;
        letter-spacing: 1px;
        word-spacing: 1px;
    }

    .thankyou {
        height: 360px;
        justify-content: start;
    }

    .login-header {
        border-bottom-left-radius: 60% 20%;
        border-bottom-right-radius: 60% 20%;
    }

    .heading-text {
        text-transform: none;
        width: 100%;
        margin: auto;
        font-size: 20px;
        font-weight: 500;
    }

    .text-logo hr {
        display: block;
        height: 3px;
        background: #fff;
        width: 220px;
        margin: 5% auto;
    }

    .field.c1 {
        padding: 0 5%;
        gap: 5px;
    }

    input[type="submit"] {
        width: 90%;
        margin: auto;
    }

    /* .form-data {
        width: 250px;
        margin: auto;
    } */

    .blank-field {
        height: 360px;
        width: 100%;
    }

    .thank-text {
        display: none;
    }

    .thank-heading {
        display: block;
        width: 100%;
        text-align: left;
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        margin-top: 10%;
        letter-spacing: 1px;
        word-spacing: 2px;
        margin-left: 10%;
        padding-right: 20%;
    }

    .learn-heading {
        display: block;
        width: 70%;
        text-align: left;
        font-size: 14px;
        font-weight: 300;
        text-transform: none;
        margin-top: 10%;
        letter-spacing: 1px;
        word-spacing: 1px;
    }

    .blank-heading {
        display: none;
    }

    .button-design {
        margin-top: 10%;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .s1 select,
    .s2 select {
        width: 100%;
    }

    .list-btn-container {
        padding: 10% 0;
    }

    .list-btn {
        padding: 10px;
        background-color: #0E93D5;
        font-size: 16px;
    }

    .mobile-heading {
        letter-spacing: 1px;
        font-size: 15px;
        color: #fff;
        font-family: 'SF Pro';
        font-weight: 400;
        padding-top: 20px;
        padding-bottom: 50px;
        padding-right: 20px;
    }

    .video-screen {
        border: 6px solid #fff !important;
    }

    .mobile-title {
        text-align: center;
        font-size: 40px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        margin-top: 10px;
    }

    .mlogo {
        display: block;
        margin: auto;
        width: 100%;
        padding: 0 10%;
    }

    .mlogo img {
        width: 100%;
    }

    .extra-space {
        margin: 0;
    }

    .remove {
        margin-top: 0;
        gap: 10px;
    }

    input[type="submit"].main-submit {
        height: 40px !important;
        width: 100%;
        font-size: 18px;
        background: #0E93D5;
    }

    .s3 label,
    .s4 label,
    .s5 label {
        color: #3e426e;
        padding: 0 10px 0 5px;
        font-size: 20px;
        font-weight: 400;
    }

    select {
        font-size: 18px;
        height: 50px !important;
        border-radius: 7px !important;
        box-sizing: border-box !important;
    }

    .double-logo.desktop {
        display: none;
    }

    .double-logo.mobile {
        display: flex;
    }

    .login-header.mainlanding {
        border-bottom-left-radius: 60% 10%;
        border-bottom-right-radius: 60% 10%;
    }

    .s3 select,
    .s4 select,
    .s5 select {
        color: #3e426e;
    }

    .video-container::before {
        position: absolute;
        content: "";
        background: url(../images/Vector506.png);
        left: -15px;
        top: -15px;
        height: 97px;
        width: 72px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .video-container::after {
        position: absolute;
        content: "";
        background: url(../images/Vector507.png);
        right: -15px;
        bottom: -35px;
        height: 97px;
        width: 72px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (max-width: 480px) {
    .button-design {
        width: 100%;
    }

    .mobile-title {
        font-size: 28px;
    }

    img#playBtn {
        height: 50px;
        width: 50px;
    }

    .heading-text {
        width: 300px;
    }

    .sub-heading-text {
        width: 225px;
    }

    .thank-heading {
        display: block;
        width: 245px;
        text-align: left;
        font-size: 18px;
        font-weight: 300;
        text-transform: none;
        margin-top: 30%;
        letter-spacing: 1px;
        word-spacing: 2px;
        margin-left: -30px;
        padding-right: 40px;
    }
}

@media (max-width: 400px) {
    .double-logo img {
        width: 250px;
    }

    .mobile-title {
        font-size: 20px;
    }

    .thank-heading {
        display: block;
        width: 220px;
        padding-right: 20px;
    }
}

@media (max-width: 320px) {
    .form-data {
        width: 100%;
        margin: auto;
    }
}