body.no-scroll {
  overflow: hidden !important;
  overscroll-behavior: none;
  -webkit-overflow-scrolling: auto;
  width: 100%;
  height:100vh;
}

.herosectionvideo::-webkit-media-controls {
    display: none !important;
}

.herosectionvideo {
    pointer-events: none; 
}

@media only screen and (min-width:200px) and (max-width:767px) {
    .newhrline{
        margin:0 20px;
    }
    .single-design-insights  .whowearemainimage .mainimg{
    margin: 0px 0px !important;
}
.single-design-insights .project-overview {
    margin: 0 0px !important;
    }
    .single-design-insights .random-tagline {
    padding: 0 20px!important;
}
    .single-our-work .project-overview {
    margin: 0 00px !important;
}
.single-our-work .whowearemainimage .mainimg {
    margin: 0px 0px !important;
}
.single-our-work .projectdetailsnormalimg{
        gap: 30px !important;
}
    .our-team .ourteamcards .meetteam .details .detailspmain{
            font-size: 17px !important;
    }
    .our-team .ourteamcards .meetteam .details h2{
        gap: 2px;
    align-items: flex-start;
    flex-direction: column;
    }
    .who-we-are.about-page-whoweare{
    gap:20px
}
    .single-design-insights .project-overview .projectimages{
                padding: 0px 0 0;
    }
   .single-design-insights  .mainprojectvideo.blogprojectvideo {
    margin: 20px 0;
}
.single-design-insights .projectdetailsnormalimg {
    padding-top: 20px;
}
.single-design-insights .project-overview{
        padding: 0px 0 20px;
}
    .overview_top_section {
    padding-left: 0;
}
.post-type-archive-about-srn .whowearemainimage .mainimg{
    margin:0;
}
    .projectdetails .who-we-are-topbar .project-title{
            font-size: 20px !important;
    }
    .overview_top_section h2{
        font-size:20px;
        padding-top:10px;
    }
    .feature-work .featureprojects,.feature-work .featureprojects,.our-values .ourvaluescards,.our-team .ourteamcards {
    padding: 20px 0 0;
        
    }
    .viewmorebtn-new{
        padding-bottom:20px !important;
    }
    .projectdetails .who-we-are-topbar .projectdetails h2{
        font-size:16px !important;
    }
    .single-our-work  .whowearemainimage{
        margin-top:0;
    }
    .our-services .ourservicestopbar {
    margin-bottom: 20px;
}
.whowearemainimage{
     margin-bottom: 0px !important;
             margin-top: 20px;
}
.single-design-insights .whowearemainimage{
    margin-bottom: 20px !important;
             margin-top: 0px;
}
.feature-work{
    padding:0 !important;
}
    .our-work-list{
         grid-template-columns: repeat(1, 1fr) !important;
    }
    .our-services .ourservicesbottomdiv{
            grid-template-columns: repeat(1, 1fr);
            
    }
    .navbar .navbarleft .navmenus {
        display: none;
    }
    .feature-work .featureprojects{
        flex-direction:column;
    }
    /* 50% card */
/* First 6 items */
.feature-work .featureprojects .projectcardsa:nth-child(12n + 1),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 4),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 5),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 8),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 9),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 12){
    width: 100%;
     grid-column: span 12;
}

/* Opposite pattern */
.feature-work .featureprojects .projectcardsa:nth-child(12n + 2),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 3),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 6),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 7),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 10),
.feature-work .featureprojects .projectcardsa:nth-child(12n + 11){
    width: 100%;
     grid-column: span 12;
}
    .play-btn, .pause-btn{
        width:30px;
        height:30px;
    }
    .our-services .ourservicesbottomdiv h2
    {
        DISPLAY:FLEX;
        font-size:16px;
    }
    .our-services .ourservicesbottomdiv h2 span{
        text-align:left;
    }
    .our-values .ourvaluescards a:nth-child(1){
        border-bottom:unset !important;
    }
    .our-values .ourvaluescards a:nth-child(2){
        border-bottom:unset !important;
    }
     .our-values .ourvaluescards a:nth-child(3){
        border-bottom:unset !important;
    }
     .our-values .ourvaluescards a:nth-child(4){
        /*border-bottom:unset !important;*/
    }
    .our-servicesabout .ourvaluescards .cards:nth-child(4){
        border-bottom:1px solid #000 !important;
    }
    .company{
        width:75px;
        height:75px;
    }
    .text-replace .backnew.backnewslash,.text-replace .backnew.insight{
        display:none;
    } 
    .our-servicesabout{
                padding: 50px 0px 50px 0px !important;
                margin:0 20px;
    }
    .whowearemainimage .mainimg {
    margin: 00px 20px !important;}
    .whowearemainimage .mainimg.about-main-hero-img{
        margin:0 !important;
    }
    .who-we-are.about-page-whoweare{
                padding: 30px 0px;
    }
     .who-we-are.about-page-whoweare h2,.who-we-are.about-page-whoweare p{
             padding-left: 20px;
    padding-right: 20px;
     }
    .maincontent{
    padding:0 20px 60px;
}
.plus_group{
    justify-content:center;
    align-items:center;
    display:inline-block;
    grid-template-columns:repeat(2,1fr);
    text-align:center;
}
.maincontent .privacydata h1{
    font-size:18px;
}
.maincontent .privacydata{
    padding-top:30px;
}
    .isherosectionarrow{
        bottom:12%;
    }
    .previus-nextprojects .ourspotlight .tagline-wrapper .feature-worktagline p{
        font-size:18px;
    }
    .tagline .word{
        line-height:20px;
    }
    .projectdetailsnormalimg{
    gap:20px !important;
    padding-top:20px;
    }
    .project-overview .overview {
    font-family: var(--third-font);
    width:100%;
}
    .herosectionmain{
        /*height:500vh;*/
    }
.nav_side.is--left, .nav_side.is--right {
    width:100%;
}
.mainlogo-target a{
    margin-top:0;
}
    .nav_side.is--left,
    .nav_side.is--right button {
        display: none;
    }
