@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .header-logo img {
      height: 56px;
    }
    
    
    .hero-title {
      font-size: 66px;
    }
    
    .hero-style1 {
      padding: 100px 0 80px 0;
    }
    .title-area, .sec-title {
      --section-title-space: 40px;
    }
    .process-card {
      width: 250px;
      height: 270px;
      background-color: var(--theme-color);
      border-radius: 999px;
      padding: 10px 4px;
      margin: 10px;
      text-align: center;
      position: relative;
      z-index: 2;
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out;
    }
    
    .ot-widget-about .about-logo img{
      margin-bottom: 10px;
      height: 60px;
    }
    
    
    .breadcumb-wrapper {
      padding: 80px 0 90px;
    }
    .product-video-section {
      padding: 50px 100px;
      background-color: darkcyan;
    }
    
    .office-section {
      padding: 60px 0;
    }
    .office-section .pr-5 {
      padding-right: 20px;
    }
    
    .office-section .pl-5 {
      padding-left: 20px;
    }
    
    .office-section img {
      margin: 0 auto !important;
      align-items: center;
      height: auto;
      width: 100%;
      object-fit: contain;
      transition: transform 0.3s ease-in-out;
    }
    
    .office-section h3 {
      color: #009846;
      margin-top: 22px;
      margin-left: 10px;
      font-size: 20px;
    }
    
    .address-block {
      background-color: transparent;
      padding:0 20px;
      border-radius: 8px;
      /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
      float: left;
      text-align: left;
    }
    
    .other-offices {
      padding: 60px 0;
      background-color: lavender;
    }
    
    .other-office-card .card{
      text-align: left;
    
    }
    
    .address-block img{
      height: 50px;
    }
    
    .address-block p {
      margin: 0 0 ;
      font-size: 16px;
      color: #333 !important;
    }
    
    .space {
      padding: 60px 0;
    }
    .nav-rd-section {
      text-align: center;
      padding: 60px;
      background-color: rgb(74 167 96 / 21%);
    }
    
    
    .nav-rd-cards {
      display: flex;
      flex-wrap: nowrap;
      justify-content: center;
      gap: 30px;
      flex-direction: row;
    }
    
    
    
    .inno-rese-section {
      display: flex !important;
      flex-direction: column !important;
     }
     
     .inno-rese-section {
      
       text-align: left !important;
       padding: 0px !important;
     }
     
     
     
     .inno-rese-circle{
       display: none;
     }
     .inno-rese-left-top, .inno-rese-left-bottom {
       left: 0px;
     }
     
     .inno-rese-right-top, .inno-rese-right-bottom {
       right: 0px;
     }
     
     .inno-rese-content {
       position: relative;
       max-width: 500px;
       height: auto;
       display: flex;
       flex-direction: column;
       justify-content: center;
       transition: transform 0.3s ease-in-out;
       padding: 10px;
       background-color: white;
       border-radius: 10px;
       align-items: center;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       transition: transform 0.3s ease-in-out;
       z-index: 2;
     }
     
     .inno-rese-content {
       width: 99%;
       padding: 8px;
       margin: 10px auto;
     }
    
     .top-card {
      height: 400px !important;
      
      overflow-y: scroll !important;
    }
    
    .sppf-container {
      background: linear-gradient(90deg, #ebebeb, #c7e9d9);
      padding: 60px 0;
    }
    
    
    .sppf-card {
      background-color: #fff;
      padding: 10px;
      margin: 10px;
      color: black;
      max-width: 31%;
      position: relative;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      transition: 0.3s;
    }
    
    ul {
      padding-left: 1rem;
    }
    
    .sppf-container .content {
      height: 300px;
      overflow-y: scroll;
    }
    
    .ascs-container {
      background-color: #fff;
      padding: 60px 0;
    }
    
    .ascs-card {
      margin: 0px;
      border-style: solid;
      border-color: black;
    }
    
    .quality-section {
      padding:0 0 60px;
    }
    
    .map-section {
      background-color: white;
      padding: 60px 0;
    }
    
    .map-section img {
      /* box-shadow: 7px 7px 5px 7px lightblue; */
      height: auto;
      transition: transform 0.3s ease-in-out;
    }
    
    .crp-section {
      background-color: lightcyan;
      padding: 60px 0;
    }
    
    .awards-section {
      padding: 60px 0;
      background-color: #f8f9fa;
    }
    
    .mile-stone {
      padding: 60px 0;
      background-color: white;
    }
    
    
    
    
    
    
    
    
    }
    
    
    
    @media only screen and (min-width: 600px) and (max-width: 768px) {
    
    
    
      .contact-form {
        padding: 15px;
    }
    .hero-style1 {
      padding: 50px 0 0px 0;
    }
    
    .feature-sec1 {
      margin-top: -270px;
      z-index: 3;
    }
    
    .product-video-section {
      padding: 10px  30px !important;
     
    }
    
    .office-section {
      padding: 50px 0;
    }
    .office-section img {
      margin: 0 auto !important;
      align-items: center;
      height: auto !important;
      width: 100%;
      object-fit: contain;
      transition: transform 0.3s ease-in-out;
    }
    
    .office-section .pr-5 {
      padding-right: 5px;
    }
    
    .office-section .pl-5 {
      padding-left: 5px;
    }
    
    .img-text {
      display: flex;
      flex-direction: row;
      display: none;
    }
    
    .other-offices {
      padding: 50px 0;
      background-color: lavender;
    }
    
    .other-office-card {
      margin: 10px !important;
    }
    p.mb-30 {
      margin-bottom: 0px;
    }
    
    .nav-rd-section {
      text-align: center;
      padding: 50px 20px;
      background-color: rgb(74 167 96 / 21%);
    }
    .nav-rd-card {
      /* max-width: auto !important; */
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-color: #f5f5f5;
      border-radius: 10px;
      overflow: hidden;
      position: relative;
      transition: transform 0.3s ease-in-out;
      background-image: none;
    }
    
    
    .inno-rese-section {
      display: flex !important;
      flex-direction: column !important;
     }
     
     .inno-rese-section {
      
       text-align: left !important;
       padding: 0px !important;
     }
     
     
     
     .inno-rese-circle{
       display: none;
     }
     .inno-rese-left-top, .inno-rese-left-bottom {
       left: 0px;
     }
     
     .inno-rese-right-top, .inno-rese-right-bottom {
       right: 0px;
     }
     
     .inno-rese-content {
       position: relative;
       max-width: 500px;
       height: auto;
       display: flex;
       flex-direction: column;
       justify-content: center;
       transition: transform 0.3s ease-in-out;
       padding: 10px;
       background-color: white;
       border-radius: 10px;
       align-items: center;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       transition: transform 0.3s ease-in-out;
       z-index: 2;
     }
     
     .inno-rese-content {
       width: 99%;
       padding: 8px;
       margin: 10px auto;
     }
     .sppf-container {
      background: linear-gradient(90deg, #ebebeb, #c7e9d9);
      padding: 50px 0;
    }
    .sppf-card {
      background-color: #fff;
      padding: 10px;
      margin: 10px;
      color: black;
      max-width: 340px;
      position: relative;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      transition: 0.3s;
    }
    
    .sppf-container .content {
      max-height: 300px;
      overflow-y: scroll;
    }
    
    ul {
      padding-left: 1rem;
    }
    .ascs-container {
      background-color: #fff;
      padding: 40px 0;
    }
    
    .ascs-card .content {
      padding: 10px 20px;
      min-height: auto;
      padding-bottom: 10px !important;
    }
    
    .quality-section {
      padding:0 0 40px;
    }
    
    .map-section {
      background-color: white;
      padding: 40px 0;
    }
    
    .breadcumb-wrapper {
      padding: 60px 0 60px;
    }
    
    .vm-card {
      background-color: #ffffff;
      border-radius: 10px;
      display: flex;
      overflow: hidden;
      height: auto !important;
      padding: 50px 0;
      transition: transform 0.3s ease-in-out;
      align-content: center;
      /* align-items: center; */
      flex-direction: row;
      justify-content: center;
    }
    
    
    
    
    }
    
    
    
    
    
    
    @media only screen and (min-width: 501px) and (max-width: 600px) {
      .other-office-card {
        margin: 7px !important;
      }
      .hero-style1 {
        padding: 20px 0 0px 0 !important;
      }
      .hero-4 .text-video-btn {
        position: relative;
        right: unset;
        top: unset;
        margin-bottom: 10px;
      }
    
      .feature-sec1 {
        margin-top: 0px !important;
      }
    
      p {
        font-family: var(--body-font);
        margin: 0 0 18px 0;
        text-align: left;
        color: var(--body-color);
        line-height: 1.625;
      }
      .about-feature-wrap {
        gap: 15px;
        padding: 15px 10px;
      }
    
      .space,
      .space-bottom {
        padding-bottom: 30px;
      }
    
      .space,
      .space-top {
        padding-top: 30px;
      }
      .ot-widget-about .about-logo {
        margin-bottom: 15px;
      }
    
      .ot-widget-about .about-logo img {
        height: 60px;
      }
      .breadcumb-wrapper {
        padding: 30px 0 30px;
      }
      .awards-section {
        padding: 30px 0;
        background-color: #f8f9fa;
      }
      .mile-stone {
        padding: 30px 0;
        background-color: white;
      }
      .mile-stone .col-6 {
        width: 80% !important;
      }
      .left-bottom {
        left: -50%;
        top: calc(50% - 4px);
      }
      .top-right {
        left: 50%;
        top: -49%;
      }
      .top-left {
        left: -50%;
        top: -48%;
      }
      .corner {
        border: 6px solid #ccc;
        width: 100%;
        position: relative;
        border-radius: 15px;
      }
    
      .product-card {
        border: none;
        display: flex;
        background-color: #f8f9fa;
        border-radius: 10px;
        margin: 0 40px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s;
        align-items: center;
      }
    
      .productroad {
        background: url(../../images/road-bg.png) no-repeat bottom left !important;
        background-size: 99% !important;
        height: 420px;
        text-align: center;
      }
    
      .p-3 {
        padding: 0rem !important;
      }
      .product-list img {
        width: 20px !important;
        height: 20px !important;
        margin-right: 5px;
      }
    
      .about-product {
        padding: 30px 20px 20px;
      }
    
      .buttons-section {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 10px;
      }
    
      .product-video-section {
        padding: 0px !important;
      }
    
      .product-video-section video {
        height: 330px !important;
    }
    .office-section {
      padding: 30px 0;
    }
    .office-section .pr-5 {
      padding-right: 10px;
    }
    .office-section img {
      margin: 0 auto !important;
      align-items: center;
      height: 180px;
      width: 100%;
      object-fit: contain;
      transition: transform 0.3s ease-in-out;
      object-fit: cover;
    }
    
    .img-text{
      display: none;
    }
    .office-section .pl-5 {
      padding-left: 10px;
    }
    
    .address-block {
      background-color: transparent;
      padding: 10px 20px;
      border-radius: 8px;
      /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
      float: left;
      text-align: left;
      margin-bottom: 5px !important;
    }
    
    .crp-section {
      background-color: lightcyan;
      padding: 30px 0;
    }
    
    
    .brand-box {
      height: 70px;
      overflow: hidden;
      position: relative;
      width: 115px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      text-align: center;
      margin: 10px;
      border-radius: 5px;
      padding: 10px;
    }
    
    .patnership-list li {
      font-size: 16px;
      padding: 5px 15px;
      margin-bottom: 10px;
      /* background-color: #f4f4f4; */
      border-radius: 5px;
      position: relative;
    }
    
    .about-card__img {
      border-radius: 15px;
      padding: 5px;
    }
    
    .about-card__img {
      margin-bottom: 20px;
    }
    
    
    p.mb-30 {
      margin-bottom: 5px;
    }
    
    .nav-rd-section {
      text-align: center;
      padding: 30px 10px;
      background-color: rgb(74 167 96 / 21%);
    }
    
    
    .nav-rd-card-content {
      padding: 10px 10px 0;
    }
    
    .nav-rd-section img {
      height: 200px;
      width: 100%;
      object-fit: cover;
      padding: 0px !important;
    }
    
    .inno-rese-section {
     display: flex !important;
     flex-direction: column !important;
    }
    
    .inno-rese-section {
     
      text-align: left !important;
      padding: 0px !important;
    }
    
    
    
    .inno-rese-circle{
      display: none;
    }
    .inno-rese-left-top, .inno-rese-left-bottom {
      left: 0px;
    }
    
    .inno-rese-right-top, .inno-rese-right-bottom {
      right: 0px;
    }
    
    .inno-rese-content {
      position: relative;
      max-width: 500px;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: transform 0.3s ease-in-out;
      padding: 10px;
      background-color: white;
      border-radius: 10px;
      align-items: center;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
      z-index: 2;
    }
    
    .inno-rese-content {
      width: 99%;
      padding: 8px;
      margin: 10px auto;
    }
    
    .sppf-container {
      background: linear-gradient(90deg, #ebebeb, #c7e9d9);
      padding: 30px 0;
    }
    
    .sppf-card {
      background-color: #fff;
      padding: 10px;
      margin: 10px;
      color: black;
      max-width: 96%;
      position: relative;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      transition: 0.3s;
    }
    
    .sppf-container .content {
      height: auto !important;
    }
    
    ul {
      padding-left: 1rem;
    }
    .ascs-container {
      background-color: #fff;
      padding: 30px 0;
    }
    
    .ascs-card .content {
      padding: 5px 7px;
      min-height: auto !important;
      padding-bottom: 10px !important;
    }
    
    .ascs-container h4 {
      font-size: 24px;
      margin-bottom: 3px;
    }
    
    .quality-section {
      padding: 0px !important;
    }
    
    .map-section {
      background-color: white;
      padding: 30px 0;
    }
    
    .map-section img {
      
      height: auto;
      transition: transform 0.3s ease-in-out;
    }
    
    .map-section .con {
      padding-left: 10px !important;
    }
    .p-3 {
      padding: 1rem !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }
    
    
    @media only screen and (min-width: 320px) and (max-width: 500px) {
      .other-office-card {
        margin: 5px !important;
      }
      .hero-style1 {
        padding: 20px 0 0px 0 !important;
      }
      .hero-4 .text-video-btn {
        position: relative;
        right: unset;
        top: unset;
        margin-bottom: 10px;
      }
    
      .feature-sec1 {
        margin-top: 0px !important;
      }
    
      p {
        font-family: var(--body-font);
        margin: 0 0 18px 0;
        text-align: left;
        color: var(--body-color);
        line-height: 1.625;
      }
      .about-feature-wrap {
        gap: 15px;
        padding: 15px 10px;
      }
    
      .space,
      .space-bottom {
        padding-bottom: 30px;
      }
    
      .space,
      .space-top {
        padding-top: 30px;
      }
      .ot-widget-about .about-logo {
        margin-bottom: 15px;
      }
    
      .ot-widget-about .about-logo img {
        height: 60px;
      }
      .breadcumb-wrapper {
        padding: 30px 0 30px;
      }
      .awards-section {
        padding: 30px 0;
        background-color: #f8f9fa;
      }
      .mile-stone {
        padding: 30px 0;
        background-color: white;
      }
      .mile-stone .col-6 {
        width: 80% !important;
      }
      .left-bottom {
        left: -50%;
        top: calc(50% - 4px);
      }
      .top-right {
        left: 50%;
        top: -49%;
      }
      .top-left {
        left: -50%;
        top: -48%;
      }
      .corner {
        border: 6px solid #ccc;
        width: 100%;
        position: relative;
        border-radius: 15px;
      }
    
      .product-card {
        border: none;
        display: flex;
        background-color: #f8f9fa;
        border-radius: 10px;
        margin: 0 40px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        transition: transform 0.3s;
        align-items: center;
      }
    
      .productroad {
        background: url(../../images/road-bg.png) no-repeat bottom left !important;
        background-size: 99% !important;
        height: 420px;
        text-align: center;
      }
    
      .p-3 {
        padding: 0rem !important;
      }
      .product-list img {
        width: 20px !important;
        height: 20px !important;
        margin-right: 5px;
      }
    
      .about-product {
        padding: 30px 20px 20px;
      }
    
      .buttons-section {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-bottom: 10px;
      }
    
      .product-video-section {
        padding: 0px !important;
      }
    
      .product-video-section video {
        height: 330px !important;
    }
    .office-section {
      padding: 30px 0;
    }
    .office-section .pr-5 {
      padding-right: 10px;
    }
    .office-section img {
      margin: 0 auto !important;
      align-items: center;
      height: 180px;
      width: 100%;
      object-fit: contain;
      transition: transform 0.3s ease-in-out;
      object-fit: cover;
    }
    
    .img-text{
      display: none;
    }
    .office-section .pl-5 {
      padding-left: 10px;
    }
    
    .address-block {
      background-color: transparent;
      padding: 10px 20px;
      border-radius: 8px;
      /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
      float: left;
      text-align: left;
      margin-bottom: 5px !important;
    }
    
    .crp-section {
      background-color: lightcyan;
      padding: 30px 0;
    }
    
    
    .brand-box {
      height: 70px;
      overflow: hidden;
      position: relative;
      width: 115px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      text-align: center;
      margin: 10px;
      border-radius: 5px;
      padding: 10px;
    }
    
    .patnership-list li {
      font-size: 16px;
      padding: 5px 15px;
      margin-bottom: 10px;
      /* background-color: #f4f4f4; */
      border-radius: 5px;
      position: relative;
    }
    
    .about-card__img {
      border-radius: 15px;
      padding: 5px;
    }
    
    .about-card__img {
      margin-bottom: 20px;
    }
    
    
    p.mb-30 {
      margin-bottom: 5px;
    }
    
    .nav-rd-section {
      text-align: center;
      padding: 30px 10px;
      background-color: rgb(74 167 96 / 21%);
    }
    
    
    .nav-rd-card-content {
      padding: 10px 10px 0;
    }
    
    .nav-rd-section img {
      height: 200px;
      width: 100%;
      object-fit: cover;
      padding: 0px !important;
    }
    
    .inno-rese-section {
     display: flex !important;
     flex-direction: column !important;
    }
    
    .inno-rese-section {
     
      text-align: left !important;
      padding: 0px !important;
    }
    
    
    
    .inno-rese-circle{
      display: none;
    }
    .inno-rese-left-top, .inno-rese-left-bottom {
      left: 0px;
    }
    
    .inno-rese-right-top, .inno-rese-right-bottom {
      right: 0px;
    }
    
    .inno-rese-content {
      position: relative;
      max-width: 500px;
      height: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      transition: transform 0.3s ease-in-out;
      padding: 10px;
      background-color: white;
      border-radius: 10px;
      align-items: center;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease-in-out;
      z-index: 2;
    }
    
    /* .inno-rese-content {
      width: 99%;
      padding: 8px;
      margin: 10px auto;
    } */
    
    .inno-rese-content {
      width: 90%;
      padding: 8px;
      margin: 10px auto;
    }
    
    .sppf-container {
      background: linear-gradient(90deg, #ebebeb, #c7e9d9);
      padding: 30px 0;
    }
    
    .sppf-card {
      background-color: #fff;
      padding: 10px;
      margin: 10px;
      color: black;
      max-width: 96%;
      position: relative;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
      transition: 0.3s;
    }
    
    .sppf-container .content {
      height: auto !important;
    }
    
    ul {
      padding-left: 1rem;
    }
    .ascs-container {
      background-color: #fff;
      padding: 30px 0;
    }
    
    .ascs-card .content {
      padding: 5px 7px;
      min-height: auto !important;
      padding-bottom: 10px !important;
    }
    
    .ascs-container h4 {
      font-size: 24px;
      margin-bottom: 3px;
    }
    
    .quality-section {
      padding: 0px !important;
    }
    
    .map-section {
      background-color: white;
      padding: 30px 0;
    }
    
    .map-section img {
      
      height: auto;
      transition: transform 0.3s ease-in-out;
    }
    
    .map-section .con {
      padding-left: 10px !important;
    }
    .p-3 {
      padding: 1rem !important;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }