@media screen and (max-width: 1280px) {
    :root {
      --h1-font: 5.156vw;
      --h1-line-height: 6.25vw;
    }

    .page-center{
        max-width: 100%;
    }

    .header-left-wrapper {
      padding-left: 4.140625vw;
    }

    .db-latestnews-wrapper {
      padding: 4.92vw 1.56vw 0vw 7.27vw;
    }

    .header-left-wrapper {
      max-width: 25vw;
    }

    ul.header-menu {
      padding: 0 0 0 1.56vw;
      gap: 2vw;
    }

    ul.header-menu li a .down-icon,
    ul.header-menu-right li a .down-icon {
      width: 0.86vw;
      height: 0.47vw;
    }

    .header-right-wrapper {
      padding-left: 2.34375vw;
      padding-right: 4.140625vw;
      padding-top: 1.640625vw;
      padding-bottom: 1.640625vw;
    }

    .events-submenu{
      top: 5.1vw;
    }

    .header-menu .submenu {
      width: 21.87vw;
      top: 3.28vw;
    }

    .header-menu .submenu li a,
    .events-submenu .event-name a {
      padding: 2.34vw;
    }

    .sidebar-office-details {
      padding: 2.73vw 2.34vw 0 3.91vw;
    }

    .db-conference-wrapper {
      max-width: 33.59vw;
      padding-right: 1.563vw;
    }

    .footer-top {
      padding-left: 3.91vw;
      padding-right: 4.69vw;
      padding-bottom: 3.12vw;
    }

    .footer-left {
      max-width: 11.72vw;
    }

    .footer-right {
      max-width: 20.94vw;
    }

    footer {
      padding: 2.73vw 0 1.17vw 0px;
    }

    ul.footer-menu {
      gap: 4vw;
      padding: 0 2.8vw 0 0;
    }

    .footer-middle {
      padding: 3.52vw 4.69vw 5.47vw 3.91vw;
    }

    .footer-bottom {
      padding-left: 3.91vw;
      padding-right: 4.69vw;
    }

    .db-map-wrapper {
      max-height: 58.594vw;
    }

    ul.header-menu-right {
      gap: 2.734vw;
    }

    .header-right-wrapper {
      gap: 2.344vw;
    }

    .header-center-wrapper {
      padding-right: 0;
      transition: all 0.3s;
    }

    .db-banner-content {
      padding: 3.91vw 2.97vw 3.91vw 7.19vw;
    }

    .content-tile {
      padding: 4.84vw 3.13vw 4.84vw 7.19vw;
    }

    .technologies-page .banner-img-section .db-banner-wrapper {
      height: 49.453vw;
    }

    .three-col-section {
        padding: 4.84vw 3.13vw 4.84vw 7.19vw;
    }

    .testimonial-text-wrapper-in{
        max-height: 14.844vw;
    }
  }

  @media screen and (max-width: 1200px){
    .benefits-item-description-in {
       width: 95%;
    }
  }

  @media screen and (max-width: 1080px) {
    ul.header-menu,
    ul.header-menu-right {
      font-size: 12px;
    }

    .siderbar-user-detail-wrapper p,
    .db-latestnews-and-confernce-main .news-wrapper .news-title,
    footer {
      font-size: 13px;
    }

    .event-description {
      padding: 40px 96px 40px 140px;
    }

    .event-description-right {
      padding: 40px 125px 40px 35px;
    }

    .testimonial-text-wrapper{
      padding: 30px;
    }
  }

  @media screen and (max-width: 1024px) {
    .icon-nav {
      display: block;
    }

    .header-right-wrapper {
      padding-right: 20px;
    }

    /* .header-wrapper > div {
      padding-top: 10px;
      padding-bottom: 10px;
    } */

    .events-menu-item-sm {
      display: block;
    }

    ul.header-menu-right.events-menu-item-lg {
      display: none;
    }

    .header-menu {
      flex-direction: column;
      position: absolute;
      top: 55px;
      right: 20px;
      width: 240px;
      padding: 0;
      background: #fff;
      z-index: 150;
      -webkit-box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 45%);
      -moz-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.45);
      box-shadow: 0px 2px 9px 0px rgb(0 0 0 / 45%);
      color: #000;
      gap: 0;
    }

    ul.header-menu {
      padding: 15px 15px 15px 15px;
      gap: 20px;
      align-items: flex-start;
      display: none;
    }

    ul.header-menu.active {
      display: flex;
    }

    ul.header-menu li {
      width: 100%;
    }

    .header-menu .submenu {
      width: 100%;
      margin-top: 15px;
      position: static;
    }

    ul.header-menu li a .down-icon,
    ul.header-menu-right li a .down-icon {
      width: 10px;
      height: 6px;
    }

    .header-right-wrapper {
      max-width: 270px;
      padding-left: 0;
    }

    .header-menu .submenu {
      border: none;
    }

    .three-col-wrap{
      gap: 40px;
    }

    .values-headings{
      gap: 30px;
    }

    .tech-banner-wrapper img,.join-banner-wrapper img,.event-banner-wrapper img.event-banner-bg{
      height: auto;
    }

    .join-form-header,.join-form-main-wrapper {
      padding: 0 45px;
    }

    .event-banner-description {
      padding: 10px 0px 10px 40px;
    }

    .event-banner-description-left img{
      max-width: 250px;
    }

    .event-banner-description p {
       padding: 20px 0 0;
    }

    .event-banner-btn-wrapper{
      padding-right: 20px;
    }

    .event-description,.event-description-right {
      padding: 30px 30px 30px 30px;
    }

    .event-button-wrapper {
      justify-content:center;
    }

    .event-description-button-wrapper {
      padding: 30px 30px 30px 30px;
      flex-direction: column;
    }

    .event-video-description {
      max-width: 100%;
      padding: 30px;
      left: 0;
    }

    .event-video-wrapper {
      /* height: 470px; */
    }

    .benefits-icon-bg {
      width: 55px;
      height: 55px;
    }

    .benefits-icon-bg img {
      width: 24px;
    }

    ul.header-menu li span.menu-text, ul.header-menu-right li span.menu-text {
        display: flex;
    }


    .testimonial-text-wrapper-in{
        max-height: unset;
    }



    ul.header-menu li,ul.header-menu-right li{
      display: block;
    }

    ul.header-menu li.has-submenu .plus-icon, ul.header-menu-right li.has-submenu .plus-icon{
      display: block;
    }

    ul.header-menu li.has-submenu a .down-icon, ul.header-menu-right li.has-submenu a .down-icon {
      display: none;
    }

    .menu-inner-wrapper{
      display: flex;
      gap: 6px;
    }

    ul.header-menu li:hover .submenu {
    display: none;
  }

   ul.header-menu li:hover .submenu.show {
    display: block;
  }

  ul.header-menu .events-li{
    display: block;
  }


  }

  @media screen and (max-width: 991px) {
    .dashboard-main-wrapper {
      flex-direction: column;
    }

    .db-conference-wrapper {
      max-width: 45%;
      padding-right: 15px;
    }

    .footer-middle .footer-right,
    .footer-bottom .footer-right {
      max-width: 240px;
    }

    .footer-top .footer-right {
      max-width: max-content;
    }

    .startegic-partners-list-item {
      max-width: calc(25% - 15px);
      flex-basis: calc(25% - 15px);
    }

    .footer-left {
      max-width: 60px;
    }

    .footer-left img {
      width: 50px;
    }

    .header-left-wrapper {
      max-width: max-content;
      padding-left: 20px;
    }

    .member-details p:not(:last-child) {
      padding-bottom: 8px;
    }

    .footer-top {
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
    }

    .footer-middle {
      padding: 20px 20px 30px 20px;
    }

    ul.footer-menu {
      gap: 18px;
      padding: 0 20px 0 0;
    }

    .footer-bottom {
      padding-left: 20px;
      padding-right: 20px;
    }

    .member-logo-wrapper img {
      max-height: 40px;
      max-width: 120px;
    }

    .header-menu .submenu li a,
    .events-submenu .event-name a {
      padding: 15px;
    }

    .content-tile p {
      line-height: 26px;
    }

    .content-tile h3 {
      font-size: 32px;
      line-height: 38px;
    }

    .map-title-note {
      font-size: 32px;
      line-height: 36px;
    }
    .profile-grid {
      flex-basis: 100%;
      max-width: 100%;
    }
    .grid-pair .profile-grid:last-child {
      flex-direction: row-reverse;
    }
    .grid-pair:nth-child(even) .profile-grid:first-child {
      flex-direction: row;
    }

    .three-col-wrap .col1 img {
     margin-bottom: 10px;
     width: 40px;
    }

    /* .three-col-section {
      padding: 40px 40px;
    } */

    .values-headings{
      gap: 20px;
    }

    .values-headings li {
      font-size: 22px;
      line-height: 25px;
    }

    .three-col-wrap {
        gap: 25px;
    }

    .tech-banner-wrapper h2 {
      font-size: 50px;
      padding: 10px 40px 20px 45px;
    }

    .event-banner-description-left img {
        max-width: 160px;
    }

    .event-banner-description {
        padding: 10px 10px 10px 20px;
    }

    .two-col-section.benefits-top-section .content-tile {
      padding: 48px 40px 145px;
    }

    .benefits-listing-wrapper {
      padding: 65px 80px;
      gap: 80px 10px;
      flex-direction: column;
    }

    .benefits-item {
       max-width: 100%;
       flex-basis: 100%;
    }

    .benefits-item-description-in {
        width: 100%;
    }

    .benefits-item:nth-child(2n+2) {
      padding: 0 0 0 0px;
    }

    .benefits-tools-main-wrapper .event-description {
      padding: 60px 80px 60px 80px;
    }

     .join-banner-wrapper h2,.benefits-banner-wrapper h2{
      font-size: 50px;
    }

    .testimonials-wrapper {
      padding: 60px 40px 60px 40px;
    }

    .testimonial-writer-name {
      font-size: 18px;
    }

    .testimonial-company-name {
      font-size: 15px;
    }

    .testimonial-company-logo {
      margin-top: 15px;
    }

    .testimonialSwiper {
      padding-bottom: 60px;
    }

  }

  @media screen and (max-width: 768px) {
    :root {
      --h1-font: 40px;
      --h1-line-height: 48px;
    }

    .db-latestnews-and-confernce-main {
      padding-bottom: 20px;
    }

    .db-latestnews-wrapper {
      padding: 20px 20px 20px 40px;
    }

    .db-latestnews-and-confernce-main {
      flex-direction: column;
    }

    .db-conference-wrapper {
      max-width: 100%;
      padding: 20px 20px 0;
    }

    .db-latestnews-and-confernce-main .news-wrapper .news-image img {
      height: 230px;
    }

    .startegic-partners-main-wrapper {
      padding: 40px 20px 20px;
    }

    .dashboard-main-wrapper {
      padding-bottom: 25px;
    }

    .footer-social-links-wrapper a {
      width: 24px;
      height: 24px;
    }

    .footer-social-links-wrapper {
      gap: 8px;
    }

    .footer-left img {
      width: 30px;
    }

    .footer-left {
      max-width: 40px;
    }

    /* .footer-middle .footer-left,
    .footer-bottom .footer-left {
      max-width: 0;
    } */

    .footer-top .footer-right {
      gap: 8px;
    }

    ul.footer-menu {
      gap: 12px;
    }

    ul.footer-menu {
      flex-direction: column;
    }

    ul.footer-menu .footer-submenu {
      padding: 10px 0 0 15px;
      gap: 10px;
    }

    .tile-content-section {
      flex-direction: column;
    }

    .tile-content-section > div {
      width: 100%;
    }

    /* .tile-content-section .img-tile img {
      max-height: 250px;
    } */

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

    .benefits-section a {
      display: block;
    }

    .count-box div {
      font-size: 28px;
      line-height: 34px;
    }

    .benefits-section {
      padding: 40px 20px;
    }

    .tile-content-section.two-col .content-tile:nth-child(2n+1) {
      padding: 40px 25px 0px 25px;
    }

    .tile-content-section.two-col .content-tile:nth-child(2n+2) {
      padding: 10px 25px 40px 25px;
    }


    .projects-specs .tile-content-section.two-col .content-tile:nth-child(2n+2) {
        padding: 40px 25px 40px 25px;
    }

    .content-tile {
      padding: 30px 25px 30px 25px;
    }

    .startegic-partners-list-wrapper {
      padding: 20px 20px;
    }
    .img-tile.ifln-tech-img {
        width: 100%;
    }
    .content-tile h3 {
      min-height: unset;
    }
    .db-banner-wrapper .banner-text {
        top: 50%;
        left: 50px;
        transform: translateY(-50%);
        max-width: 60%;
        line-height: 24px;
    }

    .three-col-wrap{
      flex-direction: column;
    }

    .three-col-section {
      padding: 35px 25px 35px 25px;
    }

    .three-col-section h3 {
      padding-bottom: 20px;
      font-size: 30px;
      line-height: 32px;
      min-height: unset;
    }

    .gallery-slider{
      padding: 45px;
    }


    .swiper-button-prev{
      left: -35px;
    }

    .swiper-button-next{
      right: -35px;
    }

    .two-col-section {
      padding: 32px 0px 32px 0px;
    }

    .two-col-section.partnership-section h3 {
      padding: 55px 25px 55px;
    }

    .two-col-section h3{
      padding: 0px 25px;
    }

     .projects-specs.two-col-section h3 {
        padding: 0px 0  15px;
    }


    .two-col-section.partnership-section .content-tile:last-child, .two-col-section.partnership-section .content-tile:nth-last-child(2) {
      border-bottom: solid 1px #E2E8F0;
    }

    .two-col-section.partnership-section .partnership-row .content-tile:nth-child(odd) {
      border-right: solid 1px #E2E8F0;
    }

    .two-col-section .content-tile{
        padding: 35px 30px;
    }

    .tile-content-wrapper .tile-heading {
      padding: 55px 25px 55px;
    }

    .join-form-header, .join-form-main-wrapper {
        padding: 0 20px;
    }

    .join-form-item .form-group-wrapper .form-group {
      max-width: 100%;
    }

    .event-row{
      flex-direction: column;
    }

    .event-item {
      flex-basis: 100%;
     max-width: 100%;
    }

    .event-banner-description p{
      font-size: 14px;
      line-height: 21px;
    }

    .benefits-listing-wrapper {
        padding: 65px 30px;
        gap: 40px 10px;
    }

    .benefits-tools-main-wrapper .event-description {
      padding: 60px 30px 60px 30px;
    }

    .two-col-section.benefits-top-section {
      padding: 60px 0px 0px 0px;
    }

  .timeline-slider .swiper-pagination-bullet {
    width: 12px;
  }

  .timeline-slider .swiper-pagination-bullet {
      width: 16px;
    }

  }

  @media screen and (max-width: 640px) {
    .db-latestnews-and-confernce-main .news-wrapper .news-image img {
      height: 150px;
    }

    .footer-bottom {
      flex-direction: column;
      gap: 15px;
      align-items: center;
      text-align: center;
    }

    ul.footer-bottom-menu {
      padding: 0;
    }
    .profile-grid .profile-description p {
      font-size: 14px;
      line-height: 20px;
      padding-top: 10px;
    }
    .profile-grid .profile-description h4 {
      font-size: 24px;
      line-height: 28px;
    }
    .profile-grid .profile-description {
      padding: 20px;
    }

    .timeline-item h2 {
    font-size: 22px;
    line-height: 24px;
  }

  .gallery-close {
    background: url(../images/close-icon.png) no-repeat 0 0;
    background-size: 100%;
    width: 15px;
    height: 15px;
    top: 10px;
    right: 10px;
  }

  .db-banner-wrapper .banner-text{
    max-width: 90%;
  }

  .footer-social-links-wrapper a.linkedin{
    width: 12px;
    height: 12px;
  }

  .footer-social-links-wrapper a.facebook {
    width: 6px;
    height: 12px;
  }

    .event-banner-description-left img {
      display: none;
    }

    .event-banner-description-left {
      max-width: 100%;
      flex-basis: 100%;
    }

    .event-banner-description {
    align-items: flex-start;
    flex-direction: column;
  }

  .event-item img.event-img{
    height:auto;
  }

  .header-logo img {
    height: 45px;
  }
}

  @media screen and (max-width: 480px) {
    .startegic-partners-list-item {
      max-width: calc(33.33% - 15px);
      flex-basis: calc(33.33% - 15px);
    }

    .header-right-wrapper {
      padding-top: 6px;
      padding-bottom: 6px;
    }

    .footer-top {
      flex-direction: column;
      gap: 10px;
    }

    .footer-middle {
      flex-direction: column;
      gap: 25px;
    }

    .footer-middle .footer-right {
      max-width: 100%;
    }

    .footer-office-contact-item:not(:last-child) {
      padding-bottom: 12px;
    }

    .count-block > div {
      padding: 10px 10px 10px;
    }

    .technologies-page .banner-img-section .db-banner-wrapper {
      height: 235px;
    }
    .technologies-page .db-banner-wrapper img {
      object-fit: cover;
      height: 100%;
    }
    .db-banner-wrapper .banner-text {
        max-width: 70%;
    }

    .timeline-heading {
      padding: 42px 0 20px;
    }

    .timeline-item {
      width: 210px;
    }

    .timeline-slider{
      margin: 10px 0;
    }

    .gallery-slider{
      padding: 35px;
    }

    .swiper-button-next:after, .swiper-button-prev:after{
      width: 16px;
      height: 16px;
    }

    .tech-banner-wrapper h2 {
      padding: 10px 30px 20px 30px;
    }

     .join-form-header, .join-form-main-wrapper {
        padding: 0 10px;
    }

    .tech-banner-wrapper img, .join-banner-wrapper img, .event-banner-wrapper img.event-banner-bg {
        height: 200px;
    }

    .event-video-description h4 {
      font-size: 40px;
      line-height: 50px;
    }

    .event-description, .event-description-right ,  .event-video-description{
      padding: 15px;
    }

    .event-video-wrapper {
        /* height: 380px; */
    }

    .event-video-description p {
      padding-top: 10px;
      font-size: 18px;
    }

    .join-banner-wrapper h2, .benefits-banner-wrapper h2,.tech-banner-wrapper h2 {
        font-size: 42px;
    }

    .benefits-banner-wrapper img{
      height: auto;
    }

    .timeline-slider .swiper-button-prev,.timeline-slider .swiper-button-next{
      top: 0;
    }

  }

  @media screen and (max-width: 380px) {
    .startegic-partners-list-item {
      max-width: calc(50% - 15px);
      flex-basis: calc(50% - 15px);
    }

    .header-left-wrapper {
      padding-left: 10px;
      padding-right: 10px;
    }

    .values-headings{
      flex-direction: column;
    }

    .event-video-description h4 {
        font-size: 35px;
        line-height: 45px;
    }

  }