.hero-textgaping{
    flex-direction:column;
}
    .mainnavbar {
        position: fixed !important;
        top: 0;
        width: 100%;
    }
.random-text{
    font-size:16px;
}
.random-text p br{
    display:none;
}
    .navbar {
        padding: 0 0px !important;
    }

    .navbar .navbutton button {
        font-size: 14px;
        padding: 8px 20px;
    }

    .mainnavlogowrap {
        height: auto;
    }

    .logo-target {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .static-logo {
        /*width: 65px !important;*/
         width: 100px;
        position: relative;
        margin-top: 0%;
    }
.mainlogo-target img{
    width: 100px;
    margin-top: 0;
}
.mainnavlogowrap .mainlogo-target{
    margin-top: 0;
}
    .tagline {
        font-size: 15px;
        padding:0 20px;
    }
.feature-work .featurewordtopbar .tagline-wrapper,.our-services .ourservicestopbar .tagline-wrapper,.spotlight .ourspotlight .tagline-wrapper{
    gap:20px;
}
    .menubars {
        display: flex !important;
    }

    .nav_logo-wrap {
        flex: unset;
    }
.nav_logo-wrap{
    top: unset;
    bottom: unset;
    height: 100px;
}
    .navbar .navbutton button {
        display: none;
    }

    .sidebar ul li a {
        color: #fff !important;
        text-decoration: none;
        font-size: 25px !important;
        transition: color 0.2s ease;
    }

    /* home page  */
    .text-line {
        font-size: 3.5rem;
    }

    .images img {
        width: 150px;
    }

    .images .gridimg1 img {
        top: 15%;
        z-index:-1;
    }

    .images .gridimg2 img {
        left: 51%;
        top: 19%;
    }

    .images .gridimg3 img {
        top: 40%;
        left: 3%;
    }

    .images .gridimg5 img {
        left: 53%;
        top: 41%;
        z-index: -1;
    }

    .images .gridimg4 img {
        top: 74%;
        left: 1%;
    }

    .images .gridimg6 img {
        left: 51%;
        top: 77%;
        z-index: -1;
    }

    .random-text {
        padding: 50px 20px;
    }

    .feature-work {
        padding: 50px 0;
    }

    /* home page  */
    .who-we-are {
        margin-top: 100px;
        padding: 30px 20px;
        flex-direction:column;
    }

    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featurewordtopbar .heading,
    .our-services .ourservicestopbar .heading h2,
    .spotlight .ourspotlight .heading h2 {
        font-size: 15px;
    }

    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-team .our-teamtopbar p,
    .awards .desc p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p ,.testimonials .testimonialtext p,.our-team .ourteamcards .meetteam .details h2{
        font-size: 16px !important; 
        line-height: 1.4;
    }

    .our-services {
        padding: 50px 20px;
    }
.homepagenewservicepage{
      padding: 50px 0px;
}
.homepagenewservicepage .ourservicestopbar {
    padding: 0px 20px;
}
    .our-services .ourservicestopbar {
        /*padding: 0 20px;*/
    }

    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button {
        font-size: 15px;
        text-wrap: nowrap;
        padding: 7px 20px;
    }

    .spotlight {
        padding: 50px 20px;
    }

    .spotlight .spotlightcards {
        grid-template-columns: repeat(1, 1fr);
        gap:20px
    }

    .testimonials {
        margin: 0 20px 0;
        padding: 50px 0;
    }

    .testimonials .testimonialtext p {
        font-size: 22px;
    }

    .testimonials .testimonialtext p br {
        display: none;
    }

    .testimonials .testimonialtext h2 {
        font-size: 15px;
    }

    .ourservicesbottomdiv>div {
        /*text-align: center;*/
        width:100%;
    }

    .our-services .ourservicesbottomdiv {
        font-size: 23px;
                gap: 20px;
    }

    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 16px;
    }

    .our-values {
        padding:50px 20px 50px 20px;
    }
