@media only screen and (min-width: 1300px) {
    .inner-ban-bot-links:before {
        width: 110%;
    }

    .service-provider-right a {
        right: -98px;
    }

    .our-journey .container {
        padding-left: 60px;
    }

    .hmbannercontents {
        /* margin: 17% auto 11% 52px; */
        margin: 0 52px 0 52px;
    }
}

@media only screen and (min-width: 1400px) {
    .hmbannercontents {
        /* margin: 31% auto 11% auto; */
        margin: 0 auto 0 auto;
    }
}

@media only screen and (min-width: 1500px) {
    .hmbannercontents {

        /* margin: 27% auto 11% auto !important; */
        margin: 0 auto 0 auto !important;
    }

    .inner-ban-bot-links:before {
        width: 123%;
    }

    .service-provider-pic>img {
        width: 90%;
    }

    .service-provider-right a {
        width: 800px;
        height: 660px;
        right: -60px;
    }

    .our-journey-year-slider {
        width: 56%;
    }

    .our-journey-top h2 {
        width: 44%;
    }

    .our-journey-year-slider .slick-track {
        left: 5%;
    }

    .our-journey .container {
        padding-left: 138px;
    }

    .project-gallery-slider button.slick-prev {
        left: -55px;
    }

    .project-gallery-slider button.slick-next {
        right: -55px;
    }

    .hm-banner-wrap .slick-prev {
        left: 30px;
    }

    .hm-banner-wrap .slick-next {
        right: 30px;
    }

    .team-contribution-slider .slick-track {
        left: 12.5%;
    }

    .our-journey-year-details {
        padding-left: 35px;
    }


}

@media only screen and (min-width: 1920px) {
    .hmbannercontents {
        /* margin: 33% auto 11% auto !important; */
        /* margin: 28% auto 11% auto !important; */
    }

    .inner-ban-bot-links:before {
        width: 170%;
    }

    .inner-banner-wrap,
    .inner-banner-contents {
        height: 760px;
    }

    .service-provider-pic>img {
        width: 82%;
    }

    .service-provider-right a {
        width: 910px;
        height: 750px;
        right: -52px;
    }

    .service-provider-left {
        margin-right: -55px;
    }

    .our-journey .container {
        padding-left: 330px;
    }

    .our-journey-year-slider {
        width: 60%;
    }

    .our-journey-top h2 {
        width: 40%;
    }

    .our-journey-year-slider .slick-track {
        left: 15%;
    }

    .team-contribution-slider .slick-track {
        left: 5.5%;
    }

    .our-journey-year-details {
        padding-left: 0;
    }

    .our-journey-content-slider {
        width: 46%;
    }

    .our-journey-pic-blk {
        width: 54%;
    }

}

@media only screen and (max-width: 1300px) {
    .side-buttons-wrap a {
        width: 32px;
        font-size: 13px;
    }

    .our-journey-year-details {
        padding-left: 40px;
        padding-right: 28px;
    }


}

