@media only screen and (min-device-width: 630px) and (max-device-width: 1024px) and (orientation:portrait) {
    section.banner-section {
      height: 425px !important;
    }
  
    .any-queries-section {
      background-size: 100% 100%;
      padding-top: 5% !important;
      padding-bottom: 5% !important;
  }
  
  .column-container{
    max-width: 100%;
  }
  
  .row-container{
    display: block;
  }
  
  .secound-card-div{
    margin-left: 0px;
  }
  
  }
  
  
  @media only screen and (min-device-width: 912px) and (max-device-width: 1200px) and (orientation:portrait) {
    section.banner-section {
      height: 585px !important;
    }
  
    .any-queries-section {
      background-size: 100% 100%;
      padding-top: 5% !important;
      padding-bottom: 5% !important;
  }
  }
  
  @media only screen and (min-width: 769px) and (max-width: 1220px) {
    section.banner-section {
      height: 550px !important;
    }
  }
  
  @media only screen and (min-width: 600px) and (max-width: 768px) {
    section.banner-section {
      height: 390px !important;
    }
  }
  
  @media only screen and (min-width:768px)  and (max-device-width: 950px) {
    .titlepage h2::before,
   .titlepage h2::after {
    content: "";
    position: absolute;
    height: 5px;
   display: none !important;
  
  }
  
  }
  
    /* arrow css ends  */
    @media only screen and (max-width:768px) {
        .button-div {
          text-align: center;
      }
  
      .dolfeen-main-title {
        font-size: 22px;
        text-align: center;
      }
  
      .secound-card-div{
        margin-left: 0px;
      }
  
      section.banner-section {
        /* height: 240px; */
        height: 275px;
    }
  
      .main-image-div {
        margin-top: 0px;
      }
  
      .any-queries-section{
        background-size: 100% 100%;
        padding-left: 7%;
        padding-bottom: 10%;
    }
  
   .title-of-queries{
    font-size: 40px;
    margin-bottom: 0px;
   }
  
   .description-of-queries{
    font-size: 14px;
   }
   .titlepage h2::before,
   .titlepage h2::after {
    content: "";
    position: absolute;
    height: 5px;
   display: none !important;
  
  }

  .queries-column-div {
    padding-top: 10px;
}

.queries-button {
    text-align: -webkit-left;
}

    }
  
  /* --------------------------------- */
  
  @media only screen and (max-width:767px) {
      .header {
          /* background-color: #fff !important; */
          background-image: linear-gradient(to right, #fff 19%,#fff 100%);
      }
      .banner-main{
          background-image:url('../images/imgpsh_fullsize_anim.png');
          /* background-image:url('../images/car_ted.jpg'); */
          /* background-image: url('../images/011.jpg'); */
          /* background-attachment: fixed; */
          /* background-size: cover;
          width: 100vw; */
          width: 100%;
          height: 50vh;
          /* height: 100%; */
          background-repeat: no-repeat;
      }
      .text-bg h1{
          color: #fff !important;
          font-size: 3em !important;
          padding: 0px;
      }
      .about-space{
          padding: 20px;
          height: auto;
          /* border: 10px solid red; */
          border-radius: 5px;
      }
      .box{
          height: 100px;
          width: 100px;
          background-color: #8C298D;
          margin-left: 110px !important;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #fff;
  
      }
      .box i{
          font-size: 3em;
  
      }
      .titlepage h2::before,
      .titlepage h2::after {
       content: "";
       position: absolute;
       height: 5px;
      display: none !important;
  
  }
  
  }