/*!
 * Bootstrap Responsive v2.0.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  /* Make inputs at least the height of their button counterpart */

  /* Makes inputs behave like true block-level elements */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none;
}
.visible-tablet {
  display: none;
}
.visible-desktop {
  display: block;
}
.hidden-phone {
  display: block;
}
.hidden-tablet {
  display: block;
}
.hidden-desktop {
  display: none;
}
@media (max-width: 767px) {
  .visible-phone {
    display: block;
  }
  .hidden-phone {
    display: none;
  }
  .hidden-desktop {
    display: block;
  }
  .visible-desktop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .visible-tablet {
    display: block;
  }
  .hidden-tablet {
    display: none;
  }
  .hidden-desktop {
    display: block;
  }
  .visible-desktop {
    display: none;
  }  
}

/* This is for phone */
@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 18px;
  }
  input[type="checkbox"],
  input[type="radio"] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
  #home-content .row-fluid .span6 { width: 100%; margin-left: 0; }
  .box-gray { background: yellow !important; }  
  #header { padding: 0; }
  #header .header-form { padding: 0 0 20px 20px; }
  #header form { display: none; }
  #header .main-logo { margin-left: auto; margin-right: auto; display: block; }
  #header p { display: none; }
  #header input[type="text"] { width: 140px; height: 35px;}
  .navbar { width: 240px !important; }
  .intro-container img { width: 100%; display: block; margin-left: auto; margin-right: auto; float: none; }
  .cookbook img { width: 270px; }
  .cookbook .learn-more { display: block; margin-left: 0; margin-bottom: 20px; }
  #footer { text-align: center; }
  #footer img.footer-logo { width: 100px; }
  #footer .newsletter input[type="text"] { width: 230px; }
  #footer .link-tw, #footer .link-fb { display: inline-block; }
  #footer .span2, #footer .span3 { margin-bottom: 20px; }
  .credits .span3 { display: none; }
  .ad-gallery .ad-nav .ad-thumbs { width: 74% !important; }
  .ad-gallery .ad-thumbs li a img { width: 85px !important; }
  .inner-padding img { width: 100%; }
  #home-content .intro { padding: 0; }
  .home-anouncement { display: none; }
  #home-content .cookbook img { float: none; padding-right: 0; }
  .get-meal { background: #f2f2f2; 
    background-image: -moz-linear-gradient(center top, #ECEBEB, #FFFFFF) !important; 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ECEBEB), color-stop(1.00, #FFFFFF));
    padding: 35px 20px 30px 130px; margin-bottom: 45px; }
  .filter { display: none; }
  .latestbook-box p { padding: 10px 0 0; }
  .latestbook-box { background: url('http://photos.happyherbivore.com/img/orange_bg.jpg') no-repeat left top; padding: 10px 10px 20px; } 
  .latestbook-box img { margin-right: 10px; width: 120px;}   

 }

