
@media only screen and (min-width: 1601px) {
    .all-banner-image {
        height: 200px !important;
    }

}
@media only screen and (max-width: 1600px) {
    .all-banner-image {
        height: auto !important;
    }
    
}
@media only screen and (max-width: 1300px) {
    .header-logo img {
        height: 70px;
    }
    header a.nav-link {
        font-size: 13px;
        font-weight: 400;
    }
    .apply-btn {
        font-size: 13px;
    }
    .all-banner-image {
        height: auto !important;
    }

    .custom-gallery{
        height: auto;
    }
    
}

@media only screen and (max-width: 1200px) {
    .header-logo img {
        height: 50px;
    }
}
@media only screen and (max-width: 1100px) {
    header ul.navbar-nav.custom-nav {
        display: none !important;
    }
    .btn.mobile-btn-toggle {
        display: block;
    }
    .header-logo img {
        height: 89px;
    }
    header .col-lg-2 {
        width: 50% !important;
    }
    header .col-lg-10 {
        width: 50% !important;
    }
    header {
        height: auto;
    }
}

@media only screen and (max-width: 1024px) {
    header ul.navbar-nav.custom-nav {
        display: none !important;
    }
    header.main-header {
        padding: 15px 10px;
    }
    header.main-header.main-header.sticky {
        padding: 10px 5px;
    }
    h1.main-heading {
        font-size: 45px;
    }
    h2 {
        font-size: 38px;
    }
    h3 {
        font-size: 32px;
    }
    .border-line {
        border-right: 1px solid #0000001a;
    }
    header a.nav-link {
        font-size: 14px;
        font-weight: 400;
        color: #000 !important;
    }
}
@media only screen and (max-width: 992px) {
    .Marquee {
        display: none !important;
    }
    .discipline-section {
        height: auto;
        padding-bottom: 80px;
    }
    h1.main-heading {
        font-size: 35px;
    }
    h2.number {
        font-size: 49px;
    }
    .kpi-wrapper {
        padding-bottom: 10px;
    }
    .kpi-wrapper p {
        font-size: 13px;
        line-height: 20px;
    }
    .kpi-wrapper {
        height: 288px;
        background: #ffcc54;
    }
    .custom-gallery {
     
        grid-template-columns: auto auto;
    }
}
@media only screen and (max-width: 768px) {
    h1.main-heading {
        font-size: 35px;
    }
    h2.sub-heading {
        font-size: 32px;
    }
    .Marquee {
        display: block !important;
    }
    .header-logo img {
        height: 70px;
        -o-object-fit: contain;
           object-fit: contain;
    }
    textPath {
        display: none;
    }

    .discipline-section {
        height: auto;
        padding-top: 3rem;
        padding-bottom: 20px;
    }
    .mobile-image-border img {
        border: 3px solid #fff;
        border-radius: 23rem;
    }
    .mobile-image-border {
        background: #2F2482;
        padding: 11px;
        border: 3px solid #ffff;
        border-radius: 23rem;
    }
    img.ist-image {
        height: 546px;
        width: 100% !important;
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 30px;
        margin-top: 90px;
    }
        img.absoulte-img h2.number {
            font-size: 49px;
        }
        img.absoulte-img {
        bottom: -93px;
        height: 600px;
        -o-object-fit: cover;
           object-fit: cover;

    }
    .mid-sec {
        height: auto;
        padding: 60px 0px 186px 0px;
    }
    .section-padding {
        padding: 50px 10px;
    }
    .ist-shape {
        top: -35px !important;
        height: 199px;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .last-shape {
        bottom: -8px !important;
        height: 141px;
        -o-object-fit: contain;
           object-fit: contain;
    }
    .sports-sec {
        padding: 60px 10px;
    }
    .line-wrapper {
        padding: 64px 10px 60px 10px;
    }
    .line-wrapper .last-shape {
        bottom: -10px !important;
    }
    .line-wrapper .ist-shape {
        top: -32px !important;
    }
    .boxer {
        top: -75px !important;
        height: 192px;
    }
    .about-bsss {
        padding-bottom: 59px !important;
    }
    .boxer-two {
        bottom: 74px !important;
        height: 240px;
    }
    .line-wrapper .boxer-two {
        bottom: 50px !important;
        height: 179px;
    }
    .kpi-wrapper {
        height: 283px;
        background: #ffcc54;
    }
    .event-mid-sec {
        padding: 98px 0px 80px 0px;
    }
    img.footer-layer {
        top: -35px !important;
        height: 66px;
        -o-object-fit: cover;
        object-fit: cover;
    }

    img.footer-sports-layer {
        top: -139px !important;
        z-index: 2;
        height: 300px;
    }

    footer {
        padding-top: 0px;
    }
    .footer-padding {
        padding-top: 100px;
    }
    .chancelor-sec {
        background: linear-gradient(to bottom, #2F2482 50%, #2f248260 106%);
    }
    img.bg-image {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .page-header {
        height: 323px !important;
        padding-top: 102px !important;
    }
    .location-wrapper {
        flex-direction: column;
    }
    .event-image-inner {
        width: 100% !important;
    }
    .all-banner-image {
        bottom: -1px !important;
    }
    .border-two {
        border-left: 1px solid #2F2482 !important;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px !important;
        border-top-left-radius: 5px;
    }
    .programs-tabs .nav-link:first-child{
       border: 1px solid #2F2482;
      }
    .programs-tabs .nav-link{
        border-bottom: 1px solid #2F2482;
    }
    .programs-tabs .nav-link.active {
        background-color: #2F2482;
    }
    .programs-tabs .tab-content{
        border-radius: 5px !important;
        border: 1px solid #2F2482;
    }
    .programs-tabs .nav.nav-pills {
        display: flex;
        flex-direction: row !important;
        overflow-x: auto;
        white-space: nowrap;
        flex-wrap: nowrap;
    }
    .programs-tabs .nav-link {
        width: auto !important;
    }
    .custom-gallery {
     
        grid-template-columns: auto;
    }
    .gallery-item {
     width: 100% !important;
      }
    
      .gallery-item img {
        width: 100% !important;
      }
      .header-text h2 {

        font-size: 18px;
        font-weight: 800;
    }
    .header-text h6 {

        font-size: 12px;
        font-weight: 600;
    }
    .main-header.sticky .header-text h2 {
        font-size: 18px;
    }
    .main-header.sticky .header-text h6 {
        font-size: 12px;}
        .line-img {
            left: -172px;
            top: 47px;
            z-index: 1;
        }
        
        .custom-gallery{
            height: auto;
        }  
        .programs-tabs .nav.nav-pills{
            justify-content: start !important;
        }   
        .programs-tabs .nav.main-nab{
            justify-content: center !important;
        }
        .g-recaptcha{
            overflow: hidden !important;
        }
}

@media only screen and (max-width: 400px) {
    .header-logo img {
        height: 50px;
    }
    header .col-lg-2 {
        width: 80% !important;
    }
    header .col-lg-10 {
        width: 20% !important;
    }
    img.absoulte-img {
        bottom: -63px;
        height: 460px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100% !important;
        left: 0px;
        right: 0px;
        margin: auto;
    }
    img.ist-image {
        height: 416px;
        margin-top: 20px;
    }
    .page-header {
        height: 323px !important;
        padding-top: 102px !important;
    }

.success-story .nav.nav-pills {
    display: flex
;
    flex-direction: row !important;
    overflow-x: auto;
    white-space: nowrap;
    flex-wrap: nowrap;
}

}


@media (min-width: 300px) and (max-width: 490px) {
    .header-logos img {
        height: 50px;
    }
    .header-text h2 {
        color: #2F2482;
        font-size: 16px;
        font-weight: 800;
    }
    .header-text h6 {
        color: #000000;
        font-size: 10px;
        font-weight: 600;
    }
    .main-header.sticky .header-text h2 {
        font-size: 16px;
    }
    .main-header.sticky .header-text h6 {
        font-size: 10px;}
        .custom-gallery{
            height: auto;
        }
        .all-text-height h4 {
            height: auto;
        }
}

@media (min-width: 300px) and (max-width: 390px) {
.header-logos img {
    height: 40px;
}
  
h1.main-heading{
    font-size: 29px;
  }    
  .header-text h2 {

    font-size: 10px;
    font-weight: 800;
}
.header-text h6 {

    font-size: 10px;
    font-weight: 600;
}
.main-header.sticky .header-text h2 {
    font-size: 10px;
}
.main-header.sticky .header-text h6 {
    font-size: 10px;
}

}

