/* =============================================================================
   Media Queries
   =============================================================================
*/
@media screen and (max-width: 970px) {
  /* line 22, ../../app/assets/stylesheets/media_queries.css.scss */
  .hide970 {
    display: none !important;
  }

  /* line 24, ../../app/assets/stylesheets/media_queries.css.scss */
  .wrap {
    margin: 0 15px;
    width: auto;
  }

  /* line 35, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .my-bar {
    padding: 0;
  }
  /* line 38, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .my-bar span {
    display: none;
  }
  /* line 39, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .my-bar .frame {
    top: 0;
    margin: 0;
    width: auto;
    height: auto;
    position: static;
    border-right: none;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
  }
  /* line 50, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .my-bar img {
    width: 33px;
    height: 33px;
  }
  /* line 52, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .new-drink {
    padding: 0 10px;
  }
  /* line 59, ../../app/assets/stylesheets/media_queries.css.scss */
  header .wrap {
    margin: 0 10px 0 10px;
    height: 30px;
  }
}
@media screen and (max-width: 650px) {
  /* line 69, ../../app/assets/stylesheets/media_queries.css.scss */
  .grid3 li {
    width: 48.3871%;
  }
}
@media screen and (max-width: 330px) {
  /* line 77, ../../app/assets/stylesheets/media_queries.css.scss */
  .grid3 li {
    width: 100%;
  }

  /* line 84, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipes-list li .activity span {
    padding-right: 0;
    width: 32%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/*
  ============================================================================= 
  Just below iPad - we start to work with small tablets & large phones.
   ~ Start stacking content & minimizing elements
  ========================================================================== */
@media screen and (max-width: 767px) {
  /* line 103, ../../app/assets/stylesheets/media_queries.css.scss */
  .hide767 {
    display: none !important;
  }

  /* line 104, ../../app/assets/stylesheets/media_queries.css.scss */
  .show767 {
    display: inherit !important;
  }

  /* line 108, ../../app/assets/stylesheets/media_queries.css.scss */
  header {
    height: 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
  }
  /* line 113, ../../app/assets/stylesheets/media_queries.css.scss */
  header .wrap {
    position: relative;
    margin-top: 10px;
  }
  /* line 115, ../../app/assets/stylesheets/media_queries.css.scss */
  header .logo {
    float: none;
    left: auto;
    top: auto;
    position: absolute;
    right: 50%;
    margin: 0 -51px 0 0;
    width: 102px;
    height: 32px;
    background-image: url("../img/logo_mob.png");
    -webkit-background-size: 102px 32px;
    -moz-background-size: 102px 32px;
    -o-background-size: 102px 32px;
    background-size: 102px 32px;
  }
  /* line 128, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav {
    float: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  /* line 133, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav ul {
    margin: 0;
  }
  /* line 135, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav ul li a {
    width: auto;
  }

  /* line 143, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-form {
    margin-top: 2px !important;
  }
  /* line 151, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-form input[type="text"] {
    background-position: 96% 50%;
  }

  /* line 161, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav span {
    display: none;
  }
  /* line 162, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .new-drink {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    width: 37px !important;
    padding: 0;
    display: block;
  }
  /* line 164, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .new-drink .icn {
    margin-right: 0;
  }

  /* line 177, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash {
    padding: 0;
    background: transparent none !important;
  }
  /* line 182, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .wrap {
    margin: 0;
  }
  /* line 184, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash ul.users-box, .splash .featured-box {
    margin: 0;
    padding: 0;
    width: auto;
  }
  /* line 186, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .logo-area {
    position: relative;
    height: 220px;
    padding: 15px;
    background: #2a2928 url(/images/hero-placeholder.jpg) no-repeat scroll 50% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  /* line 195, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .featured-logo {
    position: absolute;
    bottom: 20px;
    width: 60%;
  }
  /* line 201, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .copy {
    padding: 15px;
    border-bottom: 1px solid #dfdfdf;
    background-color: #FFF;
  }
  /* line 207, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .featured-box {
    position: static;
    float: none;
  }
  /* line 210, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .featured-box h5, .splash .featured-box p {
    color: #090809;
    margin: 0;
  }
  /* line 211, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .featured-box p {
    margin-right: 0;
  }
  /* line 212, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash .featured-box .dark-gradient {
    position: absolute;
    left: 0;
    z-index: 0;
  }
  /* line 215, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash ul.users-box {
    float: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px solid #dfdfdf;
    padding: 0;
  }
  /* line 220, ../../app/assets/stylesheets/media_queries.css.scss */
  .splash ul.users-box li {
    padding: 15px 15px !important;
    width: auto;
    float: none;
    overflow: hidden;
  }

  /* line 226, ../../app/assets/stylesheets/media_queries.css.scss */
  #marketing_header h2 {
    font-size: 1.6em;
  }

  /* line 236, ../../app/assets/stylesheets/media_queries.css.scss */
  .reveal-modal {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 90%;
    margin: 0 4%;
    left: 0;
    padding: 30px 8%;
  }

  /* line 249, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe-header h1 {
    font-size: 2.13333em;
  }
}
/*
  ============================================================================= 
  Since we're targeting mobile devices anyway, let's use < 480
  ========================================================================== */
@media screen and (max-width: 480px) {
  /* line 263, ../../app/assets/stylesheets/media_queries.css.scss */
  .hide480 {
    display: none !important;
  }

  /* line 264, ../../app/assets/stylesheets/media_queries.css.scss */
  .show480 {
    display: inherit !important;
  }

  /* line 266, ../../app/assets/stylesheets/media_queries.css.scss */
  body {
    background: #fff;
    width: 100%;
  }

  /* line 272, ../../app/assets/stylesheets/media_queries.css.scss */
  .wrap {
    padding: 0;
  }

  /* line 273, ../../app/assets/stylesheets/media_queries.css.scss */
  .content {
    padding: 0;
  }

  /* line 277, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-form {
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    width: 37px;
  }
  /* line 281, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-form input[type="submit"] {
    border-color: transparent;
    display: none;
  }
  /* line 286, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-form input[type="text"] {
    width: 100%;
    padding-right: 0;
    background-color: #22201f;
    background-position: 50% 50%;
    text-indent: 100%;
    background-image: url("../img/ico_search_white.png");
  }
  /* line 26, ../../app/assets/stylesheets/mixins.css.scss */
  .search-form input[type="text"]::-webkit-input-placeholder {
    display: none;
  }
  /* line 27, ../../app/assets/stylesheets/mixins.css.scss */
  .search-form input[type="text"]:-moz-placeholder {
    display: none;
  }
  /* line 28, ../../app/assets/stylesheets/mixins.css.scss */
  .search-form input[type="text"]::-moz-placeholder {
    display: none;
  }

  /* line 306, ../../app/assets/stylesheets/media_queries.css.scss */
  .logo, nav ul {
    -webkit-transition: all 0.2s ease 0.2s;
    transition: all 0.2s ease 0.2s;
  }

  /* line 312, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav li {
    margin-left: 4px;
  }
  /* line 315, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .my-bar .frame {
    display: none;
  }
  /* line 318, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .settings {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  /* line 320, ../../app/assets/stylesheets/media_queries.css.scss */
  header nav .settings .caret-down {
    margin: 0 13px;
  }

  /* line 332, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active header {
    overflow: hidden;
  }
  /* line 335, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active header .logo {
    right: 0;
    margin: 0;
  }
  /* line 340, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active header nav ul {
    left: 150%;
  }
  /* line 345, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active .search-form {
    width: 60%;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  /* line 350, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active #search {
    padding-right: 35px;
    padding-left: 6px;
    text-indent: 0;
    background-color: #FFF;
    background-image: url("../img/ico_search.png");
    background-position: 97% 50%;
  }
  /* line 359, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active .logo, .search-active nav ul {
    -webkit-transition-delay: 0;
    transition-delay: 0;
  }

  /* line 366, ../../app/assets/stylesheets/media_queries.css.scss */
  #marketing_header h2, #marketing_header h4 {
    text-align: center;
  }

  /* line 372, ../../app/assets/stylesheets/media_queries.css.scss */
  .main-filters span {
    display: none;
  }

  /* line 379, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .mobile-wrap {
    padding: 15px;
    border-bottom: 1px dashed #b8b8b8;
  }
  /* line 380, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .mobile-pad {
    padding: 15px;
    border-bottom: 1px solid #b8b8b8;
  }
  /* line 382, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .mobile-wrap.dashed-bottom {
    margin-bottom: 0;
  }
  /* line 384, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe-header {
    display: block;
    border-bottom: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  /* line 392, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe-header h1 {
    font-size: 1.6em;
  }
  /* line 393, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe-header .mobile-wrap {
    padding: 15px;
  }
  /* line 394, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe-header .recipe-actions {
    display: none;
  }
  /* line 395, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe-header .clearfix {
    overflow: visible;
  }
  /* line 398, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .recipe {
    border-bottom-style: solid;
  }
  /* line 399, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .wrap {
    margin: 0;
  }
  /* line 406, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .author img {
    width: 30px;
    height: 30px;
  }
  /* line 412, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .l {
    display: none;
  }
  /* line 413, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .col.r {
    width: auto;
    float: none;
    padding: 0;
  }
  /* line 415, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .actions {
    float: none;
    padding-top: 15px !important;
  }
  /* line 418, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .actions .share {
    margin-right: 0;
    padding: 0 10px 0 12px;
  }
  /* line 423, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-detail .actions a {
    padding: 0 15px;
    margin-right: 8px;
  }

  /* line 429, ../../app/assets/stylesheets/media_queries.css.scss */
  .saved h6 {
    margin: 0;
  }

  /* line 434, ../../app/assets/stylesheets/media_queries.css.scss */
  #recipe_likes p {
    margin-bottom: 0;
  }

  /* line 437, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipe-header, .r {
    position: relative;
    z-index: 2;
  }

  /* line 441, ../../app/assets/stylesheets/media_queries.css.scss */
  .r {
    z-index: 1;
  }

  /* line 446, ../../app/assets/stylesheets/media_queries.css.scss */
  .home footer {
    border-top: solid 1px #dfdfdf;
    margin: 40px 0 0;
  }
  /* line 452, ../../app/assets/stylesheets/media_queries.css.scss */
  .home header .wrap {
    padding-top: 0;
    text-align: center;
  }
  /* line 457, ../../app/assets/stylesheets/media_queries.css.scss */
  .home header .app_store, .home header .twitter {
    display: none;
  }
  /* line 462, ../../app/assets/stylesheets/media_queries.css.scss */
  .home .content .blocks-container {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  /* line 466, ../../app/assets/stylesheets/media_queries.css.scss */
  .home .content .blocks-container .about {
    display: none;
  }
  /* line 469, ../../app/assets/stylesheets/media_queries.css.scss */
  .home .content .blocks-container .about_mob {
    display: block;
  }
  /* line 471, ../../app/assets/stylesheets/media_queries.css.scss */
  .home .content .blocks-container .about_mob p {
    font-size: 13px;
    line-height: 15px;
  }
  /* line 475, ../../app/assets/stylesheets/media_queries.css.scss */
  .home .content .blocks-container .about_mob a.app_store_mob {
    display: block;
    margin: 12px auto 0;
    width: 218px;
    height: 50px;
    background: url("../img/appstore_mob_main.png");
  }
  /* line 484, ../../app/assets/stylesheets/media_queries.css.scss */
  .home .content .privacy {
    width: auto;
    padding: 0 30px;
  }

  /* line 490, ../../app/assets/stylesheets/media_queries.css.scss */
  footer {
    padding: 25px 0;
    margin: 0;
    width: 100%;
    font-size: 12px;
  }
  /* line 495, ../../app/assets/stylesheets/media_queries.css.scss */
  footer .app_store {
    display: none;
  }
  /* line 498, ../../app/assets/stylesheets/media_queries.css.scss */
  footer nav {
    display: block;
  }
  /* line 500, ../../app/assets/stylesheets/media_queries.css.scss */
  footer nav ul {
    padding: 0;
    margin: 0;
  }
  /* line 503, ../../app/assets/stylesheets/media_queries.css.scss */
  footer nav ul li {
    padding: 0 0 7px;
    margin: 0;
    display: block;
    text-align: center;
  }
  /* line 511, ../../app/assets/stylesheets/media_queries.css.scss */
  footer p {
    display: block;
    text-align: center;
  }

  /* line 517, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipes .content {
    padding: 0;
  }
  /* line 519, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipes .content .wrap {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
  }
  /* line 524, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipes .content .wrap .col.l, .recipes .content .wrap .col.r {
    border: none;
    width: auto;
    float: none;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
  }
  /* line 534, ../../app/assets/stylesheets/media_queries.css.scss */
  .recipes .content .wrap .image {
    margin: 0 0 20px;
    width: 100%;
  }

  /* line 542, ../../app/assets/stylesheets/media_queries.css.scss */
  .description h1 {
    margin: 30px 0 5px;
    font-size: 24px;
    padding: 0 15px;
  }

  /* line 549, ../../app/assets/stylesheets/media_queries.css.scss */
  .box {
    line-height: 25px;
    margin: 0 0 15px;
    padding: 0 15px 15px;
  }
  /* line 553, ../../app/assets/stylesheets/media_queries.css.scss */
  .box h3 {
    font-size: 13px;
  }
  /* line 556, ../../app/assets/stylesheets/media_queries.css.scss */
  .box p {
    font-size: 15px;
  }
  /* line 559, ../../app/assets/stylesheets/media_queries.css.scss */
  .box.saved {
    border-top: dashed 1px #B8B8B8;
    padding-top: 15px;
  }
  /* line 563, ../../app/assets/stylesheets/media_queries.css.scss */
  .box.comments {
    padding-bottom: 20px;
  }
  /* line 567, ../../app/assets/stylesheets/media_queries.css.scss */
  .box.comments ul li .profile-pic {
    width: 33px;
    height: 33px;
  }
  /* line 571, ../../app/assets/stylesheets/media_queries.css.scss */
  .box.comments ul li .name, .box.comments ul li .text {
    margin: 0 0 0 39px;
    font-size: 15px;
    line-height: 20px;
  }

  /*
  .reciept {
    padding: 0 15px;
    .container {
      line-height: 22px;
      font-size: 15px;
      margin-bottom: 30px;
    }
    h3 {
      font-size: 16px;
    }
    ul {
      li {
        font-size: 15px;
      }
    }
  }*/
  /* line 597, ../../app/assets/stylesheets/media_queries.css.scss */
  .about_mob_reciept {
    display: block;
    padding: 20px 15px 0;
    clear: both;
    text-align: center;
  }
  /* line 603, ../../app/assets/stylesheets/media_queries.css.scss */
  .about_mob_reciept p {
    font-size: 14px;
    font-style: italic;
    color: #3c3836;
    font-family: Georgia, Cambria, "Times New Roman", Times, serif;
    line-height: 17px;
  }
  /* line 610, ../../app/assets/stylesheets/media_queries.css.scss */
  .about_mob_reciept a {
    display: block;
    margin: 10px auto;
    width: 218px;
    height: 50px;
    background: url("../img/appstore_mob_main.png");
  }
}
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 286, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-form input[type="text"] {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    background-image: url("../img/ico_search_white_2x.png");
  }
}
@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 350, ../../app/assets/stylesheets/media_queries.css.scss */
  .search-active #search {
    -webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
    background-image: url("../img/ico_search_2x.png");
  }
}
@media screen and (max-width: 320px) {
  /* line 622, ../../app/assets/stylesheets/media_queries.css.scss */
  .hide320 {
    display: none !important;
  }

  /* line 623, ../../app/assets/stylesheets/media_queries.css.scss */
  .show320 {
    display: inherit !important;
  }
}
/*
@media (-webkit-min-device-pixel-ratio: 2) {
  header {
    .logo {
      background-image: url('../img/logo_x2.png');
      background-size: 137px auto;
    }
    nav ul.account li a.settings {
      background-image:  url('../img/settings_x2.png');
      background-size: 21px auto;
    }
  }
  .home {
    header {
      .logo {
        background-image: url('../img/logo_x2.png');
        background-size: 137px auto;
      }
    }
    .content {
      .blocks-container{
        .about_mob {
          a.app_store_mob {
            background-image: url('../img/appstore_mob_main_x2.png');
            background-size: 218px auto;
          }
        }
      }
    }
  }
  

  .about_mob_reciept {
    a {
      background: url('../img/appstore_mob_main_x2.png');
      background-size: 218px auto;
    }
  }
  .box {
    &.liked {
      h3 {
        background-image: url('../img/icons_x2.png');
        background-size: 16px auto;
      }
    }
    &.comments {
      h3 {
        background-image: url('../img/icons_x2.png');
        background-size: 16px auto;
      }
    }
  }
}
*/
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /*
  body {
    width: 1024px;
    background: #fff;
  }
  */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /*
  body {
    width: 768px;
    background: #fff;
  }
  header {
    .logo {
      left: 20px;
    }
    .header-descriprion {
      max-width: 330px;
      margin-left: 30px;
      font-size: 11px;
    }
  }
  .wrap {
    width: 708px;
    padding: 0 20px;
  }
  .home {
    .content {
      .blocks-container {
        width: 708px;
        padding: 0 30px;
      }
    }
    .about {
      margin-left: 0;
      width: 380px;
    }
  }
  .recipes {
    .image {
      width: 275px;
    }
    .content {
      .wrap {
        padding: 0;
        .col {
          &.l {
            width: 290px;
          }
          &.r {
            width: 397px;
          }
        }
      }
    }
  }
  footer {
    .app_store {
      display: none;
    }
  }
  */
}