.whowearemainimage{
    margin-bottom:50px;
}
    .our-values .ourvaluescards {
        flex-direction: column;
    }

    .our-values .ourvaluescards a {
        width: unset;
        border: 1px solid #000 !important;
    }

    .our-team {
        margin: 0 20px;
        padding: 50px 0;
    }

    .our-team .ourteamcards {
        grid-template-columns: repeat(1, 1fr);
          gap: 30px;
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 20px !important;
    }

    .our-team .ourteamcards .meetteam .details p {
        /*font-size: 12px !important;*/
    }

    .ourteamcardgridfour {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .awards,
    .joinus {
        padding: 50px 20px;
        flex-direction:column;
        gap:20px;
    }

    .clients {
        margin: 0 20px;
        padding:50px 0;
    }

    .footersection {
        padding: 50px 20px;
    }

    .footersection .footerdetails {
        padding-top: 50px;
    }

    .footersection .footerdetails {
        flex-direction: column;
        gap: 20px;
    }

    .footerbottom {
        margin: 0 20px;
    }

    .footerbottom .details {
        padding: 50px 0;
        flex-direction: column;
        gap: 30px;
    }

    .footerbottom .details .bottomlogo img {
        width: 110px;
    }

    .footerbottom .details .text p {
        font-size: 15px;
    }

    .footerbottom .copyright {
        font-size: 12px;
    }
.feature-work .featureprojects .projectcards .projectname p{
    font-size:18px;
}
.feature-work .featureprojects .projectcards .projectname h2{
    font-size:16px;
}
    /* ourteammember */
    .ourteam-member {
        padding: 30px 20px;
        display: flex;
        gap: 20px;
        margin-top: 100px;
        flex-direction: column;
    }

    /* ourteammember */
    /* our work  */
    .feature-work {
        margin: 50px 20px 0;
    }
    .homepagenewfeaturework{
         margin: 50px 0px 0;
    }
.ourworkfeaturework{
     margin:   0 20px ;
}
    .ourworkfeaturework .filter-menu {
        gap: 12px;
    }

    .ourworkfeaturework .filter-menu span {
        font-size: 14px;
    }

    .feature-work .featureprojects {
        gap:20px;
        grid-template-columns: repeat(1, 1fr);
    }

    .clientlogo {
        margin: 0 20px;
    }

    .projectdetails .who-we-are-topbar .projectdetails {
        gap: 15px;
        flex-direction:column;
    }

    .projectdetails .who-we-are-topbar .projectdetails h2 {
        font-size: 14px;
    }

    .projectdetails .who-we-are-topbar h2 {
        font-size: 25px;
    }

    .project-overview {
        margin: 0 20px !important;
        /*padding:20px 0 50px;*/
    }

    .project-overview .overview p br {
        display: none;
    }

    .project-overview .projectimages {
        flex-direction: column;
        gap: 20px !important;
            padding: 20px 0 0;
    }

    .random-tagline p br {
        display: none;
    }

    .previus-nextprojects {
        padding: 60px 20px 20px;
    }
.ourworkprevnextpage{
    padding: 0 20px 20px;
}
    .previus-nextprojects .prenextprojectdiv {
        gap: 15px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 18px;
        padding-top: 15px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a {
        font-size: 13px;
    }

    /* our work  */
    /* .behindscreen */
    .behindscreen {
        margin: 0 20px;
        padding:80px 0 0px 0;
    }

    .behindscreen .spotlight {
        padding: 0;
    }

    /* .behindscreen */
    .blogdetailsdesc {
        padding:  0 20px 50px 20px;
    }

    .blogdetailsdesc p br {
        display: none;
    }

    .random-tagline p {
        font-size: 18px;
    }

    .random-tagline p br {
        display: none;
    }

    .blogdetailsnormalimg {
        width: 100%;
    }

    .recentblogs {
        padding: 50px 20px;
    }

    .careerssection {
        margin: 100px 20px 0;
        padding: 30px 0 !important;
    }

    .jobposting .jobdetails {
        padding: 50px 0;
        margin: 0 20px;
    }

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

    .jobapplyform {
        padding: 50px 20px;
    }

    .jobapplyform .jobformtopbar p {
        font-size: 20px;
    }

    .jobapplyform .jobapply-form .applyforminputs {
        flex-direction: column;
    }

    .contactus-form {
        margin-top: 100px;
    }

    .thankyoutext {
        margin-top: 100px;
        padding: 50px 20px;
    }

    .thankyoutext p br {
        display: none;
    }

    .thankyoutext h2 br {
        display: none;
    }

    .who-we-are .who-we-are-topbar p br {
        display: none;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 100px;
    }

    .project-overview .projectimages .image {
        height: auto;
    }
    .mainnavlogowrap{
        position: absolute !important;
    }
    sticky-circle_element {
    width: 200px !important;
    height: 200px !important;
}
.staticlogoanchor{
    margin-top:0%;
}
  /* .text-replace .back {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        text-wrap: wrap;
    } */

  
.text-replace .text-layer .back, .text-replace .backnew{ font-size: 34px;text-wrap: wrap;}
.text-replace .text-layer .back {
    transform: translateY(130%);}
    .feature-work .featureprojects .projectcards .projectimg{
        height: 250px;
    }
    .feature-work .featureprojects .projectdetails h2{
        font-size:20px;
    }
    .spotlight .spotlightcards .img{
        height: 200px;
    }
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2{
        font-size:18px;
    }
    .our-services .ourservicesbottomdiv img{
        width: 100%;
    height:auto;
}
.ig_container{
    width:90%;
}
.iframe-container{
    height:5rem;
}
}
.projectdetails.work_title{
    font-family:var(--second-font);
    font-weight:400 !important;
}
@media only screen and (min-width:768px) and (max-width:1023px) {
    .overview_top_section {
    padding-left: 0;
}
    .who-we-are.about-page-whoweare h2, .who-we-are.about-page-whoweare p {
        padding-left: 60px;
        padding-right: 60px;
    }
        .who-we-are.about-page-whoweare {
        padding: 50px 0px;
    }
.who-we-are.about-page-whoweare {
    gap: 20px;
    flex-direction: column;
}
.our-team .ourteamcards .meetteam .details h2{
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
}
       .company{
        width:100px;
        height:100px;
    }
    .who-we-are.projectdetails{
        flex-direction:column;
    }
    .overview_top_section{
        padding-top:20px;
    }
    .projectdetails .who-we-are-topbar .project-title,.overview_top_section h2{
        font-size:20px !important;
    }
    .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
    height: 200px !important;
}
    .ig_container{
    width:85%;
}
.iframe-container{
    height:20rem;
}
       .tagline .word{
        line-height:30px;
    }
    .text-replace .back{
            transform: translateY(120%);
    }
    .our-services .ourservicesbottomdiv{
    
        height:auto;
        /*padding:100px 0;*/
            grid-template-columns: repeat(2, 1fr);
    }
    .plus_group {
    display: grid;
    gap: 16px;
    padding-top: 15px;
    grid-template-columns: repeat(4, 1fr);
    justify-items: center;
    justify-content: center;
    align-items: center;
}
    .feature-work .featureprojects .projectcards .projectname p{
        line-height:22px;
        font-size:19px;
    }
    .ourworkfeaturework {
    padding: 0px 0 0;
}
    .text-replace .text-layer .back, .text-replace .backnew{ font-size: 65px;text-wrap: wrap;}
        .project-overview .overview {
    font-family: var(--third-font);
    width:100%;
}
     .spotlight .spotlightcards .img{
        height: 200px;
    }
    .project-overview .projectimages .image {
        height: 200px;
    }
    .random-text p br{
        display:none;
    }
  .mainnavlogowrap{
        position: absolute !important;
    }
    .nav_side.is--left, .nav_side.is--right {
    width:100%;
}
    .thankyoutext {
        margin-top: 100px;
    }

    .contactus-form {
        margin-top: 100px;
    }

    .careerssection {
        padding: 60px 0 !important;
    }

    .blogdetailsdesc p br {
        display: none;
    }

    .navbar .navbarleft .navmenus {
        display: none;
    }

    .mainnavbar {
        position: fixed !important;
        top: 0;
        width: 100%;
    }
.mainnavlogowrap .mainlogo-target{
    margin-top: -4%;
}
    .nav_side.is--left,
    .nav_side.is--right {
        gap: 0;
    }

    .navbar {
        padding: 0 0px !important;
    }

    .static-logo {
        position: unset;
        /*width: 80px !important;*/
    }
.staticlogoanchor{
    margin-top:-6%;
}
    .images .gridimg3 img {
        left: 16%;
    }

    .images .gridimg5 img {
        right: 0%;
    }

    .navbar .navbutton button {
        font-size: 14px;
        padding: 8px 20px;
    }

    .logo-target {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .text-line {
        font-size: 5rem;
    }
.feature-work .featureprojects{
        padding: 30px 0 0;
}
    .images .gridimg6 img {
        bottom:0;
    left:2%;
    }
.tagline{
    font-size:22px;
}
    .images .gridimg4 img {
        top: 80%;
    }

    .menubars {
        display: flex !important;
    }

    .nav_logo-wrap {
        flex: unset;
    }

    .navbar .navbutton button {
        display: none;
    }

    .sidebar ul li a {
        color: #fff !important;
        text-decoration: none;
        font-size: 25px !important;
        transition: color 0.2s ease;
    }

    .who-we-are {
        margin-top: 100px;
        padding: 50px 60px;
    }

    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-team .our-teamtopbar h2,
    .awards .title h2 {
        font-size: 16px;
    }

    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-team .our-teamtopbar p,
    .awards .desc p,
    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p {
        font-size: 22px;
    }
.projectdetails .who-we-are-topbar h2{
    font-size:30px;
}
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button {
        text-wrap: nowrap;
        padding: 7px 20px;
    }

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

    .who-we-are .who-we-are-topbar p br {
        display: none;
    }

    .testimonials .testimonialtext p br {
        display: none;
    }

    .testimonials .testimonialtext p {
        font-size: 30px;
    }

    .our-values .ourvaluescards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .our-values .ourvaluescards a {
        width: unset;
        border: 1px solid #000 !important;
    }
  .our-values .ourvaluescards a:nth-child(1){
        border-bottom:unset !important;
    }
    .our-values .ourvaluescards a:nth-child(2){
        border-bottom:unset !important;
        border-left:unset !important;
    }
     .our-values .ourvaluescards a:nth-child(3){
        /*border-bottom:unset !important;*/
                border-right: unset !important;
    }
     .our-values .ourvaluescards a:nth-child(4){
        /*border-bottom:unset !important;*/
    }
    .our-team .ourteamcards {
        grid-template-columns: repeat(2, 1fr);
    }

    .ourteamcardgridfour {
        grid-template-columns: repeat(2, 1fr) !important;
        gap:15px;

    }

    /* ourteammember */
    .ourteam-member {
        padding: 60px;
        display: flex;
        gap: 20px;
        margin-top: 100px;
        flex-direction: column;
    }

    /* ourteammember */
    /* our work  */
    .feature-work .featureprojects {
        grid-template-columns: repeat(2, 1fr);
    }
.our-work-list{
     grid-template-columns: repeat(2, 1fr) !important;
}
    /* our work  */
    /* project details  */
    .project-overview .overview p br {
        display: none;
    }

    /* project details  */
    .behindscreen .spotlight {
        padding: 0;
    }

    .mainlogo-target img {
        margin-top: 0%;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 250px;
    }
      .feature-work .featureprojects .projectcards .projectimg{
        height: 300px;
    }
    .feature-work .featureprojects .projectcardsa:nth-child(1),
.feature-work .featureprojects .projectcardsa:nth-child(4),
.feature-work .featureprojects .projectcardsa:nth-child(5){
    width:100%;
        grid-column: unset;
}

/* 100% style wider card */
.feature-work .featureprojects .projectcardsa:nth-child(2),
.feature-work .featureprojects .projectcardsa:nth-child(3),
.feature-work .featureprojects .projectcardsa:nth-child(6){
    width:100%;
        grid-column: unset;
}
}

@media only screen and (min-width:1024px) and (max-width:1220px) {
    .our-team .ourteamcards{
        grid-template-columns: repeat(2, 1fr);
    }
      .ig_container{
    width:90%;
}
.iframe-container{
    height:20rem;
}
        .project-overview .overview {
    font-family: var(--third-font);
    width:100%;
}
  .our-services .ourservicesbottomdiv{
    
        height:auto;
        padding:100px 0;
    }
.plus_group{
    gap:6px
}
     .spotlight .spotlightcards .img{
        height: 200px;
    }
    .mainnavbar .navbarleft {
        padding: 0 !important;
    }
    .navbar .navbarleft ul{
        gap:12px
    }
    .text-line{
        font-size:110px;
    }
  .mainnavlogowrap{
        position: absolute !important;
    }
     .mainnavlogowrap .mainlogo-target {
        margin-top: -3%;
    }
    .mainnavbar {
        padding: 0 30px !important;
    }

    .section.is--nav {
        padding: 0;
    }

    .container.is--nav {
        padding: 0 20px;
    }

    .who-we-are .who-we-are-topbar p br {
        display: none;
    }

    .testimonials .testimonialtext p br {
        display: none;
    }

    .mainlogo-target img {
        margin-top: -3%;
    }
  .feature-work .featureprojects .projectcards .projectimg{
        height: 380px;
    }}

@media only screen and (min-width:1280px) and (max-width:1320px) {
    .project-overview .projectimages .image {
        height: 300px;
    }

    .section.is--nav {
        padding: 0 20px;
    }

    .container.is--nav {
        padding: 0;
    }
    .text-line{
        font-size:100px;
    }
}

@media only screen and (min-width:1321px) and (max-width:1439px) {}

@media only screen and (min-width:1440px) and (max-width:1720px) {
    .our-services .ourservicesbottomdiv .newdesignsection{
        height:350px;
    }
    .our-services .ourservicesbottomdiv{
        font-size:45px;
        /*gap:70px;*/
    }
    .images .gridimg4 img {
    right: 17.5%;
    BOTTOM: 4%;
    }
.feature-work .featureprojects .projectcards .projectimg{
    height: 700px;
}}

@media only screen and (min-width:1721px) and (max-width:2200px) {
     .our-services .ourservicesbottomdiv .newdesignsection{
        height:550px;
    }
    .prenextprojectdiv_btn a{
        font-size:20px;
    }
   
      .our-services .ourservicesbottomdiv h2{
        font-size:40px;
        padding:30px 40px;
    }
    .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
    height: 350px !important;
}
.static-logo
 {
    margin-top: -1.5%;
}
.mainlogo-target a {
    margin-top: -2%;}
 .spotlight .spotlightcards .img{
        height: 320px;
    }
.images img{
    width:350px;
}
.staticlogoanchor{
    margin-top:-2%;
}
.images .gridimg4 img {
    right: 18.3%;
    BOTTOM: 1%;}
.text-line{
    font-size:140px;
}
.hero-text .tagline{
    font-size:30px !important;
}
 .our-services .ourservicesbottomdiv{
        font-size:50px;
        /*gap:80px;*/
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p {
        font-size: 18px !important;
    }
.projectdetails .who-we-are-topbar .projectdetails h2,
.our-values .ourvaluescards .cards .desc p,
.ourteam-member .ourteam-member-left .desc p,
.who-we-are .who-we-are-topbar p,
.blogdetailsdesc p,
.project-overview .overview p,
.jobposting .jobdetails .desc p,
.jobposting .jobdetails .desc .jobbulletpoints ul li,
.awards .desc p{
    font-size: 16px !important;
}
    
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 20px;
    }
.random-text{
    font-size:28px;
}
    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,.feature-work .featureprojects .projectdetails h2 a {
        font-size: 18px !important;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .ourworkfeaturework .filter-menu span,
    .random-tagline p {
        font-size: 22px;
    }

    /* .mainlogo-target img {
        margin-top: -2%;
    } */

    .projectdetails .who-we-are-topbar h2 {
        font-size: 25px !important;
    }

    .thankyoutext h2 {
        font-size: 30px;
    }
     .overview_top_section p,.blogdetailsdesc p{
        font-size:18px !important;
    }
  .feature-work .featureprojects .projectcards .projectimg{
        height: 700px;
    }}

@media only screen and (min-width:2201px) and (max-width:2500px) {
     .our-services .ourservicesbottomdiv .newdesignsection{
        height:750px;
    }
    .herosvideosection .hero-desc{
        font-size: 20px;
    }
                  .instagramtitles h2{  font-size: 20px;
              
              }
              
                .instagramtitles a{ font-size:20px; }
                  .overview_top_section p{
                    font-size:20px;
                }
               
                 .spotlight .spotlightcards .img{
                    height: 450px;
                }
                .mainlogo-target a {
                margin-top: -2%;}
                .feature-work .featureprojects .projectcards .projectimg{
                    height: 450px;
                }
            .our-services .ourservicesbottomdiv{
                    font-size:55px;
                    /*gap:90px;*/
                }
                .our-services .ourservicesbottomdiv sup{
                    font-size:35px;
                }
                .navbar .navbarleft ul li a,
                .navbar .navbutton button,
                .tagline,
                .feature-work .featurewordtopbar .heading h2,
                .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
                .our-services .ourservicestopbar .heading h2,
                .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
                .spotlight .ourspotlight .heading h2,
                .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
                .spotlight .spotlightcards .details h3,
                .spotlight .spotlightcards .details p,
                .footerbottom .details .text p,
                .who-we-are .who-we-are-topbar h2,
                .our-values .ourvaluestopbar h2,
                .our-values .ourvaluescards .cards .values p,
                .our-values .ourvaluescards .cards .desc p,
                .our-team .our-teamtopbar h2,
                .awards .title h2,
                .ourteam-member .ourteam-member-left .desc p,
                .feature-work .featureprojects .projectdetails a,
                .projectloadmorebutton button,
                .clientlogo .title h2,
                .projectdetails .who-we-are-topbar .projectdetails h2,
                .project-overview .overview p,
                .behindscreen .behindcreeentopbar h2,
                .designinsightloadmorebutton button,
                .blogdetailspage .who-we-are-topbar h3,
                .blogdetailsdesc p,
                .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
                .recentblogs .recentblogtopbar .recentblogtopbarright button,
                .jobposting .jobdetails .title button,
                .jobposting .jobdetails .title h2,
                .jobposting .jobdetails .desc h2,
                .jobbulletpoints h2,
                .jobposting .jobdetails .desc p,
                .jobposting .jobdetails .desc .jobbulletpoints ul li,
                .jobapplyform .jobformtopbar h2,
                .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
                .jobapplyformsubmit button,
                .thankyoutext p,
                .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a {
                    font-size: 20px !important;
                }
            
                
                .feature-work .featureprojects .projectcards .projectname h2 {
                    font-size: 22px;
                }
            
                .feature-work .featureprojects .projectcards .projectname p {
                    font-size: 22px;
                }
            
                .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
                .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
                .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
                .who-we-are .who-we-are-topbar p,
                .our-values .ourvaluestopbar p,
                .our-values .ourvaluescards .cards .values h2,
                .our-team .our-teamtopbar p,
                .ourteam-member .ourteam-member-left .ourteam-membername h2,
                .project-overview .overview h2,
                .behindscreen .behindcreeentopbar p,
                .jobapplyform .jobformtopbar p,
                .feature-work .featureprojects .projectdetails h2,.random-text {
                    font-size: 25px !important;
                }
            
                .spotlight .spotlightcards .details h2,
                .awards .desc p,
                .ourworkfeaturework .filter-menu span,
                .random-tagline p {
                    font-size: 28px;
                }
            
                .mainlogo-target img {
                    margin-top: -0%;
                }
            .mainlogo-target a{
                margin-top:-1%;
            }
                .projectdetails .who-we-are-topbar h2 {
                    font-size: 40px !important;
                }
            
                .thankyoutext h2 {
                    font-size: 35px;
                }
            
                .our-services .ourservicesbottomdiv h2 {
                    font-size: 75px;
                }
            
                .static-logo {
                    margin-top: -0%;
                }
            .staticlogoanchor{
                margin-top: -1%;
            }
                .testimonials .testimonialtext p {
                    font-size: 40px;
                }
            
                .project-overview .projectimages .image {
                    height: 600px;
                }
            
                .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
                    height: 600px;
                }
            
                .testimonials .testimonialtext h2,
                .footersection .footerdetails .links ul li a,
                .footersection .footerdetails .socialmedia ul li a,
                .footersection .privacypolicy ul li a {
                    font-size: 20px;
                }
            
                .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
                    font-size: 28px;
                }
            
                .text-line {
                    font-size: 10rem;
                }
            
                .tagline {
                    font-size: 28px !important;
                }
            
                .our-team .ourteamcards .meetteam .details h2 {
                    font-size: 28px !important;
                }
            
                .our-team .ourteamcards .meetteam .details p {
                    font-size: 18px !important; 
                }
                
                
              
                .testimonials .testimonialtext p{
                    font-size:30px !important;
                }
                .our-services .ourservicesbottomdiv img{
                    width:100%;
                    height: 350px;
                }
                .our-services .ourservicesbottomdiv .newdesignsection{
                    gap:20px;
                }
                .our-services .ourservicesbottomdiv h2{
                    font-size:40px;
                }
                .feature-work .featureprojects .projectcards .projectimg{
                    height:850px !important;
                }
                 .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
                height: 450px !important;
            }
              .prenextprojectdiv_btn a{
                    font-size:25px;
                }

}

