/* Small Mobile */
@media (max-width: 375px) {
  .logo{width: 170px;}
  .navbar-collapse-end{right: 15%;}
  .navbar{height: 100px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 468px; overflow: hidden;}

  .slider-button-bg {bottom: 20px;top: auto;}
  .slider-title{top: 40%;}
  .slider-right-items { right: auto; top: 50%; left: 5%; }

  .slider-item .fs-62{font-size: 25px;}

  /* Banner */
  .banner img{height: 300px;}
  .banner-overlay{height: 300px;}
  /* Banner End */

  .main-video-wrapper iframe{width: 100% !important;}
  .main-video-wrapper {height: 245px !important;}
}

/* Mobile */
@media (min-width: 376px) and (max-width: 575px) {
  .logo{width: 200px;}
  .navbar-collapse-end{right: 12%;}
  .navbar{height: 100px;}

  .main-slider, .slider-item, .slider-item img, .slider-item video{ height: 468px; overflow: hidden;}

  .slider-button-bg {bottom: 20px;top: auto;}
  .slider-title{top: 40%;}
  .slider-right-items { right: auto; top: 50%; left: 5%; }

  .slider-item .fs-62{font-size: 25px;}

  /* Banner */
  .banner img{height: 300px;}
  .banner-overlay{height: 300px;}
  /* Banner End */

  .main-video-wrapper iframe{width: 100% !important;}
  .main-video-wrapper {height: 245px !important;}
}

/* Large mobile */
@media (min-width: 576px) and (max-width: 767px) {
  .navbar-collapse-end{right: 7%;}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .navbar-collapse-end{right: 7%;}
  /* Banner */
  .banner img{height: 300px;}
  .banner-overlay{height: 300px;}
  /* Banner End */
}

/* Small desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-collapse-end{right: 5%;}

  /* Banner */
  .banner img{height: 370px;}
  .banner-overlay{height: 370px;}
  /* Banner End */
}

/* Laptop */
@media (min-width: 1200px) and (max-width: 1439px) {
  .navbar .nav-item {padding: 0 5px; font-size: 12px; font-family: var(--ff-gothic);}
}


@media (min-width: 1440px) and (max-width: 1779px) {
  
}

/* 2K */
@media (min-width: 1920px) and (max-width: 2559px) {
  
}

/* 4K */
@media (min-width: 2560px) and (max-width: 3839px) {
 
}

/* Ultra-wide */
@media (min-width: 3840px) {

}