@import url(https://fonts.googleapis.com/css?family=Montserrat|Montserrat|Montserrat|Montserrat|Montserrat);

body .visible-redditch { display:none !important; } 
body .hidden-redditch { display:inherit !important; } 
body.shop_redditch .hidden-redditch { display:none !important; }
body.shop_redditch .visible-redditch { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
	font-family: 'Montserrat';
}
h1 {
	font-family: 'Montserrat';
}
h2 {
	font-family: 'Montserrat';
}
h3 {
	font-family: 'Montserrat';
}
h4 {
	font-family: 'Montserrat';
}
body {
	background-color: #ffffff;

	/*background-image: url("/myimages/557/zpos-bg-fisherman_TextureBg.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/557/images/zpos-bg-fisherman_TextureBg.jpg?auto=compress");

	background-repeat: repeat;
	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #01355b;

	background-image:none;
	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/***********************************************************************/
/****************************** GLOBAL *********************************/
/***********************************************************************/
*{
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}	
body {
    padding-bottom:0;
}
header {
    background: #00467a;
    background: -moz-linear-gradient(top, #00467a 0%, #01345a 100%);
    background: -webkit-linear-gradient(top, #00467a 0%,#01345a 100%);
    background: linear-gradient(to bottom, #00467a 0%,#01345a 100%);
}

#container {
    background:none;
    padding: 0px;
    box-shadow: none;
}

.well {
    background:#181818;
    color:#fff;
    border:none;
}
#frmLogin.well{
    background: #0c5a9e;
}	

.menu #body,
.members #body,
.contact-us #body,
.information #body,
.checkout #body,
.sitemap #body{
    margin-top:2%;
}

a,a:hover {
    text-decoration:none;
    color:#c79f2f;
}

/*------ GRADIENT ----*/
.alert, .alert-info,
.alert-danger, .alert-success{
    background: #c79f2f;
    color:#000;
    text-shadow:none !important;
}

/************ BUTTONS ***************/
.btn {
    background:none;
    background-color:#E6E6E6;
    border:none;
    font-family:inherit;
    box-shadow:none;
}

.btn-link {
    background:none !important;
}

.btn-danger {
    background-color:#ed2228 !important;
}

.btn-danger:hover {
    background-color:#BE1B20 !important;
}
.btn-success {
    background-color:#137b3d !important;
}
.btn-success:hover {
    background-color:#0f6331 !important;
}

.btn-info {
    background-color:#35a4c5 !important;
    border: 1px solid #35a4c5;
}
.btn-info:hover {
    background-color:#2A839E !important;
    border: 1px solid #2A839E;
}

.btn-inverse{
    background-color:#191919 !important;
}

.btn-inverse:hover{
    background-color:#000 !important;
}
.btn-primary {
    background-color:#0044cc !important;
}

.btn-primary:hover {
    background-color:#0036A3 !important;
}
.btn-warning {
    background-color:#f89406 !important;
}

.btn-warning:hover {
    background-color:#f87806 !important;
}

.menu-selection .btn-primary {
    background-color:#0c5b9e !important;
    font-size:25px;
    margin-top:30px;
    margin-bottom:30px;
}

.menu-selection .btn-primary:hover {
    background-color:#0b4c84 !important;
}


/**********************************************************************/
/************************* DISPLAY NONE *******************************/
/**********************************************************************/
.ct_phone,
.home h1,
#body-bottom-hr,
.home .well-small, 
.home-about, 
.home .bgbar,
.carousel-indicators,
.contact-us h1,
.checkout h2,
.menu-selection h1,
.span4.column_modules,
header .right_column.span6,
.voucher_box span{
    display:none;
}
/**********************************************************************/
/******************************** FONTS *******************************/
/**********************************************************************/
.ct_details_bar_wrap a,
footer a{
    font-weight:bold;
}

.mod_postcode_box .btn-success,
.nav-collapse .nav>li>a, 
.nav-collapse .dropdown-menu a,
.table,
h1, h2, h3, h4, h5, h6,
.table th{
    font-weight:normal;
}

em {
    color:#fff;
}

/***********************************************************************/
/********************* DETAILS BAR TOP *********************************/
/***********************************************************************/
.ct_details_bar_wrap a {
    text-transform:capitalize;
    color: #c79f2f;
}

.ct_details_bar_wrap {
    padding:6px 0px 15px;
    background: none;
}
.ct_local_branch_details {
    position:relative;
    color: #a11515;
}

.ct_details_bar, .ct_local_branch_details, .ct_local_branch_details em {
    color:#fff;
}

.ct_details_bar{
    line-height:23px;
}

.left_column {
    overflow: hidden;
}	
header .left_column.span6,
.span8.column_slideshow{
    width: 100%;
    float: none;
    margin-left: 0;
}
/***********************************************************************/
/*************************** LOGO/HEADER *******************************/
/***********************************************************************/
#logo {
    text-align:center;
    padding:0px 0px 30px;
}

#logo img {
    max-height:200px;
}

