@media only screen and (max-width: 430px) {
  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 20px !important;
    padding-left: 17px !important;
  }
  .banner-section .content-column h1 {
    font-size: 28px;
    line-height: 1.1em;
    margin-bottom: 5px;
  }

  .title-para-cus {
    width: 96% !important;
    line-height: 1.5 !important;
  }

  .overview-section {
    padding-top: 1px;
  }

  .sec-title h2 {
    font-size: 28px;
  }

  .overview-details .text p {
    font-size: 15px;
    text-align: justify;
    line-height: 1.6em;
  }

  .app-block .inner-box .content-column h3 {
    font-size: 23px;
    line-height: 1.25em;
  }

  .managing-para {
    font-size: 15px;
    text-align: justify;
    line-height: 1.6em;
  }

  .cus-head-pass {
    font-size: 27px !important;
    line-height: 1.23em !important;
  }

  .apps-section {
    padding: 11px 0px;
  }

  .steps-section {
    padding: 11px 0px;
  }

  .cus-res-title {
    font-size: 28px !important;
    line-height: 1.1em;
  }

  .material-res-header {
    padding-top: 20px !important;
  }
  .steps-section
    .blocks-column
    .inner-column
    .carousel-indicators
    li
    .icon
    img {
    max-width: 89%;
  }

  .steps-section .blocks-column .inner-column .carousel-indicators li strong {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .cus-li-span {
    text-align: justify !important;
  }

  .integration-section {
    padding: 11px 0px;
  }

  .bubble.bg-contrast.rounded-circle.p-2.shadow.icon {
    margin: 20px 10px;
    width: 121px;
    height: 121px;
  }

  .abt-para {
    font-size: 15px !important;
    line-height: 1.7em !important;
  }

  .featured-section {
    padding: 11px 0px;
  }
  .contact-section {
    padding: 11px 0px;
  }

  .contact-section .info-column .info-list li strong {
    font-size: 18px;
  }
  .contact-img {
    height: 2rem;
    width: 1.6rem;
  }

  .mail-img {
    width: 2rem;
  }

  .contact-section .info-column .info-list li {
    font-size: 15px;
    line-height: 1.6em;
    padding-left: 38px;
  }

  .main-footer {
    background-color: #f58634;
  }

  .cus-mat-head {
    padding-top: 1rem;
  }
  .cus-abt-title {
    font-size: 26px !important;
  }

  .app-block .inner-box .image-column .image img {
    width: 100% !important;
    padding-left: 0rem !important;
  }
  .key-features-images img {
    height: auto !important;
    width: 100% !important;
    padding-left: 0 !important;
  }
  .contact-image img {
    width: 100% !important;
    padding-left: 0rem !important;
  }
}

@media only screen and (max-width: 768px) {
  .banner-section .bg-layer {
    position: absolute;
    left: -125px;
  }

  .banner-section .content-column .inner-column {
    padding-left: 11px;
  }

  .title-para-cus {
    width: 46%;
    line-height: 2;
    text-align: justify;
  }

  .overview-section {
    padding: 20px 8px;
  }

  .apps-section {
    padding: 37px 0px;
  }
  .managing-para {
    text-align: justify;
  }

  .overview-details .text p {
    line-height: 1.6em;
  }

  .app-block .inner-box .content-column .text {
    line-height: 1.6em;
  }

  .steps-section {
    padding: 26px 0px;
  }

  .team-section {
    padding: 2px 0px 3px;
  }

  .featured-section {
    padding-top: 17px;
  }

  .contact-section {
    padding-top: 17px;
  }

  .contact-address .info-column .info-list {
    padding-top: 2rem;
  }

  .app-block .inner-box .image-column .image img {
    position: relative;
    width: 81%;
    padding-left: 11rem;
    /* height: 44%; */
    /* display: flex !important; */
  }

  .key-features-images img {
    /* width: 99%; */
    height: 40rem;
    padding-left: 6rem;
    max-width: 130% !important;
  }

  img {
    max-width: 130% !important;
  }
  .contact-image img {
    width: 82%;
    padding-left: 6rem;
  }
  .footer-contact {
    padding-left: 0.6rem;
  }
  .banner-section .bg-layer {
    position: absolute;
    left: 0px;
  }
}

@media only screen and (max-width: 1024px) {
  .main-menu .navigation > li > a {
    padding: 26px 7px;
  }

  .overview-details .text p {
    text-align: justify;
  }

  .overview-section {
    position: relative;
    padding-top: 16px;
    padding-bottom: 2px;
    background-color: #f9f9f9;
  }

  .managing-para {
    text-align: justify;
  }

  .steps-section {
    position: relative;
    padding: 27px 0px;
    background-color: #f6f6f6;
  }

  /* .steps-section .blocks-column .inner-column .carousel-indicators {
    text-align: justify;
    width: 28rem;
  } */

  .team-section {
    position: relative;
    overflow: hidden;
    padding: 37px 0px 38px;
    background-color: #fff;
  }

  .featured-section {
    position: relative;
    padding-top: 18px;
    padding-bottom: 0px;
    background-color: #f6f6f6;
  }

  .contact-section {
    position: relative;
    padding-top: 22px;
    background: #fff;
  }

  /* .cus-form {
    flex-direction: column !important;
  } */

  .main-menu .navigation > li > a {
    line-height: 30px;
    letter-spacing: 0px;
    opacity: 1;
    font-weight: 550;
    font-size: 14.6px;
    padding: 26px 4px;
  }

  .logo a img {
    max-width: 88%;
    height: auto;
  }

  .cus-key-img img {
    max-width: 103% !important;
  }

  .main-header.fixed-header .main-menu .navigation > li > a {
    padding: 26px 4px;
  }

  .cus-key-img img {
    max-width: 104% !important;
  }

  .banner-section .bg-layer {
    position: absolute;
    left: 78px;
  }
}

.cus-sticky-btn {
  color: #fff !important;
}

.chat-handler .lp-launcher.bar {
  width: 159px !important;
}