@media only screen and (min-width:2501px) and (max-width:3000px) {
    .single-our-work .projectdetails .who-we-are-topbar .project-title, .single-our-work .overview_top_section h2 {
    font-size: 30px !important;
}
     .herosvideosection .hero-desc{
        font-size: 22px;
    }
      .our-services .ourservicesbottomdiv .newdesignsection{
        height:750px;
    }
    .herosvideosection .hero-title {
    font-size: 90px;
    }
    .spotlight .spotlightcards .details h2{
        font-size:22px;
    }
    .instagramtitles h2{  font-size: 22px;}
    .instagramtitles a{ font-size:22px; }
     .overview_top_section p{
        font-size:23px;
    }
     .testimonials .testimonialtext p{
         font-size:33px !important;
     }
     .testimonials .testimonialtext h2{
          font-size:22px !important;
     }
     .our-services .ourservicesbottomdiv img{
        width:100%;
        height: 350px;
    }
    .our-services .ourservicesbottomdiv .newdesignsection{
        gap:20px;
    }
    .our-services .ourservicesbottomdiv h2{
        font-size:40px !important;
    }
    .feature-work .featureprojects .projectcards .projectimg{
        height:1000px !important;
    }
    .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
    height: 550px !important;
}
      .spotlight .spotlightcards .img,.feature-work .featureprojects .projectcards .projectimg{
        height: 480px;
    }
  .mainlogo-target a {
    margin-top: -2%;}
