/* Responsive fixes added for mobile menu, homepage sliders and video */
html, body { overflow-x: hidden; }
img { max-width: 100%; height: auto; }

/* Slider: keep desktop look, improve mobile crop/height */
#slider3.slider, #slider3 .owl-stage-outer, #slider3 .owl-stage, #slider3 .owl-item { min-height: 450px; }
#slider3 .slide-item { min-height: 450px; background-size: cover !important; background-position: center center !important; }
#slider3 .bg-overlay:before { pointer-events: none; }

/* Video: prevent stretching and overflowing */
.paddingsvideo { padding-top: 50px !important; padding-bottom: 20px !important; }
.paddingsvideo video, #banner1 video {
  display: block;
  width: 100%;
  max-width: 1180px;
  height: auto;
  max-height: 80vh;
  margin: 0 auto;
  object-fit: contain !important;
  background: #000;
}

/* Tablet/mobile navigation */
@media only screen and (max-width: 991px) {
  .header__topbar { display: none !important; }
  .header-full .navbar, .header .navbar { line-height: normal !important; min-height: 74px; padding: 8px 0; }
  .navbar > .container { position: relative; }
  .navbar .navbar-brand { line-height: 1; padding: 0; max-width: 72%; }
  .navbar .navbar-brand img { max-height: 58px !important; width: auto; }
  .navbar .navbar-toggler { top: 50%; transform: translateY(-50%); z-index: 1002; }
  .navbar .navbar-collapse {
    max-height: calc(100vh - 74px);
    overflow-y: auto;
    z-index: 1001;
    border-top: 1px solid #eee;
  }
  .navbar .menu-opened.navbar-collapse { display: block !important; }
  .navbar .nav__item { position: relative; border-bottom: 1px solid #f1f1f1; }
  .navbar .nav__item .nav__item-link { display: block; padding: 10px 55px 10px 15px; line-height: 24px !important; }
  .navbar i[data-toggle=dropdown] { top: 0; right: 0; height: 44px; line-height: 44px; width: 55px; text-align: center; cursor: pointer; }
  .navbar .dropdown-menu { display: none; position: static; float: none; width: 100%; box-shadow: none; border: 0; opacity: 1; visibility: visible; transform: none; padding: 0 0 8px; }
  .navbar .nav__item.opened > .dropdown-menu { display: block !important; }
  .navbar .dropdown-menu .row, .navbar .dropdown-menu [class*="col-"] { display: block; width: 100%; max-width: 100%; }
  .navbar .dropdown-menu .nav__item .nav__item-link { padding: 8px 15px 8px 25px; font-size: 14px; }
  .navbar-modules { display: none; }
}

@media only screen and (max-width: 767px) {
  #slider3.slider, #slider3 .owl-stage-outer, #slider3 .owl-stage, #slider3 .owl-item { min-height: 260px; }
  #slider3 .slide-item { min-height: 260px !important; height: 260px !important; max-height: none !important; background-position: center center !important; }
  .slider-3 + .services-layout4 { margin-top: 0 !important; }
  .slider .carousel-arrows .owl-dots { bottom: 12px !important; }
  .paddingsvideo { padding-top: 25px !important; }
  .paddingsvideo .heading__title { font-size: 22px; line-height: 30px; margin-bottom: 15px; }
  .paddingsvideo video, #banner1 video { max-height: none; border-radius: 0; }
}

@media only screen and (max-width: 480px) {
  .navbar .navbar-brand img { max-height: 50px !important; }
  #slider3.slider, #slider3 .owl-stage-outer, #slider3 .owl-stage, #slider3 .owl-item { min-height: 220px; }
  #slider3 .slide-item { min-height: 220px !important; height: 220px !important; }
}