@media (max-width: 990px) {

  /* #################################################################### */
  /* ==================================================================== */
  /*    HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER    */
  /* ==================================================================== */
  /* #################################################################### */

  /* HEADER DISCLAIMER */
  .top-header .note {
    font-size: 10px;
    letter-spacing: 0.25px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 16px;
  }


  /* ========================================================= */
  /*            MOBILE HEADER                     */
  /* ========================================================== */

  /* STYLING OF THE MOBILE RED HEADER BACKGROUND BAR */
  .middle-header, .navbar-nav.navbar-right {
    height: 75px;
  }

    .middle-header .logo {
      margin-top: -14px;
    }

      .middle-header .logo img {
        max-width: 152px;
        }

  /* START YOUR ORDER BUTTON */
  .navbar-nav>li.sign-up {
    padding: 12px 18px;
    padding-left:18px;
  }

    .navbar-nav>li.sign-up a {
      text-align:left;
    }

      /* start your order prompt */
      .navbar-nav>li.sign-up a span {
        padding-right:3px;
        width: 50%;
        text-align: center;
        font-size:14px;
        margin-right:3px;
      }

      /*  pizza box */
      .navbar-nav>li.sign-up a img {
        vertical-align:middle;
      }

  /*  MENU BUTTON */
  .navbar-toggle {
    margin-top: 18px;
    margin-left: 2px;
  }
    .navbar-toggle .icon-bar {
      height:5px;
      width:32px;
      border-radius:0;
    }

/* mobile menu */

.toggle_menu.show_menu .nav.navbar-nav li a {
  font-size: 20px;
  letter-spacing: 1px;
  padding: 8px 8px;

}

.toggle_menu.show_menu {
  position:fixed;
  top:45px;
  bottom:-40px;
}

  .navbar-nav {
    margin: 0;
  }

  .toggle_menu.show_menu .nav.navbar-nav {
    padding-bottom: 12px;
  }

  .navbar .clone {
    padding:18px 0;
  }

    .navbar .clone ul li a {
      font-size: 12px;
      letter-spacing: 0.5px;
    }

    .toggle_menu.show_menu .nav.navbar-nav li.login {
      padding-top:0;
      font-size:24px;
    }

      .show_menu .navbar-nav>li.login a#login {
        font-size:24px;
        margin-bottom:0;
        padding:0;
        line-height:45px;
      }

      .show_menu .navbar-nav>li.login a#sign-in {
        line-height:45px;
      }

      .show_menu .navbar-nav.navbar-right {
        height: 90px;
      }

  /* ################################################################# */
  /* ================================================================= */
  /*      CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT      */
  /* ================================================================= */
  /* ##################################################################*/

  /* ========================================================= */
  /*            BANNER (HOMEPAGE AND POSSIBLY OTHERS)           */
  /* ========================================================== */

  /* MAIN CONTENT */
  main {
    padding-top:115px;
  }

  /* HOMEPAGE (AND PROBABLY OTHER) BANNER */
  .banner img {
    min-height: 360px;
  }

  .banner-content {
    top:123px;
    transform: none;
  }

    .banner-content h2 {
      text-indent:40px;
      font-size:36px;
      margin-bottom: 1px;
      margin-top:8px;
      padding: 0 12px;
      /* text shadow to make more readable on banner */
      text-shadow: rgba(0,0,0,0.65) 0 0 5px;
    }

    .banner-content span {
      font-size:20px;
      margin-bottom:25px;
      line-height: 27px;
      letter-spacing: 0.5px;
      padding: 0 5px;
    }

    /* START YOUR ORDER BUTTON */
    .banner .theme-btn.yellow-btn a {
      width:90%;
    }

  /* ============================== */
  /*      THEME BUTTONS             */
  /* ============================== */
  .theme-btn {
    max-width: 400px;
  }


    .theme-btn a span, .theme-btn button span {
      padding:11px 10px;
    }

    .theme-btn.yellow-btn a:before, .theme-btn.red-btn a:before,
    .theme-btn.yellow-btn button:before, .theme-btn.red-btn button:before{
      right: auto;
      left: -12px;
    }

    .banner .theme-btn.yellow-btn a span {
      font-size: 23px;
    }

  .collection-item .theme-btn.red-btn a {

  }

  .theme-btn.red-btn a:before {

  }

  .theme-btn.small-btn a, .theme-btn.small-btn button {
      margin-left: 0;
    }

  /* SMALL BUTTON */
  .theme-btn.small-btn a span, .theme-btn.small-btn button span {
    padding: 4px 10px;
    letter-spacing:1px;
    font-size:16px;
  }

    /* negate the small button stuff */
  .theme-btn.small-btn a:before, .theme-btn.small-btn button:before,
  .theme-btn.small-btn a:after, .theme-btn.small-btn button:after {
    background-size:contain;
    width:12px;
  }

    .theme-btn.small-btn a:before, .theme-btn.small-btn button:before {
      left: -8px; 
    }

    /* WHO ADDED THESE? THEY ARE UNNECESSARY */
    .box .theme-btn a {
      margin-left: 0 !important;
    }


  .footer-map .map-section img {
      min-height:540px;
      height:540px;
  }


  /* ============================== */
  /*     HOMEPAGE PIZZA SQUAD       */
  /* ============================== */

  .pizza_squad  {
    background-size:154px;
    background-position:-24px -16px;
    padding: 37px 0;
    margin-bottom:15px;
  }

    .pizza_squad .squad-content {
      padding:25px 15px;
      box-shadow:rgba(50,0,0,0.9) 0px 0px 20px;
    }

    .squad-content .ds_tablecell {
      padding: 0 15px;
      margin-bottom: 18px;
    }

      .squad-content .ds_tablecell img {
        max-width: 60%;
      }

    .pizza_squad .squad-content h2 {
      text-transform: capitalize;
      font-size:32px;
      margin-bottom:5px;
    }

      .pizza_squad .squad-content p {
        font-size:17px;
        line-height:1.1;
      }

      .pizza_squad .squad-content strong {
        font-weight: bold;
        display: block;
      }


  /* ============================== */
  /*     HOMEPAGE MAP SECTION        */
  /* ============================== */

  .footer-map .map-section img {
    height: 490px;
    min-height: 490px;
  }

  .map-section-content h2, .map-right .box_content h2 {
    font-size: 50px;
    letter-spacing: 1px;
    margin-top: 52px;
    line-height: 48px;
  }

  /* additional homepage sections */

  .map-right .box img {
    min-height: 260px;
  }

    .map-section-content h2, .map-right .box_content h2 {
      padding: 0 32px;
      /* text shadow to make more readable on banner */
      text-shadow: rgba(0,0,0,0.65) 0 0 8px;
    }

    .map-right .box .theme-btn {
      width: 40%;
    }





  /* ################################################################## */
  /* ================================================================== */
  /*            FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER        */
  /* ================================================================== */
  /* ################################################################## */
  .social-media {
    margin-top:48px;
    padding-bottom:18px;
  }

    .social-media span {
      letter-spacing: 0.75px;
      font-size:25px;
    }


  footer {
    padding: 17px 20px; 
  }

    footer .col-md-4 {
      padding: 0 10px;
    }

    footer h4 {
      font-size: 22.5px;
    }


    footer .footer-contact-form, footer .footer-contact {
      padding-bottom: 16px;
    }

    footer .footer-contact h4 {
      letter-spacing: 0.7px;
    }

    footer .footer-contact a {
      font-size: 17px;
      letter-spacing: 2.5px;
      text-transform: uppercase;
    }

    footer .footer-logo {
     width:68%;
     margin:0 auto;
     margin-bottom:36px; 
    }
}