.our-services .ourservicesbottomdiv{
        font-size:55px;
        /*gap:160px;*/
    }
    .isherosectionarrowa{
        font-size:20px;
    }
    .isherosectionarrowa img{
        width:40px;
    }
    .images img{
        width:400px;
    }
    .feature-work .featureprojects .projectdetails p{
        font-size:20px;
    }
      .our-services .ourservicesbottomdiv sup{
        font-size:40px !important;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a,
    .jobapplyform .jobformtopbar h2,
    .who-we-are .who-we-are-topbar h2,
    .joinus button ,.previus-nextprojects .ourspotlight .tagline-wrapper .feature-worktagline p,.previus-nextprojects .ourspotlight .tagline-wrapper .viewmorebtn button{
        font-size: 23px !important;
    }

    .blogdetailspage .who-we-are-topbar h3,
    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 20px;
    }
.ourworkprevnextpage .prenextprojects .projectlinks a{
    font-size:25px;
}
  .contactus-form label,.jobapplyform .jobapply-form .gfield label{
      font-size:20px !important;
  }
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 24px;
    }

    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2
    ,.feature-work .featureprojects .projectdetails h2 a,  .random-text{
        font-size: 28px !important;
    }
.projectdetails .newtopbarfont .projectdetails h2{
    font-size: 25px !important;
}
    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .ourworkfeaturework .filter-menu span,
    .random-tagline p {
        font-size: 30px;
    }

    .mainlogo-target img {
        margin-top: -1%;
    }

    .projectdetails .who-we-are-topbar h2 {
        font-size: 40px !important;
    }

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

    .our-services .ourservicesbottomdiv h2 {
        font-size: 120px;
            padding: 50px 50px;
    }
