@media screen and (max-width:767px){
    .slider_main_header {
        width: 100%;
        margin: 0 auto;
        font-size: 1.5rem;
    }
    .sub-footer{
        grid-template-columns: repeat(auto-fit,minmax(150px,160px) );
        gap: 0px;
        padding: 30px 0px 0px 0px;
    }
    
    .icons {
        width: 20px !important;
        height: 20px;
        background-size: contain;
        list-style-type: none;
        cursor: pointer;
    }
    .banner_left_text {
        top: 205px;
    }

    .banner_left_text.with_nav_b {
        top: 220px;
    }
    .with_nav_b.right_img{
        margin-top: -70px;
    }
    /* .banner_left_text>h1{
        font-size: 1.5rem;
    }
    .banner_left_text>h2{
        font-size: 1rem;
    } */
    .left_icon>img{
        /* height: 100px;
        width: 80px; */
    }
    .right_icons {
        left: 38%;
    }
    .search {
        max-width: 60vw;
    }
    .slider_cards {
        min-width: 210px;
        /* max-width: 210px; */
        box-shadow: 0px 3px 6px #0a0a0a38;
        border-radius: 10px;
        margin: 0 auto;
    }
    .icon_play {
        width: 40px;
        height: 40px;
        right: 10%;
        top: 22%;
    }
    .sub-header{
        /* margin-top:30px; */
    }
    .grid_2 {
        grid-template-columns: auto;
        grid-gap: 10px;
    }
    #sidebar {
        grid-row: 1;
        grid-column: 1/2;
    }
    #content {
        grid-row: 2;
        grid-column: 1/2;
    }
    .course_card_container {
        /* justify-content: center; */
    }
    .course_video_container {
        min-width: 100%;
        min-height: 100%;
    }
    .module_body, .module_container {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .banner_menu>div.right_icons {
        display: flex;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
        /*flex-direction: row-reverse;*/
    }
    .left_img>div {
        height: 100%;
        width: 100%;
    }
    .right_img{
        width: 330px;
        height: 330px;
    }
    .slider-box-container{
        /* margin-top: 115px; */
    }
    .banner_left_text{
        text-align: center;
    }
    .banner_left_text>h2,.banner_left_text>p{
        text-align: left;
    }


    .text-input {
        min-width: 350px;
    }
    .left_img>div{
        margin-top: 0px;
    }
    
    
    .with_nav>.left_img {
        height: 310px;
        width: 48%;
    }

    .slider-box-container.with_nav_s {
        /* margin-top: 60px; */
    }
    .left_img.with_nav_b>div {
        margin-top: -90px;
    }

    .banner_right_img {
        text-align: center;
    }
    .banner_left_text_v{
        text-align: center;
    }
    .banner_left_text_v>h2,.banner_left_text_v>p{
        text-align: left;
    }
    .menu_2>li:first-child{
        /* flex-basis: 100%; */
        gap:10px
    }
    .menu_2{
        gap:10px
    }

    .sub-footer>ul>li>a{
        font-size: 14px !important;
    color:#fff;
    }
    .sub-footer>ul>li {
        height: 30px;
        list-style: none;
    }

    .newsletter {
        max-width: 550px;
        padding-bottom: 30px;
        margin: 0 auto;
        /* padding-top: 40px; */
    }
    .banner_content {
        margin-bottom: 25px;
    }
    .banner_right_img>img {
        /* max-width: 75%; */
        max-height: 300px;
        max-width: 300px;
    }
    .left_timer>span,.right_price>span{
        font-size: 14px;
    }
    .dropdown-content {
        position: fixed;
        left: 0;
    }
    .dropdown_menu_container {
        flex-wrap: wrap;
    }
    .dropdown-menu {
        min-width: 220px;
        width: 100%;
        max-width: 100%;
    }
    .dropdown-content {
        max-height: 60vh;
        overflow: auto;
    }
    .popOver{
        left:30%;
    }
    #navbar .menu_2>li{
        display: none;
    }
    .mobile_nav_icon{
        display: block !important;
    }
    #mobile_header .dropdown-content {
        position: relative;
    }
    #mobile_header .search {
        width: 220px;
        max-width: 400px;
        box-shadow: none;
    }
    .search_container {
        text-align: center;
    }
    #mobile_header img{
        width: 37px;
        height: 35px;
    }
    .newsletter_ccont>img{
       justify-self: center;
    }
   .sub-footer>ul:last-child {
        justify-self: flex-start;
    }
    .sub-footer{
    padding:30px 0px;
    }
    .cookie-banner{
        right:5% !important;
    }
    .master_grid_banner {
        flex-wrap: wrap;
        text-align: center;
        padding: 30px 20px;
        justify-content: center;
        
        gap: 125px;
    }
    .left_icon {
    margin-left: -10%;
    }
    .right_icons {
    margin-right: -5%;
    }
    .menu_container {
    display: flex;
    }

    .contact_us_grid{
        display: grid;
        grid-template-columns: inherit;
        gap: 50px;
        align-items: center;
        justify-content: center;
        margin-bottom:30px;
    }
    .contact-form-container {
        display: block;
    }
    .partner_div{
        width: 100% !important;
        margin-left: 0% !important;
    }
    .partner_contact_form>div{
        display: block !important;
        gap: 0% !important;
    text-align: center;
    }
    .spl{
        width: 100% !important;
        margin-left: 0%;
    }
    
    .newsletter{
        display: block;
    }
        .newsletter_ccont>div>a>img{
                max-width: 150px;
                justify-self: flex-start;
        }
    .font20{
        font-size:16px;
    }
    .header_logo{
        margin-left: 30px;
    }
    .new_banner_left_text>h1{
    text-align:left !important;
    font-size: 30px !important;
    }
    .font50{
        font-size:30px !important;
    }
    .misc_header_border_bottom.font50{
        font-size:20px !important;
    } 
    .font30{
        font-size:20px !important;
    }
    p.font30{
        font-size:18px !important;
    
    }
    h2.font30{
        font-size:18px !important;
    }
    h1.eventTab{
        font-size:16px !important;
    }
    .know_base{
        font-size:20px ;
    }
    .misc_header_border_bottom::after{
        width:60px !important;
    }
    .tableContents>h2.font30{
        font-size:20px !important;
    }
    .tableContents>p{
        font-size:16px !important;
    }
    .cookie_page>h2.font30, .cookie_page>h2.font24, .cookie_page>p {
        font-size:18px;
    }
    .fon50.partnerText{
                font-size:30px !important;
        }
    .becomePartner>h2,  becomePartner>p{
        font-size:20px !important;
    }
    .becomePartner>h3{
        font-size:18px !important;
    }
    .becomePartner input, .becomePartner select{
        font-size:18px !important;
    }
    
    .brochuresHere>h1.font50{
        font-size:30px;
    }
    .brochuresHere>h1.misc_header_border_bottom{
                font-size:16px !important;
        }
    .cookie_page>h1,h2,p,a{
        font-size:18px !important;
    }
    .faq_header_banner>p{
            font-size:18px !important;
    }
    .knw_text.font50{
        font-size:30px !important;
    }
    .faq_table_content>a,p{
        font-size:18px !important;
    }
    .partnerText.font50{
        font-size:30px !important;
    }
    .partnerText>p{
        font-size:20px !important;
    }
    .becomePartner.font30{
        font-size:20px !important;
    }
    .affiliate_btn{
        font-size:25px !important;
        width:279px !important;
        height:49px !important;
    }

}


