/* ************* */
/* MEDIA QUERIES */
/* ************* */

@media (max-width: 1700px) {
    .homeLoyaltyPoints h3.outlineHeader {
        right: unset;
        left: -290px;
        top: 10%;
        font-size: 120px;
    }

    .LPcontent h2 {
        font-size: 80px;
    }
}

@media (max-height: 870px) {
    .carousel-indicators {
        top: -40px;
        bottom: unset;
        right: 40px;
    }
}

@media (min-width: 980px) {
    .pizza_party > .row-fluid {
    display: flex;
     align-items: center;
    }
}

@media (min-width: 1100px) {
body:not(.home) header .navbar .nav>li>a, 
body:not(.home) header .nav-collapse .nav>li>a {
    font-size: 17px;
}
}

@media (min-width: 980px) and (max-width: 1150px) {
    body.home header .navbar .nav>li>a, header .nav-collapse .nav>li>a {
    font-size: 13px;
    }
}

@media (max-height: 820px), (max-width: 820px) {
    .carousel-indicators {
        top: -40px;
        bottom: unset;
        right: 40px;
    }

    .slideContent h2 {
        font-size: 100px;
    }
    .slideWrap p.outlineHeader {
        font-size: 40px;   	
    }
    .carousel-caption p.slideSubhead {
        font-size: 46px;   
    }
    .carousel-caption p.slideDetails {
        font-size: 27px;
    }

    .homeLPContent {
        margin-top: 50px;
    }

}
@media (max-width: 1530px) {
    .mod_postcode_box {
        margin: -140px 80px 0 !important;   
    }

    .LPcontent .subheading {
        font-size: 42px;
    }

    .LPcontent h2 {
        font-size: 62px;
    }
    .homeLPContent .lead {
        font-size: 32px;
    }

    .LPcontent p {
        padding-right: 20px;
    }

    .slideContent h2 {
        font-size: 100px;
    }

    .carousel-caption p.slideSubhead {
        font-size: 50px;   
    }

    .slideDetails {
        font-size: 24px;
        margin: 25px 0;
    }
}

@media (max-height: 720px) {
    /*
    .mod_postcode_box {
    position: relative;
    margin: 20px auto 40px;
}
    */
    .home #body {
        margin-top: 350px !important;
    }
}


@media (max-width: 1350px) {

    .home .ct_details_bar {
        margin-top: 250px;
    }

    .home #body {
        margin-top: 50px !important;
    }

    .home header {
        position: relative;
        top: unset;
        margin-bottom: 20px;
    }

    .landingSection {
        padding: 20px 70px;
    }

    .home #logo {
        margin: 40px 0 50px 50px;
    }

    .homeAbout {
        padding: 0 20px;
    }

    .homeAboutTitles .lowLight {
        font-size: 50px
    }
    .homeAboutTitles h2 {
        font-size: 60px;
        margin: 0px 0 50px 30px;
    }
    .homeAboutContent p { 
        margin: 20px 0 20px 60px;
    }
    .homeAboutButtons {
        margin: 60px auto 0 35px;
    }

    .homeAboutBanner {
        background-position: center;
    }

    .homeAboutButtons .btn {
        padding: 15px 20px;
    }

    .homeTiles {
        padding: 100px 50px !important;
    }

    .tile {
        padding: 0 10px;
    }
/*
    .tile h3 {
        transform: translateY(85%) rotate(-90deg);
        font-size: 72px !important;
        left: 0;
    }*/

    .homeAboutBanner .outlineHeader {
        margin-top: 100px;
        font-size: 42px;
    }

    .homeLoyaltyPoints h3.outlineHeader {
        font-size: 120px;
        left: -290px;
    }

}

@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; }


    .carousel-caption {
        padding: 0 40px 0 0;
    }

    .slideWrap p.outlineHeader {
        font-size: 32px;
    }
    .slideContent h2 {
        font-size: 85px;
    }    

    .carousel-caption p.slideSubhead {
        font-size: 38px;
    }

    .carousel-caption p.slideDetails {
        font-size: 21px;
    }

    .landingSection h3.outlineHeader {
        font-size: 100px;
        right: -205px;
    }

    .mod_postcode_box {
        margin: -140px 40px 0;
    }
/*
    .tile h3 {
        transform: translateY(-55%) rotate(-90deg);
        font-size: 52px !important;
        left: 0;
    }*/

    .LPcontent .subheading {
        font-size: 36px;
    }
    .LPcontent h2 {
        font-size: 46px;
    }
    .homeLPContent .lead {
        font-size: 28px;
    }
}
@media (max-width: 1200px) and (min-width: 980px) {

}
@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 (min-width: 979px) {

    .tooltip.top {
        top: 69px !important;
    }

    .tooltip.top .tooltip-arrow {
        transform: rotate(180deg);
        top: 0;
    }

    #opening-status.mobileOpening {
        display: none;
    }

}

