 .carousel-control-next-icon{
    display:none;
  }
  .carousel-control-prev-icon{
    display:none;
  }
  .carousel-caption {
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    width: 50%;
    height: max-content;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0) 100%);
    text-align: center;
    position: absolute;
    left: 50% !important;
    top: 50%;
    transform: translate(-50%, -50%);
}
  }

  .rightdiv {
    left: 78%;

  }

.abountbanner .carousel-inner img{
  min-height: 250px;
  object-fit: cover;
}
  .abountbanner .bannerheading{
    font-size: 45px;
    color:#fff;
    margin: 0px;
    margin: auto;
    padding: 10px;
    letter-spacing: 2.2px;
    margin-bottom: 0px;

  }
  /* Mobile */
  @media (max-width: 769px) {

    .carousel-caption {
      width: 85%;
    }
    .abountbanner .bannerheading{
      font-size: 14px;
    }

    .carousel-caption{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

  }

  /*  Ipad  */
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .carousel-caption{
/*       top: 8% !important; */
      /*      bottom: 23px; */
      bottom: auto !important;
    }
    .abountbanner .bannerheading {
      font-size: 16px;
      color: #fff;
      margin: 0px;
    }
    .carousel-caption{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .carousel-caption{
/*       top: 11% !important; */
      /*       bottom: 23px; */
      bottom: auto !important;
    }
    .abountbanner .bannerheading {
      font-size: 26px;
      color: #fff;
      margin: 0px;
    }
    .carousel-caption{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }

  /*  iPad pro  */

  /* Portrait */
  @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: portrait) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
      .abountbanner .bannerheading {
        font-size: 30px !important;

      }
      .carousel-caption{
/*         top: 18% !important; */
        /*            bottom: 48px; */
        bottom: auto !important;
      }
      .carousel-caption{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    }

  /* Landscape */
  @media only screen 
    and (min-width: 1024px) 
    and (max-height: 1366px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1.5) {
      .abountbanner .bannerheading {
        font-size: 30px !important;
      }
      .carousel-caption{
/*         top: 18% !important; */
        /*           bottom: 48px; */
        bottom: auto !important;
      }
      .carousel-caption{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }

    }



