.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 -100px;
  background-size: contain;
  overflow: hidden;
  }
  .contact-details {
    background: url('../../img/bg-contact2.png') no-repeat left; 
    width: 100%; 
    height: 833px;
    overflow: hidden;
  }
  .info-details {
    margin-top: 200px;
    float: left;
    
    
  }
  .info-details li {
    list-style-type: none;
    color: #0e2a33;
    font-size: 22px;
    clear: both;
  }
  .info-details i {
    margin-right: 15px !important;
    float: left;
  
  /* Responsive styles for contact information */
  @media (max-width: 991px) {
    .info-details {
      margin-top: 150px;
    }
    .info-details li {
      font-size: 20px;
    }
  }
  @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: 100px;
      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: -450px 100px;
      min-height: 600px;
    }
    .info-details {
      margin-top: 80px;
    }
    .info-details li {
      font-size: 16px;
    }
  }
  }