/************* SHOP STATUS *************/

.status-CLOSED,
.status-OPEN {
    color:#fff !important;
}

#opening-status.status-OPEN {
    background:#137b3d;
}

#opening-status.status-CLOSED {
    background:#ad0f14;
}

/***********************************************************************/
/****************************** NAV ************************************/
/***********************************************************************/
.navbar {
    margin-bottom:0 !important;
}
.navbar-inner {
    background: #181818;
    padding: 0;
    border: none;
}
.navbar .nav>li>a {
    background: none;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 40px;
    text-transform: uppercase;    
    margin: 0 30px;
}
header .dropdown-menu,
.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover,
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #c79f2f;
    background: none;
}


/*---------------------caret colour---------------------*/
/*dropdown arrow*/
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

/*dropdown whilst on hover*/
.navbar .nav li.active.dropdown>a .caret,
.navbar .nav li.dropdown>a:hover .caret, 
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{
    border-top-color: #c79f2f;
    border-bottom-color: #c79f2f;
}
.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown>.dropdown-toggle:hover>.caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret {
    margin-top: 20px;
}


/*---------------------nav list---------------------*/

.nav-header,
.nav-list>li>a {
    color: #fff;
}

.nav-list>li>a:hover,
.nav-list>li>a:focus,
.nav-list>.active>a,
.nav-list>.active>a:hover,
.nav-list>.active>a:focus {
    background: #0c5b9e;
    color: #fff;
}


/*---------------------nav button---------------------*/

.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    border: none;
    margin-top: 3px;
}

.navbar .btn-navbar .icon-bar {
    background: #fff;
    width: 29px;
    height: 3px;
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 5px;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    background: none;
}


/*---------------------dropdown menu---------------------*/

.dropdown-menu {
    background: #fff;
    min-width: initial;
    padding: 0;
    border: none;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15) !important;
}

.dropdown-menu>li {
    padding: 0;
}

.dropdown-menu>li>a {
    color: #fff;
    position: relative;
    text-align: center;
    padding: 8px 20px;
}

.dropdown-menu>li>a {
    color: #fff;
    background: #181818;
    text-transform: uppercase;
}

.dropdown-menu>li:hover,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #000;
    background: #c79f2f;
}

/***********************************************************************/
/****************************** HOME ***********************************/
/***********************************************************************/

#myCarousel{
    background: url(/myimages/557/zpos-bg-fisherman_slidebg.jpg) no-repeat;
    background-size: cover;
    border-bottom: 4px solid #c79f2f;
    padding: 20px 0;
}	
.carousel-control {
    background: none;
    border:none;
    top:50%;
    opacity: 1;
    font-family:"Arial", sans-serif;
    padding:8px 0px;
}


.carousel {
    position: relative;
    line-height: 1;
}

/*********************** POSTCODE BOX *******************************/
.postcode_overlap.span6 {
    width:48%;
    margin:0 1% 0px;
    z-index:2;
    position:relative;
    text-align: center;
}

