@media screen and (min-width: 1200px) {
    .custom-container {
        padding: 0rem 5rem !important;
   }
    .custom-container-notice{
        padding: 0rem 9rem !important;
   }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    .head_banner {
        font-size: 3rem;
    }
    .adm_bttn {
        width: 29%;
    }
    .head_banner2 {
        font-size: 2rem;
    }
    .courses {
        height: 61rem;
      
    }
    .modalcontent {
        left: -49%;
        top: 2rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 62rem;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 0.3rem;
        outline: 0;
        max-height: 800px;
        overflow: hidden;
        overflow-y: scroll;
    }
    .btn_ht {
        min-height: 34rem;
    }
    .ph-tt {
        padding-bottom: 2rem;
    }
    .nav-pill .nav-link {
        width: 16rem;
    }
    .red_border {
        border-right: 0px
    }
    .adm_box {
        min-height: 20rem;
    }

    .bgwhite {
        padding: 21px;
        min-height: 13rem;
    }
    .red_brd {
        min-height: 24rem;
    }
    .red_brd1 {
        min-height: 35rem;
    }
    .custom-container-notice{
        padding: 0rem 8rem !important;
   }
    .custom-container {
        padding: 0rem 3rem !important;
   }
    .modal-content {
        left: -25%;
        position: relative;
        width: 800px;
        max-height: 800px;
        overflow: hidden;
        overflow-y: scroll;
   }
  
    .accordions .item .item-header h2 button.btn.btn-link {
        font-size: 0.9rem;
   }
    .text_bg {
        font-size: 0.8rem;
   }
    .common_padding {
        padding-top: 0rem;
        padding-bottom: 1rem;
   }
  
    .blue_bg {
        min-height: 16rem;
   }
    .ex-text{
        font-size: 0.8rem;
   }
    .coltop {
        padding-top: 0rem;
   }
    .bluebox {
        font-size: 0.8rem;
        padding: 10px;
   }
    .litext {
        font-size: 0.9rem;
   }
    .fee_box {
        min-height: 23rem;
   }

   
    .navbar-light .navbar-nav .nav-link {
        font-size: 0.7rem;
   }
    .logo-wd{
        width: 19rem !important;
   }
    .absolute-text {
        font-size: 3.8rem;
   }
    .achiv_text {
        font-size: 5rem;
   }
    .ad_txt {
        font-size: 0.7rem;
   }
    .border_white {
        border-right: 0px;
   }
    .coltp {
        margin-top: 4rem;
   }
    .col_up{
        margin-top: 3rem;
   }
    .txt_align{
        text-align: center;
        display: flex;
        margin: auto;
        justify-content:center;
   }
   
    .admissions {
        /* background-image: url(../img/aboutus/admission.png); */
        background-size: auto;
        background-repeat: no-repeat;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1366px) {
    .banner_text {
        position: absolute;
        left: 6%;
    }
    .head_banner {
        font-size: 4rem;
    }
    .adm_bttn {
        width: 31%;
    }
    .head_banner2 {
        font-size: 2.6rem;
    }
    .courses {
        height: 55rem;
      
    }
    .btn_ht {
        min-height: 27rem;
    }
    .name_txt {
        font-size: 0.76rem;
    }
    .blue_bg {
      
        min-height: 17rem;
    }
    .table-white-border th, .table-white-border td {
        color: #fff;
        font-size: 0.8rem;
    }
    .nav-pill .nav-link {
        width: 15rem;
    }
    .nav-pill .nav-link.active, .nav-pills .show>.nav-link, .nav-pill .nav-link:hover, .nav-pill .nav-link.active, .nav-pill .show>.nav-link {
    background: #1245A8;
    color: #fff!important;
    border-radius: 77px;
    width: 15rem;
}

    .red_brd {
        min-height: 14rem;
    }
    .red_brd1 {
        min-height: 21rem;
    }
    .ptxt {
        font-size: 0.82rem;
    }
    .bgwhite {
        min-height: 13rem;
    }
    .h4, h4 {
        font-size: 1.3rem;
    }
    .tb_name {
        font-size: 0.8rem;
    }
    .red_brd {
        min-height: 15rem;
    }
    .fee_box {
        min-height: 20rem;
   }
    .custom-container {
        padding: 0rem 4rem !important;
   }
    .modal-content {
        left: -72%;
        position: relative;
        width: 76rem;
        max-height: 710px;
        overflow: hidden;
        overflow-y: scroll;
   }
    .accordions .item .item-header h2 button.btn.btn-link {
        font-size: 1rem;
   }
   
    .brd {
        margin-right: 2rem;
   }
   
    .coltop {
        padding-top: 2rem;
   }
    .navbar-light .navbar-nav .nav-link {
        font-size: 0.999rem;
   }
    .logo-wd {
        width: 29rem !important;
   }
    /* .admissions {
        background-image: url(../img/aboutus/admission.png);
        background-repeat: no-repeat;
   } */
    .ad_txt {
        font-size: 0.6rem;
   }
    .nav_tabs_bg {
        background-color: #EBEBEB;
        height: 58rem;
   }
}
@media screen and (max-width:768px){
    .courses {
      
        background-image: url(../img/bg_blue.html) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
    
    .cm_ht {
        min-height: 2rem;
    }
    .name_txt {
        font-size: 0.9rem;
    }
    .ac_txt {
        font-size: 1.1rem;
    }
    .bgwhite {
        margin: 1rem;
        padding: 16px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 4px 16px #00000029;
        min-height: 12rem;
    }
    
    .r-recenter{
        margin: auto;
        justify-content: center;
        text-align: center;
    }
   #colgmb.owl-theme .owl-dots .owl-dot span {
    width: 9px;
    border: 2px solid #888;
    background-color: #888;
    height: 8px;
    margin: 0px 3px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
    .red_brd {
        padding-top: 3rem;
    }
    .red_brd1 {
        padding-top: 3rem;
    }
    .names {
        font-size: 0.99rem;
        font-weight: bold;
    }
 
    .modal-content {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 0.3rem;
        outline: 0;
        left: 0;
        max-height: 800px;
        overflow: hidden;
        overflow-y: scroll;
   }
    .collapse{
        max-height: 500px;
        overflow: hidden;
        overflow-y: scroll;
   }
    .mb_banner {
        margin-top: 3rem;
   }
    a.navbar-brand.logo-wd {
        width: 18rem;
   }
    a.navbar-brand.float-md-left.logo-wd {
        width: 71%;
   }
  
    #mb_alumnis.owl-theme .owl-dots .owl-dot {
        display: none;
   }
    #mb_alumnis.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 84%;
        top: 95%;
   }
    #mb_alumnis.owl-carousel .owl-nav button.owl-prev {
        top: 95%;
        position: absolute;
        left: 71%;
   }
    .col_top {
        padding-top: 1rem;
   }
    .pd_top {
        margin-top: 6rem;
   }
    .achiv_text {
        font-size: 5rem;
   }
    #mb_alumnis.owl-carousel .owl-item img {
        display: block;
        width: 70%;
        justify-content: center;
        margin: auto;
   }
}
@media screen and (min-width:992px) and (max-width:1610px){
    .col_left{
        margin-left: 2rem;
   }
}