.mainlogo-target a{
    margin-top:-1%;
}
    .static-logo {
        margin-top: -0%;
    }
.staticlogoanchor{
    margin-top: -1%;
}

    .testimonials .testimonialtext p {
        font-size: 40px;
    }

    .project-overview .projectimages .image {
        height: 700px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 600px;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a,
    .footersection .footerdetails .address {
        font-size: 22px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 30px;
    }

    .text-line {
        font-size: 15rem;
    }

    .tagline {
       font-size: 55px !important;
        margin-top:0;
    }
  

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 35px !important;
    }
    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 30px;
    }

    .our-team .ourteamcards .meetteam .details h2 sub {
        font-size: 18px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 20px !important;
    }
     .prenextprojectdiv_btn a{
        font-size:25px;
    }
}

@media only screen and (min-width:3001px) and (max-width:3500px) {
    .single-our-work .projectdetails .who-we-are-topbar .project-title, .single-our-work .overview_top_section h2 {
    font-size: 35px !important;
}
    .single-our-work .projectdetails .who-we-are-topbar .projectdetails h2{
        font-size:25px !important;
    }
      .our-services .ourservicesbottomdiv .newdesignsection{
        height:750px;
    }
      .herosvideosection .hero-desc{
        font-size: 25px;
    }
    .herosvideosection .hero-title {
    font-size: 92px;
    }
       .spotlight .spotlightcards .details h2{
        font-size:22px !important;
    }
    .instagramtitles h2{  font-size: 25px;}
    .instagramtitles a{ font-size:25px; }
    .overview_top_section h2{
        font-size:35px;
    }
    .prenextprojectdiv_btn a{
        font-size:25px;
    }
     .overview_top_section p{
        font-size:25px;
    }
     .testimonials .testimonialtext p{
         font-size:33px !important;
     }
     .testimonials .testimonialtext h2{
          font-size:22px !important;
     }
     .our-services .ourservicesbottomdiv img{
        width:100%;
        height: 350px;
    }
    .our-services .ourservicesbottomdiv .newdesignsection{
        gap:20px;
    }
    .our-services .ourservicesbottomdiv h2{
        font-size:40px !important;
    }
    .feature-work .featureprojects .projectcards .projectimg{
        height:1500px !important;
    }
    .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
    height: 650px !important;
}
        .spotlight .spotlightcards .img,.feature-work .featureprojects .projectcards .projectimg{
        height: 650px;
    }
    .mainlogo-target a {
    margin-top: -2%;}
