.ella-bar-mobile {
  display: block;
}

.ella-bar {
  display: none;
}



/* iPhone 5  */
@media (min-width: 320px) {
}

/* iPhone 6/7/8 */
@media (min-width: 375px) {
  .btn-booknow {
    width: 100%;
  }

  .ella-nav-mobile-logo {
    width: 250px;
  }

  .ella-logo-icon {
    width: 1px;
  }

  .video-container {
    width: 100%;
    height: 280px;
}
}

/* --------- SMALL --------- */
@media (min-width: 576px) {
  .ella-logo-icon {
    width: 110px !important;
    margin: 0px !important
  }

  .ella-nav-mobile-logo {
    width: 300px;
  }

  .gentle-text {
    font-size: 50px;
  }

  .banner-body-text {
    margin-bottom: 0px;
  }

  .video-container {
    width: 100%;
    height: 300px;
}

}

@media (min-width: 718px) {
  .gentle-text {
    font-size: 60px;
  }
}

/* --------- MEDIUM --------- */
@media (min-width: 768px) {
  /* --------- Navbar ---------  */

  .ella-bar-mobile {
    display: none;
  }

  .ella-logo-icon {
    width: 110px !important;
   margin: 10px !important;
  }


  .ella-bar {
    display: block;
  }

  .gentle-text {
    font-size: 70px;
  }

  .testimonial-shadow {
    margin: 20px;
  }

  /* .navbar-expand-lg {
        display: block;
    } */

  .btn-booknow {
    width: 50%;
  }

  .btn-secondary {
    width: 80%;
  }

  .jumbotron {
    height: 400px;
    background-position: right;
  }

  .video-container {
    width: 100%;
    height: 360px;
}

.ad-photo {
  display: flex;
  width: 50%;
  margin: auto;
}
}

/* --------- LARGE --------- */
@media (min-width: 992px) {

    .ella-logo-icon {
        width: 150px !important;
       margin: 10px !important;
      }
  .btn-secondary {
    width: 60%;
  }

  .video-container {
    width: 100%;
    height: 550px;
}
}