/* ************* */
/* MEDIA QUERIES */
/* ************* */
@media (max-width: 1910px) {
    .navbar .nav>li {
        padding: 0 32px 0 0;
    }
}

@media (max-width: 1600px) {
    .navbar .nav>li {
        padding: 0;
    }

    .home .nav-wrap {
        padding-left: 0;
        width: 81%;

    }

    .home .header-icons-wrap {
        right: -68px;
    }

    .landing-content-wrap h2 {
        font-size: 45px;
    }

    .landing-image {
        height: 780px;
    }

    .landing-content-wrap {
        margin: 120px 0 0 100px;
    }

    .landing-image:before {
        height: 780px;
    }
}

@media (min-width: 1200px) {
    .hiring-bio {
        padding-top: 25px;   
    }
}

@media (max-width: 1200px) {
    #responsive-food-menu.affix { left: 0; }
    .page_contact-us .row-fluid .span8 .well { margin-bottom: 20px; }
    .contact-us .box-opening-hours { margin-top: 20px; }
    .members #frmRegister #ctl-lookupAddress {displaY: block; }
    .members #frmRegister #registerPostcode { width: 206px; } 
    .members #frmLogin #ctl-forgotPassword { displaY: block; }
    .members #frmLogin #loginPassword { width: 206px; }
    
    #discount-banner {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    }

    header .navbar .nav>li>a {
        padding: 10px 15px;
    }

    .home .navbar .nav>li>a {
        font-size: 18px;
    }

    .landing-content-wrap {
        margin: 120px 0 0 120px;
    }

    .landing-content-wrap h2 {
        font-size: 40px;
    }

    .home .nav-wrap {
        width: 80%;
    }

    .home .navbar .nav {
        float: right;
    }

    .home .navbar-inner {
        margin-top: 70px;
    }

    .home .header-icons-wrap {
        right: -200px;
    }

    .home .navbar .nav>li>a {
        padding: 10px;
    }

    .home .header-icons-wrap {
        right: 10px;
        top: -46px;
    }

    .lp-content .section-header {
        font-size: 58px;
    }

    header .header-icons-wrap {
        margin: 50px auto 0;
    }

    header .navbar {
        margin-top: 52px;
        max-width: 85%;
    }

    header #opening-status {
        right: 30px;
    }	

    .ct_details_bar {
        box-sizing: border-box;
        padding: 5px 10px;   
    }

    .page_careers #body,
    .page_franchising #body,
    .page_welcome .inner-wrapper {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .menu-grid .section-header {
        font-size: 48px;
    }

    .page_franchising .franchise-interested-logo img {
        max-width: 330px;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    .left_column { padding-left: 20px; }
    .right_column { padding-right: 20px; }
}
@media (max-width: 1182px) {
    #basket-container {
        margin-top: 20px;
    }
    .how-im-ordering h2 {
        text-align: center;   
    }
}
@media (max-width: 979px) {

    #opening-status {
        right: 13px;
    }
    .home #logo img {
        max-width: 140px;
    }

    .home .nav-wrap {
        width: 72%;
        margin: 0 0 100px 180px;
    }

    .home .navbar .nav {
        float: none;
    }
    .home .navbar-inner {
        margin-top: 30px;
    }

    .home .navbar .btn-navbar {
        margin-top: 11px;
    }

    .home .header-icons-wrap {
        top: 3px;
        right: -90px;
    }

    .header-icons-wrap li.members-icon {
        margin-left: 10px;
    }

    .navbar-inner .nav {
        margin-bottom: 0 !important;
    }
    .nav-collapse .nav>li>a {
        text-align: center;
    }

    .page_menu .menu-selection .alert {
        margin: 20px 0px;
        padding: 0px;
    }
    .page_menu .menu-selection h1 {
        text-align: center;
        margin-top: 10px;
    }
    .page_menu .menu-selection .well {
        margin-bottom: 0px;
    }
    header .navbar-inner .container {
        display: block;
    }
    .page_contact-us .row-fluid .span8 .well {
        margin-bottom: 22px;
    }
    .contact-us .box-opening-hours {
        margin-top: 22px;
    }
    #responsive-food-menu.affix-top button {
        height: 46px;
    }
    #responsive-food-menu.affix .icon-search {
        margin-top: 12px;
    }
    #responsive-food-menu.affix-top .icon-search {
        margin-top: 16px;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: none;
        color: #e31f25;
    }
    .trigger-paymentmethod .btn {
        width: 100% !important;
        display: block;
    }
    .checkout #ctl-lookupAddress {
        display: block;   
    }

    .landing-content-wrap {
        margin: 120px 0 0 80px;
    }


    .landing-content-wrap h2 {
        font-size: 36px;
    }

    .mod_postcode_box .btn {
        margin-left: 10px !important  ; 
        height: 58px;
    }

    #mod_postcode_box_pc {
        max-width: 200px;
    }

    .section-header {
        font-size: 37px !important;
    }

    .home .lp-content .btn-default {
        font-size: 18px;
        padding: 10px 15px;
    }

    header .navbar {
        max-width: 100%;
    }

    header .header-icons-wrap {
        position: absolute;
        top: 21px;
        right: 99px;
        z-index: 9999;
    }

    header #opening-status {
        right: 35px;
    }

    header .nav-collapse .dropdown-menu a {
        color: #000;
    }

    .page_welcome .branch-select-lead {
        text-align: center;
    }


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

}
@media (min-width: 979px) {
    .mod_postcode_box .btn {
        margin-left: 20px !important  ; 
        height: 58px;
    }
}