@media screen and (max-width:800px){
        .newsletter{
                display: block;
        }
    .before_newsletter{
        width: 0%;
    }
    .div_contact_grid_two{
    grid-template-columns: auto;
    }

}

@media screen and (max-width:1600px) and (min-width:1401px){
    .slider_main_header {
        width: 100%;
        margin: 0 auto;
        font-size: 2rem;
    }
    .banner_left_text {
        /* top: 20%; */
    }
    /* .banner_left_text>h1{
        font-size: 2.5rem;
    }
    .banner_left_text>h2{
        font-size: 1.7rem;
    } */
    

}

@media screen and (max-width:1400px) and (min-width:768px){
    .btn_input {
        /* width: 170px; */
    }
    .text-input {
        min-width: 300px;
    } 
    .banner_left_text {
        /* top:20%; */
    }
    .left_icon>img{
        /* height: 100px;
        width: 80px; */
        width: auto;
    }
    /* .banner_left_text>h1{
        font-size: 1.5rem;
    }
    .banner_left_text>h2{
        font-size: 1.5rem;
    }
    .banner_left_text>p{
        font-size: 1.2rem;
    } */
}

@media screen and (max-width: 900px) and (min-width: 768px) {
    .left_img {
        flex-grow: 1;
    }
    .right_img {
        flex-grow: 1;
    }
    .header_img_container{
        /* flex-direction: row-reverse; */
    }
    .header_container {
        width: 100%;
        /* height: 650px; */
        margin-top: 150px;
    }
    .sub-footer>ul:nth-child(3){
        /* grid-area: 3; */
    }
    .sub-footer>ul:nth-child(3) .text-input{
        min-width: 360px;
    }
    .header_img_container{
        height:440px;
    }
    .header_container{
        height:130px !important;
    }
    .header_container.with_nav_h {
        height: 370px !important;
    }
    .sub-header {
        /* margin-top: 0px; */
    }
    .left_timer>span,.right_price>span{
        font-size: 14px;
    }
    .search {
        width: 60vw;
        max-width: 300px;
    }    
    .misc_header_border_bottom::after {
        width:60px !important;
    }
}


