@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1414px;
    }
}
@media (max-width: 1399px) {
    
.bannerContent .bannerVector {  width: 100%;}
.footerLinks{gap: 10px;}
.footerMenu {margin-bottom: 30px;}
.footerMenu{overflow: visible;gap: 10px;}
/* .footerMenu a{margin-bottom: 10px;} */
/* team section css here  */

.profilElementBox {  min-width: unset; text-align: center;max-width: 220px;}
.directorBox.profilElementBox {  min-width: unset;max-width: 285px;}
.pro-name { font-size: var(--Font-20); font-weight: 500; color: #26569A; margin: 16px 0px 4px;}
.pro-list {gap: 8px;    display: flex;    justify-content: center;    margin-bottom: 50px;}
.gallerBox>img{width: 100%;}
.capital-tabs .nav-link{ padding: 20px 20px;}
.capital-tabs .nav-item{ width: 15%;}
.capital-tabs {gap: 12px;}
.cm-leftSection p:nth-child(2) {max-width: 260px;}
.cm-leftSection img {max-width: 450px;}
}
@media (max-width: 1199px) {
    :root {
     
       --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15:0.75em; --Font-16:1em; --Font-18:1.1em; --Font-20:1.25em;--Font-22:1.1em; --Font-24:1.25em;--Font-26:1.25em; --Font-28:1.5em; --Font-32:1.875em; --Font-36:2.0em; --Font-38:2.25em; --Font-40:2.5em;--Font-48:2.5em;
    }
    .separator.s-3{display: none;}
    .capital-tabs .nav-link{ padding: 20px 4px;}
    .capital-tabs {gap: 8px;}
    .nav-link span {width: 100%;}
    .focusList img{width: 100%;max-width: 70px;}
    .knowMoreBtn{min-width: auto;}
    .cm-leftSection img { max-width: 420px;}
    .chairman .quote {max-width: 295px;}

}
@media (max-width: 991px) {
    :root {
     
       --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15:0.75em; --Font-16:0.875em; --Font-18:1.0em; --Font-20:1.25em;--Font-22:1.1em; --Font-24:1.25em;--Font-26:1.25em; --Font-28:1.5em; --Font-32:1.875em; --Font-36:2.0em; --Font-38:2.25em; --Font-40:2.5em;--Font-48:2.5em;
    }
    .navbar-toggler{display: none;}
    .footerLinks{justify-content: flex-start;}
    .separator.s-3{display: none;}
    .socialSection,
    .officeSection { min-width: 270px;}
    .logoSection,
    .footer-logo {  max-width: 220px;}
     .footerMenu {padding: 0px 20px;}
     .footer-pattern-left,.footer-pattern-right{max-height: 100px;opacity: 0.8;}
     .highlights{background: #FFFFFF;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(144, 215, 233, 1) 100%);padding: 40px 0px 60px;}
     .cm-leftSection img { bottom: 0px;
    right: 0px;
    max-width: 270px;}
/* .capitals {background: #8DB3C0;background: radial-gradient(circle,rgba(141, 179, 192, 1) 0%, rgba(28, 48, 67, 1) 68%); } */
.capitals .capital-item {
    margin-bottom: 30px;
}
section#chairman {  background: linear-gradient(  to right,  #258B5A 0%,  #1BBC6D 100%,  #EFFFF5 100%,   #EFFFF5 100%  );}
.pro-list{flex-wrap: wrap;}
.pro-list .profilElementBox{width: 49%;max-width: unset;}
.capital-tabs .nav-item{width: 30%;}
.capital-tabs {gap: 24px;}
.nav-link span{max-width: 200px;}
.tab-content .tab-pane p{display: -webkit-box; -webkit-line-clamp: 5;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
 .focusList img{max-width: 55px;}
 .tab-content .tab-pane .tabContentBox p:nth-of-type(2) {display: none;}
.tab-content .tab-pane .tabContentBox p:first-of-type { display: -webkit-box;}
.cm-rightSection { padding: 0px 0px 60px 0px;}
 .tab-content>.tab-pane { display: block;opacity: 1;}
 .tab-content .accordion-item{background-color: #fff;border:1px solid #0d6efd;}
.tab-content .accordion-item .accordion-body{padding: 15px;}
.tab-content .accordion-item{background-color: transparent;border: none;}
 .tab-content .accordion-item .accordion-header{border-bottom: 0.5px solid #26569A8F;}
 

}


@media (max-width: 767px) {
    .img-fluid{width: 100%;margin-bottom: 24px;}
    .footerLinks { gap: 30px; }
    .capital-tabs {padding-bottom: 30px; margin-bottom: 30px;}
    .socialSection,
    .logoSection{max-width:240px ;}
    .footer-logo {max-width: 100%;  min-width: 240px;}
    .officeSection { min-width: 240px;}
    .separator.s-2{display: none;}
    .separator.s-3{display: inline-block;}
    .footerMenu {padding: 0px 20px;}
    .cm-leftSection img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    max-width: 240px;
}
.chairman:before {z-index: 0;}
/* section#chairman {  background: linear-gradient(  to right,  #258B5A 0%,  #1BBC6D 60%,  #EFFFF5 60%,   #EFFFF5 100%  );} */
.capitals {padding: 60px 0 60px;}
.capitals .capital-item {
    margin-bottom: 30px;
}
.sort-desc {width: 100%;}
.cm-rightSection { padding: 0px 0px 60px 0px;}

}
@media (max-width: 575px) {
    .capital-tabs .nav-item { width: 45%;}
    .capitals {padding: 36px 0 30px;}
    .capitals h2.mb-5 {margin-bottom: 30px !important;}
        .pro-list { margin-bottom: 30px;}
        .bg-pattern{margin-top: 30px;}
         .footer-pattern-left,.footer-pattern-right{max-height: 80px;opacity: 0.8;}
    .footerLinks { gap: 10px;flex-direction: column; }
    .footerMenu { padding: 0px 0px; }
    .footerMenu a { margin: 0 4px;}
    .board {     padding-top: 50px;}
    .bannerContent img{width: 100%;}
    .cm-rightSection { padding: 0px 0px 50px 0px;}
    .cm-leftSection{padding-bottom: 30px;}
    /* section#chairman {  background: linear-gradient(  to right,  #258B5A 0%,  #1BBC6D 100%,  #EFFFF5 80%,   #EFFFF5 100%  );} */
    .cm-leftSection img {position: absolute;   bottom: 20px;background-color: #fff;    
        right: auto;        max-width: 81px;        border: 3px solid #1bb96c; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;   }
        .cm-leftSection p:nth-child(2) {padding-left: 100px;}
        .chairman h2{line-height: 50px;}
        .pro-list .profilElementBox{width: 100%;}
        .chairman .quote {max-width: 95%;margin-bottom: 50px;}
        .cm-leftSection p:nth-child(2) {max-width: 311px;}
}