/* MEDIA QUERIES */
@media (max-width: 1900px) {
    .firstCol {
        max-width: 240px !important;
    }
    .secondCol {
        max-width: 527px !important;
    }
    .imageGridInner {
        max-width: fit-content !important;
    }
    .imageGridBG {
        height: 365px;
    }
}
@media (max-width: 1725px) {
    .home .outer-wrapper, .home .inner-wrapper {
        background: none !important;
    }
}
@media (max-width: 1400px) {
    .imageGridInner >:first-child, .secondCol{
        margin-right: 25px !important;
    }
    .imageGridInner >:last-child {
   		margin-left: 25px !important;
    }
    .firstCol img:first-child {
        margin-bottom: 25px !important;
    }
    .firstCol {
        max-width: 180px !important;
    }
    .secondCol {
        max-width: 387px !important;
    }
    .imageGridBG {
        height: 270px;
    }
    .left_column, .right_column {
        width: 100% !important;
        text-align: center;
    }
    #logo img {
        max-height: 190px;
    }
    .right_column {
        padding-top: 0px;
        padding-bottom: 20px;
        margin-left: 0px !important;
    }
    .ct_details_bar {
        max-width: 90%;
        margin: 0 auto;
    }
    .heroSectionInner {
        justify-content: space-between;
    }
    .column_slideshow {
        max-width: 620px;
    }
    .carousel-caption {
        padding-bottom: 0px;
    }
    .reviewsContent {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .reviewsInner, .restaurantInner {
        max-width: 978px;
     }
    .home h2 {
        font-size: 55px;
    }
    .restaurantContent {
        margin-left: 10px !important;
        padding-bottom: 15px;
    }
    .cateringContent {
        margin-left: 0px !important;
    }
    .reservationsContent, .cateringContent {
        padding-bottom: 15px;
    }
    .reviewsSection, .restaurantSection, .locationSection {
        padding-top: 60px;
    }
}
@media (min-width: 1201px) {
    .home h2 {
    font-size: 84px;
    line-height: 110%;
    font-weight: 400;
}
    .location {
        padding: 50px 40px 50px 20px;
    }
    .opening {
        padding: 50px 0;
    }
}
@media (max-width: 1200px) {
     #responsive-food-menu.affix {
         left: 0;
    }
     .page_contact-us .row-fluid .span8 .well {
         margin-bottom: 20px;
    }
     .members #frmRegister #ctl-lookupAddress {
         display: block;
    }
     .members #frmRegister #registerPostcode {
         width: 206px;
    }
     .members #frmLogin #ctl-forgotPassword {
         display: block;
    }
     .members #frmLogin #loginPassword {
         width: 206px;
    }
     body:not(.home) #body{
         padding-left: 20px !important;
         padding-right: 20px !important;
    }
    #body {
        padding-left: 10px;
        padding-right: 10px;
    }
    .column_modules {
        left: 0px;
    }
    .mod_postcode_box .sub-lead {
        font-size: 25px;
    }
    .column_slideshow {
        max-width: 530px;
    }
    .mod_postcode_box .lead {
        font-size: 70px;
    }
    .mod_postcode_box .col3 {font-size: 11px;}
    .welcomeContent {
        width: 100% !important;
    }
    .welcomeContent p.meta, .welcomeContent p {
        max-width: 75%;
        margin: 0 auto;
        margin-top: 25px;
    }
    .welcomeContent p {
        margin-bottom: 25px;
    }
    .welcomeInner {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .gridItem3 {
        grid-column-start: 3;
        grid-column-end: 3;
    }
    .gridItem4 {
        grid-column-start: 4;
        grid-column-end: 4;
    }
    .welcomeGrid {
        margin-top: 25px;
    }
    .firstCol {
        max-width: 145px !important;
    }
    .secondCol {
        max-width: 319px !important;
    }
    .imageGrid {
        position: inherit;
        justify-content: center;
    }
    .imageGridBG {
        height: 240px;
    }
    .reviewsImage {
        left: 0px;
        top: 0px;
    }
    .restaurantImage{
        right: -10px;
        top: 0px;
        margin-left: 0px !important;
    }
    .reservationsContent, .cateringContent{
        padding-bottom: 0px;
    }
    .restaurantContent  {
        padding-bottom: 0px;
    }
    footer .row-fluid {
        max-width: 950px !important;
    }
}
@media (max-width: 1200px) and (min-width: 980px) {
    .welcomeGrid {
        width: 100% !important;
        justify-content: center;
        margin-left: 0px !important;
    }
    .location, .opening {
        margin-top: 50px;
    }
}
@media (max-width: 1200px) and (min-width: 768px) {
}
@media (max-width: 1182px) {
     #basket-container {
         margin-top: 20px;
    }
}
@media (min-width: 980px) {
    header .navbar .nav>li:first-child {
        padding-left: 0px;   
    }
    header .navbar .nav>li:last-child {
        padding-right: 0px;   
    }   
    header .navbar-inner {
     	padding-left: 0px;
        padding-right: 0px;
    }
    .mobile-opening-status {
        display: none !important;
    }
}
@media (max-width: 979px) {
     .page_contact-us .row-fluid .span8 .well {
         margin-bottom: 22px;
    }
	.trigger-paymentmethod .btn {
        width: 100% !important;
        display: block;
    }
    .left_column {
		padding-top: 15px;
    }
    #logo img {
        max-height: 190px;
    }
    .ct_details_bar {
        padding-top: 20px;
    }
    header .navbar .container {
        display: block !important;
    }
    #opening-status {
        display: none;
    }
    .mobile-opening-status {
        display: block !important;
    }
    .heroSectionInner {
        display: block;
    }
    .column_modules {
        width: 100% !important;
        text-align: center !important;
    }
    .column_slideshow {
        width: 100% !important;
        text-align: center !important;
    }
    .mod_postcode_box .lead, .mod_postcode_box .sub-lead,
    .mod_postcode_box > .input-append{
        text-align: center !important;
    }
    .mod_postcode_box > .input-append {
        float: none !important;
    	display: block !important;
    }
    .mod_postcode_box .col3 {
        float: none !important;
    }
    .column_modules {
        padding-top: 0px;
        padding-bottom: 30px;
    }
    .column_slideshow {
        max-width: 100%;
        margin-left: 0px !important;
    }
    .gridItem1, .gridItem3 {
        grid-column-start: 1 !important;
    	grid-column-end: 1 !important;
    }
    .gridItem2, .gridItem4 {
        grid-column-start: 2 !important;
    	grid-column-end: 2 !important;
    }
    .welcomeGrid {
        justify-content: center;
        width: 100% !important;
        margin-left: 0px !important;
    }
    .secondCol {
        display: none !important;
    }
    .firstCol {
        max-width: 100% !important;
        text-align: center !important;
    }
    .imageGridBG {
        position: absolute;
        z-index: -2;
    }
    .imageGridInner {
        display: contents;
    }
    .reviewsSection, .restaurantSection, .locationSection {
        padding-top: 40px;
    }
    .reviewsImage, .restaurantImage {
        display: none !important;
    }
    .reviewsContent, .restaurantContent  {
        width: 100% !important;
        padding-bottom: 20px;
    }
    .reviewsContent {
        padding-top: 15px;
    }
    .nav-collapse .dropdown-menu a {
        color: #cfa64b;
    }
    .nav-collapse .dropdown-menu a:hover {
        background: none !important;
        color: #edbc51;
    }
}
@media (max-width: 979px) and (min-width: 768px) {
        .locationSection h3 {
        font-size: 18px;
    	margin-top: 65px;
    }
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {
     .menu-container .ui-tabs-vertical .ui-tabs-panel {
         width: 100% !important;
    }
     .row-order-complete- .span12 {
         padding: 20px;
    }
     .contact-us .box-contact-information {
         margin-top: 22px !important;
    }
	.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 !important;
         margin-bottom: 30px;
    }
     .row-variation {
         margin-bottom: 5px;
    }
	.checkout h2, .contact-us h1 {
			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;
	}
    .frmModTableReservationV1 .btn {
        margin-left: 0px !important;
    }
    #logo img {
        max-height: 190px;
    }
    .ct_local_branch_details, .ct_user_status {
        text-align: center !important;
    }
    .ct_user_status {
        margin-top: 5px;
    }
    .welcomeContent p.meta, .welcomeContent p {
        max-width: 100%;
    }
    .mod_postcode_box .lead {
        font-size: 45px;
    }
    .home h2 {
        font-size: 40px;
    }
    .cateringContent, .reservationsContent {
        max-width: 100% !important;
    }
    .restaurantContent {
        margin-left: 0px !important;
    }
    .reviewBox p, .restaurantContent p {
        max-width: 80%;
        margin: 0 auto;
    }
    .members .span3 .btn-block {
        margin-bottom: 20px !important;
    }
    .zpostable {
        max-width: 80%;
    }
    .location, .opening {
        margin-top: 40px;
        text-align: center !important;
    }
    .opening li {
        text-align: center !important;
    }
    .locationSectionInner {
        padding: 45px 0px;
    }
    .opening ul {
    	margin: 0px !important;
    } 
}
@media (max-width: 767px) and (min-width: 481px) {
}
@media (max-width: 480px) {
    .imageGridInner >:last-child {
        display: none !important;
    }
    .carousel-caption {
        margin-right: 0px !important;
    }
    .carousel-caption {
        background-image: none;
        max-width: 100% !important;
    }
    .caption {
        background: #4e1821;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .welcomeInner {
        padding-top: 0px;
    }
    .gridItem1, .gridItem3, .gridItem2, .gridItem4 {
        grid-column-start: 1 !important;
        grid-column-end: 4 !important;
    }
    .ct_details_bar {
        max-width: 100%;
    }
}
@media (max-width: 400px) {
    .mod_postcode_box .lead {
        font-size: 40px;
    }
}