.well.mod_postcode_box {
    background: none;
    border: none;
    padding:20px;
	margin-bottom: 0;
}

.mod_postcode_box p.lead {
    font-size: 40px;
    line-height: 50px;
    text-transform: uppercase;
    padding: 20px 55px;
    margin-bottom: 0px;
    color: #707070;
}

.col.col3{
    max-width:60%;
    margin:0 auto;
    padding:10px 0px;
}
.col.col3 small.muted {
    font-size:15px;
    line-height:22px;
    color:#707070;
}

/******** POSTCODE BOX *********/
.input-append.col.col2 {
    box-shadow:none;
}

.mod_postcode_box .btn-success{
    background: #137b3d !important;
    color: #fff;

}
.mod_postcode_box input{
    background: #e8e0e2;
}
.mod_postcode_box input, .mod_postcode_box .btn{
    height: 45px;
    font-size:18px;
    font-family:'Montserrat', sans-serif;
    text-transform: uppercase;
    box-shadow:none;
    text-shadow: none;
    border:none;
}
.mod_postcode_box .btn-success, 
.mod_postcode_box .btn-success:hover, 
.mod_postcode_box .btn-success:focus {
    background:#0c5b9e !important;
    box-shadow:none;
    border:0px;
}

.mod_postcode_box .dropdown-menu>li>a {
    color:#fff !important;
    background:#0c5b9e;
}
.mod_postcode_box .dropdown-menu>li>a:hover {
    color:#fff !important;
    background:#181818;
}

.mod_postcode_box .dropdown-menu {
    background-color:#17462A;
    border: none;

}
.mod_postcode_box .dropdown-menu li>a{
    color:#fff;
    font-size:18px;
    text-transform:capitalize;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background:#c79f2f;
    color:#000;
}
header .dropdown-menu {
    width:100%;
}

/************ SIDE IMGS ****************/
.column_slideshow .span3 {
    width:25%;
    margin:0px;
    position:relative;
}
/***********************************************************************/
/************************* MENU & ORDERING *****************************/
/***********************************************************************/
.menu-selection .alert{
    margin:40px 0 !important;
}

.menu-selection {margin: 0 0 100px !important;}

.alert, .alert-info {
    border:0px;
}

.alert h2 {
    color:#000;
    text-shadow:none;
}

hr{
    border:0px;
}
h2 small {
    color:#181818;
    text-shadow:none;
}

/**POPOVER**/
.popover-title {
    color:#fff;
    background:#181818;
}
.popover, .p-thanks-for {
    color:#000;
}

#responsive-food-menu .navbar-inner{
    padding: 0 10px; 
    box-sizing: border-box;
}

#responsive-food-menu .text-info {
    color:#fff;
}

.menu .navbar .brand {
    text-shadow:none;
    text-transform:capitalize;
    color:#fff;    
}

/*------menu items font sizes--------*/
.menu span.name {
    font-size: 18px;
}
.ui-tabs-nav li a {
    font-size: 18px;
    line-height: 25px;
}
.description small {
    font-size: 100%;
}


/************************* TABLE *******************************/

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background:transparent;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background:none;
}
.row-product:hover, .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background:none;
}
.row-odd {
    background:none;
}
.row-odd:hover {
    background:none;
}

/************************** MODAL **********************************/
/*******************************************************************/

.modal {
    border: none;
}

.modal-header {
    background: #0c5b9e;
    color: #fff;
}

.modal-body .well{
    background: #fff;
    color: #000 !important;
}

.modal-body .media-body {
    text-align: center;
}

.modal-body .media-body ul:after{
    content:'';
    display: table;
    clear: both;
}

.modal-body .media-body ul li{
    list-style-type: none;
    float: left;
    padding: 5px 5px 5px 10px;
    font-size: 18px;
    line-height: 1.2;
}

.modal-body .media-body ul li:after{
    content: '+';
    margin-left: 10px;
}

