@media (min-width: 1920px) {
    .container { max-width: 1620px; }
}

@media (min-width: 1440px) {
    .container { max-width: 1320px; }
}

@media (max-width: 1439px) {
    .page-head-banner { padding: 3rem 0; }
    .page-heading h1 { font-size: 2rem; }
    h2 { font-size: 2rem; margin-bottom: 1.75rem; }
    h4 { font-size: 1.25rem; line-height: 2rem; }
    p { line-height: 1.75rem; font-weight: 400;font-size: 1rem; }
    .pg-area { padding: 2.5rem 0; }
    .training-programme-img { height: 84%; object-fit: cover; }
    .glolist-heading { margin-bottom: .5rem !important; }
    .glolist li { line-height: 2rem; font-size: 1rem; padding-left: 2.5rem; }
    .glolist li:before { top: 6px; }
    .accordion-button { font-size: 1.25rem !important; padding: .75rem 0; font-weight: 500 !important; }
    .accordion-body { font-weight: 400; }
    .gray-bg { padding: 2.5rem 0; }
    .footer-links h5 { margin-bottom: 1.5rem; }

    /* mission-vision page css */
    .mission { margin-top: 2rem; padding-top: 3.5rem; }
    .bg-heading span { font-size: 3.25rem; padding: 1.25rem 6rem 1.25rem 0; }
    .mission-box p, .vision-box p { font-size: 1rem; padding-bottom: 2.5rem; font-weight: 400; }
    .vision-box p, .vision-box h2, .vision-box img {padding: 0;}
    .vision-box img {margin-bottom: 1rem;margin-top: 2rem;}
    .slok { padding: 3.5rem 0 2rem; }

    /* training page css */
    .inner-page-txt {padding-left: 1rem;}
    .t-class {padding-left: 1rem;}

    .philosophy {padding: 3rem 0;}
    .philosophy-img {padding-left: 2rem;}
    .philosophy-carousel .carousel-inner {height: 480px;}
    .philosophy-carousel .carousel-item .testimonial-caption p {font-size: 1.25rem; line-height: 2rem;}

    .core-values {padding: 3rem 0;}
    .structure-governance {padding: 3rem 0;}
    .structure-box{position: relative; padding: 2rem; left: 0; top: 0;}
    
    .guiding-philosophy, .organisational-structure {padding: 3rem 0;}
    .governing-council {padding-bottom: 3rem;}
    .executive-board {padding: 3rem 0;}
    .executive-board-content {padding: 0;margin-top: 1rem;}

    .executive-board-content ul li {    font-size: 1rem; line-height: 1.5; }
    .the-board  {padding: 3rem 0;}

    .principles-img img {position: relative;        top: 2rem;}
    .principles { margin: 3rem 0 4rem; padding: 3rem 0 0; }
    .principles-box {padding-right: 0;}

    .textbooks {margin: 2rem 0 0; padding: 3rem 0;}

    .glolist2 {margin: 2rem 0;}

    .bye-laws-faqs{padding: 3rem 0;}

    .bye-laws-faqs{padding: 3rem 0;}

    .press-release {padding-bottom: 3rem;}
    .press-release-box p { margin-left: .5rem;}

    .news{padding: 3rem 0;}
    .news-content h2{margin-bottom: 1rem;font-size: 1.25rem; line-height: 2rem;}
    .news-content {padding: 1.5rem; }

    .found-box {padding: 2rem 4rem 2rem 2rem;}
    .found-img img {width: 82%;}

    .affiliation {padding: 3rem 0;}
    .affiliation-box { min-height: 110px; padding: 1rem;        margin-bottom: 1.5rem;}
    .affiliation-box span { padding-left: 1rem;    font-size: 1rem; }

    .apply-middle-class {    margin: 3rem 0;     padding-bottom: 3rem;}
    .apply-middle-class-box {    min-height: 175px;padding: 1rem;}
    .apply-middle-class-box span {    padding-left: 1rem; font-size: 1rem;}
    .timeline > li > .timeline-panel {
    width: 40%;}
    .message { padding-bottom: 0;}
    
}