.our-services .ourservicesbottomdiv{
        font-size:60px;
        /*gap:180px;*/
    }
    .isherosectionarrowa{
        font-size:45px;
    }
    .isherosectionarrowa img{
        width:60px;
    }
      .contactus-form label,.jobapplyform .jobapply-form .gfield label{
      font-size:22px !important;
  }
     .images img{
        width:430px;
    }
    .feature-work .featureprojects .projectdetails p{
        font-size:30px;
    }
    .mainlogo-target a{
        margin-top:-1%;
    }
      .our-services .ourservicesbottomdiv sup{
        font-size:45px !important;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a,
    .jobapplyform .jobformtopbar h2,
    .who-we-are .who-we-are-topbar h2,
    .joinus button,.previus-nextprojects .ourspotlight .tagline-wrapper .feature-worktagline p,.previus-nextprojects .ourspotlight .tagline-wrapper .viewmorebtn button {
        font-size: 25px !important;
    }

    .blogdetailspage .who-we-are-topbar h3,
    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 20px;
    }

  
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 30px;
    }
  .random-text{
      font-size:35px;
  }
    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 22px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2,
    .projectdetails .who-we-are-topbar .projectdetails h2 ,.feature-work .featureprojects .projectdetails h2 a{
        font-size: 30px !important;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,

    .random-tagline p {
        font-size: 35px;
    }

    .ourworkfeaturework .filter-menu span {
        font-size: 40px !important;
    }

    .mainlogo-target img {
        margin-top: -1%;
    }

    .projectdetails .who-we-are-topbar h2 {
        font-size: 40px !important;
    }

    .thankyoutext h2 {
        font-size: 45px;
    }

    .our-services .ourservicesbottomdiv h2 {
        font-size: 155px;
            padding: 50px 20px;
    }

    .static-logo {
        margin-top: -0%;
    }
.staticlogoanchor{
    margin-top: -1%;
}
    .testimonials .testimonialtext p {
        font-size: 45px;
    }

    .project-overview .projectimages .image {
        height: 700px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 700px;
    }

    .jobapplyform .jobapply-form .applyforminputs .applyinputs input {
        padding: 20px 0;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a,
    .footersection .footerdetails .address {
        font-size: 25px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 30px;
    }

    .text-line {
        font-size: 16rem;
    }

    .tagline {
        font-size: 55px !important;
        margin-top:0;
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 35px !important;
    }

    .our-team .ourteamcards .meetteam .details h2 sub {
        font-size: 20px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 25px;
    }

    .our-services .ourservicesbottomdiv {
        /*gap: 150px;*/
    }

    .our-services .ourservicesbottomdiv sup {
        font-size: 25px;
    }
}

@media only screen and (min-width:3501px) and (max-width:4000px) {
     .single-our-work .projectdetails .who-we-are-topbar .project-title, .single-our-work .overview_top_section h2 {
    font-size: 40px !important;
}
    .single-our-work .projectdetails .who-we-are-topbar .projectdetails h2{
        font-size:30px !important;
    }
      .our-services .ourservicesbottomdiv .newdesignsection{
        height:750px;
    }
      .herosvideosection .hero-desc{
        font-size: 25px;
    }
    .herosvideosection .hero-title {
    font-size: 92px;
    }
      .spotlight .spotlightcards .details h2{
        font-size:30px !important;
    }
    .instagramtitles h2{  font-size: 30px;}
    .instagramtitles a{ font-size:30px; }
    .overview_top_section h2{
        font-size:40px;
    }
    .prenextprojectdiv_btn a{
        font-size:30px;
    }
     .overview_top_section p{
        font-size:30px;
    }
      .testimonials .testimonialtext p{
         font-size:35px !important;
     }
     .testimonials .testimonialtext h2{
          font-size:25px !important;
     }
     .viewmorebtn-new button{
         font-size:35px;
    padding: 10px 50px;
     }
     .our-services .ourservicesbottomdiv img{
        width:100%;
        height: 350px;
    }
    .our-services .ourservicesbottomdiv .newdesignsection{
        gap:20px;
    }
    .our-services .ourservicesbottomdiv h2{
        font-size:40px !important;
    }
    .feature-work .featureprojects .projectcards .projectimg{
        height:1500px !important;
    }
    .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
    height: 350px !important;
}
    .ourworkfeaturework .our-work-list .projectcardsa .projectimg {
    height: 650px !important;
}
      .spotlight .spotlightcards .img,.feature-work .featureprojects .projectcards .projectimg{
        height: 750px;
    }
    .mainlogo-target a {
    margin-top: -2%;}
.our-services .ourservicesbottomdiv{
        font-size:65px;
        /*gap:110px;*/
    }
     .images img{
        width:460px;
    }
    
    .feature-work .featureprojects .projectdetails p{
        font-size:24px;
    }
      .our-services .ourservicesbottomdiv sup{
        font-size:50px !important;
    }
    .navbar .navbarleft ul li a,
    .navbar .navbutton button,
    .tagline,
    .feature-work .featurewordtopbar .heading h2,
    .feature-work .featurewordtopbar .tagline-wrapper .viewmorebtn button,
    .our-services .ourservicestopbar .heading h2,
    .our-services .ourservicestopbar .tagline-wrapper .viewmorebtn button,
    .spotlight .ourspotlight .heading h2,
    .spotlight .ourspotlight .tagline-wrapper .viewmorebtn button,
    .spotlight .spotlightcards .details h3,
    .spotlight .spotlightcards .details p,
    .footerbottom .details .text p,
    .who-we-are .who-we-are-topbar h2,
    .our-values .ourvaluestopbar h2,
    .our-values .ourvaluescards .cards .values p,
    .our-values .ourvaluescards .cards .desc p,
    .our-team .our-teamtopbar h2,
    .awards .title h2,
    .ourteam-member .ourteam-member-left .desc p,
    .feature-work .featureprojects .projectdetails a,
    .projectloadmorebutton button,
    .clientlogo .title h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .project-overview .overview p,
    .behindscreen .behindcreeentopbar h2,
    .designinsightloadmorebutton button,
    .blogdetailspage .who-we-are-topbar h3,
    .blogdetailsdesc p,
    .recentblogs .recentblogtopbar .recentblogtopbarleft h2,
    .recentblogs .recentblogtopbar .recentblogtopbarright button,
    .jobposting .jobdetails .title button,
    .jobposting .jobdetails .title h2,
    .jobposting .jobdetails .desc h2,
    .jobbulletpoints h2,
    .jobposting .jobdetails .desc p,
    .jobposting .jobdetails .desc .jobbulletpoints ul li,
    .jobapplyform .jobformtopbar h2,
    .jobapplyform .jobapply-form .applyforminputs .applyinputs label,
    .jobapplyformsubmit button,
    .thankyoutext p,
    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectlinks a,
    .jobapplyform .jobformtopbar h2,
    .who-we-are .who-we-are-topbar h2,
    .joinus button,
    .jobapplyform .jobformtopbar h2 {
        font-size: 30px !important;
    }

    .blogdetailspage .who-we-are-topbar h3,
    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 20px;
    }

   
    .feature-work .featureprojects .projectcards .projectname h2 {
        font-size: 30px;
    }
 .random-text{
     
     font-size:40px;
 }
    .feature-work .featureprojects .projectcards .projectname p {
        font-size: 30px;
    }

    .feature-work .featurewordtopbar .tagline-wrapper .feature-worktagline p,
    .our-services .ourservicestopbar .tagline-wrapper .feature-worktagline p,
    .spotlight .ourspotlight .tagline-wrapper .feature-worktagline p,
    .who-we-are .who-we-are-topbar p,
    .our-values .ourvaluestopbar p,
    .our-values .ourvaluescards .cards .values h2,
    .our-team .our-teamtopbar p,
    .ourteam-member .ourteam-member-left .ourteam-membername h2,
    .project-overview .overview h2,
    .behindscreen .behindcreeentopbar p,
    .jobapplyform .jobformtopbar p,
    .feature-work .featureprojects .projectdetails h2,
    .projectdetails .who-we-are-topbar .projectdetails h2,
    .feature-work .featureprojects .projectdetails h2 a {
        font-size: 30px !important;
    }

    .ourteam-member .ourteam-member-left .ourteam-membername h3 {
        font-size: 25px;
    }

    .our-values .ourvaluescards .cards {
        height: 250px;
    }

    .spotlight .spotlightcards .details h2,
    .awards .desc p,
    .random-tagline p {
        font-size: 40px;
    }

    .ourworkfeaturework .filter-menu span {
        font-size: 40px !important;
    }

    .mainlogo-target img {
        margin-top: -0%;
    }
