@media (max-width: 767px) {
  body {
    background-image: none !important;
    background-color: #000 !important; }

  .container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100%;
    border-radius: 0 !important; }
    .container > section:first-child {
      border-radius: 0 !important;
      margin-bottom: 20px;
      position: fixed;
      top: 0;
      left: 0;
      background: #000;
      z-index: 1;
      padding: 15px; }
    .container > section:last-child {
      margin-top: 90px; }
    .container .logo {
      float: left;
      margin: 0 !important;
      max-width: calc(100% - 45px); }
    .container nav .main-menu {
      display: none;
      position: fixed;
      width: 100%;
      top: 50px;
      left: 0;
      background: #000;
      z-index: 1; }
      .container nav .main-menu > li > .submenu {
        position: relative !important;
        left: 0 !important; }
        .container nav .main-menu > li > .submenu > li:not(:hover) {
          background: none !important; }
          .container nav .main-menu > li > .submenu > li:not(:hover) > a {
            color: #F60 !important; }
        .container nav .main-menu > li > .submenu > li .sub {
          left: 100px !important;
          right: 0;
          max-height: 300px;
          overflow-y: auto;
          min-width: 150px !important; }
          .container nav .main-menu > li > .submenu > li .sub li {
            float: none !important;
            width: 100% !important; }
    .container nav .navbar-header {
      display: block !important; }
    .container nav div {
      padding: 3px 0  0 !important; } }
@media (min-width: 768px) {
  .container > section:first-child {
    background: #1b1b1b;
    position: absolute;
    left: 15px;
    height: calc(100% - 30px);
    border-top-left-radius: 30px; }
  .container > section:last-child {
    float: right !important; }
  .container nav ul.main-menu {
    display: inline-block !important; } }

/*# sourceMappingURL=responsive.css.map */