@media (max-width: 1399px) {
    .pedagogy .ped-box, .root { padding: 30px !important;}
    .main-logo {max-width: 270px;}
    .nav-link {
    font-size: 0.850rem !important;}
    .nav-item { margin: 0 !important;}
    .blue-box { background-position: center; height: 220px;}
    .blue-txt p, .bb-ft { padding: 15px;}
    .certi-document { height: 370px;}
    .certi-box p { padding: 0 13rem;}
    .certi-box p { margin-bottom: 50px;}
    .learling-list li, .accordion-body ul li {
    font-size: 1rem;
    line-height: 1.50rem;
}
.pedagogy, .history img  { height: 342px;}
    h2 { font-size: 1.5rem; margin-bottom: 1.5rem; }
    p { font-size: 1rem; line-height: 1.75rem; }
    .page-head-banner { padding: 3rem 0; }
    .page-heading h1 { font-size: 2rem; }
    .pg-area { padding: 3rem 0; }
    .glolist-heading { margin-bottom: .5rem !important; }
    .glolist li { font-size: 1rem; font-weight: 400; line-height: 1.75rem; margin-bottom: .5rem; padding-left: 2.5rem; }
    .glolist li:before { top: 5px; }
    .gray-bg { padding: 3rem 0; }
    .accordion-button { font-size: 1.25rem !important; font-weight: 500 !important; line-height: 1.75rem; padding: .75rem 0; }
    .accordion-body { font-weight: 400; line-height: 1.75rem; }
    .t-class { padding-left: 2.5rem; }
    .footer-links h5 { font-size: 1.25rem; margin-bottom: 1rem; }
    .footer-links ul li a { font-size: 1rem; }

    /* mission-vision page css */
    .mission { margin-top: 2rem; padding-top: 3.5rem;}
    .bg-heading span { font-size: 2rem; padding: 1.5rem 5.25rem 1.5rem 0; }
    .bg-heading::after { left: calc(100% - 98px); top: 56%; transform: translateY(-50%); }
    .mission-box { padding-right: 0; }
    .mission-box p, .vision-box p { font-size: 1rem; padding-bottom: 3.5rem; font-weight: 400; }
    .vision-box img { padding-left: 0;}
    .vision-box h2 { padding-left: 0; }
    .vision-box p { padding-left: 0; padding-right: 0; }

    .principles-img { bottom: -10px}
    .press-release-box{padding: 2rem .5rem;}
    .principles-box {min-height: auto;}
    .profile-box { padding: 1rem;}
    
}

@media (max-width: 1199px) {
    .apply-middle-class-box { margin-bottom: 3rem;}
    .apply-container { padding: 1rem;}
    .affiliation-form-list {padding: .25rem 1rem;}
    .affiliation-form-list span {font-size: 1.5rem;}
    .aff-faq span {padding-left: 1.5rem; font-size: 1.5rem;}
}

@media (max-width: 991px) {
    .dropdown-submenu-icon.rotate {
        transform: rotate(90deg);
    }
    .dropdown-submenu > .sub-dropdown-menu {
        left: 0;
        right: 0;
        width: 100%;
        top: 100%;
        background: #fff;
        z-index: 1;
        padding-top: 0;
        padding-bottom: .5rem;
        position: relative;
        margin-top: 0;
        display: none;
    }
    .dropdown-submenu:hover > .sub-dropdown-menu {
        display: none;
    }
    .dropdown-submenu > .sub-dropdown-menu.show {
        display: block;
    }
    .card-row {flex-direction: column;}
    .card-content {left: inherit; top: inherit;}
    .card-content-box {width: 100%;padding: 2rem;}

    ul.timeline:before {
              left: 20px;
                  height: calc(100% - 20px);
          }

          ul.timeline > li {
            margin-bottom: 20px;
            position: relative;
            width:100%;
            float: left;
            clear: left;
          }
          .timeline > li:nth-child(2) {
                margin-top: 0;
            }
          ul.timeline > li > .timeline-panel {
              width: calc(100% - 90px);
              width: -moz-calc(100% - 90px);
              width: -webkit-calc(100% - 90px);
          }

          ul.timeline > li > .timeline-badge {
              left: 28px;
              margin-left: 0;
              top: 16px;
          }

          ul.timeline > li > .timeline-panel {
              float: right;
          }

          ul.timeline > li > .timeline-panel:before {
              border-left-width: 0;
              border-right-width: 15px;
            left: auto;
              right: 100%;
              width: 72px;
              top: 72px;
              }
        .timeline > li > .timeline-panel .timeline-heading {
            width: 72px;
            left: auto;
            right: 100%;
                    font-size: 3rem;
                    top: 20px;
        }
          
      .timeline > li.timeline-inverted{
        float: left; 
        clear: left;
      }

      .timeline > li.timeline-inverted > .timeline-badge{
        left: 28px;
      }
      .apply-section { padding: 3.5rem 0 2rem; }
      .ap-accordian { padding: 2.5rem 0;}
      .bsb-table-members td:nth-child(2) { width:auto; }
      
}

