.img-bg-contactt {
  background: url('../../img/bg-contact.png') no-repeat right;
  background-position-x: right;
  background-position-y: center;
  background-size: auto;
  background-position: 640px -50px;
  background-size: contain;
  overflow: hidden;
  }
  .contact-details {
    background: url('../../img/bg-contact2.png') no-repeat left; 
    width: 100%; 
    height: 833px;
    overflow: hidden;
    margin-top: 120px;
  }
  .info-details {
    margin-top: 140px;
    float: left;
  }
  .info-details li {
    list-style-type: none;
    color: #0e2a33;
    font-size: 18px;
    clear: both;
  }
  .info-details i {
    margin-right: 15px !important;
    float: left;
  }
  
  /* Responsive styles for contact information */
  @media (max-width: 991px) {
    .info-details {
      margin-top: 140px;
    }
    .info-details li {
      font-size: 20px;
    }
    
    .contact-details {
      background-position: -150px 0;
      width: 100%;
      height: 833px;
      background: url('../../img/bg-contact2.png') no-repeat left; }
  }
  @media (max-width: 767px) {
    .contact-details {
      background-position: -250px 0;
      width: 100%;
      height: 833px;
      background: url('../../img/bg-contact2.png') no-repeat left; }
    .info-details {
      margin-top: 80px;
      float: none;
      padding: 0 20px;
    }
    .info-details li {
      font-size: 18px;
      padding-right: 20px;
    }
  }
  @media (max-width: 576px) {
    .img-bg-contactt {
      background-position: 300px -200px;
    }
    .contact-details {
      background-position: -250px 5px;
      min-height: 450px;
      margin-top: 10px;
    }
    .info-details {
      margin-top: 150px;
    }
    .info-details li {
      font-size: 16px;
    }
  }