﻿.MobileMenuListing {
  width: 100%;
  margin-bottom: 20px; }
  .MobileMenuListing.OnlyOnMobile {
    display: none; }
  .MobileMenuListing .NormalButton {
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px; }
  .MobileMenuListing .MobileMenuListingInner {
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
    width: 100%; }
    .MobileMenuListing .MobileMenuListingInner.OnlyOnMobile, .MobileMenuListing .MobileMenuListingInner.Hidden {
      display: none; }
    .MobileMenuListing .MobileMenuListingInner .MenuRubric {
      width: 24%;
      box-sizing: border-box;
      overflow: hidden;
      border: solid 1px gray;
      margin-bottom: 20px; }
      .MobileMenuListing .MobileMenuListingInner .MenuRubric a.Inner {
        display: block;
        position: relative;
        min-height: 100px;
        margin: 0; }
        .MobileMenuListing .MobileMenuListingInner .MenuRubric a.Inner.CreateNew img {
          width: 40%;
          margin: 0 auto;
          padding-bottom: 50px; }
        .MobileMenuListing .MobileMenuListingInner .MenuRubric a.Inner:hover {
          box-shadow: 3px 3px 4px -1px #000000;
          -webkit-box-shadow: 3px 3px 4px -1px #000000;
          -moz-box-shadow: 3px 3px 4px -1px #000000; }
        .MobileMenuListing .MobileMenuListingInner .MenuRubric a.Inner img {
          width: 100%;
          overflow: hidden;
          display: block; }
        .MobileMenuListing .MobileMenuListingInner .MenuRubric a.Inner .Name {
          position: absolute;
          bottom: 10px;
          font-size: 50px;
          font-weight: bold;
          color: #202020;
          width: 100%;
          text-align: center;
          box-sizing: border-box; }
    .MobileMenuListing .MobileMenuListingInner .MenuRubricFiller {
      width: 24%;
      height: 1px; }

@media only screen and (max-width: 1600px) {
  .MobileMenuListing .MobileMenuListingInner .MenuRubric {
    width: 49%; }
  .MobileMenuListing .MobileMenuListingInner .MenuRubricFiller {
    width: 49%; } }

@media only screen and (max-width: 1300px) {
  .MobileMenuListing .MobileMenuListingInner .MenuRubric {
    width: 49%; }
  .MobileMenuListing .MobileMenuListingInner .MenuRubricFiller {
    width: 49%; } }

@media only screen and (max-width: 1000px) {
  .MobileMenuListing .MobileMenuListingInner .MenuRubric {
    width: 100%; }
  .MobileMenuListing .MobileMenuListingInner .MenuRubricFiller {
    width: 100%; } }

@media only screen and (max-width: 999px) {
  .MobileMenuListing {
    display: flex; }
    .MobileMenuListing.OnlyOnDesktop {
      display: none; }
    .MobileMenuListing.OnlyOnMobile {
      display: flex; }
    .MobileMenuListing .MobileMenuListingInner.Hidden {
      display: none; }
    .MobileMenuListing .MobileMenuListingInner.OnlyOnMobile {
      display: flex; }
    .MobileMenuListing .MobileMenuListingInner .MenuRubric {
      width: 49%; }
    .MobileMenuListing .MobileMenuListingInner .MenuRubricFiller {
      width: 49%; } }

@media only screen and (max-width: 800px) {
  .MobileMenuListing.OnlyOnDesktop {
    display: none; } }

@media only screen and (max-width: 600px) {
  .MobileMenuListing.OnlyOnDesktop {
    display: none; }
  .MobileMenuListing .MobileMenuListingInner .MenuRubric {
    width: 100%; }
  .MobileMenuListing .MobileMenuListingInner .MenuRubricFiller {
    width: 100%; } }
