@media only screen and (min-width: 1399px) and (max-width: 1366.98px) {
	.header-container.is-sticky .desktop-menu ul{gap: 0 14px;}
	.header-container.is-sticky .main-menu ul li a{font-size: 12px;}
	.desktop-menu ul{gap: 28px 13px;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .header-inner{height: 90px;}
    .logo{width: 140px;}
    .main-menu ul li a{font-size: 12px;}
    .desktop-menu ul{gap: 0 25px;}
    .banner-wrap{max-width: 936px;}
    .banner-content h1,h1{font-size: 45px;}
    .banner-content p,p{font-size: 16px;}
    .card-textFirst{font-size: 30px;line-height: 33px;}
    .counter-single span{font-size: 18px;}
    .counter-single .counter{font-size: 45px;}
    .detail-card h5{font-size: 28px;}
    .directors-carousel{padding: 0 35px;}
    .directors-carousel .slick-prev, .management-carousel .slick-prev{left: -10px;}
    .directors-carousel .slick-next, .management-carousel .slick-next{right: -10px;}
    .timeline-slider{padding: 0 25px;}
	.banner-content{width: 65%;}
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
    .desktop-menu ul{gap: 28px 13px;}
}
@media (max-width: 1279.98px) {
    .offcanvas .btn-close {filter: invert(1);opacity: 1;}
    .desktop-menu,
	.desktop-only {display: none;}
	.mobile-menu-btn {display: block;font-size: 26px;background: none;border: none;cursor: pointer;right: 0;top:-4px;padding: 0;}
	.mobile-offcanvas {display: block;width: 300px;background: #007476;}
	.mobile-menu ul {list-style: none;padding: 0;margin: 0;}
	.mobile-menu li {margin-bottom: 20px;}
	.offcanvas-header img {width: 150px;}
	.offcanvas-header{padding: 30px 16px 20px;}
	.offcanvas-body{padding: 25px 16px 20px;}
	.mobile-menu a {font-size: 16px;color: #ffffff;text-decoration: none;font-weight: 500;}
	.mobile-contact {margin-top: 30px;display: inline-block;}
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .logo{width: 100px;}
    .header-container.is-sticky .logo img{transform: none;}
    .header-container.is-sticky .header-inner{height: auto;}
    .desktop-menu ul{gap: 0 18px;}
    .main-menu ul li a{font-size: 12px;}
    .banner-content h1{font-size: 35px;}
    .banner-wrap{max-width: 696px;}
    .title-content{font-size: 13px;justify-content: flex-start;}
    .title-bar{padding: 5px 0;}
    .header-container.is-sticky .main-menu ul li a{font-size: 12px;}
    .header-container.is-sticky .desktop-menu ul{gap: 0 18px;}
    .header-inner{height: 75px;}
    .header-contents{}
    .banner-content p{font-size: 15px;line-height: 20px;}
    #upClick{width: 40px;height: 55px;}
    .welcome-content h2{font-size: 30px;}
    .welcome-content p{font-size: 15px;line-height: 20px;}
    .video-section{height: 410px;}
    .about-section{padding: 40px 0 60px;}
    .about-left h2{font-size: 30px;padding-bottom: 15px;}
    .about-left p{font-size: 15px;line-height: 23px;}
    p{font-size: 15px;line-height: 20px;}
    h2{font-size: 40px;}
    .welcome-section{height: 600px;}
    .card-grid{flex-wrap: wrap;}
    .card-single{width: 48%;}
    .card-grid{gap: 25px 20px;height: auto;}
    .card-textFirst{font-size: 30px;line-height: 35px;}
    .card-textSecond{font-size: 14px;line-height: 22px;}
    .legacy-section{padding: 40px 0;}
    .timeline-slider{margin-top: 80px;}
    .landscape-top{padding-top: 100px;}
    .messenger-info h2{padding-bottom: 20px;}
    .number-details{flex-wrap: wrap;}
    .detail-card{width: 48%;}
    .number-details{gap: 20px;justify-content: space-between;}
    .counter-block{flex-wrap: wrap;gap: 20px;margin-top: 25px;}
    .counter-single{width: 31.4%;}
    .counter-single span{font-size: 18px;}
    .leader-name{font-size: 18px;}
    .leader-single.active .full-description{font-size: 14px;line-height: 17px;}
    .date-description{font-size: 15px;line-height: 20px;}
    .date-entry{font-size: 22px;margin-bottom: 10px;}
    .document-details{}
    .document-link{flex-direction: column;justify-content: space-between;gap: 15px 0;padding: 15px 15px 22px;}
    .subscribe-steps{flex-wrap: wrap;}
    .step-single{width: 32%;}
    .info-grid{flex-wrap: wrap;gap: 10px;}
    .bank-single{width: 49%;}
    .contact-grid{flex-wrap: wrap;gap: 25px 0;}
    .contact-info{width:50%;}
    .contact-info span{font-size: 25px;margin-bottom: 3px;}
    .contact-info p{margin: 0 0 8px 0;}
    .footer-menu ul li a{font-size: 15px;}
    .footer-menu ul{gap: 5px 35px;flex-wrap: wrap;}
    .footer-top{padding-bottom: 20px;gap: 20px 0;}
    .footer-bottom{padding: 25px 0 0;}
    .about-company{padding: 25px 0 0;}
    .copyright{font-size: 14px;}
    .quick-links ul li a{font-size: 14px;}
    .footer-container{padding: 20px 0;}
    .faq-section{padding: 50px 0 90px;}
	.strategy-section .col-sm-5,
	.strategy-section .col-sm-7{width:100%;}
	.strategy-section .row{flex-direction:column-reverse;}
	.investment-section .col-md-6,
	.investment-section .col-md-6{width:100%;}
	
}

@media only screen and (max-width: 767.98px) {
	
	.header-container.is-sticky .header-inner{height: 45px;}
	.header-container.is-sticky .logo img{transform: scale(0.8);}
	
	.timeline-single:nth-child(2n){margin-top: 0;}
	.header-container.is-sticky .title-bar{padding: 10px 0;}
	
	.title-content {font-size: 13px;flex-direction: column;line-height: 18px;align-items: flex-start;}
	.header-inner {height: 75px;}
	.logo img {width: 110px;}
	.banner-content {width: 100%; padding: 0 12px;}
	h1 {font-size: 35px;}
	h2 {font-size: 30px;}
	p {font-size: 14px;line-height: 20px;}
	.welcome-content p {font-size: 14px;}
	.banner-content p {font-size: 14px;line-height: 20px;}
	.banner-container img {height: 100vh;}
	#upClick {width: 30px;height: 42px;}
	.welcome-content span {font-size: 15px;}
	.about-section {padding: 40px 0;}
	.video-section{height: 300px;margin-bottom: 0;}
	.about-left h2{padding-bottom: 0;}
	.about-left p{font-size: 14px;}
	.about-content{padding: 30px 0 30px;}
	.card-grid{height: auto;flex-direction: column;gap: 20px 0;}
	.card-single{width: 100%;}
	.card-textFirst{font-size: 30px;padding-bottom: 15px;}
	.card-textSecond{width: auto;}
	.legacy-section{padding: 30px 0;}
	.legacy-section h2{padding-bottom: 10px;}
	.timeline-slider{margin-top: 40px;padding:0 50px;}
	/*.timeline-slider .slick-list::before{display:none;}*/
	.slick-track{margin-top: 0;}
	.timeline-slider .slick-prev{left: 0;}
	.timeline-slider .slick-next{right: 0;}
	.timeline-single{margin-left: 0;padding:0 30px;text-align: center;}
	.timeline-single:nth-child(2n)::before{left: 0;right: 0;margin: 0 auto;top: -4px;}
	.timeline-single:nth-child(2n+1)::before{left: 0;bottom: auto;top: 0;right: 0;margin: 0 auto;}
	.timeline-slider::before{top: 12px;width: 70%;}
	.timeline-slider .slick-prev,.timeline-slider .slick-next{top: 6%;}
	.timeline-single:nth-child(2n+1){margin-top: 0;}
	.timeline-description{font-size: 14px;line-height: 20px;}
	.landscape-top{padding-top: 0;padding-bottom: 20px;}
	.overlay h4{font-size: 18px;}
	.directors-carousel .slick-prev, .management-carousel .slick-prev{left: 37%;top: 105%;}
	.directors-carousel .slick-next, .management-carousel .slick-next{right: 37%;top: 105%;}
	.grid-item{width:48%;}
	.overlay{top: 0;padding: 20px 15px;}
	.grid-item.tall .img-wrap{height: 350px;}
	.grid-item.wide .img-wrap{height: 350px;}
	.message-section{padding: 10px 0 0px;}
	.message-row{flex-direction: column;}
	.messenger-image{width:100%;height: 450px;background-size: 100%;}
	.messenger-info{padding: 20px 0;width:100%;}
	.messenger-info h2{padding-bottom: 10px;}
	.message-row.row-reverse{flex-direction: column;}
	.message-row.row-reverse .messenger-image{background-size: 100%;}
	.number-section{padding: 30px 0;}
	.number-section h2{margin-bottom: 25px;}
	.number-details{flex-direction: column;gap: 15px 0;}
	.detail-card{width: 100%;}
	.detail-card img{margin-bottom: 15px;}
	.detail-card h5{font-size: 30px;}
	.counter-block{flex-direction: column;gap: 15px 0;}
	.counter-single{width: 100%;}
	.counter-single .counter{font-size: 35px;}
	.counter-single span{font-size: 18px;margin-top: 10px;}
	.disclaimer{padding-top: 30px;}
	.investment-left h2{margin-bottom: 15px;}
	.investment-left{padding-right: 0;}
	#highlightContent .accordion-item .accordion-header button, 
	#strategyContent .accordion-item .accordion-header button{padding: 13px 0;font-size: 16px;}
	#highlightContent .accordion-item .accordion-body ul li, 
	#strategyContent .accordion-item .accordion-body ul li{font-size: 14px;}
	.investment-section{padding: 30px 0 45px;}
	.strategy-section{padding: 30px 0;}
	.strategy-right{margin-top: 35px;}
	.leadership-section{padding: 30px 0 75px;}
	.leadership-section h2{margin-bottom: 30px;}
	.leader-image{height: 300px;width: 100%;}
	.leader-image img{width: 100%;}
	#peopleTabContent{margin-top: 30px;}
	.timeline-section{padding: 30px 0;}
	.timeline-carousel .slick-next{right: 0;}
	.timeline-carousel .slick-prev{left: 0;}
	.timeline-carousel{padding: 0 50px;}
	.timeline-section p{margin-bottom: 10px;}
	.timeline-section p{max-width: none;}
	.date-entry{font-size: 20px;margin-bottom: 8px;}
	.date-description{font-size: 14px; line-height: 20px;}
	.documents-section{padding: 30px 0 95px;}
	.documents-section h2{margin-bottom: 20px;}
	.download-grid{padding-top: 30px;}
	.download-grid{grid-template-columns: repeat(1, 1fr);}
	.document-details span{font-size: 20px;padding-bottom: 10px;}
	.document-link{padding: 14px 23px 18px;justify-content: space-between;align-items: center;}
	.documents-section{padding: 30px 0 40px;}
	.subscribe-image{height: 300px;}
	.subscribe-block{padding: 30px 0;}
	.subscribe-section h2{margin-bottom: 15px;}
	.subscribe-steps{flex-direction: column;}
	.step-single{width: 100%;padding: 15px 15px 20px;}
	.step-single img{margin-bottom: 10px;}
	.step-single span{font-size: 20px;}
	.more-text{font-size: 14px;line-height: 20px;}
	.faq-section{padding: 30px 0;}
	.faq-section h2{margin-bottom: 20px;}
	#faqContent .accordion-item .accordion-header button{font-size: 15px;}
	#faqContent .accordion-item .accordion-body ul li{font-size: 14px;line-height: 22px;margin-bottom: 10px;}
	.download-full a{font-size: 13px;padding: 10px 20px;}
	.banks-section{padding: 30px 0 85px;}
	.info-grid{flex-direction: column;gap:20px 0;}
	.bank-single{width: 100%;padding: 20px 20px 22px;gap: 5px 0;margin: 0 15px;}
	.bank-single a.bank-contact{margin: 0 0 10px 0;}
	.bank-single span{font-size: 20px;margin: 12px 0;}
	.contact-section{padding: 30px 0;}
	.contact-section h2{margin-bottom: 15px;}
	.contact-section p{margin: 0 auto 30px;}
	.contact-grid{flex-direction: column;gap: 30px 0;}
	.contact-info span{font-size: 25px;line-height: 35px;margin-bottom: 5px;}
	.contact-info p{margin: 0 0 4px 0;}
	.footer-container{padding: 30px 0 10px;}
	.footer-menu ul{flex-direction: column;justify-content: center;align-items: center;gap: 5px 0;padding: 0;}
	.footer-menu ul li a{font-size: 15px;}
	.footer-top{padding-bottom: 20px;}
	.footer-bottom{padding: 20px 0 0;}
	.bottom-row{flex-direction: column;align-items: center;justify-content: center;}
	.copyright {font-size: 12px;margin-bottom: 10px;}
	.quick-links ul li a{font-size: 12px;}
	.about-company{padding: 20px 0 0;}
	#upClick{bottom: 100px;width: 35px;height: 48px;}
	html[lang="ar"] .banner-content{width: 100%;}
	html[lang="ar"] .timeline-single:nth-child(2n)::before{right: 0;top: 0;left: 0;margin: 0 auto;}
	html[lang="ar"] .timeline-date{text-align: center;}
	html[lang="ar"] .timeline-description{text-align: center;}
	html[lang="ar"] #highlightContent .accordion-item .accordion-body, 
	html[lang="ar"] #strategyContent .accordion-item .accordion-body{list-style-position: inside;}
	html[lang="ar"] .leader-single.active .full-description{font-size: 15px;line-height: 20px;}
	html[lang="ar"] .directors-carousel .slick-prev, 
	html[lang="ar"] .management-carousel .slick-prev{top: 105%;}
	html[lang="ar"] .directors-carousel .slick-next, 
	html[lang="ar"] .management-carousel .slick-next{top: 105%;}
	html[lang="ar"] #faqContent .accordion-item .accordion-body{padding: 5px 0 23px 0;}
	html[lang="ar"] .mobile-menu-btn{left: 0;right: auto;}
	html[lang="ar"] .offcanvas-header{justify-content: space-between;}
	html[lang="ar"] .offcanvas .btn-close{margin: 0;}
	html[lang="ar"] .top-bar{align-items: center;gap: 15px 0;}
	html[lang="ar"] .timeline-date{padding-top: 0;}
	html[lang="ar"] #highlightContent .accordion-item .accordion-body, 
	html[lang="ar"] #strategyContent .accordion-item .accordion-body{padding: 0 0 20px 0;}
	html[lang="ar"] #highlightContent .accordion-item .accordion-header button, 
	html[lang="ar"] #strategyContent .accordion-item .accordion-header button{padding: 13px 25px 13px 10px;}
	html[lang="ar"] .strategy-left{padding:0;}
	html[lang="ar"] #faqContent .accordion-item .accordion-header button{text-align: right;}
	html[lang="ar"] #faqContent .accordion-button::after{margin-right: 0;}
	html[lang="ar"] ul{padding: 0 20px 0 0;}
	html[lang="ar"] .contact-info{width: 100%;}
	html[lang="ar"] .contact-grid{justify-content: flex-end;align-items: flex-end;flex-direction: column;gap: 15px 0;}
	html[lang="ar"] .contact-info span{text-align:right;}
	.overlay p{line-height: 18px;}
	.overlay-btn{padding: 5px 10px;font-size: 12px;}
	html[lang="ar"] #highlightContent .accordion-button::after{margin-right: 0px;}
	.people-tabs .tabs-wrapper ul{padding:0;}
	
}
@media only screen and (max-width: 640px) {
    .grid-item{width: 100%;}
	
}