/* ===========================================
Media Queries Section
======================================= */

@media (max-width: 94em) {
    .container {
      max-width: 130rem;
    }
    .navbar-lists {
      gap: 3.4rem;
    }
  }
  
  /* for widht below 1200px  */
  @media (max-width: 75em) {
    .container {
      max-width: 110rem;
    }
    .navbar-lists {
      gap: 3.4rem;
    }
  }
  
  /* media queries less then 980px */
  @media (max-width: 980px) {
    /* to make all the container with same padding  */
    .container {
      padding: 0 3.2rem;
    }
  
    html {
      font-size: 56.25%;
    }
  
    /* when we are in 980px we need to show the menu open icon */
    .mobile-navbar-btn {
      display: block;
      z-index: 99999;
      color: #212529;
      font-size: 26px;
    }
  
    .header {
      position: relative;
    }
  
    /* .header .logo {
      width: 40%;

    } */
  
    .navbar {
        width: 100%;
        background: #fff;
        position: absolute;
        top: 72px;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: translatey(100%);
        transition: all 0.2s ease;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        padding: 10px 0;
      }
      .bok-btn a::after {
        display: none;
      }
      .arro {
        display: none;
      }
      .bok-btn a {
        padding: 20px;
        display: block;
        width: 100%;
      }
    .mobile-nav-icon {
        text-align: center;
      }
    .mobile-nav-icon i {
        color: #2192d1;
      }
    .navbar-lists {
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    .navbar-lists li {
        width: 100%;
        text-align: center;
      }
      .navbar-lists li a {
        display: block;
        border-bottom: 1px solid #ddd;
      }
    .navbar .navbar-lists .navbar-link:link,
    .navbar .navbar-lists .navbar-link:visited {
      color: #212529;
      font-size: 3.2rem;
    }
  
    .active .navbar {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
      transform: translatey(0);
      z-index: 9999;
    }
  
    .active .mobile-navbar-btn .mobile-nav-icon[name="close-outline"] {
      display: block;
    }
  
    .active .mobile-navbar-btn .mobile-nav-icon[name="menu-outline"] {
      display: none;
    }
  
    /* hero section  */
  
    .section-hero h1 {
      line-height: 1.05;
    }
    .news-wrappe {
        width: 100%;
        padding: 60px 30px;
      }
    
  
  }



  @media (max-width: 768px) {
    html {
        scroll-behavior: smooth;
        margin: 0px !important;
        padding: 0px !important;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
      }
      
    .news-section.two .news-wrappe {
        width: 100%;
        text-align: center;
      }
      .platecol {
        text-align: center;
      }
      .brand {
        padding: 10px;
      }
      .brand img {
        width: 100%;
        height: 50px;
        object-fit: contain;
      }
      .newstxt {
        padding: 30px;
      }
      .newstxt .title {
        font-size: 34px;
      }
      .news-section.two {
        padding: 60px 0;
      }
      .news-section .row {
        flex-direction: column-reverse;
      }
      .news-section.two .title {
        font-size: 34px;
      }
    .grid.grid-two-col {
        display: flex;
        flex-direction: column-reverse;
      }
      .design-section {
        padding: 40px 0;
      }
      .design-section.two .image {
        text-align: center;
      }
      .section-hero-data {
        text-align: center;
      }
      .section-hero-data div {
        text-align: center;
        margin: 0 auto;
      }
      .news-section {
        text-align: left;
      }
      .design-section .row {
        flex-direction: column-reverse;
      }
      .design-section.two .row {
        flex-direction: column;
      }
      .section-heading {
        font-size: 36px;
      }
      .d-content {
        margin: 0 0 30px 0;
      }
      .item-col {
        padding: 0 10px;
      }
      .testimonial-section .owl-nav {
        display: none;
      }
      .slider-activation .owl-dot span {
        width: 40px !important;
      }
      .footertop {
        width: 100%;
        padding: 20px 0;
      }
      .footertop .title {
        font-size: 33px;
      }
      footer {
        padding: 20px 0;
      }
      .f-col {
        margin-bottom: 20px;
      }
      .f-col ul {
        padding-left: 0;
      }
      .navbar-lists {
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-left: 0;
        gap: 0!important;
        overflow-x: scroll;
      }
      .navbar-lists li {
          width: 100%;
          text-align: center;
        }
        .navbar-lists li a {
            display: block !important;
            font-size: 18px !important;
            width: 100%;
            border-bottom: 1px solid #979797;
            padding: 30px;
            font-weight: 500!important;
          }
          .hero-heading {
            font-size: 4rem;
            text-align: center;
            width: 100%;
          }
          .header {
            padding: 0 3rem;
          }
          .navbar.subnav {
            text-align: center;
            padding: 25px 0 !important;
            border-bottom: 1px solid #2293d1;
            width: 100%;
            transform: translateY(0);
            opacity: 1 !important;
            visibility: visible !important;
            position: relative!important;
          }
          .navbar.subnav ul{
            overflow: visible!important;
          }
          .navbar.subnav ul li a {
            padding: 10px 0;
            border-bottom: none;
            font-size: 15px !important;
          }
          .navbar.subnav {
            padding: 10px 0;
            top: 0!important;
          }
          .d-content.two {
            margin: 0 0 30px 0;
          }
          .abut-header.section-hero {
            padding: 50px 0;
            background-size: cover;
            height: 400px;
            background-position: center;
          }
          .work-section {
            padding: 30px 0;
          }
          .tab.mission-list-tab ul {
            display: block;
            text-align: center;
          }
          .tab.mission-list-tab ul li a {
            display: inline-block;
            padding: 0px 0;
            margin-bottom: 10px;
          }
          .tab.mission-list-tab ul li.current a {
            border-bottom: 2px solid #2291d1;
          }
          .abut-header.work.section-hero {
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
          }

          .work-detail .hero-heading {
            color: #000;
            font-size: 3rem;
            margin-bottom: 30px;
            text-align: left;
          }
          .teamimg {
            width: 130px;
            height: 130px;
          }
          .teamtxt h2 {
            font-size: 24px;
          }
          .teamtxt p {
            font-size: 14px;
          }
          .work-detail .team-col {
            margin-bottom: 0px;
            align-items: center;
          }
          .abut-header.work.section-hero {
            height: 300px;
          }
          .work-detail {
            padding: 30px 0 30px 0;
          }
          .job-box {
            display: block;
          }
          .jobleft {
            margin-bottom: 15px;
          }
          .brand_section {
            width: 100%;
            display: block;
          }
          .brand_section .brand {
            width: 47%;
            display: inline-block;
          }
          .imgdiv {
            right: -300px;
            top: 136px;
          }
          .section-hero.section.sr {
            padding: 50px 0;
          }
          .sdcontent.one .row {
            flex-direction: column-reverse;
          }
          .sdcontent .srimg {
            margin-bottom: 30px;
          }
          .brand-section {
            padding: 20px 0 0 0;
          }
          .sdcontent {
            padding: 22px 0;
          }
  }