.touch-device .light--gallery li { clip-path: inset(0% 0% 0% 0%); }
.touch-device [data-fadeInLeft] { transform: translateX(0%); }
.touch-device [data-fadeInRight] { transform: translateX(0%); }

.touch-device .inner--banner, .touch-device .home--banner, .touch-device .project--details--banner { position: relative; }
.touch-device .inner--banner--space, .touch-device .home--banner--space, .touch-device .project--details--banner--space { display: none; }

.touch-device .company-history-slider { height: auto; -webkit-mask-image: none; }

.touch-device .swiper-pagination-bullet { width: 24px; background: #000; height: 1px; border-radius: 0px; opacity: 1; }
.touch-device .swiper-pagination-bullet-active { background: rgb(var(--primary-color) / 100%); }

@media screen and (min-width: 2050px) {
	.team--bio--modal .modal-dialog { max-width: 1080px; }
	.h3 { --font-size: 36px; }
	.btn span { --font-size: 16px; }

	.form-control::-webkit-input-placeholder { font-size: 18px; }
	.form-control::-moz-placeholder { font-size: 18px; }
	.form-control:-ms-input-placeholder { font-size: 18px; }
	.form-control::-ms-input-placeholder { font-size: 18px; }
	.form-control::placeholder { font-size: 18px; }
	.form-control, .form--file, .input-group .dropdown-toggle, .form-select { font-size: 18px; }

	.office--list li .office--bx .office--name { font-size: 36px; min-width: 240px; width: 240px; }
	.office--list li .office--bx .office--details p, .office--list li .office--bx .office--details ul li a { font-size: 22px; }

	.office--list li .office--bx .office--details .map--link { font-size: 18px; }
	.office--list li .office--bx .office--img { margin-left: 40px; }
	.office--list li .office--bx { padding: 45px 0px; }

	.team--bio--modal .bio--detail--bx p { font-size: 16px; }
}

@media screen and (max-width: 2050px) {
	body p { font-size: 16px; }

	.h1 { --font-size: 56px; }
	.h3 { --font-size: 28px; }
	.h4 { --font-size: 22px; }
	.pl-s, .pl-p { --font-size: 18px; }

	.section--title { --font-size: 18px; }
	.section--subtitle { --font-size: 50px; margin-bottom: var(--gap-xxl); }

	.project--gallery .section--title { margin-bottom: var(--gap-xxl); }

	.hero-1, .hero-1 span { --font-size: 50px; }
	.home--banner .banner--content .h4 { --font-size: 20px; }

	.navigation li a { font-size: 40px; }
	.header .navbar--nav.right li .desktop--hamburger img { width: 40px; }

	.home--about { padding: calc(var(--gap-xl) * 2) 0; }
	.home--about .section--subtitle + .row { --bs-gutter-x: calc(var(--gap-lg) * 2); }
	.home--about .features--list { gap: var(--gap-xs) calc(var(--gap-md) * 2); margin-top: var(--gap-md); }
	.home--about .features--list:has( + .btn--link) { margin-bottom: var(--gap-md); }
	.home--about .features--list li .number, .home--about .features--list li .number span { font-size: 50px; }

	.our--projects { padding: calc(var(--gap-xl) * 2) 0 0; }
	.our--projects .container-fluid { margin-bottom: var(--gap-xxl); }

	.project--slide .project--bg { height: calc(100vh - 150px); }
	.project--slide .project--content .project--title { --font-size: 34px; }

	.products--services { padding: calc(var(--gap-xl) * 2) 0; }
	.services--list, .insights--list { gap: var(--gap-lg); }

	.product--card .card--title { font-size: 28px; }
	.product--card .card--title img { width: 40px; }

	.project--list { gap: var(--gap-lg); margin-bottom: calc(var(--gap-md) * 2); }
	.project--list li .project--card .project--img .event--details div { --font-size: 14px; }
	.project--list li .project--card .project--body .h4 { --font-size: 26px; }
	.project--list li .project--card .project--body .pl-p { --font-size: 18px; }

	.our--clients.home--clients { padding: var(--gap-xl) 0; }
	.our--clients .container-fluid, .join--team--accordion { margin-bottom: var(--gap-xl); }

	.inner--banner .banner--bg .banner--content .hero-1, .project--details--banner .banner--bg .banner--content .hero-1 { font-size: 76px; }

	.insights, .mission--vision, .the--team, .group--companies, .category--projects, .enquire--now, .services--section, .explore--other--services, .clients--testimonials, .careers { padding: calc(var(--gap-xl) * 2) 0; }

	.countries--operate, .footer, .contact--form, .project--overview, .services--details, .our--brands, .newsletter--signup { padding: calc(var(--gap-xl) * 2) 0 0; }

	.contact--offices { padding-top: calc(var(--gap-xl) * 2); }

	.company--lists { gap: var(--gap-lg) calc(var(--gap-xxl) * 2) }
	.company--lists .media .media-body p { font-size: 18px; }

	.insta--feeds { padding: calc(var(--gap-xl) * 2) 0 var(--gap-lg); }

	.company--history, .our--clients { padding: var(--gap-xl) 0 calc(var(--gap-xl) * 2); }
	.company-history-slider .media .media-year { min-width: 400px; font-size: 110px; }

	.info--box .mission--vision--box .info .pl-p { margin-bottom: var(--gap-md); }

	.realted--category--title img { width: 25px; margin-left: 20px; }

	.clients--testimonials-slider .pl-s { --font-size: 28px; }

	.office--list li .office--bx { padding: 30px 0px; }

	.light--gallery li .view--all { font-size: 20px; }
	.light--gallery li .view--all .number { font-size: 50px; }

	.juicer-feed .slick-track { height: 300px !important; }
	.juicer-feed.slider li.feed-item .j-image { height: 300px !important; }

	.newsletter--signup .border--box { padding: calc(var(--gap-lg) * 2); }

}


@media screen and (max-width: 1700px) {
	body { font-size: 16px; }
	.hero-1, .hero-1 span { font-size: 48px; }

	.h1 { --font-size: 52px; }
	.h3 { --font-size: 24px; }
	.h4 { --font-size: 18px; }
	.pl-s, .pl-p { --font-size: 16px; }

	.section--title { --font-size: 16px; }
	.section--subtitle { --font-size: 40px; margin-bottom: var(--gap-xl); }

	.btn--link { --font-size: 14px; }

	.project--gallery .section--title, .insta--feeds .d-flex { margin-bottom: var(--gap-xl); }

	.header { padding: var(--gap-sm) 0; }
	.header.active { padding: calc(var(--gap-md) / 2) 0; }
	.header .logo { width: 180px; }
	.header.active .logo { width: 160px; }
	.header .navbar--nav.right > li { padding: 0 var(--gap-md); }
	.header.active .navbar--nav.right li { padding: 0 var(--gap-sm); }
	.header .navbar--nav.right > li a { font-size: 12px; }
	.header .navbar--nav.right > li .desktop--hamburger img { width: 35px; }

	#mute-toggle { left: var(--gap-xl); }

	.navigation li a { font-size: 36px; }
	.scroll--down { bottom: calc(var(--gap-lg) * 4); }
	.breadcrumb--nav { padding: var(--gap-lg) 0 0; }
	.home--about .features--list li .number, .home--about .features--list li .number span { font-size: 40px; }

	.our--projects .container-fluid { margin-bottom: var(--gap-xl); }
	.project--slide .project--content .project--title { --font-size: 32px; }
	.project--thumbs .pl-s { --font-size: 16px; }

	.product--card .card--title { font-size: 24px; }
	.product--card .card--title img { width: 35px; }

	.our--clients .client--logo { height: 100px; }

	.footer .contact--link { font-size: 17px; margin-bottom: var(--gap-xs); }
	.footer--list li a { font-size: 16px; }
	.footer .pn { font-size: 16px; }

	.footer--logo { width: 220px; }
	.footer--title { font-size: 18px; margin-bottom: var(--gap-sm); }

	.copyright { padding: calc(var(--gap-sm) * 2) 0; font-size: 14px; }

	.footer--scroll--text * { font-size: 120px; }
	.team--bio--modal .bio--detail--bx .pn { font-size: 18px; }

	.inner--banner .banner--bg, .inner--banner--space { aspect-ratio: 1920/650; }
	.inner--banner .banner--bg .banner--content .hero-1, .project--details--banner .banner--bg .banner--content .hero-1 { font-size: 70px; }

	.services--list, .insights--list { gap: var(--gap-md); }

	.company-history-slider { height: 480px; }
	.company-history-slider .media .media-year { font-size: 90px; min-width: 350px; }

	.company--lists { gap: var(--gap-md) calc(var(--gap-lg) * 1.5); }
	.company--lists .media .media-img { margin-right: 15px; }
	.company--lists .media .media-body p { font-size: 16px; }

	.realted--category--title img { width: 18px; margin-left: 15px }

	.office--list li .office--bx .office--name { max-width: 160px; width: 160px; }
	.office--list li .office--bx .office--img { width: 200px; }
	.office--list li .office--bx .office--details .map--link { font-size: 14px; }
	.office--list li .office--bx .office--name { font-size: 28px; }

	.row.office--list { margin-bottom: calc(var(--gap-lg) * 2); }

	.clients--testimonials-slider .pl-s { --font-size: 26px; }

	.insight--modal .bio--detail--bx .h3 { --font-size: 30px; }
	.insight--card .card--img .event--details { padding: calc(var(--gap-sm) / 4 * 4); }
	.insight--card .card--body { padding: var(--gap-sm); }

	.view--all--projects { padding: var(--gap-sm); }
	.view--all--projects .img-box { width: 80%; }

	.project--list li .project--card .project--img .event--details { padding: var(--gap-sm); }
	.nav-pills .nav-link { padding: var(--gap-xs) var(--gap-sm); }

	.brand--products--lists .brand--products--box.active { margin: 0 0 var(--gap-lg); }

	.brand--list .brand--item::after { width: 20px; height: 20px; }
	.brand--products--box .brand--products--wrapper { padding: calc(var(--gap-md) * 2); }
	.brand--products--box .products--list li .card .card-body .title-wrapper { margin-bottom: var(--gap-xs); }
	.brand--products--box .products--list li .card .card-body .title-wrapper .info--icon { width: 20px; }

	.table--header, .join--team--accordion li .accordion--header { padding: var(--gap-sm) 150px; }
	.join--team--accordion li .accordion--body { padding: 0 150px; }
	.table--header .p2, .join--team--accordion li .h4, .join--team--accordion li .accordion--body .accordion--data p, .join--team--accordion li .accordion--body .accordion--data ul li { font-size: 18px; }

	.newsletter--signup .border--box { padding: calc(var(--gap-md) * 2); }

	.company--lists .media .media-body img { width: 62%; }


	.not-found .subtitle { font-size: 120px; }
	.not-found .title { font-size: 26px; }
	.not-found p { font-size: 14px; }
}


@media screen and (max-width: 1500px) {

	.hero-1, .hero-1 span { font-size: 38px; }

	.section--subtitle { --font-size: 36px; margin-bottom: var(--gap-lg); }
	.realted--category--title img { width: 16px; margin-left: 10px; }

	.h1 { --font-size: 48px; }
	.h3 { --font-size: 22px; }
	.h4 { --font-size: 16px; }
	.pn { --font-size: 14px; }

	.btn { padding: calc(var(--gap-sm) - 1px) var(--gap-lg); }

	.header .navbar--nav.right > li { padding: 0 var(--gap-sm); }
	.header.active .navbar--nav.right li { padding: 0 var(--gap-xs); }
	.header .navbar--nav.right .btn--tertiary { padding: calc(var(--gap-xs) / 2 * 3) var(--gap-lg); }

	.navigation { width: 45%; }
	.navigation li a { font-size: 34px; }
	.overlay { width: 45%; }
	.fullScreen .menu-close { right: calc(45% - 60px); }

	.scroll--down { left: var(--gap-lg); }

	.home--banner .banner--content .h4 { --font-size: 18px; }
	.home--banner .swiper-pagination .swiper-pagination-bullet { margin: 2px 0; }
	.home--banner .swiper-pagination .swiper-pagination-bullet::before { height: 1px; }

	.home--about .section--subtitle, .our--projects .container-fluid, .products--services .section--subtitle, .our--clients .container, .insights .container, .countries--operate .section--subtitle, .insights.home--insights .container-fluid, .our--clients .container-fluid { margin-bottom: var(--gap-lg); }

	.home--about, .insights, .mission--vision, .category--projects, .services--section, .contact--form, .the--team, .group--companies, .enquire--now, .products--services, .careers, .explore--other--services { padding: calc(var(--gap-lg) * 2) 0; }
	.our--clients.home--clients { padding: var(--gap-lg) 0; }
	.our--clients, .company--history { padding: var(--gap-lg) 0 calc(var(--gap-lg) * 2); }
	.insta--feeds { padding: calc(var(--gap-lg) * 2) 0 var(--gap-lg); }
	.countries--operate, .footer, .contact--form, .project--overview, .services--details, .our--brands, .project--gallery, .our--projects, .newsletter--signup { padding: calc(var(--gap-lg) * 2) 0 0; }

	.contact--offices { padding-top: calc(var(--gap-lg) * 2); }
	.row.office--list { margin-bottom: calc(var(--gap-md) * 2); } 

	.project--slide .project--content { padding: calc(var(--gap-lg) * 1) var(--gap-xxl); }
	.project--slide .project--content .project--title { --font-size: 30px; }
	.project--thumbs .pl-s { --font-size: 14px; }

	.product--card .card--body { padding: var(--gap-sm) 0 0px 0px; }

	.project--details--banner .event--details div { --font-size: 14px; }
	.project--overview .project--info { margin-top: var(--gap-lg); }
	.project--overview .titles--list { grid-gap: var(--gap-md) }

	.footer { padding: calc(var(--gap-lg) * 2) 0 0; }
	.footer--social a { height: 15px; padding-right: var(--gap-xs); }

	.inner--banner .banner--bg .banner--content .hero-1, .project--details--banner .banner--bg .banner--content .hero-1 { font-size: 60px; }

	.team--bio--modal .bio--detail--bx .pn { font-size: 16px; }

	.office--list li .office--bx { padding: 30px 0px; }
	.office--list li .office--bx .office--name { max-width: 160px; width: 160px; font-size: 26px; }
	.office--list li .office--bx .office--img { width: 200px; }
	.office--list li .office--bx .office--details p, .office--list li .office--bx .office--details ul li a { font-size: 16px; }
	.office--list li .office--bx .office--details ul { margin-bottom: 20px; }
	.office--list li .office--bx .office--details .map--link { font-size: 14px; }

	.project--list { grid-gap: var(--gap-lg) var(--gap-md); }
	.project--list li .project--card .project--img .event--details div, .insight--card .card--img .event--details div { --font-size: 12px; }
	.project--list li .project--card .project--body .h4 { --font-size: 26px; }
	.project--list li .project--card .project--body .pl-p { --font-size: 16px; }

	.company-history-slider .media .media-year { min-width: 300px; }

	.the--team .team--list { grid-gap: var(--gap-md); }
	.services--list { gap: var(--gap-xl) var(--gap-md); }

	.services--details .h4 { margin-bottom: var(--gap-md); }

	.insight--slider { column-gap: var(--gap-md); margin-right: var(--gap-md); }

	.swiper-button-prev, .swiper-button-next { --swiper-navigation-size: 30px; }

	.footer--scroll--text * { font-size: 100px; }

	.company--lists .media { border-radius: 8px; }
	.company--lists .media .media-img { margin-right: 10px; }
	.company--lists .media .media-body p { font-size: 14px; }

	.clients--testimonials-slider .pl-s { --font-size: 22px; margin-bottom: var(--gap-md); }
	.clients--testimonials-slider .client--info .client--details .client--name { font-size: 18px; margin-bottom: 4px; }
	.clients--testimonials-slider .client--info .client--details .client--designation { font-size: 14px; }
	.clients--testimonials-slider .client--info .client--img { width: 60px; }

	.table--header, .join--team--accordion li .accordion--header { padding: var(--gap-sm) 130px; }
	.join--team--accordion li .accordion--body { padding: 0 130px; }
	.table--header .p2, .join--team--accordion li .h4, .join--team--accordion li .accordion--body .accordion--data p, .join--team--accordion li .accordion--body .accordion--data ul li { font-size: 16px; }
	.join--team--accordion { margin-bottom: var(--gap-lg); }
	.accordion--list li .accordion--header .plus { width: 16px; }

	.insight--modal .bio--detail--bx .h3 { --font-size: 26px; margin-bottom: var(--gap-md); }

	.brand--products--box .close--products--box { right: var(--gap-xs); top: var(--gap-xs); width: 18px; height: 18px; }
	.brand--products--box .brand--products--wrapper { padding: calc(var(--gap-sm) * 2); }

	.company-history-slider .media .media-year { font-size: 77px; }

	.not-found .subtitle { font-size: 100px; }
	.not-found .title { font-size: 24px; }
	.not-found p { font-size: 14px; }
}


@media screen and (max-width: 1400px) {
	body p { font-size: 14px; }

	.hero-1, .hero-1 span { font-size: 36px; }

	.section--subtitle { --font-size: 34px; }

	.h1 { --font-size: 44px; }
	.h3 { --font-size: 20px; }
	.h4 { --font-size: 16px; }
	.pl-s { --font-size: 14px; }

	.swiper-button-prev, .swiper-button-next { --swiper-navigation-size: 30px; }

	.navigation li a { font-size: 30px; padding: var(--gap-sm); }

	.scroll--down span { --font-size: 10px; }

	.header .logo { width: 160px; }

	.home--banner .banner--content .btn--link { font-size: 12px; }

	.home--about .section--subtitle, .our--projects .container-fluid, .products--services .section--subtitle, .our--clients .container, .insights .container, .countries--operate .section--subtitle, .insights.home--insights .container-fluid, .our--clients .container-fluid { margin-bottom: var(--gap-md); }

	.home--about, .mission--vision, .insights, .category--projects, .services--section, .contact--form, .the--team, .group--companies, .enquire--now, .products--services, .careers, .explore--other--services { padding: calc(var(--gap-md) * 2) 0; }
	.our--clients.home--clients { padding: var(--gap-md) 0; }
	.our--clients, .company--history { padding: var(--gap-md) 0 calc(var(--gap-md) * 2); }
	.insta--feeds { padding: calc(var(--gap-md) * 2) 0 var(--gap-md); }
	.countries--operate, .footer, .contact--form, .project--overview, .services--details, .our--brands, .project--gallery, .our--projects, .newsletter--signup { padding: calc(var(--gap-md) * 2.5) 0 0; }

	.home--about .features--list li .number, .home--about .features--list li .number span { font-size: 34px; }
	.project--slide .project--bg { height: calc(90vh - 40px); }
	.project--slide .project--content .project--title { --font-size: 28px; }

	.product--card .card--title { font-size: 20px; }
	.product--card .card--title img { width: 30px; margin-left: var(--gap-sm); }

	.our--clients .client--logo { height: 80px; padding: var(--gap-sm) 0; }

	.country--list li a { font-size: 14px; }

	.footer--title { font-size: 16px; }
	.footer--list li a { font-size: 13px; line-height: 1; }
	.footer .contact--link { font-size: 16px; }
	.footer .pn { font-size: 14px; }
	.copyright { margin-top: calc(var(--gap-xxxl) * 1); }

	.inner--banner .banner--bg .banner--content .hero-1 { font-size: 50px; }
	.inner--banner .banner--bg .banner--content .bottom--text, .inner--banner .banner--bg .banner--content .bottom--text span { font-size: 20px; }

	.contact--offices { padding-top: calc(var(--gap-md) * 2); }
	.office--list li .office--bx .office--img { width: 150px; }
	.office--list li .office--bx .office--name { font-size: 22px; }
	.office--list li .office--bx .office--name { max-width: 150px; width: 150px; }
	.office--list li .office--bx .office--details .map--link { font-size: 12px; }

	.table--header, .join--team--accordion li .accordion--header { padding: var(--gap-sm) 100px; }
	.join--team--accordion li .accordion--body.active { margin: var(--gap-sm) 0 var(--gap-md) }
	.join--team--accordion li .accordion--body { padding: 0 100px; }

	.insight--modal .bio--detail--bx .h3 { --font-size: 22px; margin-bottom: var(--gap-sm); }

	.clients--testimonials-slider .pl-s { --font-size: 20px; }

}

@media screen and (max-width: 1366px) {
	.juicer-feed.slider li.feed-item .j-image, .juicer-feed .slick-track { height: 240px !important; }
	.footer .address--box { margin-top: var(--gap-lg); }
	.project--list li .project--card .project--body .h4 { --font-size: 22px; }
	.realted--category--title img { width: 13px; }

	.company-history-slider .media .media-year { min-width: 230px; }
	.company--lists { gap: var(--gap-md) calc(var(--gap-lg) * 1); }

	.not-found .subtitle { font-size: 80px; }
	.not-found .title { font-size: 20px; }
	.not-found p { font-size: 12px; }
}


@media screen and (max-width: 1199px) {
	:root {
		--gap-xs: 6px;
		--gap-sm: 12px;
		--gap-md: 20px;
		--gap-lg: 28px;
		--gap-xl: 36px;
		--gap-xxl: 44px;
		--gap-xxxl: 54px;
	}

	.container, .container-fluid { max-width: 94%; width: 94%; }

	.h1 { --font-size: 40px; }
	.h2 { --font-size: 18px; }

	.btn { padding: calc(var(--gap-sm) - 1px) var(--gap-md); }

	.header .navbar--nav.right > li:not(:nth-last-child(-n + 3)) { display: none; }
	.header .navbar--nav.right > li:nth-last-child(2) { display: none; }
	.overlay, .navigation { width: 55%; }
	.navigation { padding: 100px 50px 50px; }
	.navigation li a { padding: var(--gap-md) var(--gap-sm); }
	.fullScreen .menu-close { right: calc(55% - 60px); }

	.scroll--down { bottom: calc(var(--gap-xxxl) * 4); }
	#mute-toggle { left: var(--gap-lg); }
	.home--banner, .home--banner--space .space--1, .home--banner .banner--bg, .video--wrapper, .video--wrapper iframe { height: 100vh; }
	.home--banner .banner--content { bottom: calc(var(--gap-xxl) * 2); }

	.project--slide .project--bg { height: calc(80vh - 40px); }

	.footer .address--wrapper { margin-bottom: 40px; column-gap: var(--gap-lg); }
	.footer .address--wrapper .address--box { width: auto; }

	.info--box .mission--vision--box .info { padding: var(--gap-xl); }

	.company--lists { grid-template-columns: repeat(4, 1fr); }

	.inner--banner .banner--bg .banner--content .hero-1 { font-size: 40px; }
	.nav-pills { margin-bottom: calc(var(--gap-md) * 1.8); }

	.section--subtitle { --font-size: 32px; }
	.juicer-feed.slider .slick-prev:before, .juicer-feed.slider .slick-next:before { font-size: 20px!important; }
	.juicer-feed.slider .slick-prev, .juicer-feed.slider .slick-next { padding: 10px; height: 60px; }
	.copyright { padding: calc(var(--gap-sm) * 1.5) 0; }
	.insta--feeds .social-icon img { height: 17px; }
	
	.project--overview .titles--list { grid-template-columns: repeat(3, 1fr); }

	.project--slide .project--content .project--title { --font-size: 26px; }
	.project--slide .project--content .project--title img { width: 35px; margin-left: var(--gap-xs); }
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after , .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 18px; }
	.copyright { margin-top: calc(var(--gap-xl) * 1); }
	.product--card .card--title img { width: 22px; }
	.home--about, .mission--vision, .insights, .category--projects, .services--section, .contact--form, .the--team, .group--companies, .enquire--now, .products--services, .careers, .explore--other--services { padding: calc(var(--gap-md) * 3) 0; }
	.office--list li .office--bx .office--name { max-width: 120px; width: 120px; }
	.office--list li .office--bx .office--name { font-size: 20px; }
	.contact--offices { padding: calc(var(--gap-md) * 1.5) 0px 0px; }

	.row.office--list { margin-bottom: calc(var(--gap-md) * 1); }
	.row.office--list { --bs-gutter-x: 40px; }
	.office--list li .office--bx .office--img { width: 110px; }

	.company-history-slider .media .media-year { font-size: 65px; min-width: 180px; }
	.company-history-slider .media .media-img { width: 35px; height: 35px; }
	.company-history-slider .media .media-img img { width: 15px; height: auto; }
	.info--box .mission--vision--box .info { width: 59%; margin-right: -21%; }
	.team--bio--modal .bio--detail--bx .pn { font-size: 14px; }
	.team--bio--modal .modal-body .bio--detail--text { padding: calc(var(--gap-xl) * 1) var(--gap-xxl); }
	.company--lists .media .media-img { width: 35%; }
	.company--lists .media .media-body img { width: 52%; }
	.company--lists .media .media-body p { font-size: 12px; }
	.light--gallery li .view--all .number { font-size: 30px; }
	.light--gallery li .view--all { font-size: 14px; }

	.table--header .p2, .join--team--accordion li .h4, .join--team--accordion li .accordion--body .accordion--data p, .join--team--accordion li .accordion--body .accordion--data ul li { font-size: 15px; }
	.join--team--accordion li .accordion--body .accordion--data p strong { font-size: 16px; }

	.insight--modal .bio--detail--bx .h3 { --font-size: 20px; }
	.insight--modal .bio--detail--bx .pn { font-size: 14px; }
	.project--overview .titles--list { margin-top: var(--gap-sm); }


}

