/* MEDIA QUERIES */
@media (max-width: 400px) {
    .navLeft h5 {
        font-size: 22px;
    }

    .home .mod_postcode_box .btn-large {
        padding: 16px 30px;
    }
}

@media (max-width: 480px) {
    #checkoutVouchercode {
        max-width: 170px;
    }

    .imageGrid {
        padding-top: 40px;
        padding-bottom: 0px;
    }

    .home h2:not(.sys-alert h2, .changeBranchHolder h2),
    .home h3:not(.sys-alert h3, .changeBranchHolder h3) {
        font-size: 40px;
    }

    .home p:not(.sys-alert p, .lead, .marquee p) {
        font-size: 20px;
    }

    .marqueeText .wrapper {
        height: auto;
    }

    .imageGrid .top.right p,
    .imageGrid .bottom.left p {
        padding-left: 10px;
        padding-right: 10px;
    }

    .carousel-inner>.item>img,
    .carousel-inner>.item>a>img {
        border-radius: 0px;
    }

    .middleContent .top.left,
    .imageGridInner .bottom.right {
        margin-top: 0px;
    }

    .middleContent {
        margin-top: 70px;
    }

    .navCenter img {
        max-width: 190px;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    .locationDetails svg {
        width: 22px;
    }

    .left.carousel-control {
        left: 20px;
    }

    .carousel-control.right {
        left: 65px;
    }

    .mod_postcode_box .lead {
        font-size: 30px !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .middleContent .top.left {
        padding-top: 20px;
    }
}

@media (min-width: 481px) and (max-width: 979px) {
    .middleContent {
        margin-top: 70px;
    }
}

@media (max-width: 767px) {
    #btn-submit-download-report-csv {
        display: block;
        margin-top: 15px;
    }

    #mobile_food_menu_nav {
        z-index: 970 !important;
    }

    .members #body .container-fluid .section-loyalty-scheme .loyalty-card>div.col1 .loyalty-label {
        text-align: center;
    }

    .sys-alert .lead {
        font-size: 14px;
    }

    .hungryLink {
        display: none;
    }

    .menu-container .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }

    .contact-us .box-contact-information {
        margin-top: 22px;
    }

    .checkout .well h4,
    .checkout .well h5,
    .contact-us .ui-widget-header,
    .ui-widget:not(.ui-tabs-menu),
    .how-im-ordering {
        text-align: center;
    }

    .copyright,
    .cards,
    .vendor-zpos {
        text-align: center;
        display: block;
        margin-bottom: 30px;
    }

    .row-variation {
        margin-bottom: 5px;
    }

    .checkout h2,
    .contact-us h1,
    .middleContent {
        text-align: center;
    }

    #responsive-food-menu .brand {
        width: 100%;
        text-align: center;
    }

    #responsive-food-menu .btn-navbar:not(.ctrl-mob-nav-search) {
        float: left;
    }

    .menu-selection .btn {
        max-width: 500px;
        margin: 10px auto;
    }

    .navSectionInner {
        flex-direction: column;
        position: relative;
    }

    .navRight {
        top: 5px;
        right: 20px;
        position: absolute;
    }

    .middleInner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
    }

    .locationDetails,
    .facebookLink {
        flex-wrap: wrap;
    }

    .imageGridInner .bottom.left,
    .imageGridInner .middle.left {
        max-width: 100%;
    }

    .imageGridInner .top.right {
        margin-left: 0;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .imageGridInner .middle.right,
    .middleContent .top.left,
    .imageGridInner .middle.left {
        margin-bottom: 25px;
    }

    .middleContent .top.left {
        margin-top: 0px;
        overflow: hidden;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .home h2:not(.sys-alert h2, .changeBranchHolder h2),
    .home h3:not(.sys-alert h3, .changeBranchHolder h3) {
        color: #fff;
        font-size: 38px;
    }

    .mod_postcode_box .lead {
        font-size: 40px !important;
    }

    .gridRowRight {
        flex-direction: column-reverse;
    }

    .imageGrid {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .loyaltySectionInner {
        padding-left: 0;
        padding-right: 0;
    }

    .nav_holder .nav>li>a {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .nav_holder .dropdown.open {
        margin-bottom: 20px;
    }

    .nav_holder .nav li.dropdown>.dropdown-toggle .caret,
    .nav_holder .nav li.dropdown.open>.dropdown-toggle .caret {
        margin-top: 16px;
    }

    .block-terms-conditions,
    .block-website-help {
        margin-bottom: 25px;
    }

    #myCarousel {
        margin-bottom: 25px;
    }

    .carousel-control {
        margin-top: -10px;
    }

    .carousel-indicators,
    .openingText {
        display: none;
    }

    #openstatusimg {
        margin-top: 5px;
        margin-right: 10px;
    }

    .navSectionInner .navRight {
        max-width: 50%;
    }

    img.heat_levels {
        margin-top: 0px;
    }

    .changeBranchHolder h2 {
        left: 0px;
        font-size: 45px;
        margin: 40px auto 30px;
        max-width: 530px;
    }

    .changeBranchHolder h3 {
        text-align: center;
        margin: 0px auto 20px;
        font-size: 24px;
        max-width: 530px;
    }

    .changeBranchHolder .button_arrow_group {
        text-align: center;
    }

    .ctDetailsHolder {
        text-align: center;
        margin: 20px auto 30px;
    }

    .imageGrid .gridRowLeft,
    .imageGridInner .span6.middle.long {
        display: none;
    }

    .modal-footer {
        margin-top: 17px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 15px;
    }

    .modal-footer h3 {
        margin-bottom: 15px !important;
        text-align: center;
    }

    .modal-footer h3 small {
        display: block;
    }

    .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
        margin: 0 auto 20px;
    }

    .ct_user_status,
    .ct_local_branch_details {
        text-align: center !important;
    }

    #body h1,
    .jumbotron h1 {
        font-size: 40px !important;
    }

    .members #body .container-fluid .section-loyalty-scheme .loyalty-card>div.col3,
    .members #body .container-fluid .section-loyalty-scheme .loyalty-card>div.col4 {
        margin: 0px auto 10px;
    }
}

