@media (max-width: 999px) {
  #page-wrapper {
    padding-bottom: 0;
  }
  body.contact #block-system-main {
    float: none;
    width: auto;
  }
  body.contact #block-system-main iframe {
    width: 100%;
  }

  .responsive-menu-wrapper {
    display: block;
  }
  #menu-bar .block-superfish {
    display: none;
  }
  #page .block-superfish h2.block-title {
    margin: 0;
  }

  #main-nav-check:checked + #menu,
  #menu .sub-nav-check:checked + .sub-nav,
  #main-nav-check:checked ~ .l-responsive-page-container,
  #main-nav-check:checked + #menu:only-of-type + .l-responsive-page-container,
  #main-nav-check:checked + #menu:nth-child(n) + .l-responsive-page-container {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  #menu {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
  }
  #menu .sub-heading:before {
    width: auto;
  }
  #menu.responsive-menu-block,
  #menu.responsive-menu-block .sub-nav {
    width: 100%;
    left: -100%;
  }
  #menu.responsive-menu-block li {
    border-bottom: none;
  }
  #menu ul {
    border-top-color: #5c5c5c;
  }
  .responsive-menu-block a {
    display: block;
    border-bottom: 1px solid #5c5c5c;
  }
  #menu.responsive-menu-block a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 0px;
    background: #2e2e2e;
    width: 100%;
    box-sizing: border-box;
    border-left: none;
    height: inherit;
    text-indent: 30px;
    box-shadow: none;
  }

  #page #menu-bar .block-superfish .at-menu-toggle-button {
    height: 40px;
  }

  .block-superfish ul#superfish-1 form {
    position: relative;
  }

  .block-superfish .sf-accordion {
    display: none;
  }
  .block-superfish .sf-menu > a {
    border-left: 0;
  }
  .block-superfish ul#superfish-1 li > a:hover,
  .block-superfish a.sf-depth-1.active,
  #menu.responsive-menu-block a:hover,
  #menu.responsive-menu-block > ul > li > a.active {
    background: #3b3b3b;
    box-shadow: none;
    color: #0daed1;
  }
  #menu .toggle-sub {
    font-size: 13px !important;
    line-height: 35px !important;
    width: 2.5em;
    background: #fff;
  }
  #menu label {
    color: #fff;
  }
  #menu label:hover {
    color: #0daed1;
  }
  #menu .toggle-sub {
    background: #2e2e2e;
  }
  #menu .toggle-sub:hover {
    background: #3b3b3b;
  }


  .responsive-menu-block form input[type=search] {
    width: 100%;
    height: 39px;
    border: none;
    background: #2e2e2e;
    border-radius: 0px;
    padding-left: 30px;
    color: white;
    box-sizing: border-box;
    display: block;
    border-bottom: 1px solid #5c5c5c;
  }
  .responsive-menu-block form input[type=search]:hover,
  .responsive-menu-block form input[type=search]:focus,
  .responsive-menu-block form input[type=search]:active {
    background: #3b3b3b;
  }
  .responsive-menu-block .form-item {
    display: block;
    margin: 0;
  }
  .responsive-menu-block form {
    position: relative;
  }
  .responsive-menu-block form input[type=submit] {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/search-icon.png) 50% 50% no-repeat;
    font-size: 0;
    height: 39px;
    width: 50px;
    border-radius: 0;
    border: none;
  }
  .responsive-menu-block form input[type=submit]:hover {
    background: url(../images/search-icon-hover.png) 50% 50% no-repeat;
  }
  .responsive-menu-block li#user-login a {
    padding-left: 25px;
    background-image: url('../images/icon-login.png');
    background-position: 30px 50%;
    background-repeat: no-repeat;
  }
  .responsive-menu-block li#user-login a:hover,
  .responsive-menu-block li#user-login a.active {
    background: url('../images/icon-login-hover.png') no-repeat 30px 50%;
  }


  #page .nav,
  #page .nav .menu-wrapper {
    height: auto;
  }
  #page .nav li {
    float: none;
  }
  #page #menu-bar .block-superfish h2.block-title a,
  #block-system-main-menu h2.block-title a,
  label#toggle-icon {
    color: #fff;
    float: right;
    display: block;
    background: url(../images/hamburger-mobile.png) 50% 50% no-repeat, url(../images/menu_line.png) 0 50% no-repeat;
    font-size: 0;
    border: none;
    padding: 9px 50px;
    height: 40px;
    box-sizing: border-box;
  }
  #block-system-main-menu .menu .menu {
    border-left: 1px solid #5c5c5c;
    margin-left: 20px;
    position: static;
    width: auto;
  }
  #menu-bar .block-superfish .sf-menu.sf-style-default li a,
  #block-system-main-menu .menu a,
  #primary-menu-bar a {
    padding-left: 24px;
    padding-right: 24px;
  }
  #block-system-main-menu .menu a:hover,
  #primary-menu-bar a:hover,
  #block-system-main-menu .menu a.active,
  #primary-menu-bar a.active {
    color: #0daed1;
  }

  #footer .region-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .region-footer .sf-main-menu.sf-horizontal {
    display: block !important;
    margin-top: 10px;
    float: none;
  }

  /* Page Blog */

  .page-taxonomy .node-blog {
    margin-bottom: 50px;
  }

  #main-content {
    padding-top: 0;
  }

  .view-portfolio-page .view-header {
    padding-top: 20px;
  }

  .columns-front-page div.column {
    margin-bottom: 30px;
  }
}