@media screen and (max-width: 1024px) {
	.open-user-map .box-wrap > .map-wrap { height: 460px!important; }

	.h1 { --font-size: 36px; }

	.footer--scroll--text * { font-size: 60px; }

	.light--gallery li { clip-path: inset(0% 0% 0% 0%); }
	[data-fadeInLeft] { transform: translateX(0%); }
	[data-fadeInRight] { transform: translateX(0%); }

	.inner--banner, .home--banner, .project--details--banner { position: relative; }
	.inner--banner--space, .home--banner--space, .project--details--banner--space { display: none; }

	.touch-device .company-history-slider { height: auto; -webkit-mask-image: none; }

	.home--banner .banner--content .btn--link { font-size: 12px; margin-top: var(--gap-md); }
	.home--banner .swiper-pagination { right: 25px; }

	.project--slide .project--content { padding: calc(var(--gap-lg) * 1) var(--gap-lg); }
	.project--slide .project--content .project--title { --font-size: 24px; }
	.project--slide .project--content .project--title img { width: 25px; }
	.project--thumbs--wrapper { right: 10px; }

	.project--list li .project--card .project--body .pl-p { --font-size: 14px; }
	.project--list li .project--card .project--body .h4 { --font-size: 20px; }
	.nav-pills .nav-link { font-size: 12px; }

	.inner--banner .banner--bg .banner--content .hero-1 { font-size: 32px; }
	.inner--banner .banner--bg .banner--content .bottom--text { font-size: 18px; }
	.inner--banner .banner--bg .banner--content .bottom--text span { font-size: 18px; }
	#mute-toggle { left: var(--gap-lg); top: 40%; }

	.office--list li .office--bx .office--details p, .office--list li .office--bx .office--details ul li a { font-size: 15px; }
	.realted--category--title img { width: 10px; }
	.view--all--projects .img-box { width: 65%; }

	.info--box .mission--vision--box .info .h3 { --font-size: 18px; } 

	.juicer-feed.slider li.feed-item .j-image, .juicer-feed .slick-track { height: 200px !important; }
	.accordion--list li .accordion--header .plus { width: 12px; }
	.table--header, .join--team--accordion li .accordion--header { padding: var(--gap-sm) 30px; }
	.join--team--accordion li .accordion--body { padding: 0 30px; }
	.join--team--accordion li .accordion--header .p2 { font-size: 15px; }

	.clients--testimonials-slider .pl-s { --font-size: 18px; }
	.swiper-pagination .swiper-pagination-current { font-size: 22px; }
	.slider--arrow--wrapper { row-gap: var(--gap-md); }


	.brand--products--box .close--products--box { width: 15px; height: 15px; }
	
	.not-found .subtitle { font-size: 60px; }
	.not-found .title { font-size: 18px; }
	.not-found p { font-size: 16px; }
}

