@media screen and (max-width:1394px) {
    .aboutinCont h2 {
        font-size: 60px;
    }
    .ctaCont h3 {
        font-size: 100px;
    }
    .abt .title h2 {
        font-size: 70px;
    }
    .gradI img {
        max-width: 180px !important;
        max-height: 180px !important;
        margin-left: -200px;
        scale: 1.2 !important;
    }
    .gradI {
        max-width: 180px !important;
        max-height: 180px !important;
        margin-left: -200px;
        scale: 1.2 !important;
    }
    .ct-two h2 {
        filter: blur(0px);
        opacity: 0.4;
        margin-top: 35px;
    }
    .vid-sec {
        margin: 50px 0 0 0;
    }
    .scs-strs3 {
        padding-top: 37px;
    }
    .blg-inner-cont-img {
        width: 800px;
        height: 400px;
        margin-top: 50px;
    }
    .bloginCont h2 {
        font-size: 55px;
    }
}
@media screen and (max-width:1200px){
    .aboutinCont h2 {
        font-size: 52px;
    }
    .number a {
        font-size: 28px;
    }
    .ctInput button {
        margin-top: 30px;
    }
    .aboutinCont h2 {
        font-size: 50px;
    }
    .gradI img {
        display: none;
    }
    .gradI {
        display: none;
    }
    .abt .title h2 {
        font-size: 50px;
    }
    .fr-lt-fnt .btns button {
        padding: 12px 16px;
    }
    .ctaCont h3 {
        font-size: 78px;
    }
    .lx-client-blk {
        min-height: 242px;
    }
    .ct-two h2 {
        font-size: 50px;
    }
    .lx-vid video {
        height: 700px;
    }
    .ct-two h2 {
        margin-top: 60px;
    }
    .proj-img {
        height: 370px;
    }
    .vid-img {
        width: 100%;
        height: 100%;
    }
    .org-img img {
        max-width: 200px;
    }
    .gal-img {
        height: 320px;
    }
    .pstr-img {
        height: 310px;
    }
    .srv-frst {
        padding-top: 200px;
    }

}

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

    .loading-section .title-d,
    .loading-section .title,
    #loader {
        font-size: 36px;
    }

    .lx-vid video {
        height: 100vh;
    }

    .ct-one h1 {

        font-size: 62px;
    }

    .ct-cont {
        padding-right: 0;
    }

    .ct-cont {

        margin-top: 40px;
    }

    .ct-two h2 {

        font-size: 62px;
    }

    .abt-hd h2 {

        font-size: 36px;
    }

    .lx-about .abt-cont p {
        padding-right: 0;
        text-align: left;
    }

    .lx-about .abt-cont {

        max-width: 40%;
    }

    .msd .title h3,
    .service-col .title h2 {
        font-size: 34px;
        text-transform: uppercase;
    }

    .service-title h2 {
        font-size: 36px;
    }

    .service-context ul {

        gap: 10px;
    }

    .ctaCont h3 {

        font-size: 95px;
    }

    .cta-btm ul li a {
        font-size: 24px;
    }

    .ftr-cont {
        margin-top: 40px;
    }

    .mainMenu li a {

        font-size: 46px;
    }
    .mainIn.srv-sec h1 {
        font-size: 42px;
    }
    .fr-lt-fnt .btns button {
        padding: 15px 17px;
    }
    .aboutinCont{
        margin-top: 36px;
    }
    .abt .title h2 {
        font-size: 55px;
    }
    .lx-client-blk {
        min-height: 242px;
    }
    .lx-client .title h2 {
        font-size: 40px;
        margin-bottom: 48px;
    }
    .lx-project .title h2 {
        font-size: 40px;
    }
    .ct-two h2 {
        font-size: 44px;
        filter: blur(0px);
        opacity: 0.4;
        margin-top: 15px;
    }
    .lx-vid video {
        height: 549px;
    }
    .scs-strs4 h1 {
        font-size: 33px;
    }
    .stF {
        height: 619px;
    }
    .proj-img {
        height: 345px;
    }
    .blg-inner-cont-img {
        width: 600px;
        height: 330px;
    }
    .bloginCont h2 {
        font-size: 48px;
    }

}

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

    .loading-section .title-d,
    .loading-section .title,
    #loader {
        font-size: 30px;
    }

    .ct-one h1,
    .ct-two h2 {
        font-size: 43px;
    }

    .abt-hd h2 {
        font-size: 28px;
    }

    .abt-cont p {

        font-size: 15px;
    }

    .lx-about .abt-cont {
        max-width: 100%;
    }

    .service-col {
        margin-top: 70px;
    }

    .service-context svg {
        width: 15px;
    }

    .service-blk:hover {
        padding: 8px;
    }

    .msd .title h3,
    .service-col .title h2 {
        font-size: 29px;
        text-transform: uppercase;
    }

    .lx-client .title h2 {
        font-size: 32px;
    }

    .service-title h2 {
        font-size: 28px;
        scale: 0.8;
    }

    .lx-project .title h2 {
        font-size: 34px;
    }

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

    .mainMenu li a {
        font-size: 36px;
    }
    .gradI.gradI2 img {
        max-width: 200px !important;
        max-height: 200px !important;
        margin-right: 5px;
        scale: 1.2 !important;
    }
    .gradI.gradI2 {
        margin-top: 39px;
        margin-right: 27px;
    }
    .fr-lt-fnt {
        display: block;
    }
    .srv-img {
        margin: 50px auto;
    }
    .service-col .title h2 {
        padding-bottom: 40px;
    }
    .vid-sec video {
        width: 100%;
        height: 400px;
        object-fit: cover;
    }
    .cliImgBlk {
        margin-bottom: 0px;
    }
    .cta-ico-blk svg{
        width: 130px;
        height: 130px;
    }
    .cta-ico-blk .cta-ico svg{
        width: 50px;
        height: 50px;
    }
    .gal-img {
        height: 250px;
    }
    .pstr-btn {
        font-size: 14px;
        padding: 6px 22px;
    }
    .bk-tp-btn button {
        padding: 6px 10px;
        border-radius: 7px;
        font-size: 21px;
    }
    .pstr-img {
        height: 230px;
    }
    img.mfp-img {
        max-height: 510px !important;
    }
    .gap-img {
        width: 400px;
        height: 230px;
    }

}