.modal-body .media-body ul li:last-child:after{
    content: '';
}

.modal-footer {
    background: #181818;
    color: #fff;
}

.modal fieldset {
    background: #fff;
    border: none;
}

.modal-body h4 .name {
    font-size: 28px;
}

.uk-offcanvas-bar {
    background: #101010;
}
.uk-offcanvas-bar.uk-offcanvas-bar-flip{
    background: #137b3d;
}

.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
    background: #355829;
    color: #fff;
    outline: 0;
}



/***********************************************************************/
/*************************** CHECKOUT  *********************************/
/***********************************************************************/
.help-block, .checkout .muted.note-delivery.text-right small,
.checkout .text-info, .text-warning{
    color:#fff;
}


.btn-link, .btn-link:hover, 
.btn-link:focus {
    color:#fff;
    text-decoration:none;
    text-shadow:none;
}
.checkout #body {
    font-size:16px;
}
.btn-mini{
    padding: 3px 6px;
    font-size: 14.5px;
}
.jumbotron .text-warning {
    color:#0c5b9e;
}


.checkout h5, .checkout h4 {
    font-size: 20px;
    line-height: 22px;
}

/**-------------------- ALL SITES ------------------------**/
/*---------- couldnt postcode ------------*/

/*---------- google maps ------------*/
#contact_map_canvas{
    color:#000;
}

/*-------- opening hours box ---------*/
.ui-widget.box-opening-hours {
    margin-top:20px;
}

/*---------- menu table --------------*/
#basket-container .ui-widget-content{
    background: none;
    color: #fff;
    border: none;
}
#basket-container .ui-widget-content .text-info,
#zp-offcanvas-basket table .text-info,
table#basket .text-info{
    color: #c79f2f;
}
table#basket .blockUI .text-success{
    color: #000;
}
.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background:transparent;
}
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th,
.row-product:hover, .table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th,
.row-odd,.row-odd:hover{
    background:none;
}

/*----img height fix menu------*/
.row-product .media .media-object {
    height: 100%;
    width: 100px;
}

#basket .text-error {
    color: #a2a2a2;
}

/***********************************************************************/
/***************************** MEMBERS *********************************/
/***********************************************************************/

.members select, textarea, 
.members input[type="text"],
.members input[type="email"],
.members input[type="url"], .members input[type="tel"]
{
    width:65%;
}

.members .input-append input[class*="span"], 
.members .input-append .uneditable-input[class*="span"], 
.members .input-prepend input[class*="span"], 
.members .input-prepend .uneditable-input[class*="span"], 
.members .row-fluid input[class*="span"], 
.members .row-fluid select[class*="span"], 
.members .row-fluid textarea[class*="span"], 
.members .row-fluid .uneditable-input[class*="span"], 
.members .row-fluid .input-prepend [class*="span"], 
.members .row-fluid .input-append [class*="span"]{
    width:68%;
}

legend {
    color:#fff;
}

/*********************** MEMBERS LOG IN ****************************/
/*******************************************************************/

.hero-unit {
    background-color:#013963;
    border: none;
    color:#fff;
}

.hero-unit a {
    color:#f0ff2c;
}

.members .sidebar-nav .nav-header {
    font-size:16px;
    text-shadow:none;
    font-weight:normal;
}

/************************ CONTACT-US *******************************/
/*******************************************************************/
/**COL OF TOOLTIP THING ON MAP**/
#contact_map_canvas{
    color:#000;
}


/********************* INFORMATION *********************************/
/*******************************************************************/
.information h1 small {
    color:#000;
}

.information .alert-info {
    color:#fff;
    text-shadow:none;
    font-size:18px;
}

#help a, #terms a{
    font-size:16px;
    color:#c79f2f;
}

.information h5 {
    font-size:18px;
}
.information h1 {
    color: #000;
}
#help-o-oc-oa, #help-o-oc-or {
    font-size:18px;
}
#help-o-oc-oa{
    color:#3cb64b;
}
#help-o-oc-or {
    color:#fff020;
}