@media screen and (max-width: 991px) {
	.h1 { --font-size: 32px; }

	.btn--link, .btn span { --font-size: 12px; }
	.btn span  { letter-spacing: calc(var(--font-size) / 100 * 12); }
	.has-dropdown .dropdown a { font-size: 14px; }
	.navigation li a { font-size: 22px; }
	.has-dropdown .dropdown-toggle::after { font-size: 16px; }
	.header .navbar--nav.right .dropdown-menu { min-width: 90px; }
	.dropdown-menu { padding: 2px 0px; }

	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { font-size: 14px; }
	.project--thumbs .pl-s { --font-size: 12px; }
	.insight--slider .insight--card { width: 40vw; }
	.copyright .pn { font-size: 12px; }
	.our--clients .client--logo { height: 75px; }
	.section--subtitle { --font-size: 30px; }


	.home--about .img-box { clip-path: none; margin-top: var(--gap-xl); }
	.home--about .img-box img { position: static; height: 100%; }

	.projects--sliders--wrapper { transform: translateY(0px) scale(1); }
	.project--thumbs--wrapper { opacity: 1; transform: translateY(0px); padding: 0 calc(var(--gap-lg) * 1.5); }
	.project--slide .project--content .project--title { --font-size: 22px; }
	.services--list li, .countries--operate { clip-path: none; }

	.juicer-feed .j-meta a.j-social { font-size: 15px; }

	.home--about .section--subtitle, .our--projects .container-fluid, .products--services .section--subtitle, .our--clients .container, .insights .container, .countries--operate .section--subtitle, .insights.home--insights .container-fluid, .our--clients .container-fluid { margin-bottom: var(--gap-lg); }
	.home--banner--space .space--1 { display: none; }
	.footer--list li a::after { display: none; }
	.footer--logo { width: 180px; }

	.home--about, .mission--vision, .insights, .category--projects, .services--section, .contact--form, .the--team, .group--companies, .enquire--now, .products--services, .careers, .explore--other--services { padding: calc(var(--gap-md) * 2.3) 0; }
	.inner--banner { position: relative; }
	.inner--banner--space { display: none; }
	.project--list li { clip-path: none; }
	.inner--banner .banner--bg .banner--content { padding: calc(var(--gap-xxxl) * 3) 0 var(--gap-xl); }
	.inner--banner .banner--bg .banner--content .container { max-width: 100%; }
	.inner--banner .banner--bg, .inner--banner--space { aspect-ratio: 1920 / 740; }

	.product--card .card--title { font-size: 18px; }
	.services--section { padding-bottom: var(--gap-sm)!important; }
	
	.brand--products--box .products--list { grid-template-columns: repeat(4, 1fr); grid-gap: var(--gap-md); }

	.office--list li .office--bx { display: flex; flex-direction: column-reverse; }
	.office--details p br { display: none; }
	.office--list li .office--bx .office--name { width: 100%; max-width: 100%; margin-bottom: var(--gap-sm); order: 1; }
	.office--list li .office--bx .office--img { margin-left: 0px; width: 100%; margin-bottom: var(--gap-md);  }
	.row.office--list { --bs-gutter-x: 25px; }
	.office--list li .office--bx { padding: 25px 0px 30px 0px; }
	.office--list li .office--bx .office--details ul { margin-bottom: 15px; }

	.brand--list .brand--item { padding: var(--gap-sm); }
	.services--details .h4 { font-size: 15px; }

	.inner--banner .banner--bg .banner--content .hero-1, .project--details--banner .banner--bg .banner--content .hero-1 { font-size: 45px; }
	.project--details--banner--space { display: none; }
	.project--details--banner { position: relative; }
	.project--list li .project--card .project--body .h4 { --font-size: 18px; }
	.project--list li .project--card .project--img .event--details div, .insight--card .card--img .event--details div { --font-size: 10px; }
	.company-history-slider .media .media-year { font-size: 48px; min-width: 110px; }
	.swiper-pagination-vertical.swiper-pagination-bullets { transform: none; flex-flow: row wrap; gap: 6px; }

	.info--box .mission--vision--box .info .h3 { --font-size: 16px; }
	.info--box .mission--vision--box .info { width: 75%; margin-right: -42% }

	.the--team .team--list li { clip-path: none; }
	.the--team .team--list { grid-template-columns: repeat(4, 1fr); }

	.modal-dialog { max-width: 85%; }
	.team--bio--modal .bio--detail--bx .h3 { --font-size: 26px; } 
	.team--bio--modal .modal-body .bio--detail--text { padding: calc(var(--gap-xl) * 1) var(--gap-xl); }
	.bio--detail--text a.btn--link img { width: 25px; }

	.the--team .team--list .card .card-body { padding: var(--gap-sm) var(--gap-xs) 0 var(--gap-xs); }
	.the--team .team--list .card .card-body .h3 { --font-size: 18px; }
	.the--team .team--list { grid-gap: var(--gap-lg) var(--gap-md); }

	.company--lists li { clip-path: none; }

	.table--header, .join--team--accordion li .accordion--header { padding: var(--gap-sm) 40px; }
	.table--header .p2:first-child { width: calc(100% / 12 * 7); }
	.table--header .p2:nth-child(2) { width: calc(100% / 12 * 3); }
	.accordion--list li .accordion--header .h4 { width: calc(100% / 12 * 7); }
	.join--team--accordion li .accordion--header .p2 { width: calc(100% / 12 * 3); }
	.join--team--accordion li .accordion--body { padding: 0 40px; }
	.join--team--accordion li .accordion--body .accordion--data { width: 100%; margin: 0; }

	.project--overview .h4 { --font-size: 14px; }
	.form-group { margin-bottom: 30px; }
	.form-control, .form-select, .form--file, .selected-dial-code { font-size: 14px; }

	.newsletter--signup .border--box .btn { margin-top: var(--gap-md); }
	.newsletter--signup .border--box { padding: calc(var(--gap-md) * 1.5); }
	.newsletter--signup .border--box .h1 { --font-size: 32px; }
	.insights--list { grid-template-columns: repeat(3, 1fr); }

	.table--header, .join--team--accordion li .accordion--header { padding: var(--gap-sm) 0px; }
	.join--team--accordion li .accordion--body { padding: 0 0px; }
	.join--team--accordion li .accordion--body .accordion--data ul { margin-bottom: var(--gap-md); }

	.clients--testimonials-slider .pl-s { --font-size: 15px; }
	.clients--testimonials-slider .client--info .client--details .client--name { font-size: 16px; }
	.swiper-pagination .swiper-pagination-current { font-size: 20px; }
	.quote { width: 60px; }
	.slider--arrow--wrapper { row-gap: var(--gap-sm); }
	.insights, .mission--vision, .the--team, .group--companies, .category--projects, .enquire--now, .services--section, .explore--other--services, .clients--testimonials, .careers { padding: calc(var(--gap-xl) * 1.2) 0; }

	.footer .row { row-gap: var(--gap-md); }
	.footer--scroll--text { column-gap: var(--gap-xxl); }
}

