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

.home-section-one .slick-arrow {right: 0.75rem;top: -3.5rem;width: 2rem;height: 2rem;}

}

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

.project-detail-section-one figure img {height: auto;}

}

@media only screen and (min-width: 768px) and (max-width: 991px){

.footer .bottom-footer .bottom-links ul li a, .footer .bottom-footer p, .footer .bottom-footer p a {font-size: 0.67rem;}

.sector-detail-section-one article h3 {font-size: 1.2rem;}

.sector-detail-section-one article p {min-height: 2.6rem}

.home-section-one .slick-arrow {right: -0.75rem;width: 2rem;height: 2rem;top: 5rem;}

.home-section-one .slick-arrow.slick-prev {left: -0.75rem;}

.service-detail-section-two .serv-slider .slick-arrow.slick-prev {right: 3.25rem !important;}

.service-detail-section-two .serv-slider .slick-arrow {right: 0.75rem;}

.service-detail-section-one .col-md-4 .services-box {min-height: 11.188rem;}

.project-section-one .project-box figure figcaption {padding-bottom: 2rem;}

.career-section-two article h2 {min-height: 3.313rem}

}

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

.headerlogo {display: flex;align-items: center;justify-content: space-between;}

.header {padding: 1rem 0.5rem;}

.header::before {height: auto;}

.logo {width: 4rem;}