@media screen and (max-width:390px){
    .nav-pills.nav_gal .nav-link.active, .nav-pills.nav_gal .show>.nav-link {
        border: none !important;
        width: 7rem !important;
   }
    .nav-pills.nav_gal .nav-link {
        width: 7rem !important;
        min-height: 5rem;
   }
    .accordion .item .item-header h2 button.btn.btn-link {
        font-size: 0.8rem;
   }
    
    .achiv_text {
        font-size: 3rem;
   }
    .ac_txt {
        font-size: 0.9rem;
        
   }
    .bg_icons {
        background-size: contain;
   }
    .pd_top {
        margin-top: 5rem;
   }
    #mb_alumnis.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 81%;
        top: 100%;
   }
    #mb_alumnis.owl-carousel .owl-nav button.owl-prev {
        top: 100%;
        position: absolute;
        left: 64%;
   }
}
@media screen and (min-width:391px) and (max-width:550px){
    .nav-pills.nav_gal .nav-link.active, .nav-pills.nav_gal .show>.nav-link {
        border: none !important;
        width: 7rem !important;
   }
    .nav-pills.nav_gal .nav-link {
        width: 7rem !important;
        min-height: 5rem;
   }
    .nav-pills.tabe_nav .nav-link {
        width: 4rem;
   }
    .accordion .item .item-header h2 button.btn.btn-link {
        font-size: 0.8rem;
   }
    button.btn.btn-link.accrd_size.collapsed {
        font-size: 0.9rem;
   }
}
@media screen and (min-width:551px) and (max-width:992px){
    .h2text{
        font-size: 1.5rem;
    }
    .head {
        font-size: 2rem;
    }
   
    .nav-pills.nav_gal .nav-link.active, .nav-pills.nav_gal .show>.nav-link {
        border: none !important;
        width: 13rem !important;
   }
    .nav-pills.nav_gal .nav-link {
        width: 13rem !important;
        min-height: 5rem;
   }
}
@media screen and (min-width:768px) and (max-width:991px){
    .cm_ht {
        min-height: 2rem;
    }
    
  .logo-wd {
        width: 531px;
    }
    .custom-container-notice{
        padding: 0rem 9rem !important;
   }
    .fee_box {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 4px 16px #00000029;
        opacity: 1;
        min-height: 24rem;
   }
    .accordions .item .item-header h2 button.btn.btn-link {
        font-size: 0.9rem;
        font-weight: 600;
   }
    h4{
        font-size: 1.1rem;
   }
    .top {
        padding-top: 4rem;
   }
    .owl-carousel .owl-item img {
        display: block;
        width: 36%;
   }
    #mb_alumnis.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 81%;
        top: 100%;
   }
    #mb_alumnis.owl-carousel .owl-nav button.owl-prev {
        top: 100%;
        position: absolute;
        left: 72%;
   }
    #mb_alumnis.owl-theme .owl-dots .owl-dot {
        display: none;
   }
}
@media screen and (min-width:992px) and (max-width:1000px){
    #alumnis.owl-carousel .owl-nav button.owl-prev {
        top: 86%;
        position: absolute;
        left: 87%;
   }
    #alumnis.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 93%;
        top: 86%;
   }
    .pd_top {
        margin-top: 0rem !important;
   }
}
@media screen and (max-width:630px){
    .head1 {
        font-size: 1.4rem;
    }
    .ft_size{
        font-size: 0.9rem;
   }
    .pd_top {
        margin-top: 8rem;
   }
    .achiv_text {
        font-size: 3.5rem;
   }
   
    .top {
        padding-top: 4rem;
   }
}
@media screen and (min-width:1180px) and (max-width:1290px){
   
    .absolute-text {
        font-size: 4.7rem;
        top: 0%;
   }
    .modalcontent {
        top: 9rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 55rem;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 0.3rem;
        outline: 0;
        max-height: 800px;
        overflow: hidden;
        overflow-y: scroll;
        left: -37%;
   }
}
@media screen and (min-width:1291px) and (max-width:1550px){
    .btn_ht {
        min-height: 25rem;
    }
    .name_txt {
        font-size: 0.81rem;
    }
    .nav-pill .nav-link {
        width: 16rem;
    }
    .red_brd {
        min-height: 14rem;
    }
    .red_brd1 {
        min-height: 21rem;
    }
    .custom-container {
        padding: 0rem 4rem !important;
   }
    .modalcontent {
        top: 9rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 55rem;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 0.3rem;
        outline: 0;
        max-height: 800px;
        overflow: hidden;
        overflow-y: scroll;
        left: -37%;
   }
    .modal-content {
        left: -72%;
        position: relative;
        width: 76rem;
        max-height: 710px;
        overflow: hidden;
        overflow-y: scroll;
   }

    .absolute-text {
        font-size: 5rem;
        top: 0%;
   }
    .admissions {
        /* background-image: url(../img/aboutus/admission.png); */
        background-size: contain;
        background-repeat: no-repeat;
   }
}
@media screen and (min-width: 1551px) and (max-width: 1800px){
    .btn_ht {
        min-height: 20rem;
    }
    .name_txt {
        font-size: 0.84rem;
    }
   
    .red_brd {
        min-height: 14rem;
    }
    .modal-content {
        left: -92%;
        position: relative;
        width: 90rem;
        max-height: 898px;
        overflow: hidden;
        overflow-y: scroll;
   }
    .absolute-text {
        font-size: 5.9rem;
        top: 0%;
   }

}
@media screen and (max-width:501px){
    .h2text{
        font-size: 1.2rem;
    }
    .head {
        font-size: 2rem;
    }
    .accordions .item .item-header h2 i {
        font-size: 23px;
        width: 22px;
        height: 23px;
   }
    .col_top {
        padding-top: 1rem;
   }

}
@media screen and (min-width:900px) and (max-width:1000px){
    .pd_top {
        margin-top: 6rem;
   }
    .col_top {
        padding-top: 0rem;
   }
    .common_padding {
        padding-top: 0rem;
        padding-bottom: 4rem;
   }
}
@media screen and (min-width:1000px) and (max-width:1280px){
    #alumnis.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 94%;
        top: 86%;
   }
    #alumnis.owl-carousel .owl-nav button.owl-prev {
        top: 86%;
        position: absolute;
        left: 87%;
   }
    .col_top {
        padding-top: 1rem;
   }
}
@media screen and (min-width:1281px) and (max-width:1800px){
   
    .navbar-light .navbar-nav .nav-link {
        font-size: 0.83rem;
   }
    .logo-wd {
        width: 33rem !important;
   }
    #alumnis.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 90%;
        top: 86%;
   }
    #alumnis.owl-carousel .owl-nav button.owl-prev {
        top: 86%;
        position: absolute;
        left: 86%;
   }
}