@media only screen and (max-width: 1200px) {
    .hmbannercontents {
        max-width: 95%;
        /* margin: 36% auto 14% 5%; */
        margin: 0 auto 0 5% !important;
    }

    .comproject-wrap {
        max-width: 95%;
    }

    .comproject-country .nav.nav-tabs {
        width: 75%;
    }

    .menu>ul>li {
        margin: 0 11px;
    }

    section.hmintro {
        padding-top: 60px;
    }

    .introcol2 {
        margin-left: 0;
    }

    .introcol2 h1 {
        font-size: 28px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .introcol1 {
        margin-bottom: 35px;
    }

    footer.footer-wrap {
        padding-top: 50px;
    }

    .footer-container h4 {
        margin: 0 auto 25px auto;
    }

    .copyrights {
        padding: 30px 0;
    }

    section.completed-projects {
        padding-top: 0;
    }

    .hm-map-wrap {
        width: 787px;
        height: 453px;
        background-size: 138%;
        background-position: -440px -218px;
    }

    .completed-count-wrap {
        width: 320px;
    }

    .pointswrap {
        position: relative;
        display: block;
        top: -108px;
        left: -260px;
    }

    .co2 {
        top: 280px;
        right: 95px;
        z-index: 2;
    }

    .co3 {
        top: 382px;
        right: 314px;
    }

    .co4 {
        top: 328px;
        right: 83px;
    }

    .co5 {
        top: 416px;
        right: -73px;
        z-index: 2;
    }

    .co6 {
        top: 385px;
        right: -204px;
    }

    .co8 {
        top: 289px;
        right: 0px;
    }

    .co9 {
        top: 356px;
        right: 157px;
    }

    .co10 {
        top: 341px;
        right: 208px;
    }

    .contry-point.co7 {
        right: -199px;
        top: 408px;
    }

    .co11 {
        top: 315px;
        right: 253px;
    }

    .co13 {
        top: 467px;
        right: -192px;
    }

    .co12 {
        top: 260px;
        right: 25px;
    }

    .co14 {
        top: 310px;
        right: 307px;
        z-index: 2;
    }

    .completed-count-wrap {
        margin-top: 60px;
    }

    .hmbannercontents h2 {
        font-size: 57px;
        line-height: 83px;
        max-width: 700px;
    }

    .tabinner {
        left: 38%;
    }

    button.btn-close {
        right: 22%;
        top: -48px;
    }

    .c-project-slider .slick-next {
        right: 26%;
        opacity: 1 !important;
    }

    .inner-banner-wrap,
    .inner-banner-contents {
        height: 410px;
    }

    .inner-banner-contents h1 {
        font-size: 60px;
        line-height: 70px;
    }

    .inner-ban-bot-links ul:before {
        height: 145px;
    }

    .inner-ban-bot-links ul {
        /* gap: 110px; */
    }

    .inner-ban-bot-links {
        padding: 15px 0;
    }

    .page-intro-wrap {
        padding: 65px 0 50px;
    }

    .container {
        padding-right: 30px;
        padding-left: 30px;
    }

    .page-intro-contents>p {
        max-width: 85%;
    }

    .about-counter-block>img {
        width: 92%;
        height: auto;
    }

    .about-count-single {
        width: 240px;
        height: 175px;
        padding: 20px 25px 22px;
    }

    .about-count,
    .about-count span {
        font-size: 75px;
        line-height: 95px;
    }

    .about-count-single p {
        font-size: 22px;
        line-height: 32px;
    }

    .about-counters {
        right: 25px;
    }

    .why-choose-blocks {
        flex-wrap: wrap;
    }

    .why-choose-single {
        width: 33%;
        padding: 0 22px;
        margin-top: 28px;
    }

    .why-choose-contents h2 {
        margin-bottom: 32px;
    }

    .why-choose-wrap {
        padding: 15px 0 50px;
    }

    .service-provider-pic>img {
        /* width: 92%; */
        width: 95%;
    }

    /* .service-provider-right a {
        width: 548px;
        height: 450px;
        right: 12px;
    } */
    .service-provider-right {
        width: 55%;
    }

    .service-provider-right a {
        width: 92%;
        height: -webkit-fill-available;
        right: -30px;
        background: url(../img/service-provider-mask-frame.png);
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    .service-provider-left {
        /* max-width: 445px; */
        max-width: unset;
        width: 42%;
        padding-top: 0;
        padding-left: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .service-provider-left h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 15px;
    }

    .service-provider-left a {
        margin-top: 40px;
    }

    .service-provider-wrap {
        padding: 70px 0 65px;
    }

    .vision-block {
        padding-right: 55px;
        padding-top: 45px;
    }

    .vision-block:before {
        margin-right: -57px;
    }

    .mission-block {
        padding-top: 145px;
        padding-left: 45px;
    }

    .vision-mission-contents {
        padding-right: 20px;
    }

    .vision-mission-wrap {
        padding: 25px 0 65px;
    }

    .bod-wrap>img {
        width: 115%;
    }

    .bod-single-member h4 {
        font-size: 14px;
    }

    .bod-single-member span {
        font-size: 11px;
    }

    .bod-single-member:nth-child(1),
    .bod-single-member:nth-child(2) {
        padding-right: 8px;
    }

    .bod-single-member:nth-child(1) {
        top: 133px;
        right: 20px;
    }

    .bod-single-member:nth-child(2) {
        top: 25px;
        right: 52px;
    }

    .bod-single-member:nth-child(3) {
        top: 80px;
        left: -10px;
    }

    .bod-single-member:nth-child(4) {
        top: 20px;
        left: 38px;
    }

    .bod-single-member:nth-child(4),
    .bod-single-member:nth-child(5) {
        padding-left: 8px;
    }

    .bod-single-member:nth-child(5) {
        top: 160px;
        left: 13px;
    }

    .bod-member-block h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .our-journey-content-block img {
        width: 50%;
        height: auto;
    }

    .our-journey-year-details {
        padding-left: 40px;
    }

    .our-journey-year-details h3 {
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 22px;
    }

    .our-journey-year-details p {
        margin-top: 15px;
    }

    .our-journey-top h2 {
        width: 45%;
    }

    .our-journey-year-slider {
        width: 55%;
    }

    .our-journey-year-slider .slick-track {
        left: 22%;
    }

    .our-journey .container {
        padding-left: 30px;
    }

    .our-journey {
        padding: 65px 0 80px;
    }

    .our-services-block>h3 {
        left: -30%;
    }

    .our-service-accordion {
        padding-left: 135px;
    }

    .side-buttons-wrap a {
        width: 32px;
    }

    .projects-filters {
        gap: 30px;
        flex-wrap: wrap;
    }

    .project-thumb-area>img {
        height: 300px;
        object-fit: cover;
    }

    .project-dets {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .project-det-right {
        width: 100%;
        gap: 0;
    }

    .project-det-right .project-det-single {
        width: 50%;
    }

    .project-det-right .project-det-single {
        text-align: left;
    }

    .single-projects-banner-picture {
        padding-top: 60px;
        margin-top: 60px;
    }

    a.pg-image img {
        height: auto;
        width: 100%;
    }

    a.pg-image {
        padding: 0 5px;
    }

    .project-gallery-slider button.slick-prev {
        left: -22px;
        width: 12px;
        height: 26px;
    }

    .project-gallery-slider button.slick-next {
        right: -22px;
        width: 12px;
        height: 26px;
    }

    .project-gallery-slider .slick-prev:before,
    .project-gallery-slider .slick-next:before {
        width: 12px;
        height: 26px;
    }

    .featured-projects-wrap {
        padding: 53px 0 70px;
    }

    .group-companies-wrap {
        padding: 70px 0 85px;
    }

    .contact-reach {
        padding-left: 0;
    }

    .contact-reach label {
        font-size: 90px;
    }

    .contact-info-contents {
        margin-left: -45px;
    }

    .contact-p-info a {
        font-size: 24px;
        line-height: 34px;
    }

    .project-sus-blocks {
        gap: 20px;
    }

    .goals-contents {
        width: 100%;
    }

    .goals-content-blk {
        padding-left: 40px;
    }

    .goals-bottom-des {
        margin-top: 80px;
    }

    .accreditation-tab-wrap {
        padding: 25px 0 65px;
    }

    .accreditation-accordion-blk {
        margin-top: 80px;
    }

    .accreditation-accordion-blk .our-services-block {
        max-width: 95%;
        margin-top: -50px;
    }

    .accreditation-accordion-blk .our-services-block>h3 {
        left: -20%;
    }

    .award-left-content {
        padding-right: 40px;
        margin-right: 45px;
    }

    .award-left-content h2 {
        transform: rotate(-90deg) translate(-95px, -70px);
        width: max-content;
    }

    .awards-content-slider {
        margin-left: -78px;
    }

    .awards-lists-blocks:after {
        width: 50px;
    }

    .awards-lists-blocks {
        padding-left: 70px;
    }

    .single-award {
        padding-right: 20px;
    }

    .single-award-det h4 {
        font-size: 16px;
        line-height: 25px;
    }

    .single-award-det p {
        font-size: 13px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .careers-info-pic {
        width: 50%;
    }

    .careers-info-pic img {
        width: 100%;
        height: auto;
    }

    .careers-info-contents {
        padding-left: 42px;
        max-width: unset;
        width: 50%;
    }

    .careers-info-bottom-contents {
        margin-top: 48px;
    }

    .careers-info-wrap {
        padding: 80px 0 60px;
    }

    .life-sanken-count-block {
        padding: 65px 0 50px;
    }

    .life-sanken-pics {
        width: 1280px;
        transform: scale(.75) translateY(-95px);
    }

    .life-sanken-wrap {
        padding: 90px 0 80px;
    }

    .team-contribution-slider .slick-track {
        left: 9.5%;
    }

    .vacancy-accordion .accordion-item h2 button {
        padding: 34px 40px 30px 40px;
    }

    .vacancy-accordion .accordion-item h2 button .job-type-date {
        right: 95px;
    }

    .vacancy-accordion .accordion-body {
        padding: 0 40px 50px 40px;
    }

    .vacancy-table-blocks {
        overflow: hidden;
    }

    .apply-vacancy-table-blks-wrap {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 18px;
    }

    .apply-vacancy-table-blocks table,
    .av-details-adding-blk {
        width: 1280px;
    }

    .apply-vacancy-form {
        padding: 35px 50px 58px;
    }

    .job-short-details {
        gap: 40px;
    }

    .our-journey-pic-and-slider {
        align-items: start;
    }

    .our-journey-pic-blk img {
        width: 100%;
        height: auto;
    }

    .menu>ul>li>a {
        font-size: 13px;
    }

    .about-mt-wrap {
        padding: 53px 0 0;
    }

    .about-mt-contents h2 {
        margin-bottom: 55px;
    }

}

@media only screen and (max-width: 991px) {
    button.navbar-toggler {
        display: block;
        position: absolute;
        /* right: -50px; */
        right: 0;
        top: 30px;
    }

    .c-project-slider .slick-next {
        right: 45%;
        opacity: 1 !important;
    }

    button.btn_expert {
        width: 30px;
        height: 30px;
        background-size: contain;
    }

    .btnexpertwrap {
        position: relative;
        display: block;
        margin-top: 21px;
    }

    .btnexpertwrap {
        left: -56px;
        margin-top: 13px;
    }

    .hmbannercontents {
        max-width: 95%;
        /* margin: 80% auto 10% 5%; */
        margin: 0 auto 0 5% !important;
    }

    .introcol1 img {
        height: 430px;
        object-fit: cover;
    }


    .completed-count-wrap {
        margin-top: 17px;
        width: 100%;
        height: auto;
    }

    .hm-map-wrap {
        width: 100%;
        height: 470px;
        background-size: 172%;
        background-position: -520px -331px;
    }

    .pointswrap {
        position: relative;
        display: block;
        top: -136px;
        left: -145px;
    }

    .co1 {
        top: 252px;
        right: 209px;
        z-index: 9;
    }

    .co2 {
        top: 280px;
        right: 115px;
        z-index: 2;
    }

    .co3 {
        top: 421px;
        right: 383px;
    }

    .co4 {
        top: 335px;
        right: 113px;
    }

    .co5 {
        top: 430px;
    }

    .co6 {
        top: 368px;
        right: -189px;
    }

    .contry-point.co7 {
        right: -188px;
    }

    .co8 {
        top: 280px;
        right: 2px;
    }

    .co9 {
        top: 373px;
        right: 190px;
    }

    .co10 {
        top: 356px;
        right: 248px;
    }

    .co11 {
        top: 330px;
        right: 282px;
    }

    .co13 {
        top: 497px;
        right: -218px;
    }

    .co12 {
        top: 253px;
        right: 42px;
    }

    .co14 {
        top: 323px;
        right: 363px;
    }

    section.completed-projects {
        padding-bottom: 12px;
    }

    .footer-container h4 {
        max-width: 90%;
        font-size: 39px;
    }

    .fcontact-col2 {
        margin-left: 20px;
    }

    button.btn-close {
        right: 42%;
        top: -48px;
    }

    .tabinner {
        left: 28.5%;
    }

    .slick-slide .cproject-image img {
        width: auto;
    }

    /* 
    .c-projects-slider-wrap {
        max-width: 100%;
    } */
    .inner-ban-bot-links:before {
        width: 115%;
    }

    .inner-ban-bot-links ul {
        /* gap: 100px; */
    }

    .page-intro-contents>p {
        max-width: 92%;
    }

    .page-intro-contents h2 {
        margin-bottom: 35px;
    }

    .about-count,
    .about-count span {
        font-size: 60px;
        line-height: 75px;
    }

    .about-count-single p {
        font-size: 18px;
        line-height: 28px;
    }

    .about-count-single {
        width: fit-content;
        height: auto;
        padding: 22px 35px 15px 25px;
    }

    .about-counters {
        bottom: 32px;
    }

    .service-provider-pic {
        display: none;
    }

    .service-provider-right a {
        width: 92%;
        height: 430px;
        right: unset;
        background: url(../img/service-provider-mask-frame.png);
        left: 50%;
        transform: translate(-50%, 0);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .service-provider-content-block {
        flex-direction: column;
        justify-content: center;
        position: relative;
        left: unset;
        transform: unset;
        top: unset;
    }

    .service-provider-left {
        max-width: unset;
        padding-top: 0;
        padding-left: 0;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .service-provider-left p {
        max-width: 90%;
        margin: auto;
    }

    .service-provider-wrap {
        padding: 70px 0 30px;
        background: url('../img/mobile-sp-bg.png') !important;
        background-size: cover !important;
    }

    .service-provider-wrap .container {
        padding-right: 30px;
        padding-left: 30px;
    }

    .service-provider-right {
        margin-top: 25px;
        width: 100%;
    }

    .vision-mission-contents {
        padding-right: 0;
        flex-direction: column;
    }

    .vision-mission-contents>div {
        width: 100%;
        text-align: center !important;
    }

    .vision-block {
        padding-right: 0;
        padding-top: 0;
        max-width: unset;
    }

    .vision-block:before {
        display: none;
    }

    .mission-block {
        padding-top: 75px;
        padding-left: 0;
        margin-top: 42px;
        border-top: 1px solid #CEC4C4;
        border-left: none;
        max-width: unset;
    }

    .vision-mission-wrap {
        padding: 85px 0 60px;
    }

    .our-journey-top h2,
    .our-journey-year-slider {
        width: 100%;
    }

    .our-journey-top {
        flex-direction: column;
    }

    .our-journey-top h2 {
        font-size: 50px;
        line-height: 55px;
        margin-bottom: 58px;
        text-align: center;
    }

    .our-journey-year-slider .slick-track {
        left: 0;
    }

    .our-journey .container {
        padding-left: 0;
    }

    .our-journey-content-block {
        margin-top: 32px;
        padding: 0 30px;
        flex-direction: column;
    }

    .our-journey-content-block img {
        width: 75%;
    }

    .our-journey-year-details {
        padding-left: 0;
        margin-top: 48px;
    }

    .our-journey {
        padding: 35px 0 60px;
    }

    .page-template-page-services .page-intro-wrap {
        padding: 65px 0 70px;
    }

    .our-services-block>h3 {
        font-size: 90px;
        line-height: 50px;
        left: -32%;
        top: 330px;
    }

    .our-service-accordion {
        padding-left: 120px;
    }

    .our-services-block {
        margin-top: -25px;
    }

    .connect-team-contents {
        flex-direction: column;
    }

    .connect-team-contents>div {
        text-align: center;
    }

    .connect-team-contents a {
        padding: 0 40px;
        height: 60px;
        margin-top: 28px;
    }

    .connect-team-wrap {
        padding: 55px 0 65px;
    }

    .connect-team-contents:before {
        right: -85px;
    }

    .projects-filters>div {
        gap: 8px;
        flex-direction: column;
    }

    .projects-filters {
        gap: 20px;
    }

    .project-thumb-area>img {
        height: 400px;
    }

    .project-summary-block {
        width: 100%;
        margin-right: 0;
        left: 0;
        position: relative;
        transform: translate(-50%, 0);
        margin-top: 40px;
    }

    .single-projects-banner-picture img {
        position: relative;
    }

    .single-projects-banner-picture {
        padding-top: 0;
        margin-top: 60px;
        flex-direction: column;
    }

    .single-projects-gallery-wrap {
        padding-bottom: 65px;
        padding-top: 40px;
    }

    .single-projects-gallery-contents h2 {
        text-align: center;
    }

    .bod-wrap>img,
    .bod-contents {
        display: none;
    }

    .bod-drag-img {
        display: block;
        overflow: unset !important;
        height: unset !important;
    }

    .bod-drag-img img {
        width: 100% !important;
    }

    .single-group-logo img {
        width: 100%;
    }

    .single-group-company-details {
        padding-left: 40px;
    }

    .single-group-company-contacts {
        gap: 10px;
        flex-wrap: wrap;
    }

    .single-group-company-con {
        gap: 15px;
        width: 45%;
    }

    .single-group-company h2 {
        text-align: center;
    }

    .sub-category-companies h3 {
        text-align: center;
    }

    .contact-info-wrap {
        padding: 75px 0 72px;
    }

    .contact-reach label {
        font-size: 70px;
    }

    .contact-info-contents {
        margin-left: -25px;
    }

    .contact-page-info-blocks {
        margin-top: 40px;
        flex-wrap: wrap;
        gap: 30px;
    }

    .contact-p-info {
        width: auto !important;
    }

    .contact-p-info:nth-child(3) {
        border-left: none;
        padding-left: 0;
    }

    .contact-address-info {
        gap: 28px;
    }

    .contact-address-info .contact-direction {
        min-width: fit-content;
    }

    .contact-info-contents iframe {
        height: 350px;
    }

    .reach-world-companies {
        margin-top: 50px;
    }

    .reach-world-logo img {
        width: 100%;
        height: auto;
    }

    .rw-comp-contacts {
        gap: 5px;
        flex-wrap: wrap;
    }

    .rw-comp-info {
        margin-right: 35px;
    }

    .contact-btn .wpcf7-spinner {
        left: 72%;
    }

    .iso-logos-block {
        gap: 45px;
    }

    .research-dev-wrap {
        padding: 65px 0 75px;
    }

    .objective-pic {
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 55px;
    }

    .objective-contents-blk {
        width: 100%;
    }

    .objective-contents-blk h2 {
        max-width: unset;
        margin-bottom: 18px;
        text-align: center;
    }

    .objectives-wrap {
        padding-bottom: 0;
    }

    .mid-sec-wrap {
        padding: 75px 0 45px;
    }

    .project-sus-blocks {
        gap: 20px;
        flex-wrap: wrap;
    }

    .project-sus-single-blk {
        width: 48%;
    }

    .goals-contents {
        width: 100%;
        flex-direction: column-reverse;
    }

    .goals-img-blk {
        width: 100%;
        margin-top: 28px;
    }

    .goals-content-blk {
        padding-left: 0;
        width: 100%;
    }

    .goals-wrap {
        padding: 28px 0 45px;
    }

    .accreditation-tab-contents-block {
        flex-direction: column;
    }

    .accreditation-tabs {
        width: 100%;
        min-width: unset;
        padding: 35px 40px 0;
    }

    .accreditation-tabs .nav {
        display: flex;
        flex-direction: unset;
        flex-wrap: nowrap;
        justify-content: start;
        gap: 45px;
        overflow-x: auto;
        padding-bottom: 38px;
    }

    .accreditation-tab-contents {
        padding-left: 0;
        padding-top: 35px;
    }

    .accreditation-accordion-blk {
        margin-top: 45px;
    }

    .accreditation-accordion-blk .our-services-block>h3 {
        font-size: 90px;
        line-height: 50px;
        left: -23%;
        top: 255px;
    }

    .accreditation-accordion-blk .our-service-accordion {
        padding-left: 95px;
    }

    .accreditation-accordion-blk .our-services-block {
        max-width: 100%;
        margin-top: -20px;
    }

    .award-left-content h2 {
        transform: unset;
        width: 100%;
        text-align: center;
        margin-bottom: 22px;
    }

    .award-left-content {
        padding-right: 0;
        margin-right: 0;
        padding-bottom: 5px;
        border-right: none;
        border-bottom: 1px solid #91B1D9;
    }

    .awards-year-slider {
        padding-bottom: 0;
        margin-top: 15px;
    }

    .awards-year-slider .slick-prev {
        left: -22px;
        right: unset;
        top: 45%;
    }

    .awards-year-slider .slick-prev:before {
        transform: rotate(90deg);
    }

    .awards-year-slider .slick-next {
        right: -22px;
        top: 45%;
    }

    .awards-year-slider .slick-next:before {
        transform: rotate(-90deg);
    }

    .awards-contents {
        padding-top: 75px;
    }

    .awards-content-slider {
        margin-left: 0;
        margin-top: -12px;
    }

    .awards-lists-blocks {
        padding-left: 0;
    }

    .awards-lists-blocks:before {
        left: 50%;
        transform: translate(-50%, 0);
        top: -135px;
    }

    .awards-lists-blocks:after {
        width: 1px;
        height: 60px;
        left: 50%;
        transform: translate(-50%, 0);
        top: -125px;
    }

    .awards-year-slider .slick-track {
        left: -13%;
    }

    .award-year {
        margin: 18px 0;
        text-align: center;
    }

    .award-bottom-year {
        margin-top: 0;
    }

    .award-bottom-year .awards-contents {
        padding-top: 32px;
    }

    .award-bottom-year .single-award {
        width: 50%;
    }

    .project-dets {
        flex-direction: unset;
    }

    .project-det-single {
        width: 48%;
    }

    .project-det-right {
        width: 52%;
    }

    .project-det-right .project-det-single {
        text-align: right;
    }

    a.logo {
        margin-top: 16px;
    }

    .introcol1 {
        margin-bottom: 28px;
    }

    .introcol2 p {
        max-width: unset;
    }

    .careers-info-bottom-contents {
        flex-direction: column;
    }

    .careers-info-pic {
        width: 75%;
    }

    .careers-info-contents {
        padding-left: 0;
        width: 100%;
        margin-top: 40px;
    }

    .life-sanken-pics {
        transform: scale(.6) translateY(-168px);
    }

    .life-sanken-count-block {
        padding: 55px 0 30px;
    }

    .team-contribution-slider .slick-track {
        left: 10%;
    }

    .team-contribution-slider ul.slick-dots li {
        width: 75px;
    }

    .vacancy-accordion .accordion-item h2 button .job-title {
        width: 60%;
    }

    .job-short-details {
        gap: 15px;
        flex-wrap: wrap;
    }

    .job-short-details label {
        margin: 0 10px;
    }

    .prof-membership .apply-vacancy-table-blocks table,
    .prof-membership .av-details-adding-blk {
        width: 950px;
    }

    .work-experience .apply-vacancy-table-blocks table,
    .work-experience .av-details-adding-blk {
        width: 950px;
    }

    .apply-vacancy-form {
        padding: 35px 38px 55px;
    }

    .form-agree-blk {
        margin-top: 30px;
    }

    .cv-upload-field-blk {
        gap: 8px;
        flex-direction: column;
    }

    .form-agree-blk {
        align-items: start;
    }

    .reference-single-blk {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 18px;
    }

    .reference-single-details {
        width: 900px;
    }

    .our-journey-mob-pic-blk {
        display: block;
    }

    .our-journey-mob-pic-blk img {
        width: 100%;
        height: auto;
    }

    .our-journey-pic-blk {
        display: none;
    }

    .our-journey-year-slider {
        margin-top: 32px;
    }

    .our-journey-year-details {
        padding-left: 0;
        margin-top: 0;
        padding-right: 0;
        text-align: center;
    }

    .our-journey-content-slider {
        width: 100%;
    }

    /* .c-projects-slider-wrap {
        max-width: 100%;
    } */
    .comproject-country .tab-content {
        width: 100%;
    }

    .footer-block__brand-info .rte:nth-child(3) {
        margin-top: -112px;
    }

    .c-project-slider .slick-track {
        margin-left: 0;
    }

    .about-mt-contents ul li {
        width: 100%;
    }


}

@media only screen and (max-width: 767px) {
    .hmbannercontents h2 {
        font-size: 39px;
        line-height: 50px;
        max-width: 700px;
    }

    a.logo {
        /* margin-top: 20px; */
        margin-top: 16px;
        width: 260px;
    }

    .fcontact-col2 {
        margin-left: 12px;
        margin-top: 25px;
        text-align: center;
    }

    address.faddress {
        max-width: 100%;
    }

    .f-social {
        justify-content: center;
    }

    .show-above-500 {
        display: none !important;
    }

    .menu.open>ul {
        /* left: -134px; */
        /* top: -21px;
        width: 300px;
        left: -161px; */
        width: 82%;
    }

    .menu>ul>li>a {
        font-size: 18px;
    }

    .hmbannercontents {
        /* max-width: 95%; */
        /* margin: 145% auto 8% 5%; */
        /* margin: 0 auto 0 5% !important; */
        max-width: 100%;
        margin: 0 0 0 0 !important;
        padding: 0 45px 120px;
    }

    .homeslider.mobile .slick-prev,
    .homeslider.mobile .slick-next {
        top: 45%;
    }

    a.bnview_all {
        font-size: 18px;
    }

    a.bnview_all {
        background-position: 151px center;
    }

    section.hmclients {
        margin-bottom: 42px;
    }

    .country-popup {
        opacity: 1;
        max-height: 100px;
        flex-direction: column;
        height: 100%;
        margin-bottom: 11px;
        padding: 21px 0 20px;
        border-radius: 14px;
    }

    .pointswrap {
        position: relative;
        display: block;
        left: 0;
        margin-top: 25px;
        top: 0;
    }

    .contry-point {
        position: relative;
        display: block;
        top: 0 !important;
        left: 0;
        right: 0 !important;
    }

    .country-popup>a {
        font-size: 20px;
        margin-bottom: 0;
        margin-right: 0;
    }

    .contry-point.co6.pright .country-popup {
        left: 0;
    }

    .co7.pright .country-popup {
        left: 0;
    }

    span.c-point {
        display: none;
    }

    .pright .country-popup {
        left: 0;
        border-radius: 14px;
    }

    .hm-map-wrap {
        width: 100%;
        height: auto;
        background-image: none !important;
    }

    /* .pointswrap {
        column-count: 2;
    } */

    .call img {
        transform: scale(1.5);
    }

    .popcontact a {
        margin: 0 14px;
    }

    .fcontact-row {
        padding-left: 15px;
        padding-right: 15px;
    }

    .btnexpertwrap {
        left: -56px;
        margin-top: 21px;
    }

    .btn_expert {
        width: 40px;
        height: 40px;
    }

    button.navbar-toggler {
        /* right: -32px;
        top: 30px; */
    }

    .comproject-country .nav.nav-tabs {
        width: 24%;
    }

    button.btn-close {
        right: 68%;
        top: 7px;
        z-index: 9999;
    }

    .open .comproject-country .tab-content {
        transform: translateY(-107%);
    }

    .tabinner {
        width: 100%;
    }

    .comproject-country .nav.nav-tabs {
        /* width: 21%; */
        width: 25%;
    }

    .copyrights h6 {
        line-height: 30px;
    }

    .c-project-slider .slick-next {
        right: unset;
        z-index: 999;
        opacity: 1 !important;
        left: 29%;
    }

    .pointswrap .slick-next:before {
        content: url(../img/slide-nextsmall.png) !important;
    }

    .pointswrap .slick-prev:before {

        content: url(../img/slide-prvsmall.png) !important;
    }

    .pointswrap .slick-prev {
        left: -15px;
        top: 35px;
    }

    .pointswrap .slick-next {
        right: -15px;
        top: 35px;
    }

    .popcontact {
        position: relative;
        display: flex;
    }

    .contry-point {
        margin: 05px;
    }

    .footer-container h4 {
        font-size: 28px;
        line-height: 43px;
    }

    a.allservice {
        line-height: 23px;
        margin-bottom: 12px;
        display: block;
    }

    .count-wrap {
        text-align: center;
    }

    .copyrights span {
        position: relative;
        display: block;
    }

    .inner-banner-wrap,
    .inner-banner-contents {
        height: 440px;
    }

    .inner-banner-contents h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .inner-ban-bot-links ul li a {
        font-size: 13px;
        line-height: 23px;
    }

    .inner-ban-bot-links ul {
        /* gap: 45px; */
    }

    .inner-ban-bot-links ul li:first-child {
        padding-right: 30px;
    }

    .inner-ban-bot-links ul li:last-child {
        padding-left: 30px;
    }

    .side-buttons-wrap a {
        width: 30px;
        padding: 18px 0;
        gap: 15px;
        writing-mode: sideways-lr;
        font-size: 10px;
        line-height: 20px;
    }

    .side-buttons-wrap a i {
        font-size: 10px;
    }

    .inner-ban-bot-links:before {
        width: 120%;
    }

    .page-intro-contents h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .page-intro-wrap {
        padding: 50px 0 50px;
    }

    .page-intro-contents>p {
        font-size: 14px;
        line-height: 24px;
        max-width: unset;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .about-counters {
        bottom: unset;
        position: relative;
        right: unset;
        justify-content: center;
        margin-top: -28px;
    }

    .about-counter-block>img {
        width: 100%;
    }

    .about-count,
    .about-count span {
        font-size: 45px;
        line-height: 55px;
    }

    .about-count-single p {
        font-size: 14px;
        line-height: 24px;
    }

    .about-count-single {
        padding: 15px 22px 5px 20px;
    }

    .why-choose-contents h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 35px;
    }

    .why-choose-blocks {
        flex-direction: column;
        gap: 30px;
    }

    .why-choose-single {
        width: 100%;
        padding: 0 20px;
        margin-top: 0;
        border-bottom: 1px solid #CEC4C4;
        padding-bottom: 28px;
    }

    .why-choose-single:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }

    .why-choose-single p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
    }

    .why-choose-wrap {
        padding: 0 0 50px;
    }

    .service-provider-left h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 22px;
    }

    .service-provider-left p {
        font-size: 14px;
        line-height: 24px;
    }

    .service-provider-left a {
        height: 42px;
        padding: 0 25px;
        font-size: 15px;
        line-height: 40px;
        margin-top: 35px;
    }

    .service-provider-right a {
        width: 100%;
        height: 250px;
        font-size: 14px;
        line-height: 30px;
    }

    .vision-mission-contents>div h2 {
        font-size: 38px;
        line-height: 45px;
        margin-bottom: 25px;
    }

    .vision-block p {
        font-size: 20px;
        line-height: 30px;
    }

    .mission-block p {
        font-size: 18px;
        line-height: 30px;
    }

    .mission-block {
        padding-top: 48px;
        margin-top: 28px;
    }

    .vision-mission-wrap {
        padding: 50px 0 48px;
    }

    .vision-block {
        padding-right: 20px;
    }

    .our-journey-top h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 45px;
    }

    .our-journey-year {
        font-size: 35px;
        line-height: 55px;
        padding-bottom: 45px;
    }

    .our-journey-year:before {
        height: 38px;
    }

    .our-journey-content-block img {
        width: 100%;
    }

    .our-journey-content-block {
        margin-top: 30px;
        padding: 0 20px;
    }

    .our-journey-year-details h3 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 25px;
    }

    .our-journey-year-details p {
        margin-top: 12px;
        font-size: 15px;
        line-height: 25px;
    }

    .our-journey-year-details {
        /* margin-top: 35px; */
    }

    .our-journey {
        padding: 0 0 35px;
    }

    .page-template-page-services .page-intro-wrap {
        padding: 45px 0 40px;
    }

    .our-services-block>h3 {
        font-size: 35px;
        line-height: 45px;
        transform: unset;
        width: 100%;
        top: unset;
        left: unset;
        margin-bottom: 15px;
        color: #2E3137;
    }

    .our-service-accordion {
        padding-left: 0;
    }

    .our-services-block {
        margin-top: 35px;
    }

    .our-service-accordion .accordion-item h2 button {
        font-size: 20px;
        line-height: 30px;
        padding: 20px 48px 18px 0;
    }

    .our-service-accordion .accordion-body h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 18px;
        margin-top: 22px;
    }

    .our-service-accordion .accordion-body p {
        font-size: 14px;
        line-height: 24px;
    }

    .our-service-accordion .accordion-body {
        padding: 25px 0 18px;
    }

    .our-service-accordion .accordion-button::before {
        width: 18px;
        right: 17px;
    }

    .our-service-accordion .accordion-button::after {
        height: 18px;
        right: 26px;
    }

    .connect-team-contents h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .connect-team-contents p {
        font-size: 16px;
        line-height: 26px;
    }

    .connect-team-contents a {
        padding: 0 28px;
        height: 48px;
        margin-top: 18px;
        font-size: 18px;
    }

    .connect-team-wrap {
        padding: 45px 0 50px;
    }

    .projects-filters>div {
        gap: 4px;
        width: 100%;
    }

    .p-filter-1>div {
        width: 80%;
    }

    .p-filter-1 select {
        width: 100%;
    }

    .projects-filters {
        gap: 15px;
    }

    .status-buttons div {
        width: 80%;
    }

    .status-buttons div button {
        width: 50%;
    }

    .projects-filter-block>h3 {
        margin-bottom: 15px;
    }

    .project-thumb-area>img {
        height: 250px;
    }

    .project-taxo img {
        width: auto;
        height: 100%;
    }

    .single-project-list {
        margin-top: 32px;
    }

    .project-results {
        padding-bottom: 50px;
    }

    .single-projects-banner-contents h1 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .single-projects-banner-picture {
        margin-top: 40px;
    }

    .project-summary-block {
        width: 100%;
        left: unset;
        transform: unset;
        margin-top: 25px;
    }

    .project-summary-block h3 {
        font-size: 22px;
        line-height: 32px;
        text-align: center;
        margin-bottom: 28px;
    }

    .single-projects-gallery-wrap {
        padding-bottom: 50px;
        padding-top: 32px;
    }

    .single-projects-gallery-contents h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 32px;
    }

    .featured-projects-contents h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .featured-projects-wrap {
        padding: 35px 0 45px;
    }

    a.pg-image {
        padding: 0 20px;
    }

    .project-gallery-slider button.slick-prev {
        left: -8px;
    }

    .project-gallery-slider button.slick-next {
        right: -8px;
    }

    .next-project-contents h3 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 38px;
    }

    .next-project-contents p {
        font-size: 20px;
        line-height: 30px;
    }

    .next-project-contents a {
        margin-top: 25px;
        height: 42px;
        font-size: 16px;
        line-height: 40px;
        padding: 0 30px;
    }

    .next-project-wrap {
        padding: 75px 0 75px;
    }

    .bod-drag-img {
        position: relative;
        /* display: flex;
        justify-content: center; */
        overflow: auto !important;
        height: 300px !important;
    }

    .bod-drag-img img {
        width: auto !important;
        object-position: center;
    }

    .drag-txt {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        gap: 10px;
        color: rgba(255, 255, 255, 0.71);
        font-family: Inter;
        font-size: 8px;
        font-weight: 200;
        letter-spacing: 0.64px;
        text-transform: uppercase;
        position: absolute;
        top: 20px;
        left: 0;
        padding: 0 20px;
        z-index: 1;
    }

    .drag-txt:before {
        content: '';
        position: relative;
        width: 11px;
        height: 10px;
        background: url('../img/drag-icon.png');
    }

    .single-group-company h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 38px;
    }

    .group-companies-wrap {
        padding: 40px 0 50px;
    }

    .single-group-logo,
    .single-group-company-details {
        width: 100%;
    }

    .single-group-company-block {
        flex-direction: column;
        padding: 22px 30px 30px;
    }

    .single-group-logo img {
        width: auto;
    }

    .single-group-logo {
        justify-content: center;
    }

    .single-group-company-details {
        padding-left: 0;
        text-align: center;
        margin-top: 18px;
    }

    .single-group-company-details h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .single-group-company-con {
        gap: 12px;
        /*         width: 48%; */
        width: 100%;
        /*         justify-content: center; */
        margin-right: 0;
    }

    .single-group-company-contacts {
        justify-content: center;
    }

    .sub-category-companies h3 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 28px;
        margin-top: 30px;
    }

    .single-group-company {
        margin-top: 60px;
    }

    .contact-reach label {
        font-size: 30px;
        text-align: center;
        line-height: 40px;
        letter-spacing: 0;
        -webkit-writing-mode: unset;
        transform: unset;
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .contact-info-contents {
        margin-left: 0;
    }

    .contact-info-contents h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 28px;
        text-align: center;
    }

    .contact-info-wrap {
        padding: 42px 0 50px;
    }

    .contact-info-contents>p {
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }

    .contact-page-info-blocks {
        margin-top: 32px;
        flex-direction: column;
        gap: 22px;
        align-items: center;
    }

    .contact-p-info {
        text-align: center;
    }

    .contact-p-info span {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 2px;
    }

    .contact-p-info a {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-address-info {
        gap: 30px;
        flex-direction: column;
    }

    .contact-address-info span {
        font-size: 13px;
        line-height: 23px;
        margin-bottom: 2px;
        text-align: center;
    }

    .contact-address-info p {
        font-size: 18px;
        line-height: 28px;
        text-align: center;
    }

    .contact-address-info .contact-direction {
        height: 42px;
    }

    .contact-info-contents iframe {
        height: 300px;
    }

    .reach-world-companies h3 {
        text-align: center;
        margin-bottom: 28px;
    }

    .reach-world-companies {
        margin-top: 35px;
    }

    .reach-world-single-company {
        flex-wrap: wrap;
        padding-top: 22px;
        padding-bottom: 32px;
    }

    .reach-world-flag {
        width: 10%;
        order: 2;
    }

    .reach-world-company-details {
        width: 90%;
        order: 2;
    }

    .reach-world-logo {
        width: 100%;
        order: 1;
        display: flex;
        justify-content: center;
        margin-bottom: 15px;
    }

    .reach-world-logo img {
        width: auto;
    }

    .contact-form-contents>h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .contact-form-contents>p {
        font-size: 16px;
        line-height: 26px;
    }

    .contact-form-wrap {
        padding: 50px 0 65px;
    }

    .contact-form-block textarea {
        height: 115px;
    }

    .contact-btn input {
        height: 45px;
        padding: 0 38px;
        border: 1px solid #A24F5E;
        font-size: 16px;
        line-height: 40px;
    }

    .contact-form-block .form-group {
        margin-top: 14px;
    }

    .contact-form-block label {
        margin-bottom: 6px;
    }

    .contact-form-block hr {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 5px;
    }

    .contact-form-block .row .col-lg-6,
    .contact-form-block .row .col-lg-12 {
        padding: 0;
    }

    .contact-form-block .row {
        padding: 0 15px;
    }

    .contact-btn {
        margin-top: 35px;
    }

    .iso-logos-block {
        gap: 25px;
        flex-direction: column;
        justify-content: center;
        margin-top: 40px;
    }

    .iso-logo-blk {
        margin-top: 0;
        max-width: 88%;
        margin: auto;
    }

    .iso-logo-blk p {
        min-height: unset;
    }

    .iso-logo-blk a {
        margin-top: 25px;
    }

    .iso-logo-blk img {
        margin-bottom: 22px;
        /* width: auto;
        height: auto; */
    }

    .research-dev-contents h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 32px;
    }

    .research-dev-wrap {
        padding: 52px 0 50px;
    }

    .objective-contents-blk h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 40px;
    }

    .objectives-wrap {
        padding-top: 52px;
    }

    .objective-points {
        flex-direction: column;
        gap: 25px;
    }

    .objective-point:nth-child(Odd) {
        padding-right: 0;
    }

    .objective-point {
        width: 100%;
        margin-top: 0;
        padding-top: 0;
        padding-left: 38px !important;
    }

    .objective-point:before {
        width: 28px;
        height: 28px;
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }

    .objective-point:nth-child(Even) {
        padding-left: 0;
    }

    .objective-point:nth-child(Even):before {
        left: 0;
    }

    .objective-point p {
        font-size: 16px;
        line-height: 28px;
    }

    .mid-sec-wrap {
        padding: 52px 0 35px;
    }

    .mid-sec-contents p {
        font-size: 15px;
        line-height: 27px;
    }

    .mid-sec-images {
        gap: 22px;
        margin-top: 40px;
        flex-direction: column;
    }

    .project-sus-contents h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 22px;
    }

    .project-sus-contents>p {
        font-size: 16px;
        line-height: 28px;
    }

    .project-sus-single-blk {
        width: 100%;
    }

    .project-sus-blocks {
        margin-top: 40px;
    }

    .project-sus-wrap {
        padding: 22px 0 40px;
    }

    .project-sus-block-details h4 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .project-sus-block-details p {
        font-size: 17px;
        line-height: 27px;
    }

    .project-sus-block-details {
        padding: 25px;
    }

    .goals-content-blk h2 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 30px;
        text-align: center;
    }

    .goals-content-blk p {
        font-size: 16px;
        line-height: 28px;
    }

    .goals-wrap {
        padding: 10px 0 32px;
    }

    .goals-img-blk {
        margin-top: 20px;
    }

    .goals-bottom-des h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 32px;
    }

    .goals-bottom-des p {
        font-size: 17px;
        line-height: 27px;
    }

    .accreditation-tabs .nav button {
        font-size: 20px;
    }

    .accreditation-tabs .nav {
        gap: 30px;
        padding-bottom: 22px;
    }

    .accreditation-tabs {
        padding: 25px 25px 0;
    }

    .accreditation-tab-contents .tab-pane p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 25px;
    }

    .accreditation-tab-contents .tab-pane ul li {
        font-size: 16px;
        line-height: 26px;
    }

    .accreditation-tab-contents .tab-pane ul {
        padding-left: 20px;
    }

    .accreditation-accordion-blk {
        margin-top: 22px;
    }

    .accreditation-accordion-blk>h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 28px;
    }

    .accreditation-accordion-blk>p {
        font-size: 16px;
        line-height: 28px;
    }

    .accreditation-accordion-blk .our-services-block>h3 {
        font-size: 40px;
        line-height: 50px;
        left: unset;
        top: unset;
    }

    .accreditation-accordion-blk .our-services-block {
        margin-top: 35px;
    }

    .accreditation-accordion-blk .our-service-accordion {
        padding-left: 0;
    }

    .accreditation-accordion-blk .our-service-accordion .accordion-button::after {
        right: 25px;
    }

    .accreditation-tab-wrap {
        padding: 25px 0 52px;
    }

    .goals-bottom-des {
        margin-top: 52px;
    }

    .award-year {
        font-size: 28px;
        line-height: 35px;
    }

    .awards-year-slider .slick-prev:before,
    .awards-year-slider .slick-next:before {
        width: 18px;
        height: 13px;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .awards-lists-blocks:after {
        height: 42px;
    }

    .awards-lists-blocks {
        flex-direction: column-reverse;
    }

    .single-award {
        padding-right: 12px;
        width: 100%;
        margin-top: 0;
    }

    .awards-lists-blocks {
        padding-left: 0;
        flex-direction: column-reverse;
        gap: 18px;
    }

    .award-bottom-year .single-award {
        width: 100%;
    }

    .awards-year-slider .slick-track {
        left: 0;
    }

    .project-dets {
        flex-direction: column;
    }

    .project-det-single,
    .project-det-right {
        width: 100%;
    }

    .project-det-right .project-det-single:nth-child(1) {
        text-align: left;
    }

    .introcol1 img {
        height: auto;
    }

    .careers-info-top-contents h2 {
        font-size: 32px;
        line-height: 44px;
        text-align: center;
        margin-bottom: 35px;
    }

    .careers-info-top-contents h4 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 32px;
    }

    .careers-info-top-contents p {
        font-size: 17px;
        line-height: 28px;
    }

    .careers-info-wrap {
        padding: 50px 0 38px;
    }

    .careers-info-pic {
        width: 100%;
    }

    .careers-info-contents h3 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 30px;
        text-align: center;
    }

    .careers-info-contents p {
        font-size: 17px;
        line-height: 28px;
    }

    .life-sanken-contents>h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 28px;
    }

    .life-sanken-contents>p {
        font-size: 17px;
        line-height: 28px;
    }

    .life-sanken-wrap {
        padding: 60px 0 60px;
    }

    .life-sanken-count-box h4 {
        font-size: 50px;
        line-height: 65px;
        margin-bottom: 25px;
    }

    .life-sanken-count-box p {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
    }

    .life-sanken-count-box h5 {
        font-size: 17px;
        line-height: 32px;
    }

    .life-sanken-count-box {
        padding: 42px 25px 42px;
        width: 250px;
    }

    .life-sanken-count-block {
        margin-top: 30px;
    }

    .life-sanken-pics {
        transform: scale(.5) translateY(-190px);
    }

    .life-sanken-wrap:before {
        width: 100%;
        height: 220px;
        background-repeat: no-repeat !important;
        background-size: contain !important;
    }

    .team-contribution-contents h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 25px;
    }

    .team-contribution-contents p {
        font-size: 16px;
        line-height: 28px;
    }

    .team-contribution-wrap {
        padding: 50px 0 70px;
    }

    .team-contribution-slider .slick-track {
        left: 0%;
    }

    .team-contribution-image {
        margin: 0 8px;
    }

    .team-contribution-slider .slick-track {
        left: 25%;
    }

    .team-contribution-slider {
        margin-top: 25px;
    }

    .team-contribution-slider ul.slick-dots {
        bottom: -48px;
    }

    .team-contribution-slider ul.slick-dots li {
        width: 40px;
    }

    .our-team-contents>h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom: 22px;
    }

    .vacancy-accordion .accordion-item h2 button {
        padding: 28px 35px 20px 22px;
        flex-direction: column;
        align-items: start;
        gap: 7px;
        justify-content: center;
    }

    .vacancy-accordion .accordion-item h2 button .job-title {
        font-size: 18px;
        width: 90%;
    }

    .vacancy-accordion .accordion-item h2 button .job-type-date {
        right: unset;
        position: relative;
    }

    .vacancy-accordion .accordion-item h2 button.accordion-button::after {
        filter: grayscale(1) opacity(0.7);
        position: absolute;
        right: 18px;
    }

    .vacancy-accordion .accordion-item h2 button .job-type-date span {
        font-size: 13px;
    }

    .vacancy-accordion {
        margin-top: 35px;
        gap: 15px;
    }

    .vacancy-accordion .accordion-body {
        padding: 0 20px 45px 22px;
    }

    .vacancy-accordion .accordion-body p {
        margin-top: 25px;
    }

    .vacancy-accordion .accordion-body ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .vacancy-accordion .accordion-body ul {
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .vacancy-accordion .accordion-body h3 {
        margin-top: 30px;
        margin-bottom: 22px;
    }

    .vacancy-accordion .accordion-body>a {
        width: 100%;
        height: 45px;
        font-size: 16px;
        margin-top: 32px;
    }

    .our-team-wrap {
        padding: 50px 0 55px;
    }

    .apply-vacancy-banner-wrap {
        padding: 170px 0 70px;
    }

    .apply-vacancy-banner-contents h1 {
        font-size: 35px;
        line-height: 52px;
    }

    .job-short-details {
        gap: 8px;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: start;
    }

    .job-short-details label {
        margin: 0 0;
    }

    .apply-vacancy-contents>h2 {
        font-size: 28px;
        line-height: 42px;
    }

    .apply-vacancy-form {
        padding: 30px 25px 40px;
    }

    .av-add-button {
        margin-top: 22px;
    }

    .reference-details p {
        margin-bottom: 30px;
    }

    .cv-upload-field .input-file-field {
        width: 100%;
    }

    .cv-upload-field .input-file-field input {
        width: 100%;
    }

    .cv-upload-field-blk h6 {
        font-size: 12px;
    }

    .form-agree-blk label {
        font-size: 14px;
    }

    .apply-vacancy-submit-btn button {
        width: 100%;
        height: 45px;
        font-size: 16px;
    }

    .form-agree-blk {
        margin-top: 18px;
    }

    .apply-vacancy-form hr {
        margin: 38px 0 28px;
    }

    .work-experience .apply-vacancy-table-blocks table,
    .work-experience .av-details-adding-blk {
        width: 850px;
    }

    .we-company {
        width: 30%;
    }

    .we-location {
        width: 25%;
    }

    .we-start-date {
        width: 20%;
    }

    .we-end-date {
        width: 20%;
    }

    .we-actions {
        width: 5%;
    }

    .pf-pagination li a {
        font-size: 10px;
        padding: 6px 8px;
    }

    .pf-pagination ul {
        gap: 4px;
    }

    .pf-pagination li span.current {
        font-size: 10px;
        padding: 6px 8px;
    }

    .hm-banner-wrap,
    .home-bannerwrap,
    .hmbanner-wrap {
        /*         height: 525px; */
        height: 100vh;
    }

    .pdf-accred-btn {
        padding: 0 30px;
        height: 45px;
        font-size: 17px;
        margin-top: 42px;
    }

    .apply-vacancy-banner-contents h1:before {
        height: 80px;
        bottom: -110px;
    }

    /* .c-project-slider .slick-track {
        margin-left: 0;
    } */

    .c-project-slider .slick-track {
        margin-left: 60px;
    }

    .slick-slide .cproject-image img {

        height: 271px;
    }

    .about-mt-contents h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 36px;
    }

    .about-mt-wrap {
        padding: 48px 0 0;
    }

    .about-mt-contents ul li {
        font-size: 14px;
        line-height: 26px;
    }

    .about-mt-contents ul li strong {
        font-size: 18px;
    }

    .about-mt-contents ul {
        padding-left: 18px;
    }

    .c-project-slider .slick-prev,
    .c-project-slider .slick-next {
        top: 44%;
    }

    .c-project-slider .slick-next {
        right: 125px;
        left: unset;
    }

    .bod-wrap h2 {
        font-size: 33px;
    }


}

@media only screen and (max-width: 390px) {
    .hmbannercontents {
        max-width: 95%;
        /* margin: 139% auto 8% auto; */
    }

    button.btn-close {
        right: 71%;
        top: 13px;
    }

    .c-project-slider .slick-next {
        left: 26%;
    }

    .c-project-slider .slick-track {
        margin-left: 43px;
    }

}


@media only screen and (max-width: 375px) {
    .hmbannercontents {
        max-width: 95%;
        /* margin: 93% auto 8% auto; */
    }
}

@media only screen and (max-width: 360px) {
    .hmbannercontents {
        max-width: 95%;
        /* margin: 124% auto 8% auto; */
    }
}