@media screen and (max-width:1400px) {}

@media screen and (max-width:1200px) {}

@media screen and (max-width:991px) {
  .header-navigation .responsive-action {
    display: block
  }



  .header-navigation .navigation-menu {
    display: block
  }



  footer .footer-title {
    font-size: 22px
  }


}

@media screen and (max-width:767px) {
  header {
    top: 0
  }

  .header-navigation {
    padding: 8px 0;
    backdrop-filter: none;

  }

  .sub-nav .right-side-nav .contact-btn {
    font-size: 14px;
    padding: 6px 13px
  }

  .sub-nav .left-side-nav {
    flex-wrap: wrap;
    justify-content: center
  }

  .sub-nav .left-side-nav .sub-nav-menu {
    flex-wrap: wrap
  }




  .sub-nav .left-side-nav .sub-nav-menu .sub-item {
    padding: 7px 8px
  }





  .banner-section .banner-text .img-wrap {
    width: 61%
  }



  footer .footer-link .quick-link .link {
    font-size: 14px;
    padding: 0 0 8px 0
  }

  footer .footer-logo .logo-img {
    margin: 0 0 15px
  }

  .design-copyright .copyright {
    justify-content: flex-start;
    margin: 7px 0 0
  }

  .design-copyright {
    padding: 10px 0
  }

  .hex,
  .center-text {
    width: 27vw;
    height: 31vw;
    font-size: 3vw;
  }

  .hex-row.top-offset {
    transform: translateY(8vw);
  }

  .hex-row.bottom-offset {
    transform: translateY(-8vw);
  }



}

@media screen and (max-width:480px) {}

@media screen and (max-width:320px) {
  .sub-nav .left-side-nav .sub-nav-menu .sub-item {
    padding: 7px 4px
  }
}