@media (min-width: 768px) {
    .nav_holder .nav>li>a {
        font-size: 60px;
    }

    .nav_holder .nav li.dropdown>.dropdown-toggle .caret,
    .nav_holder .nav li.dropdown.open>.dropdown-toggle .caret {
        border-width: 17px;
        margin-top: 30px;
    }

    .imageGridInner .bottom.left p {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .nav_holder .dropdown-menu a {
        font-size: 24px;
    }

    .heroSection {
        background-image: url('/myimages/1214/zpos-bg-muchachos_hero.jpg');
        background-repeat: no-repeat;
    }

    .modal-footer h3 {
        margin-top: 17px !important;
    }

    .how-im-ordering {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .members #body .container-fluid .section-loyalty-scheme .loyalty-card>div .loyalty-value {
        font-size: 20px;
        line-height: 20px;
    }

    #responsive-food-menu .brand {
        padding-left: 0px;
    }

    .gridRowLeft .middle.left {
        display: none;
    }

    .column_slideshow {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    img.heat_levels {
        margin-top: 35px;
    }

    .heroSection {
        background-position: right -880px center;
    }

    .changeBranchHolder h2 {
        font-size: 65px;
        max-width: 530px;
        margin-bottom: 50px;
        margin-top: 70px;
        left: -15px;
    }

    .changeBranchHolder h3 {
        max-width: 530px;
        margin-bottom: 30px;
        font-size: 40px;
    }

    .changeBranchHolder .arrow {
        margin-left: 20px;
        margin-top: -50px;
    }

    .postcodeHolder {
        width: 100% !important;
        margin-left: 0px !important;
        max-width: 792px;
    }

    .loyaltyTitle {
        max-width: 400px;
        margin-left: auto !important;
        margin-right: auto;
    }

    .loyaltyText {
        max-width: 420px;
        margin-left: auto !important;
        margin-right: auto;
    }
}

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

    #body h1,
    .jumbotron h1 {
        font-size: 60px !important
    }
}

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

    .home h2:not(.sys-alert h2, .changeBranchHolder h2),
    .mod_postcode_box .lead {
        font-size: 45px;
    }

    .heroSection {
        min-height: 600px;
    }
}