.row-order-complete-, .well tr.muted {
    color:#fff;
}
/************************ PENDING ETC ******************************/
/*******************************************************************/
.order-complete .alert-success  {
    color:#fff;
    text-shadow:none;
}
.jumbotron {
    margin:80px 0 20px;
}
p.order-confirmation-note {
    text-align:center;
}
p.text-center {
    font-size:18px;
}
.row-order-complete- {
    margin-bottom:80px;
}

.error-404 .alert-error{
    text-shadow:none;
    color:#fff;
    margin: 80px 0px !important; 
}
.error-404 h1 {
    color:#fff;
}

.error-500 h1 {
    margin-top:60px;
}

.error-500 p {
    margin-bottom:60px;
    font-size:18px;
}

.sitemap #body a{
    color:#ffde33;
}

/***********************************************************************/
/****************************** FOOTER *********************************/
/***********************************************************************/
footer {
    background: none;
    color:#707070;
    padding:15px 0px;
    margin:20px 0px 0px;
}

footer a{
    color: #00467a;
}	

.copyright{
    line-height:15px;
    padding-top:2px;
}
.cards, .tr.vendor a.vendor-zpos img {
    padding-top:2px;
}

/***************** GOOGLE PLUS *****************/
.social_media_links  { 
    display: inline-block;   
    margin:0 auto; 
    text-align:center; 
    svg {
    fill:#333;
        &:hover, &:focus {
        fill: #000;
        }
    }

} 
.social_media_links img,
.social_media_links img:hover { 
    max-width:42px;
} 
.social_media_links small{
    display: none;
}
.social_media_links .btn-group.extended {
    display: inline;
    float: left;
}
.social_media_links span{
    color: #fff;
    line-height: 1;
 	text-align: center;
}
.social_media_links a { 
    background-color: transparent; 
    background: none !important; 
    border: none !important; 
    box-shadow: none; 
    padding:0px; 
    width:45px !important; 
}

.social_media_links .btn:hover {
    background:none !important;
}

.nav-list>li>a [class^="icon-"],
#responsive-food-menu [class^="icon-"],
#responsive-food-menu [class*=" icon-"] {
    background-image: url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png");
}
#responsive-food-menu .btn-primary {
    background-color: #c79f2f !important;
}
.loyaltypoints_box {
    background: #004679  !important;
}

.loyaltypoints_box .row-credits .well {
    color: #181818;
    border-color: #181818 !important;
}

.loyalty-value.text-success .text-warning,
.loyalty-label.text-warning {
    color: #468847;
}

.span3.col4 .loyalty-label.text-warning {
    color: #b94a48;
}
.loyalty-card {
    background: #000000;
    border: 0px;
}
.loyalty-card>div.col1 .loyalty-label {
    text-shadow:none;
}
.loyalty-caption {
    background: #ad0f14;
    color: #ffffff !important;
    border: 5px solid #ad0f14 !important;
}
.text-error {
    color: #d40400;
}
.loyalty-caption .text-warning {
    color: #ffffff;
}
.loyalty-card>div.col3, .loyalty-card>div.col4 {    
    border: 3px solid #ffffff;
}
.loyalty-value.text-success .text-warning, .loyalty-label.text-warning,
.text-success{
    color: #17c51a;
}

/***************** DISCOUNT BANNERS *****************/

.menu-container-home-delivery .collectoffer,
.orderfor-home-delivery .collectoffer,
.menu-container-collection .deloffer,
.orderfor-collection .deloffer{
    display:none;
}


