:root {
    --banner-heading-font: 60px;
    --banner-heading-color: #475569;
    --banner-paragraph-color: #334155;
    --banner-button-color: linear-gradient(90deg, #8297FF 0%, #BC80FC 50%, #A36ADF 100%);
    --size-12: 12px;
    --size-14: 14px;
    --size-16: 16px;
    --size-24: 24px;
    --size-20: 20px;
    --size-18: 18px;
    --size-28: 28px;
    --size-30: 30px;
    --size-20: 20px;
    --size-21: 21px;
    --size-23: 23px;
    --size-32: 32px;
    --size-34: 34px;
    --size-40: 40px;
    --fw-400: 400;
    --fw-500: 500;
    --fw-700: 700;
    --fw-600: 600;
    --purple-color: #a36adf;
    --footer-color: #442568;
    --purple-background: #f8f2ff;
    --sky-blue: #f2f4ff;
    --menu-active: #f2f5f9;
    --grey: #64748b;
    --blue: #677be1 !important;
    --cyan-blue: #475569;
    --pickled-bluewood: #334155;
    --white-color: #fff;
    --progress-bar: #007bff;
    --comming-soon: #4d60bf;
    --border-color: #cbd5e1;
    --letter-spacing-1: 0.1px;
    --letter-spacing-4: 0.4px;
    --letter-spacing-3: 3px;
    --letter-spacing-5: 0.5px;
    --letter-spacing-2: 2px;
    --letter-spacing-27: 0.27px;
    --letter-spacing-14: 0.14px;
    --letter-spacing-15: 0.15px;
    --letter-spacing-25: 0.25px;
    --letter-spacing-40: 0.4px;
    --line-height-28: 28.8px;
    --line-height-51: 51px;
    --line-height-78: 78px;
    --line-height-56: 56px;
    --line-height-27: 27.2px;
    --line-height-22: 22px;
    --line-height-25: 25px;
    --line-height-29: 29px;
    --line-height-21: 21px;
    --line-height-24: 24px;
    --line-height-25: 25.05px;
    --line-height-33: 33px;
    --line-height-18: 18px;
    --line-height-30: 30px;
    --line-height-32: 32.4px;
    --line-height-20: 20px;
    --line-height-19: 19px;
    --line-height-19-33: 19.33px;
    --line-height-25-5: 25.5px;
    --line-height-40: 40px;
    --line-height-48: 48px;
    --line-height-52: 52px;
    --radius-20: 20px;
}

@media (max-width: 767px) {
    #sectionofvideo {
        margin-left: -20px;
        margin-right: -20px;
    }
    #nesteddiv img, #nesteddiv video {
        border-radius: 0px !important;
    }
    .popup2 {
        width: 90% !important;
        padding: 30px !important;
    
    }
    .header-top {
        padding: 24px 20px;
    }
    #page.drawers {
        padding: 0;
    }
    .already-account p {
        font-size: var(--size-16);
        font-weight: 600 !important;
        line-height: var(--line-height-24);
        letter-spacing: var(--letter-spacing-4);
    }

    #popuplogin .popup-content h4 {
        font-size: var(--size-24);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-30);
    }

    .login-form-forgotpassword a {
        font-size: var(--size-16);
        font-weight: 600 !important;
        line-height: var(--line-height-24);
        letter-spacing: var(--letter-spacing-4);
    }

    #popuplogin .popup2 {
        padding: 40px 20px !important;
    }

    #forgotpassword .popup-form {
        padding: 40px 20px !important;
        width: 90%;
    }

    #forgotpassword .popup-form .reset-my-password {
        width: inherit !important;
    }

    #forgotpassword h2 {
        font-size: var(--size-24);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-30);
        color: var(--pickled-bluewood);
    }

    #successregister .popup2 {
        padding: 40px 20px !important;
    }

    #successregister h4 {
        font-size: var(--size-24);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-30);
    }

    #successsubmission .popup2 {
        padding: 40px 20px !important;
    }

    #successsubmission h4 {
        font-size: var(--size-24);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-30);
    }

    .popup-content .p {
        padding: 0px !important;
    }

    #notificationresetsuccess .popup-form {
        max-width: 316px !important;
    }

    #reset_password .popup-form {
        width: 90%;
        padding: 40px 20px !important;
    }

    #reset_password h4 {
        font-size: var(--size-24);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-30);
    }

    #passwordresetsuccessfully .popup-form {
        width: 90% !important;
        padding: 40px 20px !important;
    }

    #passwordresetsuccessfully h4 {
        font-size: var(--size-24);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-30);
    }


    .container-fluid{
        max-width: 100% !important;
    }
    #page-login-logout .singlebutton button {
        width: 100%;
    }

    #page-login-logout .singlebutton {
        width: 100%;
        margin: 5px 0px;
    }

    .header-top nav {
        display: none;
    }

    #overview .first-section {
        padding-top: 0px;
    }

    #registerlink {
        display: flex;
        align-items: center;
    }

    #sectionofvideo {
        padding: 50px 0px;
    }

    #page-login-logout .pad {
        padding-top: 0px !important;
    }

    .learn-left-first {
        padding-top: 10px;
    }

    .padding-40 {
        padding: 20px;
    }

    #nesteddiv img {
        width: 100%;
        height: auto;
    }

    .header-sticky-margin {
        margin-top: 130px !important;
    }

    .our-rebbes-content h3 {
        font-size: var(--size-16);
        font-weight: var(--fw-600);
        letter-spacing: var(--letter-spacing-15);
        line-height: var(--line-height-20);
        color: var(--pickled-bluewood);
    }

    .our-rebbes-content p {
        font-size: var(--size-16);
        font-weight: var(--fw-500);
        line-height: var(--line-height-24);
        letter-spacing: var(--letter-spacing-5);
        color: var(--cyan-blue);
    }

    .our-rebbes-details {
        padding: 40px !important;
    }

    .form-padding {
        padding: 60px 40px;
    }

    #page-site-index #page {
        margin-top: 0px !important;
    }

    #page-theme-rebbe-inside-home #page2 {
        padding-top: 0px;
    }

    #page-site-index .user-profile .fa-caret-down {
        display: none;
    }