@media (max-width: 979px) {
    #responsive-food-menu .btn-navbar {
        line-height: 36px !important;
        margin-top: 4px !important;
    }

    #responsive-food-menu.navbar .navbar-inner {
        padding-right: 10px;
    }

    .page_contact-us .row-fluid .span8 .well {
        margin-bottom: 22px;
    }

    .middleInner {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        align-items: center;
    }

    .postcodeHolder {
        margin-top: 60px !important;
    }

    .column_slideshow {
        margin-top: 60px !important;
    }

    .loyaltySection {
        display: flex;
        background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
            url('/myimages/1214/zpos-bg-muchachos_periPeriChicken_background.jpg');
        background-position: center;
    }

    .loyaltySectionInner {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;
    }

    .loyaltySectionInner p {
        text-align: center;
    }

    .middleContent.span5 {
        width: 100%;
        text-align: center;
    }

    .middleContent .top.left h2 {
        width: 100%;
    }

    #responsive-food-menu .btn-navbar {
        margin-top: 8px;
    }

    #responsive-food-menu .btn.btn-navbar.ctrl-mob-nav-search {
        margin-top: 10px !important;
    }

    #welcome-row-fluid-outer>[class*="span"] {
        width: 100%;
        margin-left: 0px;
    }

    #list_branches,
    .branch_finder_box {
        max-width: 400px;
        margin: 0px auto 20px;
    }

    header .navbar {
        display: none;
    }

    .ct_details_bar {
        padding: 0px 20px;
    }

    .ct_user_status,
    .ct_local_branch_details {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .ct_user_status {
        margin-bottom: 5px;
    }

    .ct_local_branch_details span,
    .ct_user_status small {
        font-weight: 700;
    }

    .page_welcome h1,
    .page_welcome h2 {
        text-align: center;
    }

    .marquee {
        font-size: 20px;
    }

    .postcodeHolder:after {
        width: 100%;
        height: 100%;
        top: unset;
        right: 0px;
        bottom: -30px;
        background-repeat: repeat;
    }

    .checkout #frmProceed>.span4,
    .checkout #frmProceed>.span5,
    .checkout #frmProceed+.span3 {
        width: 100%;
        margin-left: 0px;
    }

    .checkout #body>.container>.row-fluid>.span9 {
        width: 100%;
    }

    .checkout #body>.container>.row-fluid>.span9 h2 {
        text-align: center;
    }

    #responsive-food-menu.affix {
        padding-left: 20px;
    }
}

@media (min-width: 980px) {
    header .navbar .nav>li:first-child>a {
        padding-left: 0px;
    }

    header .navbar .nav>li:last-child>a {
        padding-right: 0px;
    }

    #responsive-food-menu .brand {
        padding-left: 10px;
    }

    #responsive-food-menu.affix {
        padding-right: 10px;
    }

    #responsive-food-menu.affix .brand {
        margin-left: 0px;
    }

    header .navbar .nav>li:first-child {
        padding-left: 0px;
    }

    header .navbar .nav>li:last-child {
        padding-right: 0px;
    }

    header .dropdown-menu {
        left: 50%;
        transform: translateX(-50%);
    }

    header .navbar-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .loyaltySectionInner {
        padding: 460px 0 37px;
    }

    header .nav-collapse .nav {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .imageGridInner>.span6 {
        width: 49.25%;
    }

    .imageGridInner .gridRowRight {
        margin-left: 1.5%;
    }

    .loyaltySectionInner h4 {
        text-align: right;
        color: #fff;
    }
}

