@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;}
.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;}
.footer-top {padding-bottom: 100px;}
}
@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;}
.tabContentBox > p:nth-of-type(2) { display: none;}
.tab-content .tabContentBox > p:nth-of-type(1){display: -webkit-box; -webkit-line-clamp: 7;  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.focusList img{max-width: 55px;}
.footer-top {padding-bottom: 80px; }
}
@media (max-width: 991px) {
:root {
--Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15:0.75em; --Font-16:0.95em; --Font-18:1.0em; --Font-20:1.25em;--Font-22:1.125em; --Font-24:1.125em;--Font-26:1.125em; --Font-28:1.125em; --Font-32:1.125em; --Font-36:1.125em; --Font-38:1.5em; --Font-40:1.85em;--Font-48:2.25em;
}
.cm-rightSection{margin-top: 24px;}
.board { padding-top: 60px;}
.chairman { padding: 60px 0px 0px;}
.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: 60px 0px 60px;}
.cm-leftSection img { bottom: 0px; right: 0px;  max-width: 270px;}
.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;}
 .logoSection, .footer-logo {max-width: 270px;} 

}
@media (max-width: 899px) {
    .footerLinks {gap: 20px;}
    .separator.s-2{display: none;}
    .separator.s-3{display: inline-block;}
}

@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;}
.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: 620px) {.footerLinks { row-gap: 20px; column-gap: 10px;} }
@media (max-width: 575px) {
:root {
    --Font-12:0.75em; --Font-13:0.8125em; --Font-14:0.875em; --Font-15:0.75em; --Font-16:0.95em; --Font-18:1.0em; --Font-20:1.25em;--Font-22:1.125em; --Font-24:1.125em;--Font-26:1.125em; --Font-28:1.125em; --Font-32:1.125em; --Font-36:1.125em; --Font-38:1.5em; --Font-40:1.85em;--Font-48:2.25em;
}
.hero { padding-top: 75%;}
.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;}
.cm-leftSection img {position: absolute;bottom: 0px;background-color: #fff;right: auto;  max-width: 110px;  border: 3px solid #1bb96c; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.cm-leftSection p:nth-child(2) {padding-left: 124px;padding-top: 20px;}
.chairman h2{line-height: 44px;}
.pro-list .profilElementBox{width: 100%;}
.chairman .quote {max-width: 95%;margin-bottom: 40px;}
.cm-leftSection p:nth-child(2) {max-width: 311px;}
.style-1 .stat{min-height: unset;}
.chairman { padding: 61px 0px 0px;}
.footer-top {padding-top: 60px;}
.knowMoreBtn {font-size: 16px;}
.tabContentBox {  margin-bottom: 15px;}
.highlights {padding: 50px 0px 50px;}
.sectionMainTitle{line-height: 44px;}
.social-icons {gap: 15px;}
.sideMenuBar.offcanvas-end{width: 100%;}
}