.mobile-menu, .menu-toggle {
  display: none;
}

@media (min-width: 768px) and (max-width: 1139px) {
.header .row-fluid .span3 {
    width: 200%;
   
  }
 
 

  
  .topstyle {
  width:150%;}
}
 .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
   display: block!important;}

.hs-menu-depth-1 a {
font-weight:700;}

.hs-menu-depth-2 a {
font-weight:400;}

 .header .span3 {
    border-right: none!important;}

@media screen and (max-width: 767px) {
  .mobile-menu {
    display: block;
  }
  
  .topstyle {
      margin-top: 3%;}
  
  .topstyle span, .topstyle a {
  font-size:9px!important;
  font-weight:400;}
  

  
  .mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
  
  }
  
  .menu-toggle {
    display: block;
    position: relative;
    z-index: 1;
    width: 2rem;
    height: 2rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    float: right;
    width: 10%;
    top: -34px;
    right: 8%;
}
  }

  .hamburger,
  .hamburger:before,
  .hamburger:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: black;
    transition: all 0.3s ease-in-out;
  }

  .hamburger:before {
    top: -0.5rem;
  }

  .hamburger:after {
    bottom: -0.5rem;
  }
  
  .menu-toggle {
  background-color:transparent!important;
  border:none!important;}

  .menu-toggle[aria-expanded="true"] .hamburger:before {
    transform: translateY(0.5rem) rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] .hamburger {
    transform: rotate(45deg);
  }

  .menu-toggle[aria-expanded="true"] .hamburger:after {
    transform: translateY(-0.5rem) rotate(-45deg);
  }

  .menu-toggle:focus {
    outline: none;
  }

  .menu-toggle:focus .hamburger,
  .menu-toggle:hover .hamburger {
    background-color: #333;
  }

  .menu-toggle:focus .hamburger:before,
  .menu-toggle:focus .hamburger:after,
  .menu-toggle:hover .hamburger:before,
  .menu-toggle:hover .hamburger:after {
    background-color: #333;
  }

  .mobile-menu-body {
    display: none;
      background-color: #f1f1f1;
    padding: 1rem;
    
  }

  .menu-toggle[aria-expanded="true"] + .mobile-menu-body {
    display: block;
  }
  
  .mobile-menu-body {
  display: none;
  background-color: #fff;
  padding: 1rem;
}

.menu-toggle[aria-expanded="true"] + .mobile-menu-body,
.mobile-menu-body.is-expanded {
  display: block;
}

  
}