@media screen and (max-width:767px) {
    .fr-lt-fnt .btns button {
        padding: 13px 16px;
        border-radius: 30px;
        background-color: transparent;
        border: 1px solid white;
        color: white;
        font-size: 11px;
    }
    .msd {
        padding-top: 4rem;
    }
    .service-context ul li {
        padding: 12px;
        font-size: 10px;
        text-align: center;
    }
    .lx-project.prjSection{
        margin-bottom: -235px;
    }
    .org-img img {
        max-width: 150px;
    }
    .lx-client-blk {
        min-height: 160px;
    }
    .aboutinCont h2 {
        font-size: 41px;
    }
    .brnd-btns button {
        padding: 15px 13px;
    }
    .brnd-img-sec-1 {
        height: 553px;
    }
    .brnd-cnt {
        margin-top: 30px;
    }
    .brnd-btns button {
        font-size: 12px;
    }
    .mainIn.srv-sec h1 {
        font-size: 29px;
    }
    .othr-hdng .h11 {
        margin-bottom: 49px;
    }
    .brnd-othr-srvs {
        padding: 100px 0;
    }
    .mainIn.srv-sec h1 {
        font-size: 37px;
    }
    .sty-img-bx2 {
        margin-top: 70px;
    }
    .sty-img-bx2.fr-rt {
        margin-top: -60px;
    }
    .sty-img-sec {
        margin: 301px 0 200px 0;
    }
    /* .pos-fx {
        position: relative;
        margin-top: -110px;
    } */
    .str-hdn {
        height: 260vh;
    }
    .vid-sec video {
        width: 100%;
        height: 340px;
        object-fit: cover;
    }
    .vid-sec {
        margin: 0px 0 -50px 0;
    }
    .scs-strs h1 {
        font-size: 33px;
        margin-top: 189px;
    }
    /* .vid-img {
        width: 100%;
        height: 435px;
        object-fit: cover;
        margin-top:0px;
    } */
    .lx-client-blk {
        min-height: 242px;
    }
    .clientImgGrid{
        display: none;
    }
    .frmobile {
        display: block !important;
    }
    .org-img.frmbl img {
        max-width: 200px;
    }
    .lx-menu-in {
        margin-top: -55px;
    }
    .mainMenu li+li {
        margin-top: 43px;
    }
    .vid-img {
        margin-top: 0px;
    }
    .ctaCont h3 {
        font-size: 68px;
    }
    .scs-strs4{
        padding-top: 0px;
    }
    .scs-strs3 {
        padding-top: 0px;
    }
    .cursor {
        background-color: transparent;
    }
    .slide-sec .prev_button {
        padding: 6px 13px;

    }
    .slide-sec .next_button {
        padding: 6px 13px;
    }
    .galsld .prev_button{
        position: absolute;
        top: 102%;
        left: 43%;
    }
    .galsld .next_button{
        position: absolute;
        top: 102%;
        right: 43%;
    }
    .pstr-btn {
        margin-top: 47px !important;
    }
    .category-btn .button {
        padding: 7px 21px;
        font-size: 13px;
    }
    .mfp-iframe-scaler {
        padding-top: 66.25%;
    }
    .navbtn a {
        font-size: 13px;
    }
    .navBar {
        gap: 24px;
    }
    .navLogo img {
        width: 140px;
    }
    .srv-frst {
        padding-top: 160px;
    }
    .blg-inner-cont-img {
        width: 100%;
        height: 290px;
    }
    .bloginCont h2 {
        font-size: 44px;
    }
    .blog-fl {
        padding-top: 170px;
        color: #fff;
    }

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

    .loading-section .title-d,
    .loading-section .title,
    #loader {
        font-size: 24px;
    }

    .rs-brac {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .load-flx {
        text-align: center;
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 100%;
        padding-right: 20px !important;
        padding-left: 20px !important;
        margin-right: auto;
        margin-left: auto;
    }

    .heroContent .lx-rw,
    .ftr-cont .lx-rw,
    .abt-blk .lx-rw {

        flex-wrap: wrap;
    }

    .lx-col-5 {

        width: 100%;
    }

    .lx-about .abt-cont {
        margin-top: 24px;
    }

    .abt-hd h2 {
        font-size: 23px;
    }

    .abt-img {
        margin-top: 40px;
    }
    .wtsap {
        right: 7px;
        bottom: 110px;
        width: 60px;
    }

    .ctaCont h3 {
        font-size: 42px;

    }

    .cta-bg {

        width: 150px;
    }

    .cta-ico {

        width: 40px;
    }

    .cta-btm {
        justify-content: start;
    }



    .proj-blk {
        margin-bottom: 40px;
    }

    .proj-blk-sub {
        margin-top: 0;
    }

    .ftrmenu {

        display: none;
    }

    .lx-cta {
        padding-top: 1em;
        padding-bottom: 0;
    }

    .dcta {
        display: none;
    }

    .rcta {
        display: block;
    }

    .rctaCont {
        display: flex;
        align-items: center;
    }

    .cta-ico-blk {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .hero-cont-sub {
        width: 100%;
    }

    .lx-vid video {

        display: flex;
        align-items: center;
    }

    .navBar {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 22px;
    }

    .mainMenu li a {
        font-size: 32px;
    }

    .mainMenu {

        padding: 20px;
    }

    .menu-social ul {
        display: block;
    }

    .menu-btm {

        padding: 20px;
    }

    .menu-btm-sb .ldx-txt {

        top: 0;
        font-size: 80px;
    }

    .menu-social ul li {
        margin-bottom: 12px;
    }

    .ct-two {

        display: none;
    }

    .lx-about .col-md-6,
    .lx-about .col-lg-5 {
        padding: 0;
    }
    .abt_in {
        padding-top: 25vw;
    }
    .abt_in.inabt {
        padding-top: 25vw !important;
    }
    .aboutinCont h2 {
        font-size: 40px;
        margin-top: 20px;
        margin-bottom: -15px;
    }
    .abtImgContent.fr-pdng{
        margin-top: 50px;
        margin-bottom: -60px;
    }
    p{
        font-size: 15px !important;
    }
    .abt .title h2 {
        font-size: 33px;
    }
    .abtClient {
        padding-top: 0px;
        margin-bottom: -56px;
    }
    .clientImgGrid {
        padding: 3em;
    }
    .cliImgBlk {
        margin-bottom: 20px;
        max-width: 200px;
    }
    .abt .title {
        margin-bottom: 31px;
    }
    .gradI{
        display: none;
    }
    .mainIn.srv-sec h1 {
        font-size: 30px;
    }
    /* .srv-frst {
        padding-top: 33vw;
    } */
    .srv-2 {
        padding: 0 0 20px 0;
    }
    .fr-lt-fnt {
        margin-bottom: 44px;
    }
    .und-ln {
        margin-top: 35px;
    }
    .aboutinCont h2 {
        font-size: 30px;
    }
    .contactDetblk{
        margin-top: 50px;
    }
    .number a {
        font-size: 20px;
    }
    .ctInput button {
        padding: 13px;
        font-size: 17px;
        margin-top: 38px;
    }
    .lx-about {
        padding-top: 0rem;
    }
    .sty-img-sec {
        margin: 301px 0 -131px 0;
    }
    .scs-strs4 h1 {
        font-size: 22px;
    }
    .str-hdn{
        width: 100%;
        height: 100%;
        text-align: center;
        height: 100%;
        position: relative;
        margin-bottom: -232px;
    }
    .str-hdn h1{
        position: relative;
        top: 0px;
        margin: 0 auto;
    }
    .pos-fx{
        position: relative;
        margin-top: 0px;
        margin-bottom: -269px;
    }
    .sty-img-bx2 {
        width: 100%;
        height: 350px;
        margin-top: 40px;
        float: right;
    }
    .sty-img-sec .row {
        margin-bottom: 100px;
    }
    .sty-img-bx {
        margin-top: 40px;
        height: 400px;
    }
    .scs-strs h1 {
        font-size: 30px;
        margin-top: 189px;
        line-height: 36px;
    }
    .scs-strs2 h1 {
        font-size: 28px;
        margin-bottom: 19px;
    }
    .scs-strs.scs-strs3 h1 {
        margin-top: 150px;
    }
    .scs-strs3.abt_tw{
        margin-top: 0px;
    }
    .msd .title h3 {
        font-size: 27px;
        text-transform: uppercase;
    }
    .stF {
        height: 456px;
    }
    .mainIn {
        margin-bottom: 612px;
    }
    .prM {
        margin-bottom: 612px;
    }
    .scs-strs2 {
        padding-top: 62px;
    }
    .fr-lt-fnt .btns button {
        margin-top: 10px;
    }
    .heroContent {
        margin-top: 10rem;
    }
    .lx-vid video {
        height: 436px;
    }
    .slide-sec .prev_button {
        padding: 4px 11px;
        position: absolute;
        top: 45%;
        left: -7px;
        font-size: 21px;
    }

    .slide-sec .next_button {
        padding: 4px 11px;
        position: absolute;
        top: 45%;
        right: -7px;
    }
    .lx-client {
        padding: 6em 0;
    }
    .bk-tp-btn {
        position: fixed;
        right: 20px;
        bottom: 8%;
        z-index: 22222;
    }


}

@media screen and (max-width: 575px) {
    .pstr-img {
        height: 300px;
    }
    .pstr-btn {
        font-size: 13px !important;
    }
    .frmb{
        display: block;
    }
    .nomb{
        display: none;
    }
    .frmb i{
        color: #fff;
    }
    .srv-frst {
        padding-top: 130px;
    }
}
@media screen and (max-width: 500px) {
    .srv-img {
        height: 274px;
    }
    .mainIn.srv-sec h1 {
        font-size: 27px;
    }
    .mainIn {
        margin-bottom: 556px;
    }
    .cta-ico-blk svg{
        width: 100px;
        height: 100px;
    }
    .cta-ico-blk .cta-ico svg{
        width: 30px;
        height: 30px;
    }
    .bk-tp-btn button {
        padding: 5px 8px;
        font-size: 20px;
    }
    .org-img img {
        max-width: 220px;
    }
    .navLogo img{
        width: 100px;
    }
    .pstr-btn {
        font-size: 12px !important;
        padding: 5px 18px;
        border-radius: 6px;
    }


    .mfp-iframe-scaler {
        padding-top: 100% !important;
    }
    .blg-inner-cont-img {
        width: 100%;
        height: 250px;
    }
    .bloginCont h2 {
        font-size: 40px;
    }
    .blog-fl {
        padding-top: 130px;
        color: #fff;
    }
    .gap-img {
        width: 349px;
        height: 204px;
    }
    .blg-inner-cont-text h3 {
        font-size: 20px;
    }



}
@media screen and (max-width: 400px) {
    .pstr-img {
        height: 260px;
    }
    .category-btn .button {
        padding: 7px 15px;
        font-size: 11px;
    }
    .bloginCont h2 {
        font-size: 37px;
    }
    .bloginCont h1 {
        font-size: 20px;
    }
    .blog-cont {
        margin-top: 40px;
    }
    .gap-img {
        width: 100%;
        height: 204px;
    }
    .blg-link {
        color: #000000;
        padding: 7px 18px;
        background-color: #5CFFEB;
        border-radius: 6px;
        font-size: 14px;
    }
    .blg-inner-cont-text h3 {
        font-size: 18px;
    }
    .blg-inner-cont-img {
        height: 220px;
    }
    .navbtn i {
        font-size: 15px;
    }
    .navbtn a {
        padding: 7px 15px;
    }

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

    .ct-one h1,
    .ct-two h2 {
        font-size: 32px;
    }

    .lx-about .col-md-6,
    .lx-about .col-lg-5 {
        padding: 0;
    }

    .abt-cont p {
        font-size: 14px;
    }

    .msd .title h3,
    .service-col .title h2 {
        font-size: 24px;
        text-transform: uppercase;
    }

    .service-col .title h2 {
        padding-bottom: 24px;
    }

    .service-title svg {

        width: 20px;
    }

    .service-title h2 {
        font-size: 24px;
    }

    .service-context ul {
        gap: 4px;
        flex-wrap: wrap;
    }

    .service-context ul li {
        width: fit-content;
    }

    .service-title {
        padding-bottom: 18px;
    }

    .lx-project .title h2 {
        font-size: 26px;
    }

    .proj-cont-blk h3 {

        font-size: 18px;
    }

    .lx-client .title h2 {
        font-size: 26px;
        margin-bottom: 32px;
    }

    .lx-client {
        padding: 3em 0;
    }

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

    .cta-bg {
        width: 110px;
    }

    .cta-ico {
        width: 20px;
    }

    .cta-btm ul li a {
        font-size: 22px;
    }

    .navBar {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 10px;
    }
}