@media (min-width: 980px) and (max-width: 1200px) {
    .members #body .container-fluid .section-loyalty-scheme .loyalty-card>div .loyalty-value {
        font-size: 28px;
        line-height: 28px;
    }

    .postcodeHolder {
        left: -20px;
        margin-top: -300px;
    }

    .middleContent {
        padding-right: 20px;
    }

    .changeBranchHolder h2 {
        font-size: 65px;
        max-width: 530px;
        margin-bottom: 50px;
        margin-top: 70px;
        left: -15px;
    }

    .changeBranchHolder h3 {
        max-width: 530px;
        margin-bottom: 30px;
        font-size: 40px;
    }

    .changeBranchHolder .arrow {
        margin-left: 40px;
        margin-top: -140px;
    }

    .heroSection {
        background-position: right -640px center;
    }

    header .navbar .nav>li>a,
    header .navbar .nav-collapse .nav>li>a {
        font-size: 24px;
    }

    .middleContent .top.left h2 {
        font-size: 35px;
    }

    .heat_levels {
        max-width: 400px;
    }

    .middleContent .top.left {
        margin-top: 45px;
        margin-bottom: 20px;
    }

    .postcodeHolder:after {
        width: 100%;
        height: 100%;
        top: unset;
        right: -20px;
        bottom: -40px;
        background-repeat: repeat;
    }

    .checkout .table-delivery-information.table-bordered th,
    .checkout .table-delivery-information.table-bordered td {
        font-size: 12px;
    }
}

@media (min-width: 980px) and (max-width: 1400px) {
    header .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .loyaltySectionInner p {
        text-align: right;
    }
}

@media (max-width: 648px) {
    .postcodeHolder:after {
        top: 40px !important;
        right: -50px !important;
    }
}

@media (max-width: 1080px) {
    .navLeft h5 {
        display: none;
    }
}

@media (max-width: 1182px) {
    #basket-container {
        margin-top: 20px;
    }
}

@media (max-width: 1200px) {
    .members #body .container-fluid .section-loyalty-scheme .loyalty-card>div.col1 .loyalty-label {
        font-size: 28px;
    }

    #responsive-food-menu.affix {
        left: 0;
    }

    .page_contact-us .row-fluid .span8 .well {
        margin-bottom: 20px;
    }

    .members #frmRegister #ctl-lookupAddress,
    .members #frmLogin #ctl-forgotPassword {
        display: block;
        margin-top: 5px;
        border-radius: 5px;
    }

    .members #frmRegister #registerPostcode {
        width: 206px;
    }

    .members #frmLogin #loginPassword {
        width: 206px;
    }

    body:not(.home) #body,
    .row-fluid.main,
    .ctDetailsHolder,
    .loyaltySection,
    .middleSection,
    #notices_holder,
    .ct_details_bar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .column_modules {
        padding: 30px;
        margin: 0 auto;
    }

    .facebookLink {
        justify-content: center;
    }

    .home h3:not(.sys-alert h3, .changeBranchHolder h3) {
        font-size: 40px;
    }

    .page_members .form-horizontal #loginSignin,
    .page_members .form-horizontal #loginSigninOrder {
        margin-top: 10px;
    }

    .home .btn-large {
        font-size: 20px;
        padding: 15px 45px 12px;
    }

    #mod_postcode_box_pc {
        font-size: 24px;
        line-height: 24px;
        padding: 12px 60px 10px;
    }

    .imageGrid {
        padding-bottom: 60px;
    }
}