@media screen and (min-width:1200px) and (max-width:1320px){
    
    .blue_box {
        min-height: 23rem;
   }
    .white_box {
        min-height: 23rem;
   }
    .txt1 {
        left: 33%;
        top: -41%;
        width: 10rem;
   }
    .circle_txt {
        font-size: 0.8rem;
   }
    .txt2 {
        left: 29%;
        top: -48%;
        width: 12rem;
   }
    .txt3 {
        left: 35%;
        top: -40%;
        width: 10rem;
   }
}
@media screen and (min-width:1321px) and (max-width:1440px){
    .banner_text {
        position: absolute;
        left: 6%;
    }
  
    .blue_box {
        min-height: 21rem;
   }
    .white_box {
        min-height: 21rem;
   }
    .txt1 {
        left: 33%;
        top: -41%;
        width: 10rem;
   }
    .circle_txt {
        font-size: 0.8rem;
   }
    .txt2 {
        left: 29%;
        top: -48%;
        width: 12rem;
   }
    .txt3 {
        left: 35%;
        top: -40%;
        width: 10rem;
   }
}
@media screen and (min-width:992px) and (max-width:1030px){
    img.img-fluid.testimg {
        display: block;
        width: 100%;
        margin-top: 6rem;
   }
}
@media screen and (min-width:1400px) and (max-width:1800px){
    .banner_text {
        position: absolute;
        left: 6%;
    }
    .courses {
        height: 56rem;
     
    }
    .blue_bg {
       
        min-height: 16rem;
    }
    .bgwhite {
      
        min-height: 13rem;
    }
    .nav-pill .nav-link {
        width: 16rem;
    }
    .nav-pill .nav-link.active, .nav-pills .show>.nav-link, .nav-pill .nav-link:hover, .nav-pill .nav-link.active, .nav-pill .show>.nav-link {
       
        width: 16rem;
    }
    
    .ad_txt {
        font-size: 0.7rem;
   }
    .text_p {
        font-size: 0.9rem;
   }
    .blue_box {
        min-height: 20rem;
   }
    .white_box {
        min-height: 20rem;
   }
}
@media screen and (min-width:1150px) and (max-width:1250px){
    td.text-white.tb_name {
        font-size: 0.8rem !important;
   }
}