/* Tablet */
@media (max-width: 767px) {     
  body {
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top {
    margin-left: -20px;
    margin-right: -20px;
  }
  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  
  .row {
    margin-left: 0;
  }
  .row > [class*="span"],
  .row-fluid > [class*="span"] {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }
  .thumbnails [class*="span"] {
    width: auto;
  }
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 28px;
    /* Make inputs at least the height of their button counterpart */
  
    /* Makes inputs behave like true block-level elements */
  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    width: auto;
  }
  .box-gray { background: blue; } 
  .get-meal { background-image: -moz-linear-gradient(center top , #ECEBEB, #FFFFFF); 
              background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ECEBEB), color-stop(1.00, #FFFFFF));
              padding: 30px; margin-bottom: 45px; }
  #home-content .cookbook { clear: both; }
  #home-content .cookbook img { float: left; padding-right: 20px; }
  #home-content .get-meal { clear: both; }
  #home-content .intro { padding: 0; }
  #footer .span2, #footer .span3 { margin-bottom: 20px; }
  #footer .newsletter input[type="text"] { width: 230px; display: block; margin-left: auto; margin-right: auto; }
  #header form { margin-top: 0; }
  #header p { text-align: left; }
  .filter h4 { padding-left: 0; }
  .filter ul li { display: inline; }
  .recipes-wrapper { padding: 20px; }
}
@media (min-width: 768px) and (max-width: 978px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    margin-left: 20px;
  }
  .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid > [class*="span"] {
    float: left;
    margin-left: 2.762430939%;
  }
  .row-fluid > [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid > .span12 {
    width: 99.999999993%;
  }
  .row-fluid > .span11 {
    width: 91.436464082%;
  }
  .row-fluid > .span10 {
    width: 82.87292817100001%;
  }
  .row-fluid > .span9 {
    width: 74.30939226%;
  }
  .row-fluid > .span8 {
    width: 65.74585634900001%;
  }
  .row-fluid > .span7 {
    width: 57.182320438000005%;
  }
  .row-fluid > .span6 {
    width: 48.618784527%;
  }
  .row-fluid > .span5 {
    width: 40.055248616%;
  }
  .row-fluid > .span4 {
    width: 31.491712705%;
  }
  .row-fluid > .span3 {
    width: 22.928176794%;
  }
  .row-fluid > .span2 {
    width: 14.364640883%;
  }
  .row-fluid > .span1 {
    width: 5.801104972%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  input.span12, textarea.span12, .uneditable-input.span12 {
    width: 714px;
  }
  input.span11, textarea.span11, .uneditable-input.span11 {
    width: 652px;
  }
  input.span10, textarea.span10, .uneditable-input.span10 {
    width: 590px;
  }
  input.span9, textarea.span9, .uneditable-input.span9 {
    width: 528px;
  }
  input.span8, textarea.span8, .uneditable-input.span8 {
    width: 466px;
  }
  input.span7, textarea.span7, .uneditable-input.span7 {
    width: 404px;
  }
  input.span6, textarea.span6, .uneditable-input.span6 {
    width: 342px;
  }
  input.span5, textarea.span5, .uneditable-input.span5 {
    width: 280px;
  }
  input.span4, textarea.span4, .uneditable-input.span4 {
    width: 218px;
  }
  input.span3, textarea.span3, .uneditable-input.span3 {
    width: 156px;
  }
  input.span2, textarea.span2, .uneditable-input.span2 {
    width: 94px;
  }
  input.span1, textarea.span1, .uneditable-input.span1 {
    width: 32px;
  }
    .box-gray { background: black !important; }
    .gallery img { width: 160px; }
    .navbar { width: 680px; z-index: 100; }
    #header input[type="text"] { width: 135px; }
    #home-content .intro2 { padding-left: 20px; }
    .intro-container img { width: 40%; }
    .cookbook img { width: 160px; }
    .cookbook .learn-more { display: block; margin-left: 0; }
    #footer img.footer-logo { width: 100px; }
    #footer .newsletter input[type="text"] { width: 200px; }
    #footer .span2, #footer .span3 { margin-bottom: 20px; }
    .home-anouncement > img { display: none; }
    .get-meal { background-image: -moz-linear-gradient(center top , #ECEBEB, #FFFFFF);
              background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ECEBEB), color-stop(1.00, #FFFFFF));
              padding: 30px; margin-bottom: 45px; }
    .home-rec-box { background: none; padding: 0; margin-bottom: 10px; }
    .home-rec-box p:first-child { margin-left: 0; }
    
    .navbar .brand { display:none; }
    .navbar-inner ul.nav li a { font-size: 14px; }
    .navbar .dropdown-menu { background-color: #C52C03 !important; }
    .navbar-inner ul.nav > .dropdown { padding: 2px 20px 2px 0; }
    .latestbook-box p { padding: 10px 0 0; }
    .latestbook-box { background: url('http://photos.happyherbivore.com/img/orange_bg.jpg') no-repeat left top; padding: 10px 10px 20px; } 
    .latestbook-box img { margin-right: 10px; }   
}

@media (max-width: 979px) {
  body {
    padding-top: 0;
  }
  .btn-navbar {
      display: none;
  }
  .navbar .nav-collapse {
      clear: none;
  }

  .nav-collapse {
      height: auto;
      
  }

  .navbar .nav {
      float: left;
      margin: 0 10px 0 0;
  }

  .navbar .brand {
      margin-left: -20px;
      padding: 8px 20px 12px;
  }

  .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
      display: block;
  }

  .navbar .nav > li > a, .navbar .dropdown-menu a {
      border-radius: 0;
      color: #999999;
      font-weight: normal;
      padding: 10px 10px 11px;
  }

  .navbar .nav > li {
      float: left;
  }

  .navbar .dropdown-menu {
      background-clip: padding-box;
      background-color: #FFFFFF;
      border-color: rgba(0, 0, 0, 0.2);
      border-radius: 0 0 5px 5px;
      border-style: solid;
      border-width: 1px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      display: none;
      float: left;
      left: 0;
      list-style: none outside none;
      margin: 0;
      min-width: 160px;
      padding: 4px 0;
      position: absolute;
      top: 100%;
      z-index: 1000;
  }

  .navbar-form, .navbar-search {
      border:none;
      box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
      float: left;
      margin-bottom: 0;
      margin-top:6px;
      padding: 9px 15px;
  }

  .navbar .nav.pull-right {
      float: right;
      margin-left: auto;
  }

  .box-gray { background: green; }
  .box-gray img { width: 166px; }
  .ad-image-description { width: 450px; }
  .inner-padding img { width: 100%; }
  #footer { text-align: center; }
  #footer .link-tw, #footer .link-fb { display: inline-block; }
  .credits .right-menu { text-align: center; } 

}


@media (max-width: 767px) {
    .btn-navbar {
        display: block;
    }
    .navbar .nav-collapse {
        clear: left;
    }

    .nav-collapse {
        height: 0;
        overflow: hidden;
    }

    .navbar .nav {
        float: none;
        margin: 0 0 9px;
    }

    .navbar .brand {
        margin: 0 0 0 -5px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
        display: none;
    }

    .navbar .nav > li > a, .navbar .dropdown-menu a {
        border-radius: 3px 3px 3px 3px;
        color: #999999;
        font-weight: bold;
        padding: 6px 15px;
    }

    .navbar .nav > li {
        float: none;
    }

    .navbar .dropdown-menu {
        background-color: transparent;
        border: medium none;
        border-radius: 0 0 0 0;
        box-shadow: none;
        display: block;
        float: none;
        left: auto;
        margin: 0 15px;
        max-width: none;
        padding: 0;
        position: static;
        top: auto;
    }

    .navbar-form, .navbar-search {
        border-bottom: 1px solid #222222;
        border-top: 1px solid #222222;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
        float: none;
        margin: 9px 0;
        padding: 9px 15px;
    }

    .navbar .nav.pull-right {
        float: none;
        margin-left: 0;
    }

}

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
    .box-gray { background: orange; }
    #outer-wrapper { width: 950px; }
    .navbar { width: 890px !important; z-index: 100; }
    #footer .newsletter input[type="text"] { width: 280px; }

}