@media (max-width: 767px) {
    h1 {
    font-size: 1.375rem;}
    .blue-box { height: 186px ;}
    .bsb-banner { height: auto;}
    .abt-txt { margin-bottom: 0 !important;}
    .members, .bsb-books, .abt, .certified, .message { padding: 3rem 0;}
    .bsb-history { padding-bottom: 3rem;}
    .root { padding: 40px !important; }
    .pedagogy .ped-box { padding: 20px;}
    .members p, .abt-txt, .certi-box p { padding: 0; margin-bottom: 50px;}
    .container { padding-right: 1rem; padding-left: 1rem; }
    h2 { font-size: 1.5rem; margin-bottom: 1.5rem; line-height: 2rem; }
    p { line-height: 1.5rem; }
.book-bg::after, .book-bg::before { background: none !important;}
    header .navbar-nav .dropdown-menu {padding: 0}
    header .dropdown-item {padding: .25rem .5rem; white-space: inherit;}
    .container-line, .container-line2 { margin: 0; padding: 0;}

.core-accordion .accordion-button { padding-left: 1rem; padding-right:1rem; }
    .training-programme-img { margin-bottom: .5rem; }
    .inner-page-txt { padding-left: 0; }
    .inner-page-txt p { font-weight: 400; }
    .page-head-banner { padding: 2rem 0; }
    .page-heading h1 { font-size: 1.75rem; }
    .page-heading p a { font-size: 1rem; }
    .pg-area { padding: 2rem 0; }
    .glolist-heading { margin-bottom: .75rem !important; font-weight: 500;}
    .glolist li { line-height: 1.5rem; font-size: 1rem; font-weight: 400; margin-bottom: .5rem; padding-left: 2.5rem; }
    .glolist li:before { top: 4px; }
    .gray-bg { padding: 2rem 0; }
    .accordion-button { font-weight: 500 !important; line-height: 1.5rem; padding: .75rem 0; }
    .accordion-body { font-weight: 400; line-height: 1.5rem; }
    .addr-info { margin-bottom: 1rem; }
    .addr-info p { font-size: 1rem; }
    .addr-info p a { display: block; }
    .t-class { padding-left: 0; }
    .f-logo h2 { font-size: 1.25rem; line-height: 1.75rem; }
    .footer-links h5 { font-size: 1.25rem; margin-bottom: .75rem; }
    .footer-links ul li a { line-height: 2rem; font-size: 1rem; }
    .newslettre-slide input { height: 52px; }
    .newslettre-slide .social { margin: 2rem 0 0; }
    .owl-theme .owl-nav .owl-next { right: 0;}
    .owl-theme .owl-nav .owl-prev{ left: 0;}

    /* mission-vision page css */
    .mission { margin-top: 1.5rem; padding-top: 3rem;}
    .mi-img {position: relative;}
    .vision-box { padding-top: 0;}
    .bg-heading span { font-size: 2rem; padding: 1rem 4rem 1rem 0; }
    .bg-heading::after { width: 140px; left: calc(100% - 80px); top: 57%; }
    .mission-box p, .vision-box p { font-size: 1rem; font-weight: 400; padding-bottom: 1rem; }
    .slok { padding: 2rem 0 2rem; }
    .slok h4 { font-size: 1.25rem; }
    .vision-box img { width: 50px; }
    .vision-box h2 { margin-bottom: 1rem; }
    .slok h4::after, .slok h4::before { display: none; }

    .philosophy-carousel .carousel-inner {height: 380px;}
    .philosophy-carousel .carousel-item .testimonial-caption img{padding: 1rem 0;width: 120px;height: auto;}
    .philosophy-carousel .carousel-item .testimonial-caption p {font-size: 1rem; line-height: 1.5rem;}
    .philosophy-img { margin-top: 1rem; padding-left: 0;}
    .gandhi-section {padding-bottom: 3rem;}
    .gandhi-img{padding-right: 0;}

    .principles-img{padding-left: 0;}

    .glolist2{margin-top: .5rem; margin-bottom: 1rem;}

    .bye-laws-faqs .accordion-body{padding-left: 1.5rem;}
    .faq-view-list li{line-height: 1.75rem;padding: .5rem 0}
    .press-release-box {margin-bottom: 1rem;}

    .found-img {position: unset;}
    .found-box p {padding-right: 0;}

    .side-head { padding-top: 1rem; display:block;}
    .quate-box { padding: 1rem;}
    .quate-box h3 { line-height: 2rem;}
    .side-head h6 { font-size: 1.25rem; margin-bottom:1rem; }

    .news-box1 { flex-direction: column-reverse;}
    .news-box1 .news-content {width: 100%;        margin-bottom: 1rem;}
    .news-img1 {width: 100%;}
    .event-box {  margin-bottom: 1rem;}
    /* ul.timeline:before, ul.timeline > li > .timeline-panel:before { display: none;} */

    .found-img img {width: 100%;}
    .found-box { padding: 1.45rem; }

    .search-input {width: 100%;}
    .card-content-box {        padding: 1rem;}
    .affiliation-box {min-height: auto;}
    .affiliation-box img { width: 40px;}
    .apply-middle-class-box { min-height: 125px;}
    .affiliation-form-list span {font-size: 1rem;}
    .aff-faq-icon { width: 40px;}
    .aff-faq span { padding-left: 1rem;}
    .aff-faq {    min-height: 5rem;}
    .aff-faq-act-list a img {width: 20px;}
    .aff-faq-act-list .line {font-size: 30px;}
    
    .signin-box {       padding: 1rem; width: auto;}
    .signin-box .form-control { height: 60px; font-size: 1.25rem}
    .re-for { font-size: 1rem;}
    .sign-btn {height: 60px;}
    .textbooks-glolist-list1 {
  margin-bottom: 0;
}
 
.textbooks-glolist-list2 {
margin-top: 0;
}
.learling-list li, .accordion-body ul li {
        line-height: 1.15rem;
    }
.bsb-table td, .bsb-table th {font-size: 1rem;padding: .5rem; }
.philosophy-carousel .testimonial-caption {
    padding: 0 1rem;
}
.philosophy-carousel .carousel-inner {
    width: 86%;}
    
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 1.2rem;
    height: 1.2rem;}