@media screen and (min-width:500px) and (max-width:697px){
    .nav-pills.tabe_nav .nav-link {
        width: 6rem;
    }
}
@media screen and (min-width:698px) and (max-width:700px){
    .nav-pills.tabe_nav .nav-link {
        width: 5rem;
    }
}
@media screen and  (min-width:490px) and (max-width:600px){
    .nav-pills.tabe_nav .nav-link {
        height: 4rem;
        width: 5rem !important;
    }
}
@media screen and (min-width:1500px) and (max-width:1599px){
    .absolute-text {
        font-size: 5.4rem !important;
        top: 4%;
    }
}

@media screen and (min-width:1200px) and (max-width:1990px){
    #notices_dsk.owl-carousel .owl-nav button.owl-prev {
        top: 41%;
        position: absolute;
        left: -6%;
    }
    #notices_dsk.owl-carousel .owl-nav button.owl-next {
        position: absolute;
        left: 102%;
        top: 44%;
    }
}

@media screen and (min-width:1199px) and (max-width:1210px){
    .ph-tt {
        padding-bottom: 1.36rem;
    }
}


@media screen and (min-width:577px) and (max-width:677px){
    .btn_ht {
        min-height: 11rem;
    }
}

@media screen and (min-width:678px) and (max-width:991px){
    .btn_ht {
        min-height: 9rem;
    }
}
@media screen and (min-width:1800px) and (max-width:1990px){
    .btn_ht {
        min-height: 19rem !important;
    }
}

@media screen and (min-width:600px) and (max-width:768px){
    .courses {
        height: 69rem !important;
    }
    .btn_ht {
        min-height: 33rem !important;
    }
}