@media (max-width: 834px) {
    .ct_details_bar.row-fluid .span6 {
        width: 100%;
        text-align: center !important; 
        margin: 0 auto;
    }
}

@media (max-width: 1024px) {
    section.homeLoyaltyPoints,
    section.landing {
        max-height: 790px;
    }

    section.landing, section.landing .row-fluid, section.landing .span6, .landingImg, section.homeLoyaltyPoints .span6, section.homeLoyaltyPoints .row-fluid {
        height: 100%;
    }

    .home .ct_details_bar {
        margin-top: 420px;
    }

    .mod_postcode_box {
        margin: 20px 0 auto !important;   
    }
}

@media (max-width: 1023px) {
    .home .ct_details_bar {
        margin-top: 420px;
    }

    section.homeLoyaltyPoints, section.landing {
        max-height: unset;   
    }
}

@media (max-width: 979px) {

    .homeAboutContent p {
        margin: 20px auto;
    }

    header .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .home header .nav-collapse .dropdown-menu a {
        color: #000
    }
    .LPcontent {
        background-image: url(/myimages/1011/zpos-bg-PP_WhiteBrick.jpg);
    }

    .home .ct_details_bar {
        margin-top: 0;
        padding: 0 20px;
    }

    .ct_details_bar, .ct_details_bar a, .ct_details_bar em, .ct_details_bar small {
        font-size: 12px;
    }

    .home #logo {
        margin: 50px auto 30px;
    }

    #opening-status {
        display: none;
    }

    #opening-status.mobileOpening {
        display: block;
        padding: 13px 20px;	
    }

    .nav-collapse .nav>li {
        text-align: center;
    }

    header .navbar .btn-navbar {
        max-width: 60px;
        padding: 14px 20px;
        border-radius: 0 !important;
    }

    header .navbar-inner .nav {
        max-width: 310px;
        margin: 0 auto;
    }

    .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: 45px;
    }
    #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: transparent; 
        color: #f9b208 !important;
    }
    .trigger-paymentmethod .btn {
        width: 100% !important;
        display: block;
    }
    .checkout #ctl-lookupAddress {
        display: block;   
    }


    .landingSection h3.outlineHeader,
    .homeLoyaltyPoints h3.outlineHeader {
        display: none;
    }

    .homeAboutBanner.span6,
    .homeAboutContent.span6,
    section.homeLoyaltyPoints .span6, 
    section.landing .span6 {
        width: 100% !important;
        margin: 0 auto;
    }

    section.landing,
    section.landing .row-fluid, 
    section.landing .span6, 
    .landingImg, 
    section.homeLoyaltyPoints .span6, 
    section.homeLoyaltyPoints .row-fluid {
        height: auto;   
    }

    .homeLoyaltyPoints,
    .landingSection {
        padding: 60px 60px 20px;
    }

    .homeLoyaltyPoints, .landingSection {
        padding: 20px 60px 20px;
    }

    #logo {
        margin: 40px auto 20px;
    }

    .slideWrap,
    .LPcontent {
        border-radius: 0 !important;   
        padding: 0 20px;
    }

    .landingImg, 
    .homeLoyaltyPoints .LPimg {
        height: 220px !important;
        border-radius: 0 !important;
    }

    .slideContent,
    .carousel-caption {
        text-align: center;
        align-items: center;
    }

    .slideWrap {
        padding-bottom: 40px;
    }
    .carousel-caption {
        padding-right: 0;
    }
    .carousel-indicators {
        top: unset;
        bottom: 0;
    }

    .homeAboutBanner .outlineHeader {
        margin-top: 30px;
    }

    .homeAboutBanner.span6 {
        margin-top: 70px;   
    }

    .homeAboutContent,
    .homeLPContent {
        text-align: center;
    }
