@media screen and (max-width: 767px) {
 

  .l-logo .logo-dt {
    width: 100px !important;
  }
  .l-logo .logo-bct {
    width: 150px !important;
  }
  .w-logo .logo-dt {
    width: 87px !important;
  }
  .header .col-md-6 {
    display: flex;
    justify-content: space-between;
  }

  .logo-btn {
    margin-left: 8px;
  }
 

.header-btn {
    font-size: 12px !important; 
    padding: 10px 15px !important; 
}


  .l-logo,
  .r1-logo {
    width: 50% !important;
  }
  .nav-tabs {
    margin-left: 20px !important;
  }
 .c-btn{
    font-size: 12px !important;
        padding: 10px 15px !important;
        margin-left: -24px !important;
        width:100px;
 }
 /* .c-logo{
    margin-left: -30px !important;
 } */
  .l-logo img {
    width: 190px !important;
  }
  .b-logo {
    width: 40% !important;
  }
  .section-spacing {
    margin-top: 95px;
  }
  .left-block h4 {
    font-size: 25px;
    color: #362b58;
    font-weight: 600;
    line-height: 30px;
  }
  .product-btn {
    margin-top: 17px;
  }
  .left-block p {
    width: 100%;
  }
  .r-img {
    margin-top: 30px;
  }
  .card-content h4,
  .card-content .c-title {
    width: 100%;
  }
  .r-cont .rt-img,
  .r-cont h2 {
    width: 100% !important;
  }
  .card-bg-img {
    width: 65%;
    /* height: 100%; */
    object-fit: cover;
    position: absolute;
    bottom: -25px;
    left: 44px;
  }
  .feature-card,
  .feature-card1,
  .feature-card2,
  .feature-card3 {
    margin: 10px;
  }
  .card-overlay-img1 {
    position: absolute;
    bottom: -19px;
    left: 43%;
    transform: translateX(-50%);
    width: 191px;
    top: 8px;
  }
  .card-bg-img1 {
    width: 65%;
    /* height: 100%; */
    object-fit: cover;
    position: absolute;
    bottom: -28px;
    left: 30px;
  }
  .card-bg-img2 {
    width: 65%;
    /* height: 100%; */
    object-fit: cover;
    position: absolute;
    bottom: -24px;
    left: 24px;
  }
  .card-bg-img3 {
    width: 67%;
    /* height: 100%; */
    object-fit: cover;
    position: absolute;
    bottom: -32px;
    left: 49px;
  }
  .card {
    margin: 10px;
  }
  .footer p {
    padding-top: 100px;
    font-size: 15px;
  }
  .demo-box {
    background-color: #4c3794;
    padding: 40px 0;
    position: absolute;
    top: -28px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
    width: 90%;
    margin: 0 auto;
    border-radius: 20px;
  }
  .mb-btn {
    text-align: center !important;
    padding-top: 20px;
  }
  .demo-btn {
    margin-left: 0px !important;
  }
  .demo-box h3 {
    font-size: 22px;
    text-align: center !important;
    margin: 0 auto;
    margin-left: 34px !important;
  }
  .tab-content {
    margin-left: 25px !important;
  }
  .background-image-container {
    padding: 20px;
    background-image: url("../images/mobile_card2.webp");
    /* height: auto; */
    background-repeat: no-repeat;
    min-height: 400px;
    background-position: right center;
  }

  .content-overlay {
    max-width: 100%;
    text-align: center;
    padding-top: 115px;
  }

  .content-overlay h3 {
    font-size: 16px;
  }

  .content-overlay p {
    font-size: 16px;
    width: 100%;
  }
  .modal-content {
    width: 100%;
    margin-left: 0px !important;
  }
  @media screen and (min-width: 320px) and(max-width:424px) {
    .l-logo img {
      width: 188px;
    }
    .r-logo img {
      width: 65px;
      /* margin-top: -45px; */
      position: absolute;
      top: 60px;
      left: 245px;
    }
  }
}