/* #Media Queries
================================================== */

  /* Those wide screens above 1280px */
  @media only screen and (min-width: 1281px) {
    
  }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    
  }

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .home h2 {
      font-size: 3rem;
      line-height: 3rem;
    }
    .featured-block {
      padding: 48px 0 0 0;
    }
    .post-type-archive-plato h2,
    .page-id-221 h2 {
      font-size: 2rem;
      text-align: center;
    }

    .home-menu h4 {
      font-size: 1.3rem;
      font-size: 1.8rem;
    }
  }

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .brand img {
      width: 40%;
    }
    .container {
      width: 90%;
    }

    .home h2 {
      font-size: 2rem;
      line-height: 2.2rem;
    }
    .home-map-content {
      background:#EFE3D3;
      border: 0;
      border-radius: 24px;
    }
    .home-map-content .vc_column-inner > .wpb_wrapper {
      border-radius: 24px;
      max-width: 100%;
      float: none;
      padding: 1.5rem;
    }

    nav {
      height: 40px;
      background: transparent;
    }
    .menu__btn {
      top: 2rem;
      margin-left: calc(100vw - 4.5rem);
      width: 26px;
      height: 26px;
      padding: 8px;
    }
    .menu__box {
      width: 100vw;
    }

    nav ul.menu#menu-redes-sociales {
      position: relative;
      bottom: auto;
      margin-top: 72px;
    }

    header .container{
      display: block;
      padding: 40px;
      text-align: center;
    }
    header .container .brand {
      margin: auto;
      margin-top: -1rem;
    }

    .btn-carta .vc_btn3.vc_btn3-color-white.vc_btn3-style-modern {
      padding: 10px 20px;
      background: #BD4C54 url('images/btn-carta-icon.svg') no-repeat center center;
      text-indent: -300rem;
      top: 2rem;
      left: 2rem;
    }
    
    .featured-block {
      padding: 40px 0 0 0;
      margin: 1rem;
    }
    .featured-block h2 {
      font-size: 2rem;
      line-height: 2rem;
    }

    /* la carta */
    .post-type-archive-plato h2,
    .page-id-269 h2 {
      font-size: 2rem;
      text-align: center;
      margin-top: 2rem;
    }

    .carta .info {
      display: block;
      text-align: center;
    }
    .carta .info .titulo {
      text-align: left;
    }
    .carta .grupo {
      padding: 1rem 0;
      margin: 2rem 0;
    }
    .carta .plato {
      padding: 1rem 0;
    }
    .carta .iconos ul li {
      margin: .5rem 0;
    }
    .carta .iconos ul li span {
      background-size: 48px auto;
      width: 48px;
      height: 53px;
    }

    /* menu del dia */
    .single-menu-diario {
      background-color: #EFE3D3;
      padding-top: 50px;
    }
    .menu-del-dia .menu-entrante, 
    .menu-del-dia .menu-primero, 
    .menu-del-dia .menu-segundo {
      padding: 0 1rem;
    }
    .menu-del-dia .fecha {
      background: transparent url(images/divider.svg) no-repeat center 25px;
      background-size: 60%;
    }
    .menu-del-dia .platos {
      font-size: 1rem;
      line-height: 1.2rem;
    }
    .menu-del-dia .precio {
      top: -40px;
      left: 10px;
      width: 40px;
      height: 40px;
      font-size: 1.05rem;
    }
    .menu-del-dia .menu-observaciones ul {
      font-size: .9rem;
    }
    .single-menu-diario h2 {
      font-size: 1.2rem;
    }
    .single-menu-diario footer {
      padding: 1rem 0 0 0;
    }

    .carta .column-1 {
      font-size: 1rem;
      line-height: 1.2rem;
    }
    #tablepress-10 {
      margin-bottom: 0 !important;
    }  
    
    /* qr */
    .page-id-363 {
      padding-top: 220px;
    }
    .page-id-363 .brand img {
      width: 80%;
    }
    .page-id-363 footer {
      position: absolute;
      width: 100%;
      bottom: -2rem;
    }
    .page-id-363 footer p.phone {
      display: none;
    }
  }

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    
  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    
  }