@media screen and (max-width: 767px) {
	.h1 { --font-size: 28px; }

	.container { max-width: 100%; }
	.home--about, .mission--vision, .insights, .category--projects, .services--section, .contact--form, .the--team, .group--companies, .enquire--now, .products--services, .careers, .explore--other--services { padding: calc(var(--gap-md) * 2.2) 0; }
	
	.section--subtitle { --font-size: 28px; margin-bottom: var(--gap-md); }
	.section--title { --font-size: 14px; }
	
	.project--slide .project--content { padding: calc(var(--gap-md) * 1) var(--gap-md); }
	.project--slide .project--content .project--title { padding-right: 40px; }
	
	.services--list::-webkit-scrollbar { display: none; }
	.footer--title { font-size: 14px; }
	.footer--list li a, .footer .pn { font-size: 13px; }
	.footer .pn  { padding-top: 2px; }
	.footer .contact--link { font-size: 14px; }
	.navigation { padding: 80px 20px 20px; }
	.navigation li a { font-size: 20px; padding: var(--gap-sm); }
	.navigation li a::before { width: 25px; height: 25px; }
	.footer--logo { width: 170px; }
	.footer--scroll--text * { font-size: 45px; }
	.hero-1, .hero-1 span { font-size: 30px; }
	.home--banner .swiper-pagination .swiper-pagination-bullet { height: 8px; }
	#mute-toggle { left: var(--gap-sm); width: 20px; }
	.scroll--down { display: none; }

	.header .navbar--nav.right .btn--tertiary { padding: calc(var(--gap-xs) / 2 * 3) var(--gap-md); }
	.nav-pills .nav-link { font-size: 11px; }
	.project--list { grid-template-columns: repeat(2, 1fr); }
	.project--list li .project--card .project--body .h4 { --font-size: 18px; }
	.enquire--now .section--subtitle { margin-bottom: var(--gap-lg); }
	.inner--banner .banner--bg, .inner--banner--space { aspect-ratio: 1920 / 790; }
	.inner--banner .banner--bg .banner--content .container { max-width: 100%; }
	.inner--banner .banner--bg .banner--content .hero-1 { font-size: 26px; }
	.inner--banner .banner--bg .banner--content .bottom--text { font-size: 16px; }
	.inner--banner .banner--bg .banner--content .bottom--text span { font-size: 16px; }
	.inner--banner .banner--bg .banner--content { padding: calc(var(--gap-xxxl) * 3) 0 var(--gap-md); }

	.services--section .services--list { flex-flow: wrap; overflow-x: hidden; display: grid; grid-template-columns: repeat(2, 1fr); }
	.services--section .services--list li { width: auto; }
	
	.services--list { grid-template-columns: repeat(2, 1fr); }

	.form-control, .form-select, .form--file, .selected-dial-code { font-size: 14px; }
	.breadcrumb--nav .breadcrumb-item a, .breadcrumb--nav .breadcrumb-item { font-size: 12px; }
	.office--list li .office--bx .office--details p, .office--list li .office--bx .office--details ul li a { font-size: 14px; }
	.office--list li .office--bx .office--name { font-size: 18px; }
	.row.office--list { --bs-gutter-x: 20px; }
	.contact--offices .row.office--list:last-of-type { margin-bottom: 0; }

	.services--details .h4 { font-size: 14px; }
	.brand--list { grid-template-columns: repeat(3, 1fr); }
	.brand--list::-webkit-scrollbar { display: none; }
	.realted--category--title { display: block; }
	.realted--category--title img { width: 10px; margin-left: 5px; }
	.countries--operate, .footer, .contact--form, .project--overview, .services--details, .our--brands, .project--gallery, .our--projects, .newsletter--signup { padding: calc(var(--gap-md) * 2) 0 0; }
	.brand--products--box .products--list li .card .card-body .pn { display: none; }
	.brand--products--box .products--list { grid-template-columns: repeat(3, 1fr); grid-gap: var(--gap-md); }
	.view--all--projects span { font-size: 8px; }
	
	.our--projects .section--subtitle, .our--clients .section--subtitle, .insights.home--insights .section--subtitle { margin-bottom: var(--gap-sm); }

	.pl-s, .pl-p { --font-size: 15px; }
	.project--overview .titles--list { grid-gap: var(--gap-sm); margin-top: var(--gap-md); }
	.project--overview .video-box { margin-bottom: var(--gap-md); }
	.project--details--banner .banner--bg .banner--content { padding: calc(var(--gap-xl) * 3) 0 var(--gap-xl); }
	.project--details--banner .banner--bg { width: 100%; aspect-ratio: 1920 / 1000; }
	.inner--banner .banner--bg .banner--content .hero-1, .project--details--banner .banner--bg .banner--content .hero-1 { font-size: 36px; }

	.company-history-slider .media .media-img { width: 25px; height: 25px; margin-right: 10px; }
	.company-history-slider .media .media-year { font-size: 35px; min-width: 70px; }
	.company-history-slider .media .media-body .h3 { --font-size: 18px; }
	.company-history-slider .media .media-body .h4 { font-size: 14px; }
	.company-history-slider .media .media-img img { width: 11px; }

	.info--box .mission--vision--box { width: 100%; }
	.info--box:last-of-type .mission--vision--box { margin-top: 25px; } 

	.the--team .team--list { display: flex; flex-wrap: nowrap; overflow-x: auto; }
	.the--team .team--list { scrollbar-width: none; -ms-overflow-style: none; }
	.the--team .team--list::-webkit-scrollbar { display: none; }  
	.the--team .team--list li { flex: 0 0 auto; width: 250px; }
	.the--team .team--list li:last-child { margin-right: 0px; }

	.team--bio--modal .bio--detail--bx { display: block; }
	.team--bio--modal .bio--detail--bx .img--bx img { position: relative; object-position: top center; }
	.team--bio--modal .modal-body .bio--detail--text { padding: 0px; max-height: 300px; overflow: auto; }
	.team--bio--modal .bio--detail--bx { padding: var(--gap-lg); }
	.team--bio--modal .bio--detail--bx .img--bx { width: 240px; margin-bottom: var(--gap-md); }
	.team--bio--modal .bio--detail--bx .h3 { --font-size: 22px; }

	.team--bio--modal .bio--detail--bx .pn { font-size: 13px; margin-bottom: 15px; }
	.bio--detail--text a.btn--link { --font-size: 12px; }
	.bio--detail--text a.btn--link img { width: 20px; margin-left: 4px; }
	.team--bio--modal .btn-close { background-size: 9px; }
	.company--lists { grid-template-columns: repeat(3, 1fr); }
	.home--about .img-box { margin-top: var(--gap-lg); height: auto; }
	.modal-dialog { margin: auto; }
	.light--gallery { grid-template-columns: repeat(3, 1fr); }

	.newsletter--signup .border--box .h1 { --font-size: 26px; }
	.insights--list { grid-template-columns: repeat(2, 1fr); }

	.table--header .p2, .join--team--accordion li .h4, .join--team--accordion li .accordion--body .accordion--data p, .join--team--accordion li .accordion--body .accordion--data ul li { font-size: 13px; }
	.join--team--accordion li .accordion--body .accordion--data p strong { font-size: 14px; }
	.join--team--accordion li .accordion--header .p2 { font-size: 12px; }

	.quote { width: 65px; margin-bottom: var(--gap-md); }
	.clients--testimonials .swiper-pagination { text-align: left; }
	.clients--testimonials .slider--arrow--wrapper { flex-flow: row; }
	.clients--testimonials .testimonial--box { margin-bottom: var(--gap-md); }
	.insights, .mission--vision, .the--team, .group--companies, .category--projects, .enquire--now, .services--section, .explore--other--services, .clients--testimonials, .careers { padding: calc(var(--gap-xl) * 1.2) 0; }
	.insights .nav-pills { margin-bottom: calc(var(--gap-md) * 1.2); }

	.insight--modal .bio--detail--bx { display: block; }
	.insight--modal .bio--detail--bx .img--bx { width: 100%; height: 200px; }
	.insight--modal .bio--detail--bx .img--bx img { position: static; }
	.insight--modal .modal-body .bio--detail--text { padding: 30px 20px 15px; max-height: 400px; overflow: auto; }
	
	.not-found { min-height: auto; padding: 50px 0px; }
}
@media screen and (max-width: 991px) and (max-height: 500px) {
	.scroll--down { display: none; }
	.home--banner, .home--banner--space .space--1, .home--banner .banner--bg, .video--wrapper, .video--wrapper iframe { height: 100vh; background: rgb(var(--black) / 100%); }

	.project--slide .project--bg { height: 100vh; }

	.countries--operate .open-user-map .box-wrap > .map-wrap { height: 400px !important; }


	.project--list { margin-bottom: calc(var(--gap-sm) * 2); }
	
	.project--slide .project--bg { height: calc(50vh - 40px); }
}

