@media (min-width: 1024px) {
  .wk_fram_mob {
    display: none;
  }
}

@media (min-width: 1600px) {
  .wk_container,
  .container {
    max-width: 1790px !important;
  }
  section.the_work .ve_work_contentBox .primary-pera {
      padding-right: 5% !important;
  }


}

/* responsive */
/* mobile drawer */

.zf-drawer[hidden] {
  opacity: 0;
  transform: translateY(-8px) scale(0.98);
  height: 0;
  padding-block: 0;
  overflow: hidden;
}

.zf-drawer a {
  padding: 12px 14px;
  border-radius: 12px;
  background: #0f0f0f;
  border: 1px solid var(--bd);
  color: #ddd;
  text-decoration: none;
  font-weight: 700;
}
.wk-col.wk_img_col img {
  display: none;
}
@media (max-width: 1800px) {
  .ve_topInfo {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}
@media (max-width: 1600px) {
  .qa_contact_cta {
    padding: 80px 0 !important;
  }
  body.gulf-event-connect_page .primary-title {font-size: 48px; }
  section.top-info-section .primary-pera br {display: none; }
  /*img.vc_banner_bg {height: 673px; }*/
}
@media (max-width: 1440px) {

    /*img.vc_banner_bg {height: 633px; }*/
    .ve_banner_img2 {max-width: 120px; padding: 13px; }
    .ve_banner_img1 {max-width: 110px; padding: 10px; }



    body.gulf-event-connect_page .primary-title {font-size: 45px; }
    .the_work-col1 p br {display: none; }
    .tech_icon {margin: 0 auto 3px; }
    .heading30px {font-size: 26px; }
  .cta_col p {
    text-align: center;
    font-size: 21px;
  }
  .wk-col.cta_col.wk_pading {
    height: 450px;
  }
  .zf-rail a {
    font-size: 16px;
    padding: 10px 12px;
  }

  ul.zf-rail {
    gap: 15px;
  }
  .wk_container {
    width: 95%;
  }
  .ve_topInfo_logo {
    max-width: 220px;
  }
  img.pluto_logo_img {
    height: 751px;
    object-fit: cover;
  }
  .pluto_img {
    height: 361px;
    object-fit: cover;
  }


  .zf-rail a {font-size: 15px; padding: 10px 0px;}
  p.primary-pera br {display: none; }


  .primary-title {font-size: 50px; }
  section.the_work , section.imp_sec , section.wk-case .primary-title {padding-top: 0; }
  section.strategy-app {padding-bottom: 0 ; }

  .imp_sec {padding-bottom: 40px ; }




}
@media (max-width: 1366px)  {


  



  img.pluto_logo_img {height: 651px; object-fit: cover; }
  .pluto_img {height: 311px; object-fit: cover; }
  body.gulf-event-connect_page .primary-title {font-size: 40px; }
  .strategy {padding: 0px 0px 80px 0px; }
  section.teck_stack {padding-bottom: 0; }
  section.the_impect {padding: 80px 0; }
}

@media (max-width: 1280px) {
      .primary-title {font-size: 40px !important; }
      .hh3 {font-size: 30px; }
      .kl-list li {font-size: 20px; }


      .wk-col.cta_col.wk_pading {
        height: 400px;
    }
    .cta_col p {
          text-align: center;
          font-size: 18px;
      }
      .cta_col img {
        width: 75%;
    }
    .pluto_img {
          height: 286px;
          object-fit: cover;
      }
      img.pluto_logo_img {
          height: 601px;
          object-fit: cover;
      }
    span.p {
      display: none !important;
    }
    .qa_ze_footer .ft-list li a {
        font-size: 14px;
    }
}
@media (max-width: 1170px) {
  :root {
    --hsize: 60px;
  }
      body.gulf-event-connect_page .primary-title {
        font-size: 34px;
    }


}
@media (max-width: 1100px) {
  .wk-col.strategy-col {width: 100%; }

  .zf-center,
  a.zf-cta {
    display: none;
  }


  .zf-burger {
    display: flex !important ;
  }
}
@media (max-width: 1072px) {
    :root {
        --hsize: 55px;
    }
}
@media (max-width: 1024px) {
  img.vc_banner_img {bottom: 25px !important; }
  section.complex {padding: 50px 0px; }
  section.wk_pading.imp_sec.app_imp.blue-bg {padding: 50px 0px !important; }
  section.wk-case {padding: 40px 0px; }
  section.app-work-sec .user-sec {padding: 50px 30px; }
  .feature-card {width: 48%; }
  .title {font-size: 20px; }
  .heading40px {font-size: 30px; font-weight: 100; }
  section.the_work {padding-top: 50px; }
  body.gulf-event-connect_page .ve_topInfo_col1 {gap: 30px; }
  section.the_work .wk_col {width: 48%; }
  p.f-txt {font-size: 21px; }
  .tech_icon {padding: 10px; border-radius: 15px; width: 60px !important; height: 60px; }
      .heading30px {font-size: 20px; } 
      .live-site-con {margin: 0px 10px 30px 0px; }
      .wk-case .swiper-button-next, .wk-case .swiper-button-prev {top: 40px; }
      section.wk-case .wk_container {margin-left: 15px; }
      section.top-info-section .wk-col {width: 100%; }
      /* inner css responsive */

  section.top-info-section.wk_pading {
        padding-top: 100px;
        margin-bottom: 60px;
    }
    section.klensa_banner {margin-bottom: 0px !important;}
    section.app-work-sec {padding-top: 50px; }

    .wk-col {width: 47%; }
  .wk_fram {
    display: none;
  }

  :root {
    --spading: 60px 0;
  }

  .hero-swiper {
    height: 70vh;
  } /* responsive fallback */
  .wk_container {
    width: 100%;
    padding: 20px;
  }
  .primary-title {
    font-size: 42px;
    letter-spacing: -1px;
  }
  .primary-pera {
    font-size: 18px;
  }
  .contact-hero {
    height: auto;
  }
  .zf-actions {
    justify-content: space-between;
  }
  .wk_flex {
    flex-wrap: wrap;
  }
  .impact__stat img {
    width: 50px;
  }
  section.cases.wk_container {
    padding: 40px 20px;
  }
  h2.impact__title.primary-title,
  .impact__num {
    font-weight: 600;
    letter-spacing: -1px;
  }

  .wk-col.strategy-col {
    position: unset;
  }
}
@media (max-width: 991px) {
    .primary-title {font-size: 35px !important; }

  .col_4 {
      width: 50%;
      padding: 15px;
  }
  .cta_col p br , br {
    display: none;
  }
  section.inner-contact-cta .wk-col {width: 47%;}
      .wk-col {width: 46%; }

      section.strategy-app {padding-top: 65px; }
      .info-row {gap: 0; }
      .info-item {font-size: 17px; }
      ul.wk_app_ul li {margin-bottom: 10px; font-size: 15px; }
      ul.wk_app_ul {margin: 0; }
      .user-sec {height: 80vh; }
      .wk_col.the_work-col1 {padding: 25px; }
      section.the_work {padding-bottom: 50px; }
     .kl-list li {font-size: 16px; }
     .ft-col {width: 100% !important; text-align: center; padding: 0; }
     .ft-intro {max-width: 100%; }
     footer.site-footer .wk_flex.wk_container.wk_pading {align-items: center; justify-content: center; text-align: center; gap: 25px; }
     footer.site-footer {padding-top: 40px; }
     a.ft-logo img {width: 200px; }
     .info-row {flex-wrap: wrap; gap: 20px; }
     .info-item:first-child {border-left: 1px solid #ddd; }
     .info-item {width: 100%; }
     .swiper-slide-active .case__cta , .swiper-slide-active span.case__title , .swiper-slide-active .case__tags span {transform: unset !important; opacity: 1 !important;}
}

@media (max-width: 800px) {
  br {display: none; }
  .wk_col.the_work-col1 {padding: 20px; }
  .inner-contact-cta.wk_pading .wk-col {width: 100%; }
  .impact_clm1 {width: 100%; }
  .wk-col {width: 100%; }
  section.the_work .wk_col{width: 100%;}
}


@media (max-width: 767px) {
      img.vc_banner_img {bottom: 11px !important; }
  img.vc_banner_bg {border-radius: 22px; margin-top: 20px; }
	.ve_topInfo_logo img {width: 77%; }
  section.top-info-section {text-align: center; }
  section.top-info-section .cases__title {justify-content: center; }
  section.inner-contact-cta .wk-col {width: 100%;}
  section.solutions .cases__title {margin-bottom: 5px; margin-top: 0px; }
  .ve_topInfo_logo {margin: auto; }
  .col_4 {width: 100%; padding: 15px; }
  section.teck_stack .col_4 {margin-bottom: 0px; }
  .wk-case-slide .swiper-wrapper {padding-left:0px !important;}
  .zf-wrap {
    justify-content: space-between;
  }
  .wk-col.wk_img_col img {
    display: block;
  }
  section.contact-cta {
    background-image: none;
  }
  .zf-actions {
    justify-content: end;
  }
  .zf-center,
  a.zf-cta {
    display: none;
  }

  :root {
    --spading: 40px 0;
  }

  .wk_flex {
    flex-direction: column;
    gap: 20px;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
  }
  .wk-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
  }

  .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    padding: 30px;
  }
  .wk-col.stories-col-2 {
    width: 100%;
  }
  .primary-title {
    font-size: 30px;
  }
  .primary-pera {
    font-size: 16px;
  }
  button.zf-lang {
    display: none;
  }
  .case {
    min-height: auto !important;
  }
  .map-card {
    width: 100%;
  }
  .cases__tabs {
    gap: 5px;
  }

  .stories button.swiper-button-prev,
  .stories button.swiper-button-next {
    top: 105%;
  }
  .mail-hint {
    width: 100%;
  }

  .ft-intro {
    max-width: auto;
  }
  a.ft-logo img {
    width: 100%;
  }
  .ft-social {
    flex-wrap: wrap;
  }
  .submit-row {
    margin-top: 10px;
  }
  form.glass-form {
    padding: 30px 20px;
  }

  /* inner css responsive */

  .wk_fram_mob {
    display: block;
  }
  .wk_col.the_work-col1 {
    max-width: max-content;
  }
  .wk_col.col2img {
    width: 100%;
  }

  .cta_col p {
    font-size: 16px;
  }
  .wk-case .swiper-button-next,
  .wk-case .swiper-button-prev {
    top: 74px;
  }
  .wk-col.strategy-col {
    width: 100%;
  }
}


