/* -------------------------  SLIDER BANER  -------------------------- */

.slider-baner .card{
  background-size:cover !important;
  background-position: 50% 50% !important;
  height:88vh;
  text-align: center;
  padding-top:40px;
}
.slider-baner .card img{
  margin: 1.5em auto !important;
  height: 60vh;
  width:auto;
  max-width:100%;
}
.slider-baner.style-dark h1, .slider-baner.style-dark h2, .slider-baner.style-dark h3, .slider-baner.style-dark h4, .slider-baner.style-dark h5 { color:#fff !important; }


/* /////////////////////////////   RESPONSIVE   ///////////////////////////// */

@media only screen and (max-width: 992px)  { /*----------  Laptop  -------------*/
  .slider-baner .card{ height:74vh; }
  .slider-baner .card img{ height: 48vh; }
}
@media only screen and (max-width: 880px)  { /*----------  Tablet  -------------*/
  .slider-baner .card{ height:70vh; }
  .slider-baner .card img{ height: 45vh; }
}
@media only screen and (max-width: 768px)  { /*----------  MOBILE  -------------*/
  .slider-baner .card{ height:68vh; }
  .slider-baner .card img{ height: 36vh; }
}
@media only screen and (max-width: 600px)  { /*----------  S  ------------------*/
  .slider-baner .card{ height:56vh; }
  .slider-baner .card img{ height: 28vh; }
}
@media only screen and (max-width: 480px)  { /*----------  XS  -----------------*/
  .slider-baner .card{ height:54vh; }
  .slider-baner .card img{ height: 25vh; }
}