@media screen and (max-width: 640px) {
	.hero-1, .hero-1 span { font-size: 26px; }
	
	.header .navbar--nav.right > li, .header.active .navbar--nav.right > li { padding: 0 10px; }
	.header.active .navbar--nav.right .btn--tertiary { margin: 0px; }
	.header .logo { width: 140px; }
	.header.active .logo { width: 130px; }
	.header.active .navbar--nav.right .btn--tertiary, .header .navbar--nav.right .btn--tertiary { padding: calc(var(--gap-xs) / 2 * 2.5) var(--gap-md); }
	
	
	.mute-toggle { left: var(--gap-lg); }
	.play-toggle { width: 40px; height: 40px; padding: 10px; }

	.home--banner, .home--banner--space .space--1, .home--banner .banner--bg, .video--wrapper, .video--wrapper iframe { height: 100dvh; }

	.home--about, .mission--vision, .insights, .category--projects, .services--section, .contact--form, .the--team, .group--companies, .enquire--now, .products--services, .careers, .explore--other--services { padding: calc(var(--gap-md) * 2) 0; }
	.home--about .section--subtitle, .our--projects .container-fluid, .products--services .section--subtitle, .our--clients .container, .insights .container, .countries--operate .section--subtitle, .insights.home--insights .container-fluid, .our--clients .container-fluid { margin-bottom: var(--gap-md); }
	.home--about .features--list { margin-top: 0px; }

	.btn--link, .btn span { --font-size: 12px; }
	.btn span { letter-spacing: calc(var(--font-size) / 100 * 12); }
	.our--clients .section--subtitle br { display: none; }
	.insight--slider .insight--card { width: 300px; }
	.map-setting { height: 400px; }

	.insta--feeds .social-icon img { margin: 0 7px; }
	.insta--feeds { padding-bottom: 0px; }

	.footer .address--wrapper { display: block; }
	.footer .d-flex { column-gap: var(--gap-sm); }
	.footer .address--box { flex: 1; }
	.footer .pn br { display: none; }
	.footer--title { font-size: 15px; }
	.footer .address--box { margin-top: var(--gap-md); }
	.footer .address--wrapper { margin-bottom: 25px; }
	.footer--list li, .footer--list.w-100 li { flex: 0 0 48%; }
	.footer--title { margin-bottom: 10px; margin-top: 15px; }
	.footer .address--wrapper { margin-bottom: 0px; }
	.copyright { margin-top: calc(var(--gap-lg) * 1); padding: calc(var(--gap-sm) * 1) 0; }
	.footer .copyright .pn { font-size: 11px; }
	.footer--scroll--text * { font-size: 30px; }
	.footer--scroll--text { column-gap: var(--gap-xl); }
	.form-group { margin-bottom: 30px; }

	.pl-s, .pl-p { --font-size: 14px; }
	.project--info .h4 { font-size: 14px; }
	.inner--banner .banner--bg .banner--content .hero-1, .project--details--banner .banner--bg .banner--content .hero-1 { font-size: 26px; }
	.project--details--banner .event--details div { --font-size: 12px; }

	.company-history-slider {  -webkit-mask-image: none; }
	.company-history-slider { padding-bottom: 30px; }

	.company-history-slider .media {  }
	.company-history-slider .media .media-year { flex: 1; }
	.company-history-slider .media .media-img { margin-bottom: 10px; }
	.company-history-slider .media .media-year { margin-bottom: 5px; }
	.company-history-slider .media .media-body { flex: 0 0 100%; }
	.the--team .team--list .card .view--bio { font-size: 14px; }

	.newsletter--signup .border--box .h1 { --font-size: 22px; margin-bottom: 10px; }
	.newsletter--signup .border--box { padding: calc(var(--gap-md) * 1.2); }
	.services--list, .insights--list { gap: var(--gap-md) var(--gap-md); }

	.accordion--list li .accordion--header .h4 { width: calc(100% / 12 * 6); }
	.table--header .p2:first-child { width: calc(100% / 12 * 6); }
	.join--team--accordion li .accordion--header .p2:nth-child(3) { width: calc(100% / 12 * 3 - 10px); }
	.table--header .p2:last-child { width: calc(100% / 12 * 3 - 10px); margin-right: 10px; }
	.accordion--list li .accordion--header .h4 { padding-right: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; white-space: normal; overflow: hidden; }
	.accordion--list li .accordion--header .plus { width: 10px; }
	.careers .section--subtitle { margin-bottom: calc(var(--gap-md) * 2); }
	.join--team--accordion li .accordion--body.active { margin: 0px 0px 15px; }
	.btn { padding: calc(var(--gap-sm) - 2px) var(--gap-sm); }

	.mobile-listing { position: relative; }

	.project--thumbs--wrapper { width: 100%; right: 0; }
	.project--slide .project--content { bottom: 110px; padding: var(--gap-md) calc(var(--gap-lg) * 1.5) }

	.project--thumbs .img-box { aspect-ratio: 40/16; }

	.insights.home--insights .section--subtitle { margin-bottom: var(--gap-sm); }
	
	.mission--vision .mobile { display: flex; }
	.mission--vision .desktop { display: none; }
	
	.info--box .mission--vision--box .info { width: 100%; }
	.info--box .mission--vision--box .img-box { width: 100%; margin-bottom: var(--gap-md); }
	
	.career--modal .modal-body { padding: 0 var(--gap-md) var(--gap-lg); }
	.career--modal .modal-body .h1 { margin-bottom: var(--gap-sm); }
	.country-select .country-list { width: 300px; }
	.country-select .country-list .country-name, .country-select .country-list .flag, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .flag-box { font-size: 14px; }
	
	.brand--products--box .products--list { grid-gap: var(--gap-md); }
	
	.view--all--projects { width: 80px; }
}