.mainlogo-target a{
    margin-top:-0.5%;
}

    .projectdetails .who-we-are-topbar h2 {
        font-size: 45px !important;
    }

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

    .our-services .ourservicesbottomdiv h2 {
        font-size: 135px;
            padding: 50px 20px;
    }

    .static-logo {
        margin-top: -0%;
    }
    .staticlogoanchor{
        margin-top:-0.5%;
    }

    .testimonials .testimonialtext p {
        font-size: 50px;
    }

    .project-overview .projectimages .image {
        height: 900px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .img {
        height: 900px;
    }

    .jobapplyform .jobapply-form .applyforminputs .applyinputs input {
        padding: 20px 0;
    }

    .testimonials .testimonialtext h2,
    .footersection .footerdetails .links ul li a,
    .footersection .footerdetails .socialmedia ul li a,
    .footersection .privacypolicy ul li a,
    .footersection .footerdetails .address {
        font-size: 28px;
    }

    .previus-nextprojects .prenextprojectdiv .prenextprojects .projectname h2 {
        font-size: 40px;
    }

    .footersection .logo img {
        width: 180px;
    }

    .text-line {
        font-size: 10rem;
    }

    .tagline {
        font-size: 35px !important;
    }

    .our-team .ourteamcards .meetteam .details h2 {
        font-size: 40px !important;
    }

    .our-team .ourteamcards .meetteam .details h2 sub {
        font-size: 25px;
    }

    .our-team .ourteamcards .meetteam .details p {
        font-size: 30px !important;
    }

    .our-services .ourservicesbottomdiv {
        gap: 50px;
    }

    .our-services .ourservicesbottomdiv sup {
        font-size: 25px;
    }
}

@media only screen and (min-width:1280px) and (max-height:600px) {
    .section.is--nav {
        padding: 0 20px;
    }
.text-line{
    font-size: 80px;
}
    .container.is--nav {
        padding: 0;
    }

    .images img {
        width: 250px;
    }
}
@media only screen and (min-width:1520px) and (max-height:800px){
        .images .gridimg4 img {
        right: 16.6%;
        top: 79%;
    }
}
@media only screen and (min-width:1024px) and (max-height:640px) {
    .text-line{
        font-size: 90px;
    }
}