.mobile-detail-view {
     height: 0;
     overflow: hidden;
}

html,
body {
     overflow-x: hidden;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
     :root {
          --logo-max-height: 40px;
          --section-heading-size: 25px;
          --section-middle-heading-space: 1.5rem;
          --content-font-size: 16px;
          --section-space-top: 25px;
          --section-space-bottom: 25px;
          --font-size-16: 15px;
          --font-size-14: 15px;
          --font-size-20: 17px;
          --section-panel-h2-size: 26px;
          --section-panel-h4-size: 17px;
          --primary-row-v-space: 1.5rem;
          --primary-row-h-space: 1.5rem;
          --home-blog-image-width: 180px;
          --blog-main-space: 0px;
          --cta-top-space: 30px;
          --testimodial-space-padding: 0 50px;
          --testimodial-button-width: 40px;
          --lp-space: 30px;
          --lp-h1-size: 25px;
          --section-sub-heading-size: 20px;
          --data-heading: 25px;
          --data-description: 18px;
     }

     body {
          padding-top: 72px;
          /* offset for header height */
     }

     .service-heading h5 {
          font-size: 16px;
     }


     .contact-form-modal {
          width: 90%;
          right: -90%;
          padding: 15px;
     }

     .data-box {
          padding: 15px 20px;
     }

     .solution-box h4 {
          font-size: 20px;
     }

     .solution-box img {
          max-height: 100px;
     }

     .solution-box {
          max-height: 220px;
     }

     .information-words h4 {
          font-size: 30px;
          line-height: normal;
     }

     .information-words {
          width: 50%;
          height: 150px;
     }

     .information-words p {
          font-size: 18px;
     }

     .address-panel br {
          display: none;
     }

     .service-info-logo {
          max-width: 200px;
     }

     .discover-radio-input {
          --label-btn-padding: 10px 30px;
     }

     .discover-btn {
          gap: 15px;
     }

     .address-detail {
          --contact-image-height: 160px;
     }

     .desktop-detail-view {
          height: 0;
          overflow: hidden;
     }

     .mobile-detail-view {
          height: auto;
          overflow: inherit;
     }

     .blog-home-list-content h5 {
          font-size: 17px;
     }

     .blog-home-list-content {
          border: none;
     }

     #blog-page>div+div .blog-home-list {
          border-top: 1px solid #000;
          padding-top: 20px;
     }

     .brand-data-list h2 {
          font-size: 20px;
     }

     .img-logo-client {
          height: 25px;
          padding: 0 10px;
     }

     .textimonial-box {
          padding: 90px 15px 30px;
     }

     .testimonial-info h5 {
          font-size: 17px;
     }

     .test-uma {
          width: 120px;
          height: 120px;
     }

     .common-detail br {
          display: none;
     }

     .client-box-ls {
          width: 50%;
          height: 140px;
     }

     .client-box-ls img {
          max-width: 85%;
     }

     .blog-home-list {
          align-items: center;
     }

     .team-main-data h4 {
          font-size: 20px;
     }

     .team-main-data h5 {
          font-size: 17px;
     }

     .blog-description-detail h2 {
          font-size: 30px;
     }

     .blog-description-detail h3 {
          font-size: 25px;
     }

     .mobile-view-change {
          margin-bottom: 60px;
     }

     .mobile-text-color .primary-color {
          color: #e6b25c;
     }

     .cs-study-banner {
          padding-right: 20px;
          padding-bottom: 20px;
     }


     
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
     :root {
          --logo-max-height: 40px;
          --section-heading-size: 25px;
          --section-middle-heading-space: 1.5rem;
          --content-font-size: 16px;
          --section-space-top: 25px;
          --section-space-bottom: 25px;
          --font-size-16: 15px;
          --font-size-14: 15px;
          --section-panel-h2-size: 35px;
          --section-panel-h4-size: 18px;
          --primary-row-v-space: 1.5rem;
          --primary-row-h-space: 1.5rem;
          --cta-top-space: 30px;
          --home-blog-image-width: 250px;
          --blog-main-space: 0px;
          --testimodial-space-padding: 0 50px;
          --testimodial-button-width: 40px;

          --lp-space: 40px;
          --lp-h1-size: 40px;
          --section-sub-heading-size: 20px;
          --data-heading: 25px;
          --data-description: 18px;
     }

     .data-box {
          padding: 15px 20px;
     }

     .solution-box h4 {
          font-size: 20px;
     }

     .solution-box img {
          max-height: 100px;
     }

     .solution-box {
          max-height: 220px;
     }

     .information-words h4 {
          font-size: 30px;
          line-height: normal;
     }

     .information-words {
          width: 33.33%;
          height: 150px;
     }

     .information-words p {
          font-size: 18px;
     }

     .address-panel br {
          display: none;
     }

     .brand-data-list h2 {
          font-size: 25px;
     }

     .img-logo-client {
          height: 25px;
          padding: 0 10px;
     }

     .blog-home-list-content {
          border: none;
     }

     #blog-page>div+div .blog-home-list {
          border-top: 1px solid #000;
          padding-top: 20px;
     }

     .textimonial-box {
          padding: 90px 15px 30px;
     }

     .testimonial-info h5 {
          font-size: 17px;
     }

     .test-uma {
          width: 120px;
          height: 120px;
     }


     .client-box-ls {
          height: 140px;
     }

     .client-box-ls img {
          max-width: 70%;
          max-height: 90%;
     }

     .team-main-data h4 {
          font-size: 20px;
     }

     .team-main-data h5 {
          font-size: 17px;
     }

     .mobile-text-color .primary-color {
          color: #e6b25c;
     }
}

@media only screen and (min-width: 1025px) and (max-width: 1199px) {
     :root {
          --logo-max-height: 40px;
          --section-heading-size: 30px;
          --section-middle-heading-space: 1.5rem;
          --content-font-size: 16px;
          --section-space-top: 25px;
          --section-space-bottom: 25px;
          --font-size-16: 15px;
          --font-size-14: 15px;
          --section-panel-h2-size: 35px;
          --section-panel-h4-size: 18px;
          --primary-row-v-space: 1.5rem;
          --primary-row-h-space: 1.5rem;
          --cta-top-space: 30px;
          --home-blog-image-width: 250px;
          --blog-main-space: 0px;
          --testimodial-space-padding: 0 50px;
          --testimodial-button-width: 40px;
          --lp-space: 40px;
          --lp-h1-size: 40px;
          --section-sub-heading-size: 20px;
          --data-heading: 25px;
          --data-description: 18px;
     }

     .data-box {
          padding: 15px 20px;
     }

     .solution-box h4 {
          font-size: 20px;
     }

     .solution-box img {
          max-height: 100px;
     }

     .solution-box {
          max-height: 220px;
     }

     .information-words h4 {
          font-size: 30px;
          line-height: normal;
     }

     .information-words {
          width: 33.33%;
          height: 150px;
     }

     .address-panel br {
          display: none;
     }

     .brand-data-list h2 {
          font-size: 25px;
     }

     .img-logo-client {
          height: 25px;
          padding: 0 10px;
     }

     .blog-home-list-content {
          border: none;
     }

     #blog-page>div+div .blog-home-list {
          border-top: 1px solid #000;
          padding-top: 20px;
     }

     .textimonial-box {
          padding: 90px 15px 30px;
     }

     .testimonial-info h5 {
          font-size: 17px;
     }

     .test-uma {
          width: 120px;
          height: 120px;
     }

     .team-main-data h4 {
          font-size: 20px;
     }

     .team-main-data h5 {
          font-size: 17px;
     }
}