/**********************************************************************/
/************************ MEDIA QUERYS ********************************/
/**********************************************************************/
@media (max-width:1500px) {
    .tr.vendor, .ct_details_bar_wrap {
        padding-right: 5px;
    }
    .ct_details_bar_wrap, .copyright {
        padding-left:5px;
    }
    .members #body,
    .contact-us #body,
    .information #body,
    .checkout #body{
        padding:0px 5px;
    }
    .mod_postcode_box p.lead {
        padding: 0;
        margin-bottom: 10px;
    }
    .col.col3 {
        max-width: 100%;
    }
    .column_slideshow > .row-fluid{
        padding: 0 10px;
        box-sizing: border-box;
    }
}
@media (max-width: 1200px) {
    .navbar .nav>li>a {
        margin: 0 13px;
    }
}
@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer  { 
        width:100%;
    } 
    footer .row-fluid, #body{ 
        max-width:1170px;
        margin:0 auto; 
    } 

    .carousel .item, .column_slideshow > .row-fluid, .ct_details_bar, .carousel-inner{ 
        max-width:1500px;
        margin:0 auto; 
    } 
    .home #body{ 
        max-width:1920px;
        margin:0 auto; 
    } 


}


/* Desktop */
@media (min-width: 979px) {
    .navbar .nav, .navbar .nav > li {
        float:none;
        display:inline-block;
    }
    .navbar-inner {
        text-align: center;
    }
    .input-append.col.col2 {
        width: 60%;
        box-shadow:none;
    }

}

/* Not Desktop */
@media (max-width:979px){
    .navbar .nav,
    .navbar .nav>li {
        display: block;
        text-align: center;
    }
    .nav-collapse .dropdown-menu{
        background: none;
        box-shadow: none !important;  
        margin:0px;
    }
    .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        background: none;
    }
    .span6.postcode_overlap {
        width:100%;
        margin: 0;
        padding: 10px 20px;
        box-sizing: border-box;
    }
    .well.mod_postcode_box {
        padding:5px;
    }
    .mod_postcode_box p.lead {
        font-size:30px;
        line-height:30px;
        padding:20px 0px 0px;
        margin-bottom:10px;
    }
    .col.col3{
        padding: 5px 0px 20px;
    }
    .col.col3 small.muted {
        font-size:15px;
        line-height:15px;
    }
    .column_slideshow .span3 {
        width:100%;
        text-align:center;
        margin-bottom:20px;
        padding:10px;
    }
    .column_slideshow .span3 img {
        max-width:300px;
    }
    .leftimg.span3 {
        display:none;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
        width:100%; 
    }  
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .column_slideshow .row-fluid .span3:first-child {
        display: none !important;
    }
    #mobile_food_menu_nav .zp-ctl-categories {
        color: #fff !important;
    }
    .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    body {
        padding-left:0px;
        padding-right:0px;
    }
    #logo{
        padding: 30px 10px;
        box-sizing: border-box;
    }
    footer {
        height:100%;
        text-align:center;
        padding-top:8px;
        padding-bottom:8px;
        margin-top:0;
    }
    .copyright, .cards, .tr.vendor a.vendor-zpos img {
        padding-top:8px;
        padding-bottom:8px;
    }
    .tr, .tl {
        text-align: center !important;
    }
    .ct_user_status {
        display:none !important;
    }
    .well.mod_postcode_box {
        padding:0px;
    }
    .col.col3{
        padding: 0px 0px 20px;
        max-width: 100%;
    }
    @media (max-width: 480px) {
        .mod_postcode_box input,
        .mod_postcode_box .btn-group .btn,
        .form-horizontal .input-append input,
        .input-append input {
            max-width: initial;
            width: 100% !important;
        }
        .mod_postcode_box .btn-group,
        .form-horizontal .input-append .btn,
        .input-append .btn {
            margin-left: 0;
            margin-top: 10px;
            display: block;
        }
        .mod_postcode_box > .input-append {     
            width: 100%;
        }
        .menu h1 {
            font-size: 41px;
        }
        .navbar-affix-container{
            height: auto !important;
        }	
    }



@media (max-width: 1200px) {
    .visible_1200px {
        display: none;
    }
}

@media (min-width: 1201px) {
    .hidden_1200px {
        display: none;
    }



}