@media (max-width: 797px) {
    .franchise-interested-para {
        width: 100% !important;
        margin: 20px auto !important;
    }   

    .page_careers .hiring-interested-logo,
    .page_franchising .franchise-profits,
    .page_franchising .franchise-profits > *,
    .franchise-interested-logo {
        text-align: center;
        padding-bottom: 20px;
    }

    .page_franchising .franchise-interested-logo img {
        margin-top: 20px;
    }

    .page_careers .hiring-intro > .hiring-lead {
        text-align: center;   
    }

    .page_franchising section,
    .page_careers section {
        text-align: center;   
    }

    .page_franchising section ul,
    .page_careers section ul {
        text-align: left;   
    }
}

@media (min-width: 767px) {
    .page_careers .hiring-story .span4 {
        height: 300px;
    }
}

@media (max-width: 767px) {

    .section-header {
        font-size: 50px !important;
    }

    .landing-image,
    .page_careers .hiring-story .span4,
    .landing-image:before {
        display: none !important;
    }

    #logo {
        position: relative;
        text-align: center;
    }

    .home #logo {
        display: none;
    }

    .home #logo img {
        max-width: 180px;
    }

    #opening-status {
        right: unset !important;
        left: 20px;
    }

    .mod_postcode_box .dropdown-menu,
    .home .nav-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .mod_postcode_box .dropdown-menu>li>a {
        text-align: center;   
    }

    .home .header-icons-wrap {
        top: 3px;
        right: 70px;
    }

    .landing-content-wrap {
        margin: 60px auto;
        padding: 0 80px;
        text-align: center;
    }

    .home .navbar-inner {
        margin-top: 0;
    }

    .home .navbar .btn-navbar {
        margin: 10px;
    }

    .landing-image {
        height: 280px;
        background-position: center;
    }

    .ct_details_bar:before {
        background-size: auto;
        top: -9px;
    }

    .carousel-caption {
        max-width: 100%;
        padding: 0;
        position: relative;
    }

    .caption-inner {
        position: relative;
        bottom: 0;
        height: 230px;
        text-align: center;
    }

    .carousel-control-wrap {
        bottom: unset;
        left: unset;
        position: relative;
        top: -320px;
    }

    .section-header {
        text-align: center;
    }

    .lp-content .section-header:after,
    .home-menu-wrap .section-header:after {
        left: 50%;
        transform: translateX(-50%);
    }

    #body,
    .home-menu-picker {
        padding: 0 10px;
    }
    .about-section {
        padding: 80px 10px 40px;
    }
    .btn-grid {
        max-width: 75%;
        margin: 0 auto 10px;
    }

    .ct_details_bar {
        padding: 10px 10px 12px;
    }

    .ct_details_bar:after {
        bottom: -9px;
    }

    .span3.franchise-interested-para,
    .menu-container .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    .row-order-complete- .span12 {
        padding: 20px;
    }
    .ct_user_status,
    .ct_local_branch_details {
        text-align: center !important;
    }
    .contact-us .box-contact-information {
        margin-top: 22px !important;
    }
    .contact-us .ui-widget {
        border-bottom: none;
    }
    .contact-us .ui-widget-header {
        text-align: center;
    }
    .copyright,
    .cards,
    .vendor-zpos {
        text-align: center;
        display: block !important;
        margin-bottom: 30px;
    }

    footer .row-fluid {
        padding: 30px 10px 0;
    }

    .footer-company-info {
        margin: 30px auto;
        padding: 0 10px;
    }

    .vendor-zpos {
        margin-bottom: 0;   
    }

    .menu-selection h1 {
        text-align: center;
        font-size: 30px;
    }
    .menu-selection h3 {
        font-size: 20px;
    }
    .mod_postcode_box .btn-group {
        margin-left: 0px;
    }
    .carousel-control.left {
        margin-left: 0px;
    }
    .carousel-control.right {
        margin-right: 0px;
    }
    .menu-selection .btn {
        width: 70%;
        margin: auto;
    }
    .how-im-ordering h2,
    .checkout h2, 
    .contact-us h1 {
        text-align: center;
    }

    .landing-content-wrap h2 {
        font-size: 50px;
        line-height: 1.2;
        margin: 30px auto;
    }

    #mod_postcode_box_pc {
        max-width: unset;
    }
    #mod_postcode_box_pc,
    .mod_postcode_box .col2 {
        width: 100%;
        text-align: center !important;
    }

    .home-menu-image {
        float: none;
        max-width: 400px;
        width: 100%;
    }
    .home-menu-wrap .span6:last-child {
        text-align: center;
        margin-bottom: 60px;
    }

    .lp-content {
        max-width: 100%;
        text-align: center;
        padding: 50px 20px;
    }

    .landing-content-wrap h2 {
        font-size: 40px;
    }

    .landing-content-wrap .postcode-subtitle {
        font-size: 16px;
    }

    .mod_postcode_box .btn,
    .mod_postcode_box .btn-group,
    #mod_postcode_box_pc,
    .lp-content .btn-default {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .lp-content .btn-default:last-child,
    .mod_postcode_box .btn {
        margin: 10px auto 0 !important;
    }
    .menu-grid-column.span4 {
        padding-right: 0;
    }

    .about-section .about-header {
        margin: 0 auto;
    }
    .about-desc {
        margin: 40px auto;
    }

    .lp-content .btn-group {
        width: 100%;
        max-width: 400px;
    }

    .home .lp-content .btn-default {
        font-size: 20px;
        padding: 15px 30px;
    }

    header .navbar {
        margin-top: 0;   
    }

    header .header-icons-wrap {
        position: absolute;
        top: -46px;
        right: 10px;
        z-index: 9999;
    }

    .prefooter-img {
        background-position: center;
    }

    .row-fluid .welcome-tiles {
        padding: 0 40px;
        box-sizing: border-box;
    }

    .row-fluid .welcome-tiles .span4 {
        margin-bottom: 20px;
    }

    .page_franchising .franchise-profits {
        margin-top: 25px;
    }

    .page_careers .hiring-story {
        margin-top: 30px;
    }

    .page_careers .hiring-benefits .span6 {
        padding: 25px 0;
    }

    .page_careers .hiring-benefits .span6.hiring-benefits-well {
        padding: 25px;   
    }

}

