@media screen and (min-width: 1701px) and (max-width: 1900px) {
    .careerForm {
        top: 20px;
        transform: translateX(-50%);
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        padding: 20px;
    }

    .porttags p span {
        display: block;
    }

    .portfolioHd {
        padding-bottom: 10px;
    }

    .mainMenu li a {
        padding: 13px;
        font-size: 16px;
    }

    .abtYrImg,
    .abtYrImgContain {
        height: 100%;
    }

    .abtYrImgContain .swiper {
        height: 100%;
    }

    .dkOurUsp .align-items-center {
        align-items: inherit;
    }

    .abtYrImg img {
        height: 100%;
        object-fit: cover;
    }

    .uspImage {
        height: 100%;
    }

    .uspImage img {
        height: 100%;
        object-fit: cover;
    }

    .uspContain {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 1700px) {
    .careerForm {
        top: 20px;
        transform: translateX(-50%);
        max-height: calc(100vh - 40px);
        overflow-y: auto;
        padding: 20px;
    }

    .navIn {
        overflow-y: scroll;
        height: 100%;
    }

    .abtYrSlide span {
        font-size: 35px;
    }

    .contactForm {
        max-width: 680px;
    }

    .awardContent {
        padding-left: 85px;
    }

    .boardPng {
        width: 72px;
    }

    .dkAbout .abtContHd h2 {
        font-size: 40px;
    }

    .abtCont .primeBtn {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .abtYrImg,
    .abtYrImgContain {
        height: 100%;
    }

    .abtYrImgContain .swiper {
        height: 100%;
    }

    .dkOurUsp .align-items-center {
        align-items: inherit;
    }

    .abtYrImg img {
        height: 100%;
        object-fit: cover;
    }

    .uspImage {
        height: 100%;
    }

    .uspImage img {
        height: 100%;
        object-fit: cover;
    }

    .uspContain {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 0;
    }

    .navTogg span {
        display: block;
        width: 28px;
        height: 2px;
        background-color: #fff;
        margin: 6px 0;
        transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .navTogg {
        cursor: pointer;
        position: relative;
        z-index: 22;
    }

    .settNav {
        gap: 34px;
    }

    .search img {
        width: 22px;
    }

    .language-selector {
        padding: 0;
        font-size: 17px;
    }

    .navMenu.show {
        opacity: 1;
        visibility: visible;
    }

    .navTogg.open span {
        background-color: var(--drake-black);
    }

    .navTogg.open span:nth-child(2) {
        width: 0;
    }

    .navTogg.open span:nth-child(1) {
        transform: rotate(45deg) translate(5px, 5px);
    }

    .navTogg.open span:nth-child(3) {
        transform: rotate(-45deg) translate(7px, -7px);
    }

    .vis .selected-lang span {
        color: var(--drake-black);
    }

    .vis .search img {
        filter: invert(1);
    }

    .navMenu {
        position: fixed;
        background-color: #fff;
        max-width: 600px;
        width: 800px;
        top: 0;
        right: 0;
        height: 100%;
        padding-top: 0;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        background: #ffffff;
        background: linear-gradient(90deg,
                rgba(255, 255, 255, 0) 33%,
                rgba(255, 255, 255, 1) 30%);
        overflow-y: auto;
    }

    .mainMenu {
        width: 400px;
        margin-left: auto;
        background-color: #fff;
        padding-top: 100px;
        padding-bottom: 180px;
        height: 100%;
    }

    .mainMenu ul {
        display: block;
    }

    .mainMenu li a {
        color: var(--drake-black);
    }

    .mainMenu li {
        margin-bottom: 24px;
    }

    .subMenu {
        top: 0;
        left: -200px;
        width: 200px;
        transform: translate(5px, 0);
    }

    .subMenu li {
        margin-bottom: 0;
    }

    .subMenu li a {
        color: #fff;
    }

    .subMenu::before {
        display: none;
    }

    .ourImg02 {
        right: 72px;
    }

    .pgHdCont h1 {
        font-size: 58px;
    }

    /* NEW 20-12 */

    .abtYr::before {
        left: 0;
        background: linear-gradient(to right, #004b8d 10%, transparent 90%);
    }

    .abtYr::after {
        right: 0;
        background: linear-gradient(to left, #004b8d 15%, transparent 90%);
    }

    .portfolioHd h3 {
        font-size: 26px;
    }

    .portfolioHdCont {
        padding: 24px;
    }

    .clImg img {
        width: 180px;
    }

    .clientsContain {
        margin-top: 70px;
    }

    section {
        padding-top: 70px;
    }

    .ctaCont h3 {
        font-size: 65px;
    }

    .dkPortfolio {
        margin-top: 213px;
    }

    .serviceBlkContain {
        max-width: 100%;
        margin-top: 50px;
    }

    .hrBtn a {
        font-size: 16px;
    }

    .abtContContain {
        padding-left: 0px;
    }

    .yrPrevArr,
    .yrNxtArr {
        top: 5px;
    }

    .timeline-text h1 {
        font-size: 80px;
    }

    .portfolioPg .portfolioHd {
        padding: 20px;
        bottom: 10px;
        padding-bottom: 0;
    }

    .portfolioPg .porttags p {
        font-size: 15px;
    }
}

@media screen and (max-width: 1551px) {
    .abtIsoContain {
        padding: 24px;
    }

    .abtCount span {
        font-size: 14px;
    }

    .abtCount h4 span,
    .abtCount .num {
        font-size: 40px;
    }

    .abtCount .cntLtr {
        font-size: 40px;
    }

    .abtYr {
        margin: 0;
    }

    .primeBtn span {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .isoIco img {
        width: 55px;
    }

    .primeBtn a::after {
        width: calc(100% - 56px);
    }

    .dkPortfolio {
        margin-top: 173px;
    }

    .clientsContain {
        max-width: 90%;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .abtYrSlDv {
        padding: 36px;
    }

    .abtYr::before {
        left: 0;
        background: linear-gradient(to right, #004b8d 10%, transparent 100%);
    }

    .abtYr::after {
        right: 0;
        background: linear-gradient(to left, #004b8d 20%, transparent 100%);
    }

    .crFrmClse {
        top: 44px;
    }

    .carFrmBlk h2 {
        font-size: 34px;
    }

    .crInp {
        margin-bottom: 17px;
    }

    .crFrmClse {
        top: 50px;
    }

    .abtBtmCount,
    .abtIsoContain {
        padding: 24px;
    }

    .abtCount {
        width: auto;
    }

    .ourImg01 {
        padding-right: 100px;
    }

    .ourImg02 {
        right: 0;
    }

    .ourSect {
        padding: 18px;
    }

    .newsContImg::after {
        padding-top: 100%;
    }

    .prflText {
        padding-left: 40px;
    }

    .prflText h2 {
        font-size: 44px;
    }


    .companyPrfl {
        padding: 50px 40px;
    }

    .prfl img {
        width: 460px;
    }

    /* OIL */
    .strKey {
        padding: 10px 0;
    }

    /* ABOUT */
    .spntag {
        bottom: -60px;
        right: -60px;
    }

    .drMv-blk {
        display: flex;
        gap: 90px;
        justify-content: start;
        width: 100%;
    }

    .imageBox img {
        width: 70%;
    }

    .boardPng,
    .boardsPng {
        width: 70px;
        height: auto;
    }

    .member {
        z-index: 2;
    }

    .timelineWrapper {
        gap: 80px;
    }

    .drMv-col {
        width: 40%;
    }

    .drMv-Txt {
        width: 45%;
    }

    .miViImage,
    .mVimg {
        height: 100%;
    }

    .mVimg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .buttons {
        left: 0;
        right: 0;
        transform: translateX(0);
        justify-content: center;
    }

    .finTabContain h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 1380px) {
    .careerForm {
        max-width: 940px;
    }

    .portfolioHd {
        padding-bottom: 0;
    }

    .newsRecent .abtScHd {
        margin-bottom: 20px;
    }

    .yearSpn {
        font-size: 24px;
    }

    .awsYear h1 {
        font-size: 210px;
    }

    .carFrmBlk h2 {
        font-size: 42px;
    }

    .crInp {
        margin-bottom: 15px;
    }

    .abtImg {
        height: 100%;
        display: flex;
        align-items: end;
    }

    .abtImg img {
        margin: 0;
    }

    .abtCount h4,
    .abtCount .num,
    .abtCount .cntLtr {
        font-size: 42px;
    }

    .abtCount {
        width: auto;
    }

    .count {
        font-size: 38px;
    }

    .lists h4 {
        font-size: 22px;
    }

    .oilPr {
        height: 100%;
    }

    .oilPr img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    .oilText h5 {
        font-size: 20px;
    }

    .newsContent h2 {
        font-size: 36px;
    }

    .newsContImg::after {
        padding-top: 100%;
    }

    .board .col-lg-3 {
        -ms-flex: 0 0 33.3% !important;
        flex: 0 0 33.3% !important;
        max-width: 33.3% !important;
    }

    section {
        padding-top: 90px;
    }

    .secTitle h2 {
        font-size: 48px;
    }

    .invstSerCont h3 {
        font-size: 24px;
    }

    .newHdCnt {
        padding: 17px;
    }

    .newtag span {
        padding: 5px 24px;
    }

    .crdFrmIc {
        width: 10%;
    }

    .crdFrmHd h3 {
        width: 90%;
    }

    .crdFrmIc img {
        width: 100%;
    }

    .imageBox img {
        width: 90%;
    }

    .pgHdCont h1 {
        font-size: 58px;
    }

    .pgHdCont p {
        font-size: 25px;
    }

    .statsCard {
        right: 0;
    }

    .pageHeader {
        min-height: 630px;
    }

    .jbDetHd h2 {
        max-width: 1080px;
        font-size: 45px;
    }

    .jbDetHd {
        align-items: end;
    }

    .cntInfBlk {
        padding: 17px;
    }

    .cntInfHd h4 {
        font-size: 22px;
    }

    .cntInfCont a {
        word-break: break-all;
        /* or use break-word */
        overflow-wrap: anywhere;
    }

    .ctaCont h3 {
        font-size: 60px;
    }

    .ftrLog {
        padding-right: 35px;
    }

    .proInfRw {
        flex-wrap: wrap;
        gap: 24px;
    }

    .proItm h5 {
        font-size: 14px;
    }

    .prSerlst ul {
        align-items: inherit;
    }

    .prSerlst li {
        width: 24%;
    }

    .projRelated .portMainImg::after {
        padding-top: 70%;
    }

    .projRelated .porttags {
        display: none;
    }

}

@media (max-width: 1200px) {
    .abtYrSlide span {
        font-size: 30px;
    }

    .portfolioHd {
        padding-bottom: 10px;
    }

    .porttags {
        display: none;
    }

    .portfolioHd {
        bottom: 0;
        padding: 20px;
    }

    .portfolioHd h3 {
        font-size: 20px;
    }

    .cliFsbr::after {
        bottom: 40%;
    }

    .cliMnbr::after {
        top: 30%;
    }

    .awsYear h1 {
        font-size: 170px;
    }

    .careerForm {
        max-width: 860px;
        height: auto;
    }

    .dkPortfolio {
        margin-top: 320px;
    }

    p {
        font-size: 16px;
    }

    .dkServices::before {
        background: linear-gradient(180deg,
                hsla(0, 0%, 0%, 1) 0%,
                hsla(0, 0%, 35%, 0.5) 80%,
                hsla(0, 0%, 100%, 0) 100%);
    }

    .abtCount span {
        font-size: 16px;
    }

    .abtContHd,
    .abtCont p {
        padding-left: 15px;
    }

    .abtIsoContain p {
        font-size: 16px;
        line-height: 1.5;
    }

    .dkAbout .col-lg-3 {
        -ms-flex: 0 0 35% !important;
        flex: 0 0 35% !important;
        max-width: 35% !important;
    }

    .dkAbout .col-lg-9 {
        -ms-flex: 0 0 65% !important;
        flex: 0 0 65% !important;
        max-width: 65% !important;
    }

    .mediaPg .col-lg-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .dkAbout .abtContHd h2 {
        font-size: 31px;
    }

    .newsContImg {
        margin-bottom: 40px;
    }

    .newsContImg::after {
        padding-top: 70%;
    }

    .abHdCnt {
        display: block;
    }

    .abHdCnt h2 {
        margin-bottom: 20px;
    }

    .hroCont h1 span {
        font-size: 65px;
    }

    .newHdCnt h3 {
        font-size: 20px;
    }

    /* SERVICES */
    .orSectImg {
        height: 75px;
    }

    .ourImg01 {
        padding-right: 0;
    }

    .ourImg02 img {
        width: 360px;
    }

    .ourImg02 {
        right: 0;
    }

    .ourContent h2 {
        font-size: 36px;
    }

    .ourCataText h2 {
        font-size: 40px;
    }

    .cataImgText h4 {
        font-size: 26px;
    }

    .ourSect {
        padding: 10px;
    }

    .gridBox h2 {
        font-size: 40px;
    }

    /* OIL & GAS */
    .prfl img {
        width: 400px;
    }

    /* ABOUT */
    .abTexts h2 {
        font-size: 42px;
    }

    /* MEDIA */
    .newsContent h2 {
        font-size: 42px;
    }

    /* INVESTOR */
    .abtContHd h2 {
        font-size: 42px;
    }

    .secTitle h2 {
        font-size: 42px;
    }

    .jbDetHd h2 {
        max-width: 1080px;
        font-size: 40px;
    }

    .cntInfHd {
        display: block;
    }

    .cntIco {
        margin-bottom: 8px;
    }

    .crdFrmHd h3 {
        font-size: 20px;
    }

    .crdFrmOpt a {
        font-size: 16px;
    }

    .finDatHd {
        display: block;
    }

    .IntReportSec .finRgt a {
        display: block;
        width: fit-content;
        margin-top: 20px;
    }

    .IntReportSec .finLft h4 {
        font-size: 24px;
    }

    .uspContain .col-lg-5 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .prefix {
        font-size: 33px;
        font-weight: 300;
    }
}

@media screen and (max-width: 1024px) {
    .abtYrSlide span {
        font-size: 30px;
    }

    .Recognition .abtContHd h2 {
        font-size: 36px;
    }

    .awardContent {
        padding-left: 55px;
    }

    .awardsYr2 {
        margin-right: 30px;
    }

    .awardsYr {
        margin-left: 10px;
    }

    .pageHeader {
        min-height: 600px;
    }

    /* AWARDS */

    .awsYear h1 {
        font-size: 150px;
    }

    .awsCtnts {
        width: 400px;
    }

    .yearSpn {
        width: 50px;
        height: 39px;
        font-size: 16px;
    }

    .yearSpn::after {
        width: 75px;
    }

    .year2Spn {
        width: 50px;
        height: 39px;
        font-size: 16px;
    }

    .year2Spn::after {
        width: 75px;
    }

    /* OIL & GAS */

    .oilText h5 {
        font-size: 16px;
    }

    .listHead {
        margin-bottom: 0;
    }

    .companyPrfl {
        margin-top: 0;
    }

    .prflText p {
        margin-bottom: 20px;
    }

    .prflText h2 {
        padding-top: 0;
        font-size: 42px;
    }

    .capaMenu li {
        padding: 13px;
    }

    /* APPROCH */

    .ourLead h2 {
        font-size: 38px;
    }

    .ourLead h2 {
        font-size: 26px;
    }

    /* COMMITMENT */

    .sustaiText {
        padding-top: 70px;
    }

    /* MANAGEMENT */
    .imageBox img {
        width: 100%;
    }

    .board .col-lg-3 {
        flex: 0 0 33.3% !important;
        max-width: 33.3% !important;
    }

    .second-row {
        max-width: 720px;
    }

    .text-deteal {
        width: 190px;
        min-height: 102px;
        bottom: 50px;
    }

    .text-deteal p {
        font-size: 9px;
        line-height: 17px;
    }

    .first-row {
        margin-bottom: 5px;
    }

    .dkBoardOfDir {
        padding-bottom: 40px;
    }

    .stats-card {
        right: 15px;
        width: 231px;
    }

    .bg-logo {
        width: 100px;
        right: 0px;
    }

    .count {
        font-size: 38px;
    }

    .boardsPng img {
        width: 54.7px;
        bottom: -40px;
    }

    .boardPng img {
        width: 54.1px;
    }

    .excutivPng img {
        width: 45px;
    }

    .excutiPng img {
        width: 45px;
    }

    .seconds-row {
        margin-bottom: 0;
    }

    /* ABOUT PAGE */
    .compIcn img {
        width: 100%;
    }

    .compIcn {
        right: 0;
    }

    .drMv-blk {
        display: block;
    }

    .drMv-col {
        width: 100%;
    }

    .drMv-Txt {
        width: 100%;
        padding-top: 80px;
    }

    .spntag {
        width: 350px;
        bottom: -50px;
        right: 50px;
    }

    .spntag p {
        font-size: 16px;
    }

    .spntag h3 {
        font-size: 16px;
    }

    .icons {
        font-size: 16px;
    }

    .abtContHd h2 {
        font-size: 42px;
    }

    .serviceBlkContain {
        padding: 40px;
    }

    .timeline-text h1 {
        font-size: 90px;
    }

    .sustainImage,
    .sustaiImage {
        height: 100%;
    }

    .sustaiImage img,
    .sustainImage img {
        height: 100%;
        object-fit: cover;
    }

    /* SERVICES */
    .pgHdCont h1 {
        font-size: 55px;
    }

    .pgHdCont p {
        font-size: 24px;
    }

    .ourImg02 {
        right: -116px;
    }

    .ourImg01 {
        padding-right: 100px;
    }

    .ourContent h2 {
        font-size: 36px;
    }

    .ourCataText h2 {
        font-size: 36px;
    }

    .cataImgText h4 {
        font-size: 24px;
    }

    .col-md-5ths {
        width: 25%;
    }

    .col-md-5ths:nth-child(5) {
        border-right: 1px solid #f1f1f1;
    }

    .col-md-5ths:nth-child(6),
    .col-md-5ths:nth-child(7),
    .col-md-5ths:nth-child(8),
    .col-md-5ths:nth-child(9),
    .col-md-5ths:nth-child(10) {
        border-bottom: 1px solid #f1f1f1;
    }

    .col-md-5ths:nth-child(4),
    .col-md-5ths:nth-child(8) {
        border-right: 0;
    }

    .ourImg02 {
        right: 0;
    }

    .ourImg02 img {
        width: 320px;
    }

    /* OIL & GAS */
    .servList .col-lg-3 {
        padding-left: 4px;
        padding-right: 4px;
    }

    .oilGasText h2 {
        font-size: 36px;
    }

    .lists h4 {
        font-size: 22px;
    }

    .oilGasImage {
        padding-left: 0;
    }

    /*FOOTER  */
    .ctaInput button {
        width: 70px;
        height: 70px;
    }

    .ctaCont h3 {
        font-size: 60px;
    }
}

@media (max-width: 999px) {
    .abtYrSlide span {
        font-size: 36px;
    }

    .mainMenu {

        background-color: #000000;
    }
    .abtIsoSwiper {
        width: 100%;
        overflow: hidden;
    }

    .mainMenu li a {
        color: #fff;
    }

    .ctaInput {
        width: 100%;
    }

     .vis .selected-lang span {
        color: #fff;
    }
    .navTogg.open span {
        background-color: #fff;
    }
    .ctaInpBlk {
        width: 50%;
    }
    .subMenu{
        background: #000000;
    }

    .resDkAbt .rsPl-0 {
        overflow: hidden;
    }

    .careerForm {
        max-width: 720px;
    }

    .susImg {
        width: 60px;
        height: 60px;
    }

    .cntInfHd {
        display: flex;
    }

    .portfolioPg .loadMore {
        margin-top: 20px;
    }

    .awardContent {
        padding-left: 0;
    }

    .joinCarImg::after {
        padding-top: 65%;
    }

    .sustainPoint {
        display: block;
    }

    .joinCarCont h2 {
        padding-bottom: 10px;
    }

    .joinCarCont {
        padding-left: 0px;
    }

    .awLn {
        padding-top: 0;
    }

    .yearSpn {
        width: 40px;
        height: 32px;
        font-size: 12px;
    }

    .year2Spn,
    .yearSpn {
        width: 100%;
        height: auto;
        padding: 8px;
        font-size: 25px;
    }

    .awsYear h1 {
        /* font-size: 90px; */
        display: none;
    }

    .yearAws,
    .year2Aws {
        position: static;
        width: 100%;
    }

    .awardsYr {
        display: block;
        margin-top: 0;
        margin-right: 0;
    }

    .awardsYr2 {
        flex-direction: column-reverse;
        margin-left: 0;
        margin-right: 0;
    }

    .awsCtnts {
        min-height: auto;
        margin-bottom: 0;
    }

    .awrdsContents {
        margin-top: 0;
    }

    .awardContent {
        margin-bottom: 0;
    }

    .awardsYr {
        margin-top: 40px;
    }

    .yearSpn::after,
    .year2Spn::after {
        width: 100%;
    }

    .awsYear {
        margin-bottom: 0;
    }

    .awsCtnts {
        width: 100%;
    }

    .awardsYr {
        margin-left: 0;
    }

    .awsCtnts {
        padding: 45px 20px 25px 20px;
        width: 100%;
    }

    .jbFrmRw {
        gap: 44px;
    }

    .crFrmClse {
        top: 54px;
    }

    .serviceBlkContain {
        padding: 26px;
    }

    .serPrvArr {
        left: 9px;
    }

    .serNxtArr {
        right: 9px;
    }

    .container {
        max-width: 720px;
    }

    .dkPortfolio .porttags {
        display: none;
    }

    .postGrdBlk {
        margin-top: 20px;
    }

    .portfolioHd {
        padding: 24px 23px;
    }

    .clmainBr::before {
        left: 24%;
    }

    .cliBrSn::before {
        right: 24%;
        left: inherit;
    }

    .cliSecBr::before {
        width: 100%;
        height: 2px;
        bottom: 27%;
        top: inherit;
        left: 0;
        background: linear-gradient(273deg,
                rgb(255 255 255 / 0%) -20%,
                rgb(0 0 0 / 7%) 62%,
                rgb(255 255 255 / 0%) 100%);
    }

    .cliBrFst::before {
        width: 100%;
        height: 2px;
        top: 50%;
        left: 0;
        background: linear-gradient(273deg,
                rgb(255 255 255 / 0%) -20%,
                rgb(0 0 0 / 7%) 62%,
                rgb(255 255 255 / 0%) 100%);
    }

    .clmainBr::after {
        top: 23%;
    }

    .cliBrTrd::after {
        width: 2px;
        height: 100%;
        bottom: 0;
        left: 50%;
    }

    .clientsContain {
        margin-top: 40px;
    }

    .abtCount {
        margin-bottom: 24px;
    }

    .tab button {
        font-size: 16px;
    }

    .rsPr-0 {
        padding-right: 0 !important;
    }

    .rsPl-0 {
        padding-left: 0 !important;
    }

    .abtContContain {
        padding-top: 40px;
    }

    .abtImg {
        height: auto;
    }

    .CntFlx {
        display: block;
    }

    .abtIsoContain {
        padding: 21px;
        background: #fff;
        box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
        height: 100%;
    }

    .abtYrImg,
    .abtYrImgContain {
        height: auto;
    }

    .abtYrSlDv {
        height: auto;
    }

    .abtContHd,
    .abtCont p,
    .abtCont .primeBtn {
        padding-left: 0;
    }

    .abtContHd {
        margin-bottom: 7px;
    }

    .abtCont .primeBtn {
        margin-top: 10px;
        margin-bottom: 0;
    }

    .dskDkAbt {
        display: none;
    }

    .resDkAbt {
        display: block;
    }

    .uspBgdIcn {
        position: absolute;
        right: 0;
        bottom: 0;
        top: inherit;
        transform: none;
    }

    .uspImageCol {
        padding-right: 0 !important;
    }

    .uspImage img {
        width: 100%;
    }

    .dkOurUsp {
        padding-top: 0;
    }

    .prSerlst ul {
        display: block;
    }

    .prSerlst li {
        width: 100%;
    }

    .portfolioHd {
        display: block;
    }

    .DetBtn {
        display: none;
    }

    .portfolioHdCont {
        width: 100%;
    }

    .portfolioHd h3 {
        font-size: 20px;
    }

    .projAchievement h3,
    .projGallery h3,
    .relHd h3 {
        font-size: 37px;
        margin-bottom: 30px;
    }

    .projLogo {
        height: 100%;
    }

    .projTitle h2 {
        font-size: 42px;
    }

    .projAchievement h3,
    .projGallery h3,
    .projServices h3,
    .relHd h3,
    .projDetCnt h3,
    .projScop h3 {
        font-size: 34px;
    }

    .projLogo img {
        height: 100%;
        object-fit: cover;
    }

    .achCnt {
        margin-bottom: 24px;
    }

    .relHd {
        align-items: initial;
    }

    .oilGasImage {
        display: none;
    }

    .oilText h5 {
        font-size: 20px;
    }

    .IntReportSec .finLft h4 {
        font-size: 22px;
    }

    .IntReportSec .finRgt a {
        font-size: 16px;
    }

    .finLft {
        margin-bottom: 14px;
    }

    .contactInformation .col-md-6 {
        margin-bottom: 30px;
    }

    .contactForm h2 {
        font-size: 42px;
    }

    .cntInfCont a {
        word-break: break-all;
        overflow-wrap: anywhere;
    }

    .cntInfBlk {
        padding: 17px;
    }

    .cntInfCont .cntPhone {
        font-size: 24px;
    }

    .cntInfHd h4 {
        font-size: 20px;
    }

    .contactForm {
        margin-bottom: 40px;
    }

    .contactInfo p {
        margin-bottom: 20px;
    }

    .contact {
        background-position: right;
    }

    .certImgBlk {
        padding: 18px;
    }

    .certImgBlk h4 {
        font-size: 18px;
    }

    .jbhd {
        padding-bottom: 10px;
    }

    .jbBlkCrd {
        padding: 20px;
    }

    .careerCont {
        padding-right: 0;
    }

    .srchInp {
        margin-bottom: 6px;
    }

    .primeBtn a {
        font-size: 16px;
    }

    .srchBlk {
        padding-bottom: 20px;
    }

    .jbCnt h3 {
        font-size: 23px;
    }

    .whyWork .col-md-6 {
        margin-bottom: 24px;
    }

    .careerImg {
        margin-top: 40px;
    }

    .careerOppImg {
        margin-bottom: 40px;
    }

    .bkLnk {
        text-align: right;
    }

    .bkLnk a {
        font-size: 15px;
    }

    .hroCont h1 {
        font-size: 40px;
    }

    .hroCont h1 span {
        font-size: 54px;
    }

    .newsContain .col-lg-4 {
        margin-bottom: 25px;
    }

    /* CLIENTS */

    .clItem {
        width: 25%;
    }

    /* FOOTER */
    .ctaCont h3 {
        font-size: 48px;
    }

    .ctaCont {
        width: 50%;
    }

    .ctaInput {
        width: 50%;
    }

    .ftrLog {
        padding-right: 0;
    }

    /*  */
    .dkPortfolio {
        margin-top: 220px;
    }

    .abtContHd h2 {
        font-size: 41px;
    }

    /* SERVICES */
    .ourCntImaage {
        justify-content: left;
        margin-top: 30px;
    }

    .ourSect p {
        font-size: 20px;
    }

    .gridBox {
        margin-top: 30px;
    }

    /* OIL & GAS */
    .companyPrfl {
        height: 500px;
        padding: 50px 30px;
    }

    .prflText {
        width: 100%;
    }

    .prfl {
        left: 25%;
        /* transform: translateX(-50%); */
    }

    .prfl img {
        width: 360px;
    }

    .imgContents {
        padding-top: 40px;
    }

    .listHead h2 {
        font-size: 40px;
    }

    .strength .col-lg-3 {
        margin-bottom: 20px;
    }

    .strImg img {
        width: 70px;
    }

    .strKey {
        padding: 0;
    }

    .lists {
        padding: 20px 10px;
    }

    /* ABOUT US */
    .abNumberCount {
        display: flex;
        gap: 20px;
        text-align: center;
        margin-top: 20px;
    }

    .spntag {
        width: 350px;
        bottom: -50px;
        right: -46px;
    }

    /* MEDIA */
    .newsContent h2 {
        font-size: 39px;
        margin-top: 20px;
    }

    .newsRecent .col-md-6 {
        margin-bottom: 30px;
    }

    /* INVESTOR */
    .invstService .col-md-6 {
        margin-bottom: 30px;
    }

    .padd {
        padding-bottom: 0;
    }

    .drBoard {
        padding-bottom: 50px;
    }

    .board .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .cliMnbr::before {
        left: 24%;
    }

    .cliFsbr::before {
        left: 50%;
    }

    .cliSnbr::before {
        display: none;
    }

    .cliTrbr::before {
        right: 24%;
    }

    .cliMnbr::after {
        top: 26%;
    }

    .cliFsbr::after {
        bottom: 50%;
    }

    .cliSnbr::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #f5f5f5;
        bottom: 25%;
        left: 0;
    }

    .awLn.awLn::after {
        display: none;
    }

    .ourCataText {
        margin-top: 20px;
    }

    .catagory {
        margin-left: 0;
    }

    @media (max-width: 999px) {
        .mainMenu {
            padding: 0;
            width: 100%;
            max-width: 100%;
        }

        .navMenu {
            width: 100%;
            max-width: 100%;
            padding-top: 80px;
            background: #000000
        }
    }

    .slideLink li a {
        padding: 12px;
        border-radius: 50px;
        border: 1px solid #fff;
        color: #fff;
        display: block;
        width: fit-content;
        margin-bottom: 10px;
        transition: all 0.3s;
        font-size: 15px;
    }

    .navMenu {
        width: 100%;
        max-width: 100%;
    }

    .mainMenu li a span {
        display: inline-block;
        width: 34px;
        height: 34px;
    }

    .subMenu {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: fixed;
        padding-top: 80px;
        overflow-y: auto;
        height: 100%;
        z-index: 222;
        opacity: 0;
        visibility: hidden;
    }

    .subMenu.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
        display: block !important;
    }

    .mainMenu li:hover .subMenu {
        display: none;
    }

    .resMnBK {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 20px;
        left: 20px;
        color: var(--primary-color);
        background-color: #fff;
        width: 44px;
        height: 44px;
        opacity: 0;
        visibility: hidden;
    }

    .resMnBK.show {
        visibility: visible;
        opacity: 1;
    }

    body.no-scroll {
        overflow: hidden;
    }

    .containeer {
        display: block;
    }

    .mapSection {
        display: block;
    }

    .buttons {
        position: relative;
        justify-content: center;
    }

    /* PROJECT */
    .clientImg img {
        width: 100%;
    }

    .crdFrmIc {
        width: 6%;
    }
}

@media screen and (max-width: 768px) {
    .clmainBr::after {
        top: 20%;
    }

    .cliBrFst::before {
        top: 40%;
    }

    .cliBrTrd::after {
        width: 100%;
        height: 2px;
        bottom: 39%;
        left: 0;
    }

    .cliSecBr::before {
        bottom: 20%;
    }

    .clmainBr::before {
        left: 33%;
    }

    .cliBrSn::before {
        right: 32%;
        left: inherit;
    }

    /* HERO */
    .hroCont h1 {
        font-size: 36px;
    }

    .hroCont h1 span {
        font-size: 46px;
    }

    /* AWARDS */

    .pgHdCont h1 {
        font-size: 42px;
    }

    .pgHdCont p {
        font-size: 18px;
    }

    .pageHeader {
        min-height: 450px;
    }

    .pgHdCont {
        padding-bottom: 60px;
    }

    h2 {
        font-size: 38px;
        font-weight: 500;
    }

    section {
        padding-top: 70px;
    }

    .awardContent {
        margin-bottom: 0;
    }

    .dkAwards {
        padding-bottom: 52px;
    }

    .awrdsContents {
        margin-top: 0;
    }

    .abtScHd .abtContHd {
        padding-left: 0;
        margin-bottom: 14px;
    }

    .Recognition {
        background-color: #f2f6f9;
        padding-bottom: 60px;
    }

    /* OIL & GAS */

    .dkServiceHero {
        height: 500px;
    }

    .serContent {
        margin-bottom: 60px;
    }

    .oilGasText h2 {
        font-size: 38px;
    }

    .listHead h2 {
        font-size: 38px;
        margin-bottom: 10px;
    }

    .listss h4 {
        font-size: 20px;
        margin-bottom: 38px;
    }

    .lists h4 {
        font-size: 20px;
        margin-bottom: 13px;
    }

    .prflText h2 {
        font-size: 25px;
        padding-bottom: 10px;
    }

    .prflText p {
        margin-bottom: 20px;
    }

    .strength h2 {
        font-size: 38px;
    }

    .prfl {
        left: 18%;
    }

    /* COMMITMENT */

    .sustainibility h2 {
        font-size: 38px;
    }

    /*  MANAGEMENT */

    .board-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .member img {
        width: 100%;
        height: auto;
    }

    .text-deteal {
        text-align: center;
    }

    .logImg img {
        width: 25%;
    }

    .text-deteal {
        width: 240px;
    }

    .serContent h1 {
        font-size: 39px;
    }

    .left-content h2 {
        font-size: 33px;
    }

    .stats-card {
        right: 15px;
        width: 160px;
    }

    /* .count {
        font-size: 17px;
    } */

    .stat-item {
        font-size: 12px;
    }

    /* ABOUT PAGE */

    .abTexts h2 {
        font-size: 33px;
    }

    .mVimg img {
        width: 100%;
    }

    .spntag {
        width: 300px;
        right: 0;
    }

    .dkMissinVission {
        padding-bottom: 80px;
    }

    .mVimg {
        padding-bottom: 20px;
    }

    .miViText {
        padding-top: 0;
    }

    .miViText p {
        margin-bottom: 20px;
    }

    .timeline-wrapper {
        gap: 60px;
    }

    .stat-box .number {
        font-size: 16px;
    }

    .map-section {
        min-height: 514px;
    }

    .ourLead h2 {
        font-size: 33px;
    }

    .timelineWrapper {
        gap: 60px;
    }

    /*  */
    .abtContHd h2 {
        font-size: 38px;
    }

    /* CLIENT */
    .clItem {
        width: 33.3%;
    }

    /* SERVICE */
    .cataImage img {
        width: 100%;
        height: 430px;
        object-fit: cover;
    }

    .cataImgText h4 {
        font-size: 30px;
    }

    .ourCataText h2 {
        font-size: 30px;
    }

    .col-md-5ths {
        width: 33.3%;
    }

    .dkOurSector .row {
        justify-content: center;
    }

    .col-md-5ths:nth-child(4),
    .col-md-5ths:nth-child(8) {
        border-right: 1px solid #f1f1f1;
    }

    .col-md-5ths:nth-child(3),
    .col-md-5ths:nth-child(6),
    .col-md-5ths:nth-child(9) {
        border-right: 0;
    }

    .col-md-5ths:nth-child(10) {
        border-right: 1px solid #f1f1f1;
        border-left: 1px solid #f1f1f1;
    }

    .prefix {
        font-size: 40px;
    }

    /* FOOTER */
    .ctaInput button {
        width: 50px;
        height: 50px;
    }

    .ctaCont h3 {
        font-size: 46px;
    }

    .ftrLnk {
        padding-left: 0;
    }

    .ftrCont {
        padding-top: 36px;
    }

    .ctaInput button img {
        width: 14px;
    }

    /* PROJECT */
    .clientImg img {
        width: 100%;
    }

    .cliCount {
        left: -20px;
    }

    /* MEDIA */
    .nwsMrBlk {
        flex-wrap: wrap;
        gap: 15px;
    }

    /* INVESTOR */
    .finDatHd {
        display: block;
    }

    .finRgt {
        margin-top: 15px;
    }

    .cliMnbr {
        min-height: 800px;
    }

    .cliMnbr::before {
        left: 34%;
    }

    .cliMnbr::after {
        top: 20%;
    }

    .cliFsbr::before {
        display: none;
    }

    .cliFsbr::before {
        content: "";
        display: block;
        position: absolute;
        top: 41%;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #f5f5f5;
    }

    .cliTrbr::before {
        right: 33%;
    }

    .cliFsbr::after {
        bottom: 40%;
    }

    .cliSnbr::after {
        bottom: 20%;
    }
}

@media screen and (max-width: 767px) {
    .joinCarCont h2 {
        padding-bottom: 8px;
        margin-top: 20px;
    }

    .ctaInpBlk {
        width: 100%;
    }

    .subMenu {
        max-height: 100%;
    }

    .dkClients .map {
        top: 0;
    }

    .projAchievement h3,
    .projGallery h3,
    .relHd h3 {
        font-size: 37px;
    }

    .projRelated .relHd h3 {
        margin-bottom: 14px;
    }

    .projRelated .relHd {
        margin-bottom: 30px;
    }

    .main-iso>div {
        padding-bottom: 10px;
    }

    .portMainImg::after {
        padding-top: 80%;
    }

    .mobRelated .swiper {
        padding-bottom: 40px;
    }

    .mobInvNews .swiper {
        padding-bottom: 80px;
    }

    .projRelated {
        padding-bottom: 70px;
    }

    .mobNews .swiper {
        padding-bottom: 80px;
    }

    .deskRelated {
        display: none;
    }

    .mobRelated {
        display: block;
    }

    .deskNews {
        display: none;
    }

    .mobNews {
        display: block;
    }

    .deskInvNews {
        display: none;
    }

    .mobInvNews {
        display: block;
    }

    .rel-arrow {
        position: absolute;
        bottom: 0;
        /* place at bottom */
        width: 50px;
        height: 50px;
        background: #ffffff;
        /* clean white */
        border: 1px solid #c0c0c0;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 10;
        transition: 0.3s ease-in-out;
    }

    .rel-arrow i {
        font-size: 16px;
        color: #3b3b3b;
    }

    /* POSITION BOTH ARROWS IN CENTER */
    .prev-arrow {
        left: 50%;
        transform: translateX(-55px);
        /* move to left from center */
    }

    .next-arrow {
        left: 50%;
        transform: translateX(15px);
        /* move to right from center */
    }

    .rel-arrow:hover {
        background: var(--primary-color);
    }

    .rel-arrow:hover i {
        color: #fff;
    }

    /* Glassmorphism style */
    .myGalSwiper .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 5px !important;
        border-radius: 50%;
        background: rgba(71, 71, 71, 0.897);
        transition: all 0.3s;
    }

    /* Active bullet (bigger + brighter) */
    .myGalSwiper .swiper-pagination-bullet-active {
        width: 24px;
        height: 10px;
        border-radius: 12px;
        background: var(--primary-color);
        border: 1px solid rgba(255, 255, 255, 0.6);
        backdrop-filter: blur(8px);
    }

    .myGalSwiper .swiper-pagination {
        bottom: 0 !important;
    }

    .deskGallery {
        display: none;
    }

    .mobGallery {
        display: block;
    }

    .ftrCta {
        display: block;
    }

    .ctaCont {
        width: 100%;
    }

    .ctaInput {
        width: 100%;
        margin-top: 20px;
    }

    /*  */
    .abtContHd {
        padding-left: 0;
    }

    .hdFlx {
        display: block;
    }

    .dkPortfolio .abtContHd {
        flex-wrap: wrap;
    }

    .portfolioSelect {
        margin-top: 20px;
    }

    .contactInpBlk .inpBlk {
        display: block;
    }

    .cntInp {
        margin-bottom: 8px;
    }

    .contactInpBlk .inpBlk {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 660px) {
    .logo img {
        width: 130px;
    }

    .srchBx {
        top: 20px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0 8px;
        transform: none;
    }

    .abtYrSlide span {
        font-size: 40px;
    }

    .careerForm {
        height: 100%;
        max-height: 100%;
        top: 0;
        left: 0;
        transform: none;
    }

    .uspContain .col-lg-5 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .clientsContain {
        max-width: 100%;
    }

    .clItem {
        width: 50%;
    }

    .crdFrmIc {
        width: 10%;
    }

    .sustainPoint {
        display: flex;
    }

    .iti-mobile .iti--container {
        left: 0 !important;
    }

    .pgHdCont p {
        font-size: 17px;
    }

    .crInp input {
        border-radius: 0;
    }

    .srchInp select {
        color: var(--drake-black);
    }

    .careerCont h3 {
        font-size: 20px;
    }

    .shareDataSec,
    .financeSec {
        padding-top: 30px;
    }

    .uspContain {
        padding-left: 0;
    }

    .modalContent {
        width: 100%;
        max-width: 100%;
    }

    .cataImage::after {
        padding-top: 100%;
    }

    .boardsPng,
    .boardPng {
        display: none;
    }

    .numTex {
        right: 8px;
    }

    .contactForm h2,
    .contactInfo h2 {
        font-size: 34px;
    }

    .contactForm h2,
    .contactInfo h2 {
        padding-bottom: 15px;
    }

    .contactForm p {
        padding-top: 0;
    }

    .awardContent {
        margin-bottom: 24px;
    }

    .modalHeader::after {
        right: 0;
    }

    .modalHeader {
        display: block;
        padding: 30px 28px;
    }

    .modalBody {
        padding: 28px;
    }

    .invstNews .hdFlx {
        margin-bottom: 40px;
    }

    .pgCrmb {
        margin-bottom: 15px;
        line-height: 0.2;
    }

    .hdFlx .primeBtn {
        margin-top: 20px;
    }

    .investPg {
        padding-top: 40px;
    }

    .mfp-arrow-right:before {
        border-left: none !important;
    }

    .mfp-arrow-left:before {
        border-right: none !important;
    }

    .portfolioHd {
        bottom: 0;
    }

    .awrdsContents {
        margin-top: 0;
    }

    .awLn {
        padding-top: 0;
    }

    .newsRecent .hdFlx {
        margin-bottom: 40px;
    }

    .awardsYr,
    .awardsYr2 {
        margin-top: 0;
    }

    .careerForm {
        padding: 30px;
    }

    .carFrmBlk h2 {
        font-size: 32px;
    }

    .carFrmBlk p {
        font-size: 17px;
        padding-top: 0;
    }

    .crFrmClse {
        top: 24px;
        right: 24px;
    }

    .jbFrmRw {
        display: block;
    }

    .dkClients .map img {
        width: 100%;
    }

    .msSelect {
        background-position: right 16px center;
        background-size: 11px;
    }

    .portfolioSelect select {
        padding: 18px;
    }

    .dkServices::before {
        background: linear-gradient(180deg,
                hsla(0, 0%, 0%, 1) 0%,
                hsl(0deg 0% 3.3% / 77%) 90% 90%,
                hsl(0deg 0% 90.7% / 0%) 100%);
        height: 100%;
    }

    .abtCount {
        margin-bottom: 34px;
    }

    .abtCount:last-child {
        margin-bottom: 0;
    }

    .timeline-nav-wrap {
        height: auto;
    }

    .dkPortfolio {
        margin-top: 15rem;
    }

    .abtBtmCount {
        margin-top: 40px;
    }

    .serviceBlkContain {
        padding: 20px;
    }

    .serBlk {
        padding: 20px;
    }

    .serCont p {
        font-size: 16px;
        line-height: 1.5;
    }

    .rsPr-0 {
        padding-right: 15px !important;
    }

    .rsPl-0 {
        padding-left: 15px !important;
    }

    .hroCont h1 span {
        font-size: 37px;
    }

    .hroCont h1 {
        font-size: 30px;
    }

    .slideLink {
        display: none;
    }

    .tab {
        flex-wrap: wrap;
    }

    .clmainBr::before {
        left: 50%;
    }

    .cliBrSn::before {
        display: none;
    }

    .clmainBr::after {
        top: 13%;
    }

    .cliBrFst::before {
        top: 25%;
    }

    .cliBrTrd::after {
        bottom: 24%;
    }

    .cliSecBr::before {
        bottom: 38%;
    }

    .cliBrFst::after {
        content: "";
        display: block;
        position: absolute;
        top: 38%;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(273deg,
                rgb(255 255 255 / 0%) -20%,
                rgb(0 0 0 / 7%) 62%,
                rgb(255 255 255 / 0%) 100%);
    }

    .cliSecBr::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(273deg,
                rgb(255 255 255 / 0%) -20%,
                rgb(0 0 0 / 7%) 62%,
                rgb(255 255 255 / 0%) 100%);
    }

    .projTitle h2 {
        font-size: 32px;
    }

    .projAchievement h3,
    .projGallery h3,
    .projServices h3,
    .relHd h3,
    .projDetCnt h3,
    .projScop h3 {
        font-size: 28px;
    }

    .projScop {
        padding-top: 30px;
    }

    .projAchievement {
        padding-bottom: 60px;
        padding-top: 60px;
    }

    .porttags {
        display: none;
    }

    .relHd {
        display: block;
        margin-bottom: 40px;
    }

    .dkCOMPanyPrf {
        margin-top: 0;
    }

    .oilText {
        margin-top: 8px;
    }

    .oilGasImage {
        display: block;
        margin-bottom: 14px;
    }

    .dkOilGas .row {
        flex-direction: column-reverse;
    }

    .oG .row {
        flex-direction: row-reverse;
    }

    .nwsMrBlk {
        flex-direction: column;
        gap: 30px;
    }

    .newsContent h2 {
        font-size: 27px;
    }

    .announcements {
        padding-bottom: 40px;
    }

    .finLft {
        display: block;
    }

    .finDatIc {
        width: fit-content;
        margin-bottom: 14px;
    }

    .finRghtBlk {
        flex-wrap: wrap;
        gap: 10px;
    }

    .finRghtBlk .finRgt {
        margin-bottom: 0;
    }

    .IntReportSec .finRgt a {
        margin-top: 0;
    }

    .fnInfPg .finRgt a {
        margin-bottom: 3px;
        display: block;
        width: fit-content;
    }

    .finRgt {
        margin-top: 0;
    }

    .certImgBlk {
        margin-bottom: 24px;
    }

    /* NAVMENU */
    .navMenu {
        width: 100%;
        max-width: 100%;
        transform: translateX(10px);
    }

    .navMenu.show {
        transform: translateX(0);
    }

    .rsMnCls {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .clItem {
        width: 50%;
    }

    /* SERVICES */
    .pgHdCont h1 {
        font-size: 50px;
    }

    .col-md-5ths {
        width: 50%;
    }

    .col-md-5ths:nth-child(3) {
        border-right: 1px solid #f1f1f1;
    }

    /* OIL */
    .oilGasText h2 {
        font-size: 32px;
    }

    .listHead h2 {
        font-size: 32px;
    }

    .listImage img {
        width: 100%;
    }

    /* PROJECTS */
    .portfolioHd {
        padding: 25px 10px;
    }

    .DetBtn {
        display: none;
    }

    .abtContHd h2 {
        font-size: 36px;
    }

    /* INVESTOR */
    .secTitle h2 {
        font-size: 36px;
    }

    /* CREDIT */
    .crdFrmHd h3 {
        font-size: 20px;
    }

    .crdFrmPg {
        padding-bottom: 60px;
    }

    .crdFrmHd {
        display: block;
    }

    .crdFrmIc img {
        margin-bottom: 10px;
    }

    .crdFrmOpt {
        flex-wrap: wrap;
    }

    .abNumberCount {
        display: block;
    }

    .mVimg img {
        width: 100%;
    }

    /* ABOUT */
    .sustainImg img,
    .sustaiImage img,
    .sustainsImg img {
        width: 100%;
    }

    .timeline-nav-wrap {
        height: auto;
        margin-bottom: 60px;
    }

    .LastPart {
        margin-top: 20px;
    }

    .timeArrw .uparr,
    .timeArrw .dwnarr {
        transform: rotate(-90deg);
    }

    .timeArrw .uparr {
        top: inherit;
        bottom: -34px;
        left: 35%;
    }

    .timeArrw .dwnarr {
        bottom: -34px;
        left: 60%;
    }

    .timeline-text {
        margin-bottom: 28px;
    }

    .dkHistory {
        padding-bottom: 60px;
    }

    .timeline-text h1 {
        font-size: 52px;
    }

    .mapSection img {
        width: 100%;
        height: 50vh;
    }

    .buttons {
        display: block;
        position: static;
        transform: inherit;
    }

    .buttons button {
        width: 100%;
        display: block;
        margin-bottom: 12px;
    }

    .mapSection {
        flex-direction: column;
    }

    .dkHistory .abtScHd {
        margin-bottom: 50px;
    }

    .textDeteal {
        width: 100%;
    }

    .textDeteal {
        bottom: 20px;
    }

    .board .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .ctaInput button img {
        width: 14px;
    }

    .search {
        display: none;
    }

    .search.dis {
        display: block;
    }

    .search img {
        width: 22px;
    }

    .sustainsImg {
        padding-top: 60px;
    }

    .bkLnk {
        display: none;
    }

    .awsYear {
        margin-bottom: 0;
    }

    .awsCtnts {
        width: 100%;
    }

    .awardsYr {
        margin-left: 0;
    }

    .awardsYr2 {
        margin-right: 0;
    }

    .awsYear h1 {
        display: none;
    }

    .awardsYr {
        display: block;
    }

    .awardsYr2 {
        flex-direction: column-reverse;
    }

    .year2Aws,
    .yearAws {
        width: 100%;
        position: static;
    }

    .awsCtnts {
        margin-bottom: 40px;
    }

    .year2Spn,
    .yearSpn {
        width: 100%;
        height: auto;
        font-size: 25px;
        text-align: center;
        padding: 12px 0;
        display: block;
    }

    .clientImg img {
        width: 100%;
    }

    .cli-nav ul {
        margin-top: 40px;
    }

    .cliTrbr::before,
    .cliMnbr::before,
    .cliMnbr::after,
    .cliFsbr::before,
    .cliSnbr::after,
    .cliFsbr::after {
        display: none;
    }

    .cliMnbr {
        min-height: auto;
    }

    .jbDetHd h2 {
        font-size: 28px;
        margin-top: 8px;
    }

    .srchBlk {
        padding-bottom: 14px;
    }

    .jbBlkCrd {
        padding: 18px;
        height: auto;
    }

    .jbCnt h3 {
        font-size: 22px;
    }

    p {
        font-size: 16px;
    }

    .primeBtn a {
        font-size: 16px;
    }

    .joinCarSec {
        padding-bottom: 84px;
    }

    .careerForm {
        height: 100%;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 426px) {
    .serviceBlkContain {
        max-width: 100%;
    }

    /* AWARDS */

    .pgHdCont h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 28px;
        font-weight: 500;
    }

    .awsYear h1 {
        font-size: 140px;
    }

    .yearSpn::after {
        display: none;
    }

    .year2Spn::after {
        display: none;
    }

    /* OIL & GAS */

    .dkServiceHero {
        height: 450px;
    }

    .serContent h1 {
        font-size: 30px;
    }

    .oilGasText h2 {
        font-size: 26px;
    }

    .listHead h2 {
        font-size: 26px;
        padding-bottom: 10px;
    }

    .listss {
        padding-bottom: 30px;
    }

    .lists {
        padding-bottom: 30px;
    }

    .prflText p {
        margin-bottom: 10px;
        line-height: 17px;
    }

    .prflText h2 {
        font-size: 18px;
        padding-bottom: 9px;
    }

    .dkOilGasServList {
        padding-bottom: 40px;
    }

    .strength h2 {
        font-size: 28px;
    }

    .left-content h2 {
        font-size: 24px;
    }

    .drBoard h2 {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .exicHead h2 {
        font-size: 24px;
    }

    .prfl {
        left: 14px;
    }

    .menuItem {
        padding-left: 30px;
    }

    /* MANAGEMENTS */
    .text-deteal {
        width: 186px;
    }

    /* ABOUT PAGE */

    .abTexts h2 {
        font-size: 28px;
    }

    .spntag {
        position: absolute;
        width: 300px;
        bottom: -110px;
        right: 4px;
    }

    .spntag p {
        font-size: 16px;
    }

    .icons {
        font-size: 16px;
    }

    .drMv-Txt {
        width: 100%;
        padding-top: 10px;
    }

    .miViImage {
        margin-bottom: 130px;
    }

    .dkAbouts {
        padding-bottom: 40px;
    }

    .dkMissinVission {
        padding-bottom: 55px;
    }

    .timeline-wrapper {
        display: table-header-group;
    }

    .history h2 {
        font-size: 24px;
        padding-bottom: 28px;
    }

    .timeline-text h2 {
        font-size: 22px;
    }

    .year-nav {
        padding-bottom: 30px;
    }

    .global h2 {
        font-size: 24px;
    }

    .containeer {
        display: block;
    }

    .map-section {
        margin-bottom: 15px;
    }

    .sustainibility h2 {
        font-size: 24px;
    }

    .sustaiText h2 {
        font-size: 24px;
    }

    /* CLIENT */
    .clItem {
        width: 50%;
    }

    /* SERVICE */
    .ourContent h2 {
        font-size: 30px;
    }

    .ourImg02 img {
        width: 250px;
    }

    .cataImgText h4 {
        font-size: 26px;
    }

    .dkOurUsp .uspImageCol {
        padding-right: 0;
        padding-left: 0;
    }

    .gridBox h2 {
        font-size: 34px;
    }

    /* FOOTER */
    .ctaCont h3 {
        font-size: 38px;
    }

    /* PROJECTS */
    .abtContHd h2 {
        font-size: 28px;
    }

    .clientPgCont h3 {
        font-size: 22px;
    }

    .cliCount {
        left: 0px;
    }

    /* MEDIA */
    .newHdCnt {
        padding: 30px 20px;
    }

    .nwsMrBlk {
        justify-content: center;
    }

    .newHdCnt {
        padding: 30px 20px;
    }

    /* INVESTOR */
    .secTitle h2 {
        font-size: 28px;
    }
}

@media screen and (max-width: 376px) {
    .dkPortfolio {
        margin-top: 19rem;
    }
}

@media screen and (max-width: 660px) {
    .navMenu {
        overflow-x: hidden;
    }
}

@media screen and (max-width: 321px) {
    .abtYrSlDv {
        padding: 15px;
    }

    .yrNxtArr {
        left: inherit;
        right: 25px;
    }


    .yrPrevArr {
        left: 18px;
    }

    .abtYrSlide span {
        font-size: 34px;
    }

    .yrPrevArr,
    .yrNxtArr {
        display: none;
    }

    .abtYr::after {
        right: 0;
        background: linear-gradient(to left, #004b8d 0%, transparent 60%);
    }

    .abtYr::before {
        left: 0;
        background: linear-gradient(to right, #004b8d 0%, transparent 70%);
    }

    .search img {
        width: 70px;
    }

    .dkServices {
        min-height: 1120px;
    }

    /* AWARDS */

    .awsYear h1 {
        font-size: 120px;
    }

    .awsYear {
        margin-bottom: 30px;
    }

    .awrdsContents {
        margin-top: 0px;
    }

    .text-deteal {
        width: 133px;
    }
}

@media (max-width: 376px) {
    /* OIL & GAS */

    /* MANAGRMENTS */

    .text-deteal {
        width: 160px;
    }

    /* SERVICES */
    .col-md-5ths {
        width: 100%;
        border: 1px solid #f1f1f1;
        margin-bottom: 5px;
    }

    .ourImg02 img {
        width: 150px;
    }

    .ourContent h2 {
        font-size: 26px;
    }

    .ourCataText h2 {
        font-size: 26px;
    }

    .gridBox h2 {
        font-size: 26px;
    }

    .count {
        font-size: 30px;
    }

    .prefix {
        font-size: 36px;
    }

    /* PROJECTS */
    .cliCount {
        bottom: 20px;
    }

    @media (max-width: 1200px) {
        .ticker-iframe-wrap iframe {
            height: 400px;
        }
    }

    @media (max-width: 992px) {
        .ticker-iframe-wrap iframe {
            height: 600px;
        }
    }
}

@media screen and (max-width: 999px) {
    .cgCntBlk .finRgt {
        margin-top: 0;
    }

    .finTab li {
        font-size: 20px;
    }
}

@media screen and (max-width:660px) {
    .cgArtCnt {
        padding: 0;
    }

    .financialContain h2 {
        font-size: 30px;
    }

    .finTabContain h2 {
        padding-bottom: 24px;
    }
}