@media all and (max-width: 1200px) {
  #main-menu-mobile {
    display: block; }
    #main-menu-mobile .mobile-menu-content {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-width: 100%;
      width: 370px;
      overflow: auto;
      z-index: 999;
      height: 100vh;
      background-color: #330000b0;
      border-right: 1px solid #b1090d;
      color: white;
      -webkit-transform: translate(-370px, 0px);
      -moz-transform: translate(-370px, 0px);
      -o-transform: translate(-370px, 0px);
      -ms-transform: translate(-370px, 0px);
      transform: translate(-370px, 0px);
      -webkit-transition: all 0.3s ease-in-out;
      -khtml-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out; }
      #main-menu-mobile .mobile-menu-content::-webkit-scrollbar {
        width: 5px;
        border-radius: 0px; }
      #main-menu-mobile .mobile-menu-content::-webkit-scrollbar-track {
        background-color: #fff; }
      #main-menu-mobile .mobile-menu-content::-webkit-scrollbar-thumb {
        background-color: #b1090d;
        -webkit-transition: all 0.3s ease-in-out;
        -khtml-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out; }
      #main-menu-mobile .mobile-menu-content::-webkit-scrollbar-thumb:hover {
        background-color: #b1090d; }
      #main-menu-mobile .mobile-menu-content {
        scrollbar-face-color: #b1090d;
        scrollbar-track-color: #fff; }
      #main-menu-mobile .mobile-menu-content .header-menu-mobile {
        font-size: 2.2rem;
        padding: 20px 15px 20px 15px;
        background-color: #b1090d; }
        #main-menu-mobile .mobile-menu-content .header-menu-mobile .close-menu-btn {
          cursor: pointer;
          display: block;
          padding: 8px;
          border: solid 1px white; }
      #main-menu-mobile .mobile-menu-content ul li {
        position: relative;
        width: 100%;
        display: block;
        border-bottom: 1px solid #fff; }
        #main-menu-mobile .mobile-menu-content ul li a {
          display: block;
          padding: 1.2rem 1.2rem 1.2rem 1.5rem;
          font-family: 'Roboto';
          font-weight: normal;
          font-size: 1.5rem;
          color: #fff; }
          #main-menu-mobile .mobile-menu-content ul li a:hover {
            background-color: #cc000063; }
        #main-menu-mobile .mobile-menu-content ul li i {
          position: absolute;
          width: 46px;
          height: 46px;
          top: 0;
          right: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer;
          -webkit-transition: all 0.4s ease-in-out;
          -khtml-transition: all 0.4s ease-in-out;
          -moz-transition: all 0.4s ease-in-out;
          -ms-transition: all 0.4s ease-in-out;
          -o-transition: all 0.4s ease-in-out; }
          #main-menu-mobile .mobile-menu-content ul li i:before {
            font-family: 'FontAwesome';
            content: "\f107";
            font-size: 1.7rem;
            -webkit-transition: all 0.5s ease-in-out;
            -khtml-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out; }
          #main-menu-mobile .mobile-menu-content ul li i:hover {
            background-color: #cc000063; }
          #main-menu-mobile .mobile-menu-content ul li i.active:before {
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg); }
        #main-menu-mobile .mobile-menu-content ul li ul {
          position: static;
          width: 100%;
          display: none; }
          #main-menu-mobile .mobile-menu-content ul li ul li {
            position: relative;
            border-bottom: none;
            border-top: 1px dotted; }
            #main-menu-mobile .mobile-menu-content ul li ul li a {
              padding: 1.2rem 1.2rem 1.2rem 2.5rem;
              background-color: #cc000063; }
      #main-menu-mobile .mobile-menu-content.show-menu {
        -webkit-transform: translate(0px, 0px);
        -moz-transform: translate(0px, 0px);
        -o-transform: translate(0px, 0px);
        -ms-transform: translate(0px, 0px);
        transform: translate(0px, 0px); }

  .bg-over-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out; }
    .bg-over-menu.show-over {
      z-index: 888;
      opacity: 1;
      visibility: visible; } }

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