@media screen and (max-width: 480px) {
	.section--subtitle { --font-size: 24px; }
	.section--title { --font-size: 12px; } 
	.our--clients .client--logo { height: 65px; }
	.product--card .card--title { font-size: 18px; }
	.product--card .card--title img { width: 18px; }
	.project--thumbs--wrapper { width: 100%; }
	.project--slide .project--content { bottom: 90px; }
	.header .navbar--nav.right > li a { font-size: 10px; }
	.overlay, .navigation { width: 100%; }
	.navigation {  }
	.fullScreen .menu-close { width: 50px; height: 50px; padding: 10px; background: rgb(var(--black) / 100%); right: 20px; top: 10px; }
	.project--thumbs .img-box { aspect-ratio: 30 / 16; }
	
	.services--list { grid-template-columns: repeat(1, 1fr); }

	.project--list { grid-template-columns: repeat(1, 1fr); }
	.enquire--now .section--subtitle { margin-bottom: var(--gap-sm); }

	.inner--banner .banner--bg .banner--content .d-flex { display: block!important; }
	.inner--banner .banner--bg .banner--content .bottom--text.text-end {  text-align: left!important; }
	.inner--banner .banner--bg .banner--content .bottom--text, .inner--banner .banner--bg .banner--content .bottom--text span  { font-size: 12px; }
	.inner--banner .banner--bg .banner--content .hero-1 { font-size: 24px; margin-bottom: 10px; }
	.inner--banner .banner--bg .banner--content .hero-1 br { display: none; }
	.inner--banner .banner--bg { aspect-ratio: none; height: 230px; }
	
	.breadcrumb--nav.desktop { display: none; }
	.breadcrumb--nav.mobile { display: flex; }
	.breadcrumb--nav .breadcrumb-item a { display: flex; flex-flow: row wrap; align-items: center; }
	.breadcrumb--nav.mobile img { width: 6px; margin-right: 5px; margin-top: 2px; }
	
	.project--overview .section--title { font-weight: 700; }

	.project--list li .project--card .project--img .event--details div, .insight--card .card--img .event--details div { --font-size: 10px; }
	.services--section .services--list { grid-template-columns: repeat(1, 1fr); }
	.breadcrumb--nav .breadcrumb-item a, .breadcrumb--nav .breadcrumb-item { font-size: 11px; }
	.brand--list { grid-gap: var(--gap-sm); margin-bottom: var(--gap-sm); }
	.the--team .team--list li { width: calc(100vw - 100px); }
	.the--team .team--list .card .card-body .h3 { --font-size: 16px; }

	.company--lists { grid-template-columns: repeat(2, 1fr); }
	.company--lists { gap: var(--gap-sm); }
	.company-history-slider .media .media-year { font-size: 28px; }
	.home--about .features--list { gap: var(--gap-xs) calc(var(--gap-md) * 1); }
	.info--box .mission--vision--box .info { padding: var(--gap-md); }

	.company-history-slider { padding-bottom: 10px; }
	.company-history-slider .media .media-body .h3 { --font-size: 17px; }
	.team--bio--modal .bio--detail--bx { padding: var(--gap-md); }
	.team--bio--modal .bio--detail--bx .img--bx { width: 100%; aspect-ratio: 1.2; }
	.team--bio--modal .btn-close { width: 20px; height: 20px; top: 6px; right: 6px; }
	.team--bio--modal .bio--detail--bx .h3 { --font-size: 20px; }

	.form-control, .form-select, .form--file, .selected-dial-code { font-size: 13px; }
  .form--file span { font-size: 10px; }
	.insights--list { grid-template-columns: repeat(1, 1fr); }
	.clients--testimonials-slider .client--info .client--details .client--name { font-size: 15px; }
	.clients--testimonials-slider .pl-s { --font-size: 14px; }
	.swiper-pagination .swiper-pagination-total { font-size: 14px; }
	.swiper-pagination .swiper-pagination-current { font-size: 17px; }
	.clients--testimonials-slider .client--info .client--details .client--designation { font-size: 12px; }

	.footer .pn { margin-bottom: var(--gap-xs); }

	.light--gallery { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 390px) {
	.hero-1, .hero-1 span { font-size: 23px; }
	body p { font-size: 13px; }
	.pl-s { --font-size: 13px; }
	.footer--logo { width: 150px; }
	.footer--title { margin-top: 20px; }
	.copyright .pn { font-size: 12px; }
	.footer--social a { height: 13px; }
	.footer--title { font-size: 14px; }
	.project--slide .project--content { padding: calc(var(--gap-sm) * 1) var(--gap-md); }
	.project--slide .project--content .project--title { margin-bottom: 0px; }
	.our--clients.home--clients { padding-bottom: 0px; }
	.project--list { margin-bottom: calc(var(--gap-md) * 1.2); }
	.project--list li .project--card .project--body .h4 { --font-size: 17px; }
	.services--details .h4 { font-size: 13px; }

	.project--details--banner .banner--bg { aspect-ratio: 1920 / 1120; }
	.company-history-slider .media .media-year { font-size: 24px; }
	.newsletter--signup .border--box { padding: calc(var(--gap-md) * 1); }
	.newsletter--signup .border--box .h1 { --font-size: 20px; }
	.form-control, .form-select, .form--file, .selected-dial-code { font-size: 12px; }

	.clients--testimonials-slider .pl-s { --font-size: 13px; }
	.clients--testimonials-slider .client--info .client--details .client--name { font-size: 14px; }


}

@media screen and (max-width: 360px) {
	.product--card .card--title { font-size: 16px; }
	.header .logo, .header.active .logo { width: 120px; }
	.header { padding: 10px 0; }
	.navigation li a { font-size: 14px; }
	.has-dropdown .dropdown a { font-size: 11px; }
	.inner--banner .banner--bg { height: 200px; }
	.nav-pills .nav-link { font-size: 10px; }
	.project--list li .project--card .project--body .pl-p { --font-size: 13px; }
	.h4 { --font-size: 15px; }
}