@media (max-width:992px) {

    .image-button-wrapper {

        flex-direction: column;

    }

    .image-button-wrapper img {

        width: 100%;
        margin-bottom: 40px;
    }

    .online-course-section .row {

        flex-direction: column-reverse;
    }

    .online-image-side {

        margin-bottom: 30px;
    }

    #number-error, #course-error, #number-error, #email-error, #name-error, #policy-error, #campus-error {
        right: auto;
        transform: inherit;
        left: 0;
        top: 109%;
        border-left: 25px solid #e45400;
        border-right: 1px solid;
    }

    #number-error::before, #course-error::before, #number-error::before, #email-error::before, #name-error::before, #policy-error::before, #campus-error::before {
        left: -20px;
        right: auto;
        top: 50%;
        transform: translate(0px, -50%);
    }

    #number-error::after, #course-error::after, #number-error::after, #email-error::after, #name-error::after, #policy-error::after, #campus-error::after {
        bottom: 6px;
        right: 100%;
        left: auto;
        transform: rotate(-91deg);
        border-width: 11px 0 8px 29px;
    }

    .thanks-wrapper {

        padding-left: 0;
    }
    

}

@media (max-width:768px) {

    .image-button-wrapper {

        padding: 0;
    }

    .apply-btn2 {

        padding: 40px;
    }

    .social-icons li a img {

        width: 40px;
    }

    .social-icons li {

        margin: 0 15px;
    }


    .why-wapper li {

        width: 50%;
        padding: 0 15px;
    }

    .thanks-wrapper h1,
    .career-title-wrapper h2,
    .title-wrapper h2, .online-course-title h1 {
        font-size: 40px;
    }

    .video-wrapper iframe {

        width: 100%;
    }

    .logo img {
        height: 70px;
    }

    .thanks-wrapper p,
    .online-course-title p {

        padding: 0;
        font-size: 18px;
        line-height: 35px;
    }

    .single-logo-section img {
        height: 120px;
    }
}

@media (max-width:480px) {

    .career-title-wrapper h2, .title-wrapper h2, .online-course-title h1 {
        font-size: 30px;
    }

    .policy-wrapper p {
        font-size: 14px;
    }

    .why-wapper li {

        width: 100%;
    }

    .btn {

        font-size: 16px;
    }
}