@media (min-width: 768px) {
    .w-md-auto {
        width: auto !important;
    }
}
@media (min-width: 576px) {
    .w-sm-auto {
        width: auto !important;
    }
}



@media (max-width: 1399px) {
    :root{
        --dj-rounded-180: 150px;
    }

    /* Start New Auth Page */
    .newauth-step-section{
        border-radius: var(--dj-rounded-180) var(--dj-rounded-180) 0px 0px;
    }
    /* End New Auth Page */
}

@media (max-width: 1199px) {
    :root{
        --dj-rounded-180: 120px;
    }

    /* Start New Auth Page */
    .newauth-step-section{
        border-radius: var(--dj-rounded-180) var(--dj-rounded-180) 0px 0px;
    }
    /* End New Auth Page */
}

@media (max-width: 991px) {
    :root{

        --dj-sec-padding-100: 78px;

        --dj-rounded-180: 80px;
    }

    body{
        font-size: 15px;
    }

    .mx-msm-0{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .change-fs-22px {
        font-size: 20px;
    }
    .change-fs-16px{
        font-size: 15px;
    }
    .change-fs-24px{
        font-size: 22px;
    }

    .section-title1{
        font-size: 48px;
        line-height: 57.2px;
    }
    .section-subtitle1{
        font-size: 25px;
        line-height: 29.6px;
    }
    .title-s2{
        font-size: 60px;
        line-height: 72px;
    }
    .title-s3{
        font-size: 52px;
        line-height: 55px;
    }
    .title-s4{
        font-size: 46px;
        line-height: 46px;
    }
    .title-s5{
        font-size: 20px;
        line-height: 30px;
    }
    .title-s6{
        font-size: 57px;
        line-height: 60px;
    }
    .title-s7{
        font-size: 18px;
        line-height: 29px;
    }
    .title-s8{
        font-size: 57px;
        line-height: 71px;
    }   
    .title-s9{
        font-size: 55px;
        line-height: 63px;
    }
    .title-s10{
        font-size: 52px;
        line-height: 55px;
    }
    .title-s11{
        font-size: 35px;
        line-height: 41px;
    }
    .title-s12{
        font-size: 52px;
        line-height: 62px;
    }
    .title-s13{
        font-size: 26px;
    }
    .title-s14{
        font-size: 23px;
    }
    .title-s15{
        font-size: 64px;
        line-height: 70px;
    }
    .title-s16{
        font-size: 29px;
        line-height: 31px;
    }

    .subtitle-s1{
        font-size: 19px;
        line-height: 30px;
    }

    .cardstyle2 .card-header h2{
        font-size: 28px;
    }

    /* Start Header */
    .main-s1header .main-header-logo img{
        max-height: 35px;
    }
    .main-s1header .main-header-logo img.kalido-logo{
        max-height: 19px;
    }
    /* End Header */


    /* Start Auth Page */
    .auth-body{
        background-image: url(../image/auth/auth-sm-right-img.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
    }
    .auth-section{
        background: var(--dj-white);
        margin-top: 58%;
        border-top-left-radius: 40px;
        border-top-right-radius: 40px;
    }
    .auth-or-line p{
        background: var(--dj-white);
    }
    .otp-fild{
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    /* End Auth Page */


    /* Start New Auth Page */
    .newauth-subtitle{
        font-size: 14px;
        line-height: 16.8px;
    }
    .newauth-title{
        font-size: 50px;
        line-height: 80px;
    }
    .newauth-step-section{
        border-radius: var(--dj-rounded-180) var(--dj-rounded-180) 0px 0px;
    }
    .planRadio-card .planRadio-card-title{
        font-size: 38px;
        line-height: 40px;
    }
    .faq-accordion .change-fs-14px{
        font-size: 13px;
    }
    /* End New Auth Page */

    /* Start Corporate Access Page */
    .have-questions-footer .change-fs-22px{
        font-size: 20px;
    }
    .have-questions-footer .change-fs-18px{
        font-size: 16px;
    }
    /* End Corporate Access Page */


    /* Start New Register Success Page */
    .registration-newsuccessful-card .change-fs-24px{
        font-size: 21px;
    }
    .registration-newsuccessful-card .change-fs-14px{
        font-size: 13px;
    }
    /* End New Register Success Page */

    /* Start Sponsorship Page */
    .BecomingASponsorLearnModal .change-fs-24px{
        font-size: 23px;
    }
    .BecomingASponsorLearnModal .change-fs-22px{
        font-size: 20px;
    }
    /* End Sponsorship Page */

    /* Start Institute Registration Page CSS */
    .institute-registration-form-section .change-fs-22px{
        font-size: 18px;
    }
    .institute-registration-women-section .change-fs-22px{
        font-size: 18px;
    }
    /* End Institute Registration Page CSS */

    /* Start Register Close Page */
    .upcoming-event-s1card h5 {
        font-size: 28px;
        line-height: 34px;
    }
    .upcoming-event-s1card .change-fs-20px {
        font-size: 16px;
    }
    /* End Register Close Page */

    /* Start Membership Register */
    .membership-create-account-section .change-fs-18px{
        font-size: 17px;
    }
    /* End Membership Register */

    /* Start Leadership Page */
    .leadershipOverallStats-s1card .change-fs-14px{
        font-size: 13px;
    }
    .leadershipOverallStats-s1card .change-fs-32px{
        font-size: 28px;
    }
    /* End Leadership Page */

    /* Start Add Job Details */
    .job-s1submit-success-card .change-fs-20px{
        font-size: 18px;
    }
    /* End Add Job Details */
}

@media (max-width: 767px) {

    /* Start Header */
    .main-header-logo img{
        height: 40px;
    }
    .TimeSlot-body .auth-logo img, .SponsorShip-body .auth-logo img{
        height: 43px;
    }
    /* End Header */

    /* Start Registration Process Page */
    .registration-successful-img{
        width: 110px;
        height: 110px;
    }
    /* End Registration Process Page */

    /* Star New Auth Page */
    .newauth-title{
        font-size: 40px;
        line-height: 48px;
    }
    /* End New Auth Page */
    
}



@media (max-width: 575px) {
    :root{

        --dj-sec-padding-100: 55px;

        --dj-rounded-180: 60px;
    }

    body{
        font-size: 14px;
    }

    .change-fs-22px {
        font-size: 18px;
    }
    .change-fs-16px{
        font-size: 14px;
    }
    .change-fs-24px{
        font-size: 20px;
    }

    .section-title1{
        font-size: 36px;
        line-height: 43.2px;
    }
    .section-subtitle1{
        font-size: 18px;
        line-height: 21.6px;
    }
    .title-s2{
        font-size: 40px;
        line-height: 48px;
    }
    .title-s3{
        font-size: 40px;
        line-height: 48px;
    }
    .title-s4{
        font-size: 30px;
        line-height: 36px;
    }
    .title-s5{
        font-size: 14px;
        line-height: 22.4px;
    }
    .title-s6{
        font-size: 38px;
        line-height: 41.8px;
    }
    .title-s7{
        font-size: 14px;
        line-height: 21px;
    }
    .title-s8{
        font-size: 32px;
        line-height: 38.4px;
    }
    .title-s9{
        font-size: 40px;
        line-height: 48px;
    }
    .title-s10{
        font-size: 38px;
        line-height: 41px;
    }
    .title-s11{
        font-size: 24px;
        line-height: 31.2px;
    }
    .title-s12{
        font-size: 48px;
        line-height: 57px;
    }
    .title-s13{
        font-size: 24px;
    }
    .title-s14{
        font-size: 22px;
    }
    .title-s15{
        font-size: 36px;
        line-height: 40px;
    }
    .title-s16{
        font-size: 16px;
        line-height: 17px;
    }

    .subtitle-s1{
        font-size: 14px;
        line-height: 22px;
    }

    .cardstyle1-title{
        font-size: 22px;
    }
    .cardstyle2 .card-header h2{
        font-size: 24px;
    }

    .sm-p-0{
        padding: 0px;
    }
    .sm-dj-bg-Primary-Offwhite{
        background: var(--dj-bg-Primary-Offwhite);
    }
    .sm-rounded-0{
        border-radius: 0px !important;
    }
    .sm-box-shadow-0{
        box-shadow: none;
    }

    .accordionstyle1 .accordion-item{
        box-shadow: 0px 4px 6px 0px #0000000D;
        border-radius: 0px;
    }

    .toast{
        padding: 15px 22px !important;
    }

    /* Start Header */
    .main-header-logo img{
        height: 30px;
    }
    .TimeSlot-body .auth-logo img, .SponsorShip-body .auth-logo img{
        height: 32px;
    }
    .main-s1header .main-header-logo img{
        max-height: 26px;
    }
    .main-s1header .main-header-logo img.kalido-logo{
        max-height: 14px;
    }
    /* End Header */

    /* Start Auth Page */
    .auth-title {
        font-size: 30px;
        line-height: 36px;
    }
    .auth-section .change-fs-24px{
        font-size: 18px;
        line-height: 28px;
    }
    .auth-section .sawit-logo, .auth-section .guvi-logo{
        max-height: 47px;
    }
    /* End Auth Page */

    /* Star New Auth Page */
    .newauth-step-section{
        border-radius: var(--dj-rounded-180) var(--dj-rounded-180) 0px 0px;
    }
    .planRadio-card .planRadio-card-title{
        font-size: 32px;
        line-height: 32px;
    }
    .faq-accordion .change-fs-14px{
        font-size: 12px;
    }
    /* End New Auth Page */

    /* Start Corporate Access Page */
    .have-questions-footer .change-fs-22px{
        font-size: 19px;
    }
    .have-questions-footer .change-fs-18px{
        font-size: 14px;
    }
    /* End Corporate Access Page */


    /* Start New Register Success Page */
    .registration-newsuccessful-card .change-fs-24px{
        font-size: 18px;
    }
    .registration-newsuccessful-card .change-fs-14px{
        font-size: 12px;
    }
    /* End New Register Success Page */


    /* Start Registration Process Page */
    .registration-successful-img{
        width: 80px;
        height: 80px;
    }
    /* End Registration Process Page */

    /* Start Sponsorship Page */
    .BecomingASponsorLearnModal .change-fs-24px{
        font-size: 22px;
    }
    .BecomingASponsorLearnModal .change-fs-22px{
        font-size: 18px;
    }
    /* End Sponsorship Page */

    /* Start Institute Registration Page CSS */
    .institute-registration-form-section .change-fs-22px{
        font-size: 14px;
    }
    .institute-registration-women-section .change-fs-22px{
        font-size: 14px;
    }
    /* End Institute Registration Page CSS */
    
    /* Start Register Close Page */
    .upcoming-event-s1card h5 {
        font-size: 25px;
        line-height: 32px;
    }
    .upcoming-event-s1card .change-fs-20px {
        font-size: 16px;
    }
    /* End Register Close Page */

    /* Start Membership Register */
    .membership-create-account-section .change-fs-18px{
        font-size: 16px;
    }
    /* End Membership Register */

    /* Start Leadership Page */
    .leadershipOverallStats-s1card .change-fs-14px{
        font-size: 12px;
    }
    .leadershipOverallStats-s1card .change-fs-32px{
        font-size: 24px;
    }
    /* End Leadership Page */

    /* Start Add Job Details */
    .job-s1submit-success-card .change-fs-20px{
        font-size: 17px;
    }
    /* End Add Job Details */
}