/* @media (max-width:767px) and (min-width:576px){

} */

@media (max-width:991px) {
   
    #scrollup {
        position: relative;
        left: 0;
        transform: none;
        margin: 0 auto;
    }
    .mobileHide {
        display: none;
    }
    .mobileShow {
        display: block;
    }

    .navbar-collapse .navbar-nav{
        flex-direction: inherit;
        justify-content: center;
    }

    /* .navbar-toggler{
        position: fixed;
        left: 35%;
        top: 7%;
    } */

    /* .navbar-collapse{
        max-width: 80%;
    } */

    .overlay_2 {
        top: 72% !important;
        left: 12% !important;
    }

    .overlay {
        top: 52% !important;
        left: 11% !important;
    }

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

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

@media (max-width:767px) {
    #welcome h1 {
       font-size: 55px !important;
    }

    #exam h2{
        font-size: 33px !important;
    }
    
    .overlay {
        top: 37% !important;
        left: 11% !important;
    }
    .overlay_2 {
        top: 55% !important;
        left: 10% !important;
    }
}






@media (max-width:500px){
    #welcome h1{
        font-size: 28px!important;
    }
  
    .basic_btn{
        margin-left: 0!important;
        font-size: 18px!important;
    }

    #welcome h5{
        font-size: 19px!important;
    }

    #welcome .container .align-items-baseline{
        flex-direction: column-reverse;
    }

    .subject_list h2 {
        font-size: 34px!important;
    }

    .exam_list h2 {
        font-size: 38px!important;
       
    }

    .overlay,.overlap,.overlaps,.overlap_1,.overlaps_2,.overlaps_3 {
      display: none;
    }
    .general_report{
        padding:0;
    }
    .overlay_2 {
        display: none;
     }

    .exam h3{
        font-size: 16px!important;
    }

    .chapter_card{
        max-width: 100%!important;
        flex-wrap: wrap;
    }

    .chapter_cards{
        max-width: 100%!important;
        flex-wrap: wrap;
    }

    .chapter_card img{
        width: 30%;
    }

    .chapter_cards img{
        width: 30%;
    }

    .chapter_card h5{
       font-size: 14px!important;
       padding-top: 20px;
    }

    .chapter_cards h5{
        font-size: 14px!important;
        padding-top: 20px;
     }

     .card_details{
         text-align: center;
     }

     .premium h4{
         font-size: 18px!important;
         line-height: 35px!important;
         margin-bottom: 20px !important;
     }

     .page_footer::after{
         display: none !important;
     }

     .page_footer{
         background-image: none !important;
         background-color: #00316D;
         padding: 50px 0 !important;
     }

     .footer_menu{
         padding: 0 !important;
     }

     #footer_hdng{
        margin-top: 10px !important;
        text-align: center !important;
     }

     #hdr .navbar-light .navbar-brand{
         margin: 0 !important;
     }

     .basic_btn_2{
         font-size: 12px !important;
         padding: 5px 20px !important;
     }

     .page_header .nav-item{
         padding: 0 18px !important;
         margin: -6px 0;
     }
    .page_header .navbar-nav{
      flex-direction: column;
    }

    #exam .success{
        flex-direction: column-reverse;
    }

    #exam h2 {
        font-size: 28px !important;
        margin-top: 15px;
    }

    .school h2{
        font-size: 40px !important;
    }
}

@media (max-width:300px){
    #welcome{
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: 0px !important;
    }

    .school h2 {
        font-size: 25px !important;
    }
}