@media screen and (max-width:792px) {
    .icons_container{
        /* justify-content:center; */

    }
    .sub-footer>ul:last-child{
        /* width: 80vw;
        text-align: center; */
    }    
    .header_container {
        width: 100%;
        /* height: 440px; */
    }
    .menu_login {
        border-radius: 5px;
        text-transform: uppercase;
        font-weight: bold;
        padding: 10px 30px;
        font-size: 17px;
    }    
    
}

@media screen and (max-width:600px) {
    .banner_left_text{
        max-width: 380px;
    }
}

@media screen and (max-width:480px) {
    .grid_2 {
        grid-template-columns: auto;
        grid-gap: 10px;
    }
    .newsletter_ccont{
            grid-template-columns: auto !important;
            justify-content:flex-start;
    }
    .newsletter_form_class>input {
        width: 100% !important;
    }
    .offers_form_div {
        width: 100% !important;
        margin-left: 0% !important;
    }
    .search_container {
        margin-right: 3% !important;
    }
    .menu_course {
        margin-right: 0px !important;
    }
    .newsletter_form_class>button {
        margin-left: 0% !important;
    }
    .offers_header_div {
        margin-bottom: 5% !important;
    }
    .mhpro_logo_container_footer {
        margin-top: 15%;
    justify-self: flex-start !important;
    }
    .offers_sub_header{
        margin-left: 0% !important;
    }
    .menu_container {
        padding-right: 3% !important;
    }
    .content_padding_gradient {
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        word-break: break-word;
    }
    .menu_login {
        /*margin-left:8%;*/
    }
}

@media screen and (max-width:480px) and (min-width:350px){
    .menu {
        flex-wrap: nowrap;
    }
}


@media screen and (max-width:350px){
    .fixed_container.inner_container {
        height: 190px;
    }
}

@media screen and (max-width:400px) {
    .auto-height{
        margin-top: 0px !important;
    }
}

@media screen and (max-width:1470px){
    .right_img{
        background-position:top right;
    }
}

@media screen and (max-width:1024px) and (min-width:768px){
    .right_icons {
        top: 10px;
        position: absolute;
        right: 2%;
    }
    .menu_container {
        /* margin-top: 10%; */
    }
    .header_container {
        width: 100%;
        height: 650px;
    }
     h1.eventTab{
         font-size:40px !important;
     }
     .font30.tosPar{
         font-size:20px;
     }
     .cookie_page>h2.font30{
         font-size:20px;
     }
    .cookie_page>h2.font30, .cookie_page>h2.font24, .cookie_page>p {
                font-size:20px;
        }
    .fon50.partnerText{
        font-size:40px !important;
    }
    .becomePartner>h2,  becomePartner>p{
                font-size:30px !important;
        }
        .becomePartner>h3{
                font-size:20px !important;
        }
        .becomePartner input, .becomePartner select{
                font-size:30px;
        }
    .faq_table_content>a, .faq_table_content>p{
                font-size:18px !important;
        }
    .know_base{
        font-size:20px !important;
    }
    .privacy_iphone_text>p.font20{
        font-size:16px;
    }
    .privacy_iphone_text>h2.font30{
        font-size:20px;
    }



}

@media screen and (max-width:900px) and (min-width:768px){
    
    .banner_left_text {
        top:150px;
    }
    .header_logo {
        /* width: 90%; */
    }
    .dropdown-content {
        position: fixed;
        left: 0;
    }
    .dropdown_menu_container {
        flex-wrap: wrap;
    }
    #mobile_header .dropdown-content {
        position: relative;
    }
    #mobile_header .search {
        width: 220px;
        max-width: 400px;
        box-shadow: none;
    }
    .search_container {
        text-align: center;
    }
    #mobile_header img{
        width: 37px;
        height: 35px;
    }
    
    
}