/*======================================================== */
/*            TABLET                                  */
/* =========================================================*/
@media (min-width: 480px) and (max-width: 990px) {

header.sticky .middle-header .logo {
  margin-top:-8px;
}

  .toggle_menu.show_menu {
    top:32px;
  }

  .middle-header .logo img {
    max-width: 182px;
  }

  /* START YOUR ORDER */
  .navbar-nav>li.sign-up a span {
    font-size: 18px;
    display:inline-block;
    line-height:19px;

  }

  .navbar-nav>li.sign-up a img {
    max-width:40px;
  }


  /*disclaimer*/
  .note br{
    display: none;
  }

  .main {
    padding-top:108px;
  }


  .banner {
    border-bottom-width:19px;
  }

  .map-right .box .theme-btn {
    width:60%;
  }




  main {
    padding-top:108px;
  }

}



@media (min-width: 650px)  and (max-width: 990px) {
  .navbar-nav>li.sign-up a span {
    width: 54%;
    margin-top:6px;
  }
}


@media (min-width: 768px) and  (max-width: 990px) {

  .navbar-nav>li.sign-up {
    height:75px;
    padding-right:0;
    padding-left:36px;
  }
    .navbar-nav>li.sign-up a span {
      width: 54%;
      margin-top:6px;
    }

    /* find us section */
    .map-section-content h2, .map-right .box_content h2 {
      font-size:32px;
      line-height:1.1;
    }

    /* or in map box*/
    .map-section-content span {
      font-size:20px;
      padding: 0 8px;
    }

    .map-section-content .theme-btn {
      margin-left:auto;
      margin-right:auto;
    }

    .map-right .box img {
      min-height:230px;
      height:230px;
    }
}