.profile-box h3 { margin-bottom: 1rem; }
.container-line, .container-line2 { border-left: none; border-right: none;}
.container-line:before, .container-line:after { display: none;}
.profile-box { padding: 0; padding-bottom: 1rem;}
.od1 { order: 1;}
.od2 { order: 2;}
.profile-box a { font-size: 1rem; font-weight: 500;}
.faq-view-btn { height: 36px; width: 90px; }

.list li {
    font-size: 1rem;
    padding: .75rem 1.25rem;
}
.list-btn {
    font-size: 1rem;
    gap: .5rem;
}
.list-btn img {
    width: .75rem;
    height: .75rem;
}
.vocational-education-section h2 .h2-span {
    font-size: 1rem;
    line-height: 1.375rem;
}

.affiliation-table thead tr th, .affiliation-table tbody tr td {
    font-size: .875rem;
}

}

@media (max-width: 575px) {
    .board-members-row {
        flex-wrap: wrap;
    }
    .section-bg-login .card {
        padding: 1rem;
    }
}

@media (max-width: 440px) {
    .navbar-toggler {padding: 0;}
    .main-logo {max-width: 280px;}
    .f-logo img {max-width: 100%;}
    .carousel-control-next, .carousel-control-prev {display: none; } 
    .carousel-caption { top: 13%; }
    .carousel-caption h5 { font-size: 1.5rem; }
    .carousel-caption p  { font-size: 1rem; line-height: 2rem;}
    .members-box h5 { font-size:1rem}
    .pedagogy { padding: 0;}
    .root { padding: 20px !important; }
    .slide2c  { display: none;}
}

@media (max-width: 375px) {
    .main-logo {max-width: 240px;}
}