@media (min-width: 700px) {
  .carousel {
    height: 400px;
     margin-top: 20px  !important;
}



.carousel-inner > .item {
    height: 400px;
}

.carousel-inner > .item > img {
    width:  auto;
    max-width: 100%;
    height:  auto;
  max-height:400px;
    object-fit: cover;
      border-radius: 20px;
}


.img-responsivee, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    max-height: 400px !important;
    height: auto;
}


.carousel-control.left {
    background:  transparent;
}


.carousel-control.right {
    right: 0;
    left: auto;
    background:  transparent;
}

.onvanaslide{
  font-size:  18pt;
   margin-top: 20px  !important;
}



.carousel-indicators{
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 15;
    width: 60% !important;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
    margin-bottom: 2%;
}


}
/*
mobile  F3F4F8
*/
@media (max-width: 700px) {
  .carousel {
    height: 220px;
     margin-top: 0px  !important;
}



.carousel-inner > .item {
    height: 220px;
}
 .item img{
 width:   100%;
  height:    auto;
   object-fit: cover;
 }


.carousel-inner > .item > img {
    width:  auto;
    max-width: 100%;
  max-height: 220px;
    object-fit: cover;
      border-radius: 20px;
}


.img-responsivee, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    max-height: 220px !important;
    height: auto;

}


.carousel-control.left {
    background:  transparent;
}


.carousel-control.right {
    right: 0;
    left: auto;
    background:  transparent;
}

.onvanaslide{
  font-size:  18pt;
   margin-top: 20px  !important;
}





.carousel-indicators{
    position: absolute;
    bottom: -20px !important;
    left: 50%;
    z-index: 15;
    width: 60% !important;
    padding-left: 0;
    margin-left: -22% !important;
    text-align: center;
    list-style: none;
    margin-bottom: 0%;
}


}



/*
.carousel-inner .item { transition: opacity 0.8s ease-in-out; opacity: 0; display: none; }
.carousel-inner .item.active { display: block; opacity: 1; }

*/

.carousel-inner .item {transition: opacity .6s ease-in-out; opacity: 0;}
.carousel-inner .item.active {opacity: 1;}