.burgermenu {background: #D9B152;width: 2.5rem;height: 2.5rem;border-radius: 0.313rem;}

.btn-close {opacity: 1 !important;filter: invert(1);box-shadow: none !important;}



.offcanvas {z-index: 99999999;background: #000;}

.offcanvas .menu-wrap {margin: 2rem 0;}

.offcanvas .menu-wrap ul {opacity: 1 !important;visibility: visible !important;transform: none !important;height: max-content !important;margin: 0.5rem 0 !important;gap: 0.5rem;}

.offcanvas .sub-menu{display:none;width: 100%;margin: 0.625rem 0 !important;position: relative;}

.offcanvas .sub-menu li{margin-bottom: 0.5rem;border-bottom: 1px solid;padding-bottom: 0.5rem;}

.offcanvas .sub-menu li:last-child {margin-bottom: 0;}

.offcanvas li.drop-menu { display: flex;justify-content: space-between; align-items: center; flex-wrap: wrap;width: 100%}

.offcanvas li .dropArr {line-height: 1;cursor: pointer}

.offcanvas li .dropArr svg {width: 15px;fill: #fff;height: 15px;margin-bottom: 5px;transition: 0.5s;}

.offcanvas li .dropArr.active svg {transform: rotate(180deg);}

.offcanvas .sub-menu li a {font-size: 0.8rem;}

.offcanvas li .dropArr.active svg path {fill: #D9B152;}

.offcanvas li:nth-child(3).drop-menu span, .offcanvas li:nth-child(4).drop-menu span, .offcanvas li:nth-child(5).drop-menu span, .offcanvas li:nth-child(6).drop-menu span {display: none;}

.home-banner figcaption h1 {font-size: 1.5rem;}

.home-banner .myVideo, #project .modal-bg img {height: auto;}

.banner-bottom {bottom: -1rem;left: 0rem;}

#vedio .videoWrap .myVideo {height: auto;}

.main-section {padding: 3rem 0;}

.main-heading h2 {font-size: 2rem !important;}

.home-section-one .slick-arrow {right: 0.75rem;top: -3.5rem;width: 2rem;height: 2rem;}

.home-section-one .slick-arrow.slick-prev {left: auto !important;right: 3.2rem;}

.home-section-one .sliderxs .slick-slide, .home-section-three .sliderxs .slick-slide {margin: 0 0.75rem;}

.home-section-one .services-box h4 {font-size: 1rem;}

.service-detail-section-two .services-box h4 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.home-section-one .services-box p {min-height: 3rem;}

.serv-slider .services-box {min-height: initial;}

.service-detail-section-two .services-box p {min-height: initial;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.home-section-one .services-box .btn, .sector-detail-section-one article .team-btn, .career-detail-section-one .btn-two, .career-detail-section-one .wrap, #apply .btn {margin-top: 1rem;}

.home-section-two h4, .contact-section-one .main-heading span {font-size: 1rem;}

.footer .footer-links ul li a {font-size: 0.875rem;}

.main-heading, .home-section-two h5 {margin-bottom: 0.75rem;}

.home-section-two .desc {font-size: 1.1rem;margin-bottom: 1rem;}

.home-section-two .col-md-5 {display: none;}

.home-section-two figure {width: 15rem;}

.home-section-three .main-heading p, .home-section-four .main-heading p {font-size: 0.938rem;}

.home-section-three .project-box figure figcaption {transform: none !important;}

.home-section-three .project-box figure figcaption .btn-line, .sector-slider .sector-bx figure figcaption .btn-line {transform: none;}

.home-section-three .project-box figure figcaption .h5 {margin-bottom: 0.5rem;color: #D9B152;font-size: 1.125rem;}

.home-section-three .project-box figure::after {opacity: 1;visibility: visible;transform: none;}

.home-section-three .project-box figure img {width: 100%;}

.home-section-three .project-box::before {opacity: 1;visibility: visible;}

.sector-bx figure img {height: auto;}

.sector-slider .sector-bx figure figcaption {transform: none;padding: 1rem;}

.sector-slider .sector-bx figure::after {height: 100% !important;}

.sector-slider .sector-bx figure figcaption .h5 {font-size: 1.1rem}

.logos-slider .slick-slide:nth-child(2n) figure, .logos-slider-2 .slick-slide:nth-child(2n) figure {margin-top: 2rem;}

.logos-slider .logos figure, .logos-slider-2 .logos figure {height: 7rem;}

.logos-slider-2, .home-section-two .btn {margin-top: 1rem;}

.home-section-six figure figcaption, .home-section-six .get-box figure figcaption {padding: 1rem !important;}

.home-section-six figure img {height: 17rem;object-position: top;}

.home-section-six figure figcaption h2 {font-size: 1.5rem;}

.home-section-six figure figcaption .contact-details {margin-top: 0.75rem;}

.home-section-six figure figcaption .contact-details ul {gap: 1rem;}

.home-section-six figure figcaption .contact-details ul li:last-child a {max-width: 100%;}

.home-section-six .get-box figure img {height: 18rem;}

.home-section-six figure figcaption p {margin: 0.5rem 0 1rem;max-width: 100%;}

.home-section-six figure figcaption .contact-details ul li a {font-size: 0.875rem;}

.footer {padding-top: 3rem;}

.footer .footer-logo {width: 6rem;}

.footer .top-footer {margin-bottom: 2rem;}

.footer .bottom-footer {padding: 1rem 0;}

.footer-wrap {gap: 1rem;}

.home-section-one .row {position: relative;z-index: 999;}

.serv-main-detail-sec-one .sliderxs .services-box {min-height: initial;}

.slick-arrow {right: 1rem;width: 2rem;height: 2rem;}

.slick-arrow.slick-prev {left: 1rem;}

#project .btn-close {top: 0.5rem;right: 0.5rem;filter: none;}

#project .btn-close svg {width: 1.2rem;}

#project .modal-bg ul li:last-child {margin-bottom: 0;}



.inner-banner figure img {height: 12rem;}

.inner-banner figure figcaption {padding: 0 1.25rem 1.5rem;}

.inner-banner figure figcaption h1 {font-size: 1.5rem;}

.policy-section-one .main-heading, .policy-section-one p, .about-section-one p, .about-section-two .main-heading {margin-bottom: 0.75rem;}

.contact-section-one .main-heading h2 {font-size: 1.6rem !important;}

.contact-section-one figure iframe {height: 20rem;}

.project-detail-section-one .main-heading h2 {font-size: 1.5rem !important;}

.project-detail-section-one .main-heading, .career-section-one figure, .form-group, #apply .upload {margin-bottom: 1rem;}

.project-detail-section-one ul li {font-size: 1rem;flex-wrap: wrap;}

.sector-detail-section-one .main-heading h2 {font-size: 2rem !important;}

.modal-bg {padding: 2rem 0.5rem;}

#team .btn-close {filter: initial;top: 0.5rem;right: 0.5rem;}

#team .btn-close svg {width: 1.25rem;}

.about-section-two .accordion-item .accordion-button {padding: 0.75rem;font-size: 1rem;}

.about-section-two .accordion-item .accordion-body {padding: 0.75rem;}

.about-section-four .certificate-slider .slick-arrow.slick-prev {left: 1rem;}

.about-section-four .certificate-slider .slick-arrow {right: 1rem;}

.about-section-four .certificate-wrap::before, .about-section-four .certificate-wrap::after {width: 7rem;}

.about-section-four .certificate-slider .certificate figure img {height: 7rem;}

.career-section-one .main-heading h2 {font-size: 1.6rem !important;}

.career-section-one .working-head {margin-top: 2rem;}

.career-section-one .working-boxes h4 {margin-bottom: 0.5rem;}

.career-section-two .main-heading p {max-width: none;font-size: 0.938rem;}

.career-section-two .main-heading {margin-bottom: 1.5rem;}

.career-section-two article {padding: 1rem;}

.career-section-two article h2 {font-size: 1.375rem;}

.career-section-two article .article-head {margin-bottom: 0.75rem;padding-bottom: 0.75rem;}

.career-section-two article p {margin: 0 0 1.1rem;}

.career-detail-section-one .job-des {gap: 0.5rem;margin-bottom: 1rem;}

.career-detail-section-one .job-des li, .career-detail-section-one .job-des li span {font-size: 1rem;}

.career-detail-section-one .main-heading h3 {margin-bottom: 0.5rem !important;font-size: 1.75rem;}

#apply .modal-bg {padding: 2rem;}

#apply .modal-dialog {max-width: 95%;}

#apply .btn-close {filter: initial;top: 1rem;right: 1rem;}

#apply .btn-close svg {width: 1.25rem;}

#apply .main-heading h3 {font-size: 1.75rem;}



.journey-main{overflow: auto;height: 18rem;}

.journey-row{gap: 1rem;margin-bottom: 1rem}

.journey-row.bottom{margin: 0}



.about-section .main-heading > p {font-size: 0.9rem;}

.about-section li {margin-bottom: 0.5rem;font-size: 0.875rem;}

.journey-section ul::before, .journey-section ul li::before {display: none;}

.journey-section ul li {width: 100%;margin-bottom: 1.25rem;}

.journey-section ul li:nth-child(2n+2) {margin-top: 0;}

.journey-card p {font-size: 0.875rem;}


.service-section-one .slick-arrow {top: -2.5rem;}

.service-section-one .slick-arrow.slick-prev {left: auto;}

.service-detail-section-two .slick-arrow.slick-prev {left: auto;}

.service-detail-section-one .slick-arrow {top: -3rem;}

.sector-detail-section-one figure {width: auto;margin-bottom: 1rem;}

.sector-detail-section-one article p {font-size: 0.875rem;}

.service-detail-section-one .main-heading h2, .journey-card h3 {font-size: 1.5rem !important;}

.service-detail-section-one .services-box p {min-height: auto;}

#team .row{flex-direction: column-reverse;}

}

@media only screen and (min-width: 992px) and (max-width: 1199px){

.header {padding: 1rem 0.75rem;}

.menu-wrap ul {gap: 1rem;}

.menu-wrap ul li a {font-size: 1.2rem;}

.menu-wrap ul li .btn2 {font-size: 1.2rem;}

.home-banner figcaption h1 {font-size: 2rem;}

.banner-bottom {bottom: 0rem;left: 1rem;right: 1rem;}

.home-banner .myVideo {height: 25rem;}

.main-section {padding: 5rem 0;}

.main-heading h2 {font-size: 2.25rem;}

.home-section-one .services-box h4, .home-section-three .project-box figure figcaption .h5, .sector-slider .sector-bx figure figcaption .h5 {font-size: 1.1rem;}

.home-section-one .services-box p {font-size: 0.938rem;}

.home-section-one .col-md-4 .services-box {margin-bottom: 0;min-height: 10rem}

.main-heading, .home-section-two h5 {margin-bottom: 0.75rem;}

.home-section-two .desc {font-size: 1.25rem;margin-bottom: 0.75rem;}

.home-section-two .btn {margin-top: 1.5rem;}

.home-section-two figure {width: 20rem;}

.home-section-one .sliderxs .slick-slide, .home-section-three .sliderxs .slick-slide {margin: 0 0.75rem;}

.home-section-three .main-heading {margin-bottom: 4rem;}

.home-section-three .main-heading p, .home-section-four .main-heading p {font-size: 0.938rem;}

.home-section-six figure figcaption {padding: 1.5rem !important;}

.home-section-six figure figcaption .contact-details {margin-top: 0rem;}

.home-section-six figure figcaption .contact-details ul {gap: 0.5rem;}

.home-section-six figure figcaption p {max-width: 100%;margin: 0.5rem 0 1rem;}

.home-section-six figure figcaption h2, .contact-section-one .main-heading h2 {font-size: 2rem;}

.footer .footer-logo {width: 7rem;}

.footer .footer-links ul li a {font-size: 1.25rem;}

.footer {padding-top: 3rem;}

.footer .top-footer {margin-bottom: 2rem;}

.footer-wrap {gap: 2rem;}




.home-section-one .services-box h4 {font-size: 1rem;}


.slick-arrow {right: 0.5rem;margin-top: 0;}

.slick-arrow.slick-prev {left: 0.5rem;}

.logos-slider .slick-slide:nth-child(2n) figure, .logos-slider-2 .slick-slide:nth-child(2n) figure {margin-top: 2.5rem;}

.modal-bg {padding: 2rem;}

#project .modal-bg img {height: auto;}



.inner-banner figure figcaption {padding: 0 1.5rem 2rem;}

.policy-section-one .main-heading, .policy-section-one p, .project-detail-section-one .main-heading, .about-section-one p, .career-section-one .main-heading {margin-bottom: 1rem;}

.contact-section-one figure iframe {height: 25rem;}

.contact-section-one .main-heading span {font-size: 1.2rem;}

.project-detail-section-one .main-heading h2 {font-size: 2.2rem;}

.project-detail-section-one ul li {font-size: 1rem;}

.sector-detail-section-one article p {min-height: 2.938rem;}

.sector-detail-section-one article h3 {font-size: 1.65rem;}

.about-section-four .certificate-slider .certificate figure img {height: 8rem;}

.about-section-four .certificate-slider .slick-arrow.slick-prev {left: 2rem;}

.about-section-four .certificate-slider .slick-arrow {right: 2rem;}

.career-section-one figure {margin-bottom: 2rem;}

.career-section-one .working-head {margin-top: 2rem;}

.career-section-one .working-boxes h4 {margin-bottom: 0.5rem;}

.career-section-two article {padding: 1.5rem;}

.career-section-two article h2 {font-size: 1.35rem;}

.career-detail-section-one .wrap {margin-top: 2rem}

#apply .modal-bg {padding: 2rem;}

#apply .modal-dialog {max-width: 97%;}

.span-line:nth-child(2) {left: 2rem;}

.journey-section ul li::before {right: -6.34rem;}

.journey-section ul li:nth-child(2n+2)::before {left: -6.34rem;}

.about-section-two .accordion-item .accordion-button {font-size: 1rem;padding: 0.75rem;}

.service-detail-section-one .services-box p {min-height: auto;}

.serv-slider .slick-prev {left: auto;}

.sector-detail-section-one figure {width: auto !important;}

.serv-main-detail-sec-one .slick-arrow{top: -2rem;right: 0.5rem;left: auto}

.serv-main-detail-sec-one .slick-arrow.slick-prev{right: 3.25rem}

}

@media only screen and (min-width: 1200px) and (max-width: 1299px){

.home-banner figcaption h1, .home-section-six figure figcaption h2 {font-size: 2.3rem;}

.home-banner .myVideo {height: 35rem;}

.home-section-one .services-box h4 {font-size: 1.23rem;}

.main-section {padding: 6rem 0;}

.sector-slider .sector-bx figure figcaption .h5 {font-size: 1rem;}

.home-section-six figure figcaption {padding: 2.5rem !important;}

.home-section-three .project-box figure figcaption .h5 {font-size: 1.2rem}

.footer-wrap {gap: 2rem;}

.footer .footer-links ul li a {font-size: 1.25rem;}

.contact-section-one .main-heading span {font-size: 1.15rem;}

.contact-section-one .main-heading h2 {font-size: 2.1rem;}

.contact-section-one figure iframe {height: 25rem;}

.project-detail-section-one .main-heading {margin-bottom: 1.75rem;}

.project-detail-section-one .main-heading h2 {font-size: 2.5rem;}

.about-section-four .main-heading h2 {font-size: 2.75rem;}

.about-section-four .certificate-slider .certificate figure img {height: 8.5rem;}

.career-section-two article h2 {font-size: 1.5rem;}

.span-line:nth-child(2) {left: 1rem;}

.menu-wrap ul li a {font-size: 1.1rem;}

.menu-wrap ul {gap: 2rem;}

.menu-wrap ul li .btn2 {font-size: 1.2rem;}


.home-section-two figure {width: 21rem;}

.footer .footer-logo {width: 7rem;}

.journey-section ul li::before {right: -9.2vw;}

.journey-section ul li:nth-child(2n+2)::before {left: -9.2vw;}

.sector-detail-section-one figure {width: auto;}

.serv-main-detail-sec-one .main-heading h2 {font-size: 2.5rem;}

.serv-main-detail-sec-one {padding-bottom: 1rem;}

.service-detail-section-two .services-box h4 {font-size: 1.1rem;}

}

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

.journey-card{width: 100% !important;margin: 0 !important;padding: 1rem;}

.career-section-two .form-control span {font-size: 0.8rem;}

}