/*comment - 87 - backtohome visible -13.06.2023*/
    #overview .pad {
       /* padding-top: 0px !important;*/
    }
    .pad .margin-top-120 {
        margin-top: 120px !important;
    }

    #page-theme-rebbe-inside-my-programs .pad {
        padding-top: 0px !important;
    }

    #page-theme-rebbe-my_account .pad {
        padding-top: 0px !important;
    }

    .first-section {
        padding-top: 90px !important;
    }

    #page-site-index .first-section {
        padding-top: 0px !important;
    }

    #page-theme-rebbe-inside-home .first-section {
        padding-top: 0px !important;
    }

    .header-responsive {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px !important;
    }

    .header-top {
        border-radius: 0px;
        position: inherit;
        transform: inherit;
        position: fixed;
        left: 0;
        top: 0;
    }

    .margin-top-120 {
        margin-top: 20px !important;
    }

    /* .padding-80 {
            padding: 40px 0px;
        } */
    .abs-1 {
        right: 6%;
        top: -12px;
        text-align: right;
    }

    .abs-2 {
        left: -3%;
        top: 27%;
    }

    .abs-3 {
        right: 17%;
        top: 41%;
    }

    .abs-2-2 {
        left: 5%;
        top: 8%;
    }

    .abs-3-2 {
        right: -11px;
        top: -75%;
        text-align: right;
    }

    .abs-4 {
        left: -10px;
        top: 211%;
        z-index: 99;
    }

    .abs-3-1 {
        right: 10%;
        bottom: -14px;
        z-index: 9;
    }

    .abs-3-3,
    .abs-3-4,
    .abs-2-1 {
        display: none;
    }

    .font-34-weight-600-line-height-51-letter-0-25 {
        font-size: var(--size-28);
        font-weight: var(--fw-500);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-33);
        color: var(--pickled-bluewood);
    }

    .our-rebbes-details .img-circle>img {
        width: 250px;
    }

    .height-0 {
        height: inherit !important;
    }

    .image-border-radius {
        border-radius: 0px 0px 20px 20px;
    }

    .our-program-dynamic .col-md-12:nth-child(2) {
        margin: 40px 0px;
    }

    .our-programs .col-md-12:nth-child(2) {
        margin: 40px 0px;
    }

    .pad {
        padding-top: 0px !important;
    }

    .header-top {
        width: 100%;
    }

    .fixed-3 {
        position: fixed !important;
        z-index: 999;
        left: -100%;
        padding-right: 0px;
    }

    .explore-btn {
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .abs-2-1, .abs-3, .abs-3-4 {
        display: none;
    }
    #our-rebbes .container {
        min-width: 100% !important;
    }
    #my-programs .container-fluid {
        max-width: 80%;
    }
    #page-theme-rebbe-inside-home .our-rebbes-content {
        padding: 0;
    }
    .watchafterlogin .login-dashboard-height {
       /* height: 72vh !important;*/
       /*iPad scrol issue - 14.06.2023*/
       /* height: 500px !important; */
    }
    .our-rebbes-details {
        padding: 40px !important;
    }
    #page-site-index .our-rebbes-details .our-rebbes-content {
        padding: 0px !important;
    }
    .header-top nav ul li a {
        padding: 7px 8px;
    }
    #page-login-index .loginform {
        width: 25%;
    }

    
    .header-responsive {
        width: 100% !important;
        max-width: 100% !important;
    }

    .learn-left-first {
        padding: 10px 40px 40px;
    }

    .padding-top-13 {
        padding-top: 13px !important;
    }

    .our-rebbes-content {
        padding: 0px 40px;
    }

    .our-rebbes-content p {
        font-size: var(--size-16);
        font-weight: var(--fw-500);
        line-height: var(--line-height-29);
        letter-spacing: var(--letter-spacing-5);
        color: var(--cyan-blue);
    }

    .our-rebbes-content h3 {
        font-size: var(--size-16);
        font-weight: var(--fw-600);
        letter-spacing: var(--letter-spacing-4);
        line-height: var(--line-height-24);
        color: var(--pickled-bluewood);
    }

    .explore-btn {
        margin: auto;
    }

    .our-program-dynamic .card {
        height: inherit;
    }

    #our-programs .card {
        height: inherit;
    }

    .container-auto {
        width: 90% !important;
        max-width: 90% !important;
    }

    .container-100 {
        width: 100% !important;
        max-width: 100% !important;
    }

    .height-0 {
        height: inherit !important;
    }

    .image-border-radius {
        border-radius: 0px;
    }

    .image-border-radius {
        border-radius: 0px;
    }

    .our-program-dynamic .col-md-12:nth-child(2) {
        margin: 3rem 0rem;
    }

    #our-programs .sec .col-md-12:nth-child(2) {
        margin: 3rem 0rem;
    }

    .header-top {
        width: 94vw;
        margin: auto;
    }

    .logo img {
        width: 120px;
    }

    .fixed-3 {
        position: fixed !important;
        z-index: 999;
        left: -50%;
    }
    .beforelogin .login-dashboard-height {
        height: 58vh !important;
    }

    .lefttoggle .lern-left-fixed {
        width: 494px;
    }

    .header-top nav ul li {
        margin: 0px 6px;
    }

    .header-top {
        padding: 12px 20px;
    }

    .logo img {
        width: 120px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .our-program-dynamic .card {
        height: 427.29px;
    }
    .header-top {
        width: 930px;
        max-width: 100%;
    }
    a.watch {
        padding: 7px 13px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    .our-program-dynamic .card {
        height: 438px;
    }
    .ppp {
        padding: 8px 28px;
    }
    .header-top {
        width: 1200px;
    }
}




@media (min-width: 1901px) {
    #page-admin-search .container {
    max-width: 85%;
}
    /*div#page-content {
        content: "";
        position: absolute;
        width: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -56%);
    }*/
    #page-login-logout #topofscroll {
        background-color: var(--purple-background);
        height: 80vh;
        position: relative;
    }
    .popup2.height {
        height: auto !important;
    }
}
.font-20-weight-700-line-height-33-letter-2 {
    font-size: var(--size-20);
}

@media (max-width: 425px) {
    .header-sticky-margin {
        margin-top: 110px !important;
    }
}