@media (max-width: 575px) {
  img.vc_banner_img {width: 90%; left: 40px; }
  img.vc_banner_bg {height: 200px; }

	.cases__title {font-size: 11px; justify-content: center;}
	.cases__title img {width: 10px; }
	.primary-title {font-size: 25px !important; line-height: 32px; text-transform: capitalize; }
	.primary-pera {font-size: 15px; }
	.ve_banner_img1 {max-width: 42px; top: 20px !important; }
	.gec_pin_element img.ve_banner_img2 {right: 30px; max-width: 67px; }
	.gec_banner_img {height: 230px; object-fit: cover; }
	.primary-title, p {text-align: center; }
	.wk_container {padding: 7px 16px; }
	img.get_approch_img {width: 100%; border-radius: 15px; }
	.strategy {padding: 0px 0px 45px 0px; }
	section.solutions img.heading_img {width: 367%; padding: 45px 5px; }
	section.solutions {padding-top: 100px; }
	.heading40px {font-size: 22px; font-weight: 100; }
	span.tag {font-size: 13px; }
	body {font-size: 14px; }
	.solution_clm img {height: 200px; border-radius: 15px; object-fit: cover; }
	section.the_work {padding-top: 35px; }
	section.get_work .cases__title {margin-bottom: 15px; }
	.strategy-con {padding-top: 50px; }
	p.f-txt {font-size: 19px; text-align: left !important;}
	.the_work-col1 p.f-txt {text-align: left; margin: 20px 0; }
	.the_work-col1 p.family {text-align: left; }
	.work-color-con img {border-bottom: 1px solid #0000001a; border-radius: 20px; margin-bottom: 45px; }
	section.the_work .work-color-con img {margin: 0; }
	img.teck_stack_img {display: none; }
	section.teck_stack {padding-bottom: 40px; padding-top: 35px; }
	section.teck_stack .mb_50px {margin-bottom: 12px; }
	section.the_impect {padding: 45px 0; }
	section.the_impect .cases__title {margin-bottom: 20px; }
	.points {margin-top: 25px; padding-left: 0px; text-align: center; }
	.points:before{display: none;}
	.impact_clm2 {width: 100%; }
	.impact_img {left: -10px; width: 110%; margin-top: 30px; }
	.full-veiw {top: 20px !important; left: 18px !important; right: 0 !important; width: calc(100% - 35px) !important; border-radius: 0px !important; }
	.live-site-con .btn-primary {position: absolute; bottom: -15px; right: 50px; left: 50px; }
    p.live-label {left: 12px; right: 12px; font-size: 10px; padding: 10px 15px !important; margin: 30px auto 0; }
    .top-info-con .heading30px {font-size: 16px; } 
    .gec_tablet_bg {margin: 0 !important; padding: 85px 15px 0px }
    section.wk-case .primary-title {text-align: left; }
    section.wk-case .wk_container {margin-left: 0px; }
    .wk-case .swiper-button-next, .wk-case .swiper-button-prev {width: 30px; height: 30px; }
	.wk-case button.swiper-button-prev {right: 55px !important; left: auto; }
	.wk-case button.swiper-button-next {right: 20px; }
	.wk-case .swiper-button-next img, .wk-case .swiper-button-prev img {width: 9px; }
	.inner-contact-cta {background-size: cover !important; background-position: 90% 0px !important; background-repeat: no-repeat !important; }
	.case__cta {padding: 0 10px; height: 33px; font-size: 12px; gap: 7px; right: 35px; }
  .case__title {font-size: 18px; bottom: 19px; }
	.case__tags {gap: 10px; max-width: 100%; }
	.wk_logo svg {width: 110px; }
  section {text-align: center; }
  ul.wk_chips {justify-content: center; padding:0;  }
  .info-item {text-align: center; }
  .cases__title {justify-content: center; }
  section.strategy-app {padding-top: 30px; }
  .peralax {padding: 30px 0px 50px; }
  .peralax .strategy-con {padding: 0px 0 10px; }
    .hh3 {font-size: 20px; }
    section.strategy-app2 {padding: 0 0px 50px; }
    .wk_container.app-img-cont {flex-wrap: wrap; }
    .user-sec {height: auto; }
    section.app-work-sec .user-sec {padding: 0px 30px; }
    ul.wk_app_ul li:before {display: none;}
    section.app-work-sec .wk_container.wk_pading {margin-bottom: 30px; }
    ul.wk_app_ul {padding: 0; }
    ul.wk_app_ul li {list-style: none; }
    .crew_screen {position: unset;}
    .feature-card {width: 100%; }
    .feature-card p {text-align: left; }
    .feature-card .subtitle img {width: 100%; }
    ul.kl-list {list-style: none; padding: 0; }
    section.imp_sec p {padding: 0 0%; }
    .wk-case .swiper-button-next, .wk-case .swiper-button-prev {top: 30px; }
    .mobile_app_carousel .our-slider-img img {width: 50.4%; top: 5px; position: relative; } 
    .user-apps-content .cases__tabs {width: 100%; background-color: transparent; border-radius: 30px; }
    .user-apps-content .cases__tabs button {width: 100%; }
    .veracity_page .ve_banner_img1 {max-width: 62px; top: 0px !important; padding: 12px; left: 20px; z-index: unset;}
    .veracity_page img.ve_banner_img2 {display: none; }
    .veracity_page img.vc_banner {border-radius: 0; height: 200px; object-fit: cover; object-position: -60px 0px; }
    .veracity_page .peralax {padding: 30px 12px 40px; }
    .veracity_page .wk_flex {gap: 0px; }
    .veracity_page .strategy-con img {height: auto !important; object-fit: cover; }
    .veracity_page .approach_arrow {width: 10px; height: auto !important; }
    .veracity_page .strategy-con .wk-col .col2-img {margin: 0; }
    .veracity_page .strategy-con .strategy-col-img {margin-bottom: 10px; }
    section.the_work .ve_work_contentBox .primary-pera {padding-right: 0%; }
    .veracity_page .ve_work_contentBox {position: relative; bottom: 0; }
    .veracity_page .ve_secondary_title {font-size: 30px; text-align: left; }
    .veracity_page section.the_work .ve_sub_title {margin: 0px 0px; font-size: 15px; font-weight: 500 !important; text-align: left; }
    .veracity_page section.the_work .ve_work_contentBox .primary-pera {text-align: left; }
    .veracity_page .ve_work_content {position: unset; padding: 40px 12px 30px; background-image: unset !important; box-shadow: 0px 0px 35px 0px #0000003b; margin-top: 0px; background-color: #f1f1f1 !important; } .veracity_page section.the_work.vc_work .cases__title {margin: 0; }
    .veracity_page section.the_work.vc_work .wk_container.wk_pading.top-info-con {padding: 10px 12px 40px; }
    .veracity_page section.the_work.vc_work .ve_work_img {margin-top: 40px; }
    .veracity_page .ve_work-video {padding: 0px 0px; border-radius: 16px; }
    .veracity_page .bold_new .ve_work_contentBox {bottom: 0px; }
    .veracity_page .ve-work-img-3-before {top: -130px; }
    .veracity_page .wk_col.the_work-col1 {padding: 16px; }
    .veracity_page .vc_work .wk_container.wk_flex.work-color-con:before {display: none; }
    .veracity_page .wk_container.wk_flex.work-color-con {gap: 20px; }
    .veracity_page section.the_work {padding-bottom: 0px; }
    .veracity_page .wk_flex.work_flow {padding: 12px 16px 40px; gap: 0px; margin: 0px auto; }
    .veracity_page .wk_col.col2img {gap: 20px; }
    .veracity_page img.pluto_logo_img {height: 200px; object-fit: cover; margin-top: 20px; object-fit: cover; }
    .veracity_page .pluto_img {height: auto !important; object-fit: cover; }
    .veracity_page section.wk_pading.imp_sec {padding: 40px 0 !important; }
    .veracity_page .imp_sec p.primary-pera.wk_white {padding-right: 0%; }
    .veracity_page p.live-label {margin: 12px auto 0; }
    .veracity_page .live-site-con.riam {padding-top: 75px; }
    .veracity_page .work-color-con {padding-top: 20px; }
    .veracity_page .veracity_banner .cases__title {margin: 10px 0 20px !important; }




  .primary-title br {
    display: none;
  }
  header a.btn-primary.arrow {display: none; }
}



header.stickedHeader {top: 0px !important; transform: unset; transition: .5s !important; }
header {transition: .5s !important; }
header.stickedHeader {padding: 0; }
header.stickedHeader .zf-wrap {padding: 10px 0; }