@media (max-width: 625px) {
    .landing-content-wrap {
        padding: 0 20px;
    }

    .landing-content-wrap img {
        max-width: 400px;
        width: 100%;
    }

    .row-fluid .welcome-tiles {
        padding: 0 20px;
        box-sizing: border-box;
    }

    #branch-select-modal .modal-body .btn {
        display: block;
        margin: 10px 0 0 0;
    }

    .page_careers .hiring-interested-logo img,
    .page_franchising .franchise-interested-logo img {
        max-width: 250px;   
    }
}

@media (max-width: 480px) {
    #responsive-food-menu .brand {
        font-size: 18px;
        padding-top: 15px;
    }
    #responsive-food-menu .btn-navbar.btn-primary {
        margin-righT: 0px !important;
        font-size: 10px;
    }
    .carousel-control {
        display: none;
    }
    .mod_postcode_box .col3 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .members .hero-unit {
        padding: 30px;
    }
    .members .hero-unit h1 {
        font-size: 40px;
    }
    .menu-selection .btn {
        width: 90%;
    }

    header #opening-status {
        font-size: 16px;
        padding: 10px;
        left: 10px;
    }

    .prefooter-img {
        height: 250px;
    }

    .page_welcome .caption-inner {
        height: 300px;
    }

    .franchise-package, .page_franchising .well {
        padding: 40px 20px;
    }

    .page_franchising .franchise-package-info .franchise-lead li {
        line-height: 1.4;
    }
}