@media screen and (max-width:1160px){
    .course_start_container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .font50{
        font-size:40px !important;
    }
    .font20{
        font-size:18px !important;
    }
    .font30.tosPar{
        font-size:20px !important;
    }
    .cookie_page>h2.font30{
            font-size:20px;
    }
    .cookie_page>h1.font30{
            font-size:20px;
    }
    .font30{
        font-size:25px !important;
    }
    .font30.fontT20{
        font-size:20px !important;
    }
    .font30.tosPar{
        font-size:20px !important;
    }
    .cookie_page>h2.font30{
        font-size:20px !important;
    }
    .cookie_page>h1.font30{
            font-size:20px !important;
    }


}

@media screen and (min-width: 1024px){
    .course_info_container{
        width: 75%;
    }
    .single_course_info_container {
        margin-top: 30px !important;
        max-width: 600px;
    }
    .mh-content h2.mont{
        font-size: 2.5rem;
    }
    .mh-content h3.mont{
        font-size: 2rem;
    }
    .slider_card_body>h3{
        font-size: 1.4rem;
        height: 110px;
    }
    .slider_card_body>p{
        font-size: 1rem;
    }
    .banner_left_text>p{
        /* font-size: 1.3rem; */
    }
    .left_img>div{
        margin-top:0px;
    }
    .with_nav>.left_img>.banner_left_text{
        margin-top:50px;
    }
    .slider_card_body>h3.dName {
        height: 55px !important;
    }
   /* .referal_top_banner_text>h1{
        line-height:100px !important;
    } */
    
}

@media only screen and (min-width: 769px){
    .non_dash {
        padding: 20px;
        margin-left: 20px;
    }
    .sub-footer>ul>li>a{
        font-size: 20px;
    color:#fff;
    }
}

@media only screen and (min-width: 768px){
   
    .banner_content{
        top:250px;
    }
}

@media screen and (min-width: 1300px){
    
    .single_course_info_container {
        margin-top: 30px !important;
        max-width: 1000px;
    }

    
}

@media only screen and (min-width: 769px) and (max-width: 1140px){
    
    .single_course_info_container{
        margin-top: 281px !important;
    }
    .sub-footer>ul:last-child {
        justify-self: flex-start;
    }
}

@media screen and (min-width:1200px) and (max-width:1600px){
    .single_course_info_container {
        margin-top: 30px !important;
        max-width: 600px;
    }
}

@media only screen and (max-width: 768px) and (min-width: 481px){
    .right_video {
        border: 1px solid #8e8e8e;
        position: static;
    }
    .video_container {
        height: 179px;
        width: 100%;
    }
}

@media only screen and (max-width: 480px){

    .right_video {
        border: 1px solid #8e8e8e;
        position: static;
    }
    .video_container {
        height: 179px;
        width: 100%;
    }
    .banner_content{
        grid-template-columns: 1fr;
    }
    .banner_right_img{
        grid-area: 1;
    }
    .sub-header {
        /* margin-top: 200px; */
    }
    .sub-header.gif{
        /* margin-top:5px; */
    }
}
@media only screen and (max-width: 580px){

    .banner_content{
        grid-template-columns: 1fr;
    }
    .banner_right_img{
        grid-area: 1;
    }
    .sub-header {
        /* margin-top: 200px; */
    }
    .sub-header.gif{
        /* margin-top:5px; */
    }
    .dropbtn {
        padding: 0px 0px;
    }
}

@media screen and (min-width:2000px) {
    .banner_left_text{
        /* top:20%; */
    }
    .left_img>div:nth-child(7){
        top: 35%;
    }
    .right_img{
        /* background: url("/static/indigo/images/top-banner5.17be45544ecc.jpg") no-repeat;
        height: 100%;
        background-size: cover;
        width: 100%;
        background-position: 100%; */
    }
}

@media screen and (min-width:2500px) {
    .banner_left_text{
        /* top:20%; */
    }
    .left_img>div:nth-child(7){
        top: 25%;
    }
    .left_img>div:nth-child(2){
        top: 25%;
    }
}

@media screen and (min-width:3500px) {
    .banner_left_text{
        /* top:15%; */
    }
    .left_img>div:nth-child(7){
        top: 20%;
    }
    .left_img>div:nth-child(2){
        top: 18%;
    }
}


