@media (max-width: 1023px) {
  .navbar-left, .navbar-right{display: none;}
  .navbar, .navbar-wrapper{width: 90%; height: 75px; top: 10px;}
  
  .main-slider, .slider-item, .slider-img, .slider-item video{ height: 450px; overflow: hidden;}

  .corporate-slogan{margin-top: -50px;}
  .corporate-slogan .slogan-two {margin-top: -75px;}

  .menu-logo{width: 85px; height: 85px;}
  .menu-logo img.logo{width: 65px;max-height: 65px;}
  .media-card img{height: 350px;}

  .benefits-slogan{margin-top: -75px;}
  .benefits-slogan .slogan-two{margin-top: -60px;}

  .benefits-card, .benefits-card img{height: 350px;}
  .benefits-overlay{height: 350px;}
  .benefits-card .text-box{padding: 0 20px 20px;}
  .lh-1 {line-height: 1.3 !important;}

  .home-slider, .home-slider img { height: 300px;}

  .home-slider-buttons{
    width: 90%;
    height: auto;
    text-align: center;
  }

  .call-form input[type="text"]{margin: 15px 0;padding: 10px;}
  .square-box {width: 60px;}
  .video-area{height: 350px;}
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .navbar-left, .navbar-right{display: none;}
  .main-slider, .slider-item, .slider-img, .slider-item video{ height: 700px; overflow: hidden;}

  .corporate-slogan{margin-top: -130px;}
  .corporate-slogan .slogan-two {margin-top: -155px;}

  .benefits-slogan{margin-top: -80px;}
  .benefits-slogan .slogan-two{margin-top: -75px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .navbar-wrapper{padding: 0 10px;}
  .navbar .nav-item {padding: 0 10px;}

  .corporate-slogan{margin-top: -130px;}
  .corporate-slogan .slogan-two {margin-top: -155px;}

  .benefits-slogan{margin-top: -80px;}
  .benefits-slogan .slogan-two{margin-top: -75px;}
}

@media (max-width: 575px) {
  .amblem{width: 35%; margin-bottom: -100%;}
}

@media (min-width: 576px) and (max-width: 767px) {
  .amblem{width: 30%; margin-bottom: -50%;}
}
@media (min-width: 768px) and (max-width: 1024px) {
  .amblem{width: 60%; margin-bottom: -50%;}
}

@media (min-width: 1025px) and (max-width: 1440px) {
  .amblem{width: 30%; margin-bottom: -50%;}
}
@media (min-width: 1440px) and (max-width: 1649px) {
 .amblem{width: 30%; margin-bottom: -20%;}
}
@media (min-width: 1650px) and (max-width: 1800px) {
}
/* 2K */
@media (min-width: 1920px) and (max-width: 2559px) {
}

/* 4K */
@media (min-width: 2560px) and (max-width: 3839px) {
 
}

/* Ultra-wide */
@media (min-width: 3840px) {

}
