@media only screen and (max-width: 768px) {
  header
    {
    position: fixed;
    margin-bottom: 20px;  
    z-index: 100;
    width: 100%;
    height: 60px !important;
    background-color: #fff;
    }
  
  #theme-main
    {
    padding-top: 60px;  
    }
  
  header a.button:not(.basic-vote-button) 
    {
    display: none !important;
    }
  
  .jbs-hero
    {
    overflow-x: hidden;  
    }
  
  .jbs-hero img
    {
    height: 250px;
    width: auto;  
    }
  
  .jbs-hero h1 
    {
    font-size: 1.3em !important;  
    }
  
  .mega-menu-toggle
    {
    position: fixed;
    top: 10px;
    right: 10px;  
    }
  
  div#mega-menu-wrap-max_mega_menu_2
    {
    position: fixed;
    z-index: 100;
    left: 0px;
    top: 60px;
    }
  
  ul#mega-menu-max_mega_menu_2
    {
    position: fixed;
    left: 0 !important;
    z-index: 1000;  
    }
    
  h1
    {
    font-size: 1.8em;  
    padding: 5px 10px;
    box-shadow: none;  
    margin-right: 20px;
    }
    
  h1::before
    {
    content: '';
    display: inline-block;
    margin-top: 10px;    
    }
   
  .header-container .headline-container
    {
    left: 35px;
    } 
    
  .carousel .image-container .tags
    {
    left: 2px;    
    }
    
  .sp-easy-accordion .sp-ea-single .ea-header a
    {
    font-size: 16px;
    font-weight: bold;    
    }
}