@media (min-width: 1201px) {
    .home h3:not(.sys-alert h3, .changeBranchHolder h3) {
        font-size: 45px;
    }

    .home h4:not(.sys-alert h4) {
        font-size: 32px;
    }

    .home .imageGridInner {
        h2 {
            text-shadow: 0px 8px 0px #C91D0F;
            margin-bottom: 11px;
        }

        h3 {
            text-shadow: 0px 6px 0px #C91D0F;
            margin-bottom: 11px;
        }
    }

    .home .imageGridInner .top.right p {
        width: 67%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .home .imageGridInner .span3.bottom.left p {
        width: 90%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .middleContent .top.left {
        margin-top: 51px;
        margin-bottom: 50px;
    }

    .imageGrid {
        padding-bottom: 120px;
    }

    .loyaltySectionInner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .postcodeHolder:after {
        height: 445px;
        width: 425px;
        top: unset;
        right: -20px;
        bottom: -30px;
    }

    .postcodeHolder {
        left: -40px;
    }

    .middleContent {
        padding-right: 40px;
    }

    .changeBranchHolder h2 {
        font-size: 65px;
        max-width: 530px;
        margin-bottom: 50px;
        margin-top: 70px;
        left: -15px;
    }

    .changeBranchHolder h3 {
        max-width: 530px;
        margin-bottom: 30px;
        font-size: 40px;
    }

    .changeBranchHolder .arrow {
        margin-left: 40px;
        margin-top: -150px;
    }

    header .navbar .nav>li>a,
    header .navbar .nav-collapse .nav>li>a {
        font-size: 26px;
    }

    .home .btn-large {
        font-size: 25px;
        padding: 18px 57px 13px;
    }

    #mod_postcode_box_pc {
        font-size: 28px;
        line-height: 28px;
        padding: 17px 60px 14px;
    }

    .home h2:not(.sys-alert h2, .changeBranchHolder h2) {
        font-size: 60px;
    }
}

@media (max-width: 1400px) {
    .home p:not(.sys-alert p, .lead, .marquee p) {
        font-size: 18px;
    }

    .loyaltySectionInner p {
        font-size: 20px;
    }

}

@media (min-width: 1401px) {
    .home .loyaltySection h2 {
        width: 80%;
        margin-top: 60px;
    }

    .home p:not(.sys-alert p, .lead, .marquee p) {
        font-size: 24px;
        line-height: 110%;
    }

    .home .marquee p {
        font-size: 32px;
    }

    .loyaltySectionInner p {
        font-size: 24px;
        text-align: right;
        width: 72%;
        margin: 0 auto;
        margin-right: 0px;
    }

    .home .btn-large {
        font-size: 35px;
        padding: 23px 65px 18px;
    }

    .changeBranchHolder h2 {
        font-size: 87px;
        max-width: 450px;
        margin-bottom: 70px;
        margin-top: 40px;
        left: -15px;
    }

    .changeBranchHolder h3 {
        max-width: 530px;
        margin-bottom: 30px;
        font-size: 45px;

    }

    .changeBranchHolder .arrow {
        margin-left: 20px;
        margin-top: -70px;
    }

    .heroSection {
        min-height: 750px;
    }

    header .navbar .nav>li>a,
    header .navbar .nav-collapse .nav>li>a {
        font-size: 32px;
    }

    header .navbar {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #mod_postcode_box_pc {
        font-size: 35px;
        line-height: 40px;
        padding: 17px 60px 14px;
    }
}

@media (min-width: 1401px) and (max-width: 1700px) {
    .mod_postcode_box .lead {
        font-size: 65px;
    }

    .postcodeHolder:after {
        height: 515px;
        width: 535px;
    }

    .postcodeHolder {
        left: -70px;
    }

    .middleContent {
        padding-right: 70px;
    }

    .home h2:not(.sys-alert h2, .changeBranchHolder h2) {
        font-size: 55px;
    }
}

@media (max-width: 1700px) {
    .navSectionInner {
        padding: 25px 20px;
    }

    header .navbar {
        padding-left: 20px;
        padding-right: 20px;
    }

    #notices_holder_desktop {
        right: 20px;
    }

    .imageGrid,
    footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .middleInner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .imageGridInner .middle.left {
        margin-top: 25px;
    }

    .ctDetailsHolder {
        padding-left: 20px;
    }

    .middleContent .top.left,
    .middleContent .top.right {
        width: 100%;
        text-align: center;
    }

    .changeBranchHolderInner {
        padding-left: 20px;
        padding-right: 20px;
    }
}


@media (min-width: 1701px) {
    img.heat_levels {
        margin-top: 65px;
        margin-left: -25px;
    }

    .postcodeHolder {
        left: -55px;
    }

    .middleContent {
        padding-right: 55px;
    }

    .postcodeHolder:after {
        height: 595px;
        width: 715px;
    }

    header .navbar .nav>li.home a {
        padding-left: 0px;
    }

    .middleSection {
        margin-bottom: 40px;
    }
}

@media (min-width: 1801px) {
    header .main-menu>li>a {
        padding: 0px 74px;
    }

    header .navbar .nav>li.contact-us a {
        padding-right: 0px;
    }

    .home h2:not(.sys-alert h2, .changeBranchHolder h2) {
        font-size: 65px;
    }
}