@media screen and (min-width:1600px) and (max-width:2000px) {
    .banner_left_text{
        /* top:28%; */
    }
    .left_img>div:nth-child(7){
        top: 20%;
    }
    .left_img>div:nth-child(2){
        top: 18%;
    }
    .banner_content {
        top: 200px;
    }

    .right_img{
        /* background: url("/static/indigo/images/top-banner5.17be45544ecc.jpg") no-repeat;
        height: 100%;
        background-size: contain;
        width: 100%;
        background-position: 100% 100%; */
    }
}


@media screen and (min-width:1700px){
    .header_logo {
        /* width: calc(100% + 17vw ); */
    }
    .header_container {
        width: 100%;
        height: calc(600px + 22vh);
    }
    /* .banner_left_text>h2{
        font-size: 2.5rem;
    }
    .banner_left_text>button{
        font-size: 1.5rem;
    } */
    .with_nav>.left_img>.banner_left_text{
        margin-top:150px;
    }
}

@media screen and (min-width:1601px) and (max-width:1699px){
    .banner_left_text {
        width: 800px;
    }    
}

/* Cards */
@media screen and (min-width:1400px) and (max-width:1499px){
    .slider_cards {
        min-width: 235px;
        max-width: 260px;
    width:250px;
    }
}

@media screen and (min-width:1500px) and (max-width:1599px){
    .slider_cards {
        min-width: 235px;
        max-width: 280px;
    }
}

@media screen and (min-width:1600px) and (max-width:1699px){
    .slider_cards {
        min-width: 235px;
        max-width: 285px;
    }
    .slider_cards_f {
        min-width: 235px;
        max-width: 265px;
    }
}

@media screen and (min-width:1700px) and (max-width:1999px){
    .slider_cards {
        min-width: 235px;
        max-width: 285px;
    }
    .slider_cards_f {
        min-width: 235px;
        max-width: 265px;
    }
}

@media screen and (min-width:1000px) and (max-width:1099px){
    .slider_cards {
        min-width: 235px;
        max-width: 275px;
    width:250px;
    }
}
@media screen and (min-width:900px) and (max-width:1300px){
    .sub-header {
        /* margin-top: 100px; */
    }
    .dropdown-content {
        position: fixed;
        left: 0;
    }
    .dropdown_menu_container {
        flex-wrap: wrap;
    }
    .menu_2 {
        display: flex;
        justify-content: flex-end;
    }
    .left_timer>span,.right_price>span{
        font-size: 14px;
    }
    .search {
        max-width: 500px;
    }
}
/*@media screen and (max-width:1100px) and (min-width:1000px){
    .left_icon{
        margin-left: -8%;
    }
}*/


/* Affiliate-Referral Form Page */
@media screen and (max-width: 450px) {
    .referral_form .font100 {
        font-size: 28px !important;
        letter-spacing: 0.7px !important;
        line-height: 30px !important;
    }
    .referral_form .referal_form_banner{
        font-size: 40px !important;
        letter-spacing: 0.4px;
        line-height: 45px;
    }

    .referral_form .center_gradient_banner.full-banner.banner_ref_text{
        max-height: 399.31px;
        height: auto;
    }

    .referral_form .ref-input-control {
        font-size: 16px !important;
    }

    .referral_form .form_content select{
        font-size: 16px !important;
    }

    .referral_form .referal_form_btn{
        font-size: 20px !important;
    }

    .referral_form .referal_form_checkbox{
        font-size: 16px !important;
        letter-spacing: 0px;
        line-height: 20px;

    }

}


@media screen and (min-width: 451px) and (max-width: 1024px) {
    .referral_form .font100 {
        font-size: 60px !important;
        letter-spacing: 1.2px !important;
        line-height: 60px !important;
    }

    .referral_form .referal_form_banner {
        letter-spacing: 0.5px !important;
        font-size: 50px !important;
        line-height: 55px !important;
        padding-right: 22%;
    }

    .referral_form .ref-input-control {
        font-size: 18px !important;
    }

    .referral_form .referal_form_btn {
        font-size: 21px !important;
        width: 50%;
        text-align: center;
    }

    .referral_form .btn_center {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .referral_form .referal_form_checkbox {
        font-size: 16px;
        line-height: 20px;
    }

    .referral_form .form_content select{
        font-size: 18px !important;
    }

}