/*
    .tile h3 {
        transform: translateY(-80%) rotate(0);
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 0;
        font-size: 70px !important;
    }*/

    .tile.span4 {
        width: 100%;
        margin: 0 auto 100px;
    }
    .tile p {
        max-width: 560px;
    }

    .homeTiles {
        padding: 50px 100px 0 !important;
    }


    .homeLPContent {
        margin: 70px auto;
    }

    .homeLPContent .lead {
        margin: 30px auto;   
    }
    .LPcontent p {
        max-width: 580px;
        margin: 0 auto;
    }

    .LPcontent h2 {
        margin: 20px auto;
    }

    .home footer {
        margin-top: 0;
    }


    .mod_postcode_box {
        max-width: 100%;
        width: 100%;
        margin: 20px auto !important;
        box-sizing: border-box;
        position: relative;
        padding: 40px 0;
    }

    .home #body {
        margin-top: 0 !important;
    }

    .homeAboutButtons {
        margin: 60px auto 0;
    }

    header .nav-collapse .dropdown.open .dropdown-menu a {
        font-size: 18px;
        padding: 6px 10px;
    }

    .homeLoyaltyPoints, .landingSection {
        height: auto;
    }
    /*.landingImg {
    background-image: url("/myimages/1011/PrimePizza_Landing_v3_mobile2.jpg");
}*/

}

@media (min-width: 768px) {
    .mod_postcode_box .btn {
        margin-left: 0px !important  ; 
    }
}
@media (max-width: 767px) {

    .carousel-indicators {
        right: 0;
    }

    .homeAboutBanner.span6 {
        margin-top: 70px;
        padding: 20px 0;
    }

    .homeLoyaltyPoints, .landingSection {
        height: 100%;
    }

    section.homeLoyaltyPoints .span6 {
        padding: 10px 20px;
    }

    .homeTiles {
        padding: 110px 100px 0 !important;
    }

    .homeAboutTitles h2,
    .homeAboutContent p {
        margin: 20px auto;
    }

    .homeAboutBanner img {
        max-width: 560px;
        width: 100%;
    }

    #logo {
        margin: 10px auto;
    }

    #mod_postcode_box_pc, .mod_postcode_box .btn-group, .mod_postcode_box .btn-group .btn {
        height: 60px;
        display: block;
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center !important;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .slideWrap {
        padding: 10px 20px 40px;
    }

    .mod_postcode_box .btn-group {
        padding: 0;  
        margin-top: 5px;
    }

    .mod_postcode_box .dropdown-menu {
        width: 100%;
    }

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

    .mod_postcode_box .col2 { 
        box-sizing: border-box;
        padding: 0 20px;
    }

    .slideWrap {
        padding: 40px 20px;
    }

    .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;
    }
    .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;
    }

    .home #logo {
        margin: 10px auto 30px;
    }

    .home .ct_details_bar {
        margin-top: 0;
    }

    .homeAboutTitles {
        margin: 40px auto;
    }

    .homeAboutTitles h2,
    .homeAboutTitles p {
        margin: 0 auto;
    }
    .LPimg {
        background-position: bottom center;
    }
}

@media (max-width: 767px) and (min-width: 481px) {

}

@media (max-width: 480px) {

    #logo {
        padding: 0 10px;
    }

    .slideContent h2 {
        font-size: 60px;
    }

    .carousel-caption p.slideSubhead {
        font-size: 29px;
    }

    .homeTiles,
    .homeLoyaltyPoints, .landingSection {
        padding: 20px 10px 20px !important;
    }

    #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%;
    }

    .homeAboutButtons .btn {
        margin: 0 auto 10px;
    }

    .homeAboutTitles .lowLight {
        line-height: 1;
        font-size: 46px;
        margin-bottom: 20px;
    }

    .slideContent > .btn {
        padding: 15px 20px;
    }

    header .navbar .nav>li {
        padding: 0;
    }

    header, .home header, .mod_postcode_box {
        border-radius: 30px 0 30px 0 !important;
    }

    header .navbar-inner .container {
        padding: 15px 0;   
    }

    .slideContent > .btn {
        font-size: 18px;
        padding: 15px 35px;
    }

    .homeAboutBanner.span6 {
        margin: 30px auto 40px;	
    }
}

/*increase width of customisation modals to fit in toppings*/
@media (min-width: 979px) {
    body #editProductModal.modal {
        width: 950px;
        margin-left: -475px;
    }
} 

@media (max-width: 280px) {

    .slideContent h2 {
        font-size: 50px;
    }

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

    .tile h3 {
        font-size: 60px !important;	
    }
}

@media all and (-ms-high-contrast:none)  {
    .home .ct_details_bar {
        margin-top: 350px !important;   
    }

    .home #body {
        margin-top: 40px !important;
    }

    .outlineHeader {
        display: none !important;
        color: #fff;
    }

    .tile .outlineHeader {
        display: block !important;
        color: #fff;
    }

    .mod_postcode_box {
        position: relative;
        margin: 0 auto 40px;
    }



    .home header {
        top: 0;
        position: relative;
    }
}