@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }

  .site-header .main-navigation {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .site-header .logo-box {
    float: none;
    width: 100%;
  }
  .site-header .menu-toggler {
    display: block;
  }
  .site-header .main-navigation {
    float: none;
    display: none;
    width: 100%;
    max-height: 60vh;
    margin-left: 0;
    overflow-y: auto;
  }
  .site-header .navigation-box {
    background: #18212E;
  }
  .site-header .main-navigation li {
    float: none;
    margin-left: 0;
    border-bottom: 1px solid #25354d;
  }
  .site-header .main-navigation a {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    color: #fff;    
  }
  .site-side .contact {
    top: auto;
    bottom: 80px;
  }
}
@media (max-width:991px) {
  .join-wrap .form-box {
    margin-top: 15px;
  }
  .home-about .service-box {
    position: static;
    margin-top: -50px;
  }
  .item-counter {
    margin-bottom: 20px;
  }
}
@media (max-width:767px) {}
@media (max-width:575px) {}
@media (max-width:480px) {}
@media (max-width:425px) {}
@media (max-width:375px) {
  .site-header .menu-toggler {
    font-size: 20px;
  }
}