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

body .visible-nottingham { display:none !important; } 
body .hidden-nottingham { display:inherit !important; } 
body.shop_nottingham .hidden-nottingham { display:none !important; }
body.shop_nottingham .visible-nottingham { display:inherit !important; }

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

body {
	color: #ffffff;
	font-family: 'PT Sans';
	font-size: 15px;
}
h1 {
	font-family: 'PT Sans';
}
h2 {
	font-family: 'PT Sans';
}
h3 {
	font-family: 'PT Sans';
}
h4 {
	font-family: 'PT Sans';
}
body {
	background-color: #6b6b6b;

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

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

header, #mobile-header {
	background-color: #395fac;

	/*background-image: url("/myimages/703/zpos-bg-TopsPizzaExpress_HeaderBg.png");*/
	background-image: url("//cdn1.zfood.co.uk/703/images/zpos-bg-TopsPizzaExpress_HeaderBg.png?auto=compress");
	background-attachment: scroll;
}

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

/**-------------------- GLOBAL --------------------------**/
*{
    text-shadow: none !important;
}	
body {
    padding-bottom:0;
}

#container {
    background: none;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}

header {
    background-image: none;
    padding-bottom:0px;
    border-bottom: 5px solid #f6ec56;
}
.home header{
    background-image: url(/myimages/703/zpos-bg-TopsPizzaExpress_HeaderBg.png);
    background-position: 0px -100px;
    padding-bottom:20px;
    border-bottom: none;
}
body:not(.home) #body {
    padding: 50px 0;
}
.well, .page-review-order, .alert-info.well-login, .alert-success.voucher_box {
    border:none;
    box-shadow:none;
    background: #ffffff;
    color: #444;
}

.alert-error .text-error, .uk-nav-offcanvas>li>a{
 	color: #fff;   
}

a, a:hover, a:focus, em{
    color:#f6ec56;
    text-decoration:none;
}

.well em, .loyaltypoints_box .row-credits .col-equals div, .loyaltypoints_box .btn-link, .alert h2 small{
    color: #eb2227;
}	

.seo-group-longer a, .seo-group a, .home footer .muted, .home footer a, .marginbottom15 a, .marginbottom15 .muted,
.jumbotron-order-complete, .p-last-minute, .page_error-500 #body, .menu h1{
    color: #151515;
}	

.navbar .nav>li>a, .mod_postcode_box input, .mod_postcode_box .btn, .ui-tabs-anchor{
	font-family: 'PT Sans';    
}

.ui-tabs-anchor{
    font-weight: bold;
    text-transform: uppercase;
}	

.menu h1 {
    text-align: center;
    font-size: 75px;
    line-height: 1.5;
    text-transform: uppercase;
    padding: 20px 10px;
}
.img-polaroid {
    background-color: #f6ec56;
    border-radius: 8px;
}

.jumbotron-order-complete .text-warning {
    color: #236a11;
}

/**-------------------- DISPLAY NONE --------------------------**/
.ct_phone,
.home h1, .voucher_box span,
#body-bottom-hr,
.home .well-small, 
.home-about, 
.home .bgbar,
.bgsmall,
.contact-us h1, .checkout h2,
.information .page-header,
.carousel-indicators, .carousel-caption{
    display:none;
}



/**-------------------- HEADER --------------------------**/
.ct_header_row{
    padding: 20px 0px;
}
.home .ct_header_row{
    padding: 40px 0px;
}
/**-------------------- DETS BAR --------------------------**/
.ct_details_bar {
    font-size:16px;
    padding:10px 0px;
}
.home .ct_details_bar {
    font-size:20px;
}
.ct_user_status.span12 {
    text-align:right;
}
.tr.ct_local_branch_details.span12{
    margin:5px 0px 0px;
    padding:0px;
}

/**-------------- LOGO------------------**/
.home #logo img {
    max-height: 190px;
}
#logo img {
    max-height: 135px;
}
/**------------ STATUS -----------------**/
.status-CLOSED {
    color:#ef7177 !important;  
}
.status-OPEN {
    color:#9bcb3c !important;
}
/**--------------- NAV -------------------**/
.navbar {
    margin-bottom: 0 !important;
}
.navbar-inner {
    background: none;
    box-shadow:none;
    padding:0;
    border:0;
}
#opening-status {
    text-transform: initial;
}
.navbar .nav {    
    float: right;
    margin-right:0px;
}
.navbar .brand {
    margin-left:0px;
}
/*home normal nav*/
.home .navbar .nav>li>a {
    font-size:25px;
}
/*normal nav*/
.navbar .nav>li>a {
    text-shadow: none;
    color:#fff;
    padding: 15px;
    font-size: 22px;
}

header .navbar .nav>.active>a, header .navbar .nav>.active>a:hover, 
header .navbar .nav>.active>a:focus, header .navbar .nav>li>a:focus,
header .navbar .nav>li>a:hover, 
header .navbar .nav li.dropdown.open>.dropdown-toggle, 
header .navbar .nav li.dropdown.active>.dropdown-toggle, 
header .navbar .nav li.dropdown.open.active>.dropdown-toggle {
	color: #f6ec56;
	background: none;
	box-shadow: none;
}

/*caret*/
.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}
header .navbar .nav li.dropdown.open>.dropdown-toggle .caret, header .navbar .nav li.dropdown.active>.dropdown-toggle .caret, 
header .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret, header .navbar .nav li.dropdown>a:hover .caret, header .navbar .nav li.dropdown>a:focus .caret {
	border-top-color: #f6ec56;
	border-bottom-color: #f6ec56;
}
header .navbar .nav>li.opening-status>a:before, header .dropdown-menu>li.opening-status>a:before {
    background-color: #791316 !important;
}

/*dropdown*/
.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 {
    position: relative;
    color: #da2228;
    text-align: center;
    padding: 8px 20px;
}

.dropdown-menu>li:hover,
.dropdown-menu>li:focus {
    background: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background: #da2228;
    color: #fff;
}

/**---------------- GOOGLE PLUS -------------------**/
.social_media_links  { 
   margin:0 auto; 
   padding:0px; 
   text-align:right; 
} 
.social_media_links img,
.social_media_links img:hover { 
    max-width:35px;
} 
.social_media_links small {
    display:none;
} 
.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;
}

/**--------------- SLIDE --------------------------**/

.carousel-control {
    top: 40%;
    left: 95px;
    margin-top: 0px;
    font-size: 140px;
    text-align: center;
    background: none;
    border: none;
}
.carousel-control.right {
    right: 95px;
}

.carousel {
    position: relative;
    margin: 40px 0px;
    line-height: 1;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
    margin: 0 auto;
}	
/**------------------------- HOME -------------------------------**/
.postcodebg{
    position: absolute;
    width: 100%;
    margin-top: -80px;
    z-index: 7;
}
.postcodebg img {
    width:100%;
}
#mod_postcode_box_pc {
    float: left;
    margin-bottom: 0;
    height: 55px;
    line-height: 55px;
    font-size: 25px;
    border-radius:6px;
}
.well.mod_postcode_box {
    background:none;
}
.mod_postcode_box .btn {
    height: 55px;
    line-height: 55px;
    padding: 0;
    font-size: 25px;
}
.well.tc.alert-success.mod_postcode_box .container{
    width:80%;
    max-width: 980px;
}
.mod_postcode_box h2{
    margin-bottom: 50px;
    font-size: 58px;
    color: #fff;
    text-transform: uppercase;
}
.column_modules.span12 {
    margin: 50px 0px;
    position: relative;
    z-index: 10;
}
#body {
    position: relative;
}

.column_slideshow.span12{
    margin: 0px;
    position: relative;
    z-index: 5;
}
#gallery{
    padding-top: 60px;
 	background: url(/myimages/703/zpos-bg-TopsPizzaExpress_WoodBg.jpg) 0 0 / cover no-repeat;  
    margin-top: -80px;
}
.gallery-inner{
    max-width: 1500px;
    margin: 0 auto;
    padding: 100px 0 50px;
}	
.gallery-inner:after{
    content:'';
    display: table;
    clear: both;
}	
.gallery-inner h2{
    color: #151515;
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
}	
.gallery-inner .uk-text-large{
    color: #151515;
 	text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.5;
	margin-bottom: 50px;
}
.gallery-inner .uk-text-large a{
 	color: #151515;
    text-decoration: underline;
}
.zp-column-1-3{
    width: 33%;
    float: left;
    padding: 0 10px;
    box-sizing: border-box;
}	
.zp-column-1-3:first-child{
    padding-left: 0;
}
.zp-column-1-3:last-child{
    padding-right: 0;
}
.zp-column-1-3 .overlay{    
    position: relative;
    min-height: 730px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.zp-column-1-3 .overlay{
    border-radius: 10px;
     box-shadow: 0px 0px 10px 0px rgba(243,243,244,0.5) !important;
}	
.zp-column-1-3:nth-child(3) .overlay{
    background-image: url(/myimages/703/TopsPizzaExpress_FriedChicken.jpg);
}
.zp-column-1-3:nth-child(4) .overlay{
    background-image: url(/myimages/703/TopsPizzaExpress_PeriPeriChicken.jpg);
}
.zp-column-1-3:last-child .overlay{
    background-image: url(/myimages/703/TopsPizzaExpress_Wings.jpg);
}
.overlay{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}	
.overlay span{
    display: block;
    max-width: 80%;
    background: rgb(57,94,171);
    background: linear-gradient(0deg, rgba(57,94,171,1) 0%, rgba(47,119,189,1) 100%);
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    line-height: 1.5;
    text-transform: uppercase;
    padding: 15px 20px;
    position: absolute;
    -webkit-transition: left 300ms ease-in-out, right 300ms ease-in-out;
    transition: left 300ms ease-in-out, right 300ms ease-in-out;
}
.overlay .cta span{
    background: rgb(251,181,23);
    background: linear-gradient(0deg, rgba(251,181,23,1) 0%, rgba(252,216,16,1) 100%);   
    color: #d32126;
    font-size: 28px;
}
.overlay a:nth-child(1) span{
    left: -90%;
    top: 20px;
}
.overlay a:nth-child(2) span{
    bottom: 120px;
    right: -350px;
}
.overlay a:nth-child(3) span{
    bottom: 20px;
    right: -310px;
}
.zp-column-1-3 .overlay:hover a:nth-child(1) span,
.zp-column-1-3:nth-child(4) .overlay a:nth-child(1) span{
    left: -10px;
}
.zp-column-1-3 .overlay:hover a:nth-child(2) span,
.zp-column-1-3 .overlay:hover a:nth-child(3) span,
.zp-column-1-3:nth-child(4) .overlay a:nth-child(2) span,
.zp-column-1-3:nth-child(4) .overlay a:nth-child(3) span{
    right:  -10px;
}
.zp-column-1-3 .overlay:hover a:nth-child(2) span:hover,
.zp-column-1-3 .overlay:hover a:nth-child(3) span:hover{
    background: #fbb517;
}	

/**-------------------- MENU & ORDERING --------------------------**/
.btn-navbar .text-info {
    color:#fff !important;
}
hr{
    border:0px;
}
h5 .name{
    font-size: 18px;
    line-height: 1.2;
}	
.popover-title {
    background:#c12227;
    color:#fff;
}
.popover {
    color:#000;
}

.navbar .brand {
    color:#fff;
    text-shadow:none;
    margin-left:5px;
}
form#navbar-search-menu {
    padding-right: 10px;
}
#responsive-food-menu .navbar-inner {
    background:#d82127;
    border:0px;
}
#responsive-food-menu .text-warning {
    color:#ff0 !important;
}
#responsive-food-menu.affix .navbar-inner{
 	border-bottom: 2px solid #f6ec56;  
}
/**-------------------- MODAL -------------------------**/

.modal {
    border: none;
}

.modal-header {
    background: #d82127;
    color: #fff;
}

.modal-body {
    background: #fff;
    color: #000 !important;
}

.modal-body .media-body {
    text-align: center;
}

.modal-body>ul:after,
.modal-body .media-body ul:after {
    content: '';
    display: table;
    clear: both;
}

.modal-body>ul li,
.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>ul li:after,
.modal-body .media-body ul li:after {
    content: '+';
    margin-left: 10px;
}

.modal-body>ul li:last-child:after,
.modal-body .media-body ul li:last-child:after {
    content: '';
}

.btn.btn-option .caret {
    margin-top: 5px;
    border-top-width: 3px;
    border-right-width: 3px;
    border-left-width: 3px;
}

.modal-footer {
    background: #395fac;
    color: #fff;
    border-top: none;
    border-bottom: 2px solid #f6ec56;
}

.modal fieldset {
    background: #fff;
    color: #181818;
    border: none;
}

.modal-body h4 .name {
    font-size: 28px;
    line-height: 1.2;
}

.uk-offcanvas-bar {
    background: #202847;
}

.well.uk-offcanvas-bar {
    background: #fff;
}

.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: #f6ec56;
    color: #eb2227;
    outline: 0;
}
/**-------------------- ALL SITES ------------------------**/
.loyaltypoints_box.well {
    background: #f6ec56;
    color: #eb2227;
}

.loyaltypoints_box .pull-left {
    float: none;
}

.loyaltypoints_box .row-credits .well {
    color: #468847;
    border-color: #fff !important;
}

.loyalty-value.text-success .text-warning,
.loyalty-label.text-warning {
    color: #468847;
}

.span3.col4 .loyalty-label.text-warning {
    color: #b94a48;
}

ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul {
    margin: 0 0 10px 25px;
}
/*---------- couldnt postcode ------------*/
.table th {
    font-weight: normal;
}

/*---------- google maps ------------*/
#contact_map_canvas{
    color:#000;
}

/*-------- opening hours box ---------*/
.ui-widget.box-opening-hours {
    margin-top:20px;
}

/*---------- menu 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,
.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;
}

/**------------ MEMBERS LOGIN ---------------**/
.hero-unit {
    background-color:#eb2227;
    color:#fff;
    border-bottom: 5px solid #f6ec56;
}
.nav-header,
.nav-list>li>a {
    color: #000;
}

.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: #eb2227;
    color: #f6ec56;
}
.nav-list>li>a [class^="icon-"] {
    background-image: url("//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings.png");
}
.nav-list>li.active>a [class^="icon-"],
.nav-list>li>a:hover [class^="icon-"],
.nav-list>li>a:hover[class*=" icon-"],
.nav-list>li>a:focus [class^="icon-"],
.nav-list>li>a:focus[class*=" icon-"]  {
    background-image: url("//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png");
}
/**------------------------- FOOTER-------------------------------**/
footer {
    padding:20px 0px;
    margin:0px;
}

.label-copyright {
    color:#fff;
}
.copyright{
    line-height:15px;
    padding:2px 0px 0px 10px;
}
.cards, .tr.vendor a.vendor-zpos img {
    padding-top:2px;
}

.tr.vendor a.vendor-zpos img {
    padding-right:10px;
}
.footer_wrap {
    background: #eb2227;
}

.home .footer_wrap{
 	background: none;   
}

/*---------------------button styles---------------------*/
.alert, .alert.alert-info.how-im-ordering {
    color: #fff;
    background: #f6ec56;
    border: none;
}

.alert.alert-info.how-im-ordering, .menu-selection .alert h3 {
    color: #eb2227;
}

.home .alert.sys-alert{
    text-align: center;
    max-width: 1500px;
        margin:0 auto; 
}

.btn {
    background-image: none;
    border: none;
}

/*--------success--------*/

.btn-success, .alert-success {
    background: #35a435;
}

.btn-success:hover,
.btn-success:focus,
.btn-group.open .btn-success.dropdown-toggle {
    background: #1C8B1C;
}

/*--------primary--------*/

.btn-primary, .alert-primary {
    background: #2357ce;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #00249B;
}

/*--------info--------*/

.btn-info, .alert-info {
    background: #4992ff;
}

.btn-info:hover,
.btn-info:focus {
    background: #3079E6;
}

/*--------danger--------*/

.btn-danger, .alert-danger, .alert-error {
    background: #d42f28;
}

.btn-danger:hover,
.btn-danger:focus {
    background: #BB160F;
}

/*--------warning--------*/

.btn-warning, .alert-warning {
    background: #FF871A;
}

.btn-warning:hover,
.btn-warning:focus {
    background: #CC5400;
}

.menu-selection .btn-primary, .home .btn-success, .home #body .btn-danger {
    background: #fded04;
    color:#eb2227;
}
.menu-selection .btn-primary:hover,
.home .btn-success:hover,
.home #body .btn-danger:hover{
    background:#E4D400;
}

.menu-title{
    text-align: center;
    text-transform: uppercase;
    padding: 5px 10px !important;
    box-sizing: border-box;
}	
.home #body {
    max-width:none;
}
/**------------------------- MEDIA QUERIES -------------------------------**/
@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
       width: 100%;
    } 
     .home .ct_details_bar, footer, .home .navbar-inner, .home .row-fluid.ct_header_row{ 
        max-width: 1500px;
        margin:0 auto; 
    }
    .ct_details_bar, .navbar-inner, #body, .row-fluid.ct_header_row{ 
        max-width: 1170px;
        margin: 0 auto; 
    }
}

@media (max-width:1550px){
    .column_modules.span12 {
        margin: 8px 0px;
    }
    .home header{
        padding: 0px 10px 20px 10px;
    }
    header{
        padding: 0px 10px;
    }
    .gallery-inner{
        max-width: 1000px;
    }
    .zp-column-1-3 .overlay{    
        min-height: 458px;
    }
    .overlay a:nth-child(2) span {
        bottom: 90px;
    }
    .overlay span{
     	font-size: 18px;   
    }
    .overlay .cta span {
        font-size: 15px;
    }
    .overlay a:nth-child(1) span {
        left: -100%;
    }
}
@media (max-width:1350px){
    .mod_postcode_box h2 {
        margin-bottom: 26px;
        font-size: 50px;
    }
    .well.mod_postcode_box {
        padding: 0px;
    }
}

@media (max-width:1200px){
    body:not(.home) #body {
        padding: 50px 20px;
    }
    .ct_local_branch_details, .span4.tr.vendor img {
        padding-right: 10px;
    } 
    #basket-container.ui-widget {
        margin-top:20px;
    }
    .menu #body .website-image,
    .members #body .website-image {
        text-align:center;
    }
    .carousel {
        position: relative;
        margin: 0px 0px 40px;
    }
    .carousel-control {
        left:25px;
        font-size: 70px;
    }
    .carousel-control.right{
        right: 25px;
    }
    .column_modules.span12{
        margin-top: -30px;
    }
    .mod_postcode_box h2 {
        margin-bottom: 26px;
        font-size: 45px;
    }
    .home header {
        background-position: 0px 10px;
    }
}
@media (max-width: 1055px) {    
    .zp-column-1-3:first-child{
        padding-left: 10px;
    }
    .zp-column-1-3:last-child{
        padding-left: 10px;
    }
}

@media (max-width: 1170px) and (min-width: 979px){
    .left_column.span4, .right_column.span8{
     	width: 100%;
        float: none;
        margin-left: 0;  
    }
    .ct_header_row{
     	padding: 0;   
    }
    #logo{
     	padding: 10px;   
    }
    .navbar .nav, .navbar .nav > li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }
    .navbar-inner, .navbar .nav, #logo, .ct_user_status.span12 {
        text-align: center;
    }
    .tr.ct_local_branch_details {
        text-align: center !important;
    }
}

/* Desktop */
@media (min-width: 979px) {

    .carousel {
        position: relative;
        margin: 60px 0;
    }

}
@media (max-width:1109px){
    .mod_postcode_box .btn, #mod_postcode_box_pc  {
        height: 45px;
        line-height: 45px;
        padding: 0;
        font-size: 20px;
    }
    .mod_postcode_box h2 {
        margin-bottom: 21px;
        font-size: 38px;
    }
    .home .ct_header_row {
        padding: 10px 0px;
    }
    .well.mod_postcode_box {
        padding: 20px;
    }
    header ul.dropdown-menu {
        text-align: center;
        width: 232px;
        margin-left: 0px;
    }
}

/* Not Desktop */
@media (max-width:979px){
    .left_column.span4 {
        width:100% !important;
        text-align:center;
    }
    .right_column.span8 {
        width:100% !important;
        margin:0px;
    }
    #logo img {
        max-height: 150px;
    }
    .ct_user_status.span12,
    .tr.ct_local_branch_details.span12{
        text-align: center !important;
        font-size:16px;
    }
    .social_media_links {
        text-align: center;
    }
    .ct_details_bar {
        padding: 5px 0px;
    }
    .carousel {
        margin: 30px 0px 40px;
    }
    #opening-status {
        text-shadow: none;
    }
    /*---------RESPONSIVE NAV--------------*/
    .btn-navbar {
        background: none!important;
        text-shadow: none!important;
        border:2px solid #fff !important;
    }

    .nav-collapse .nav>li>a, 
    .nav-collapse .dropdown-menu a {
        color:#fff;
        text-align: center;
        font-weight:normal;
        font-size:18px;
    }
    .nav-collapse .nav>li>a:hover, 
    .nav-collapse .nav>li>a:focus, 
    .nav-collapse .dropdown-menu a:hover, 
    .nav-collapse .dropdown-menu a:focus {
        color:#f5dd17;
        background:none;
    }
    .home header ul.dropdown-menu,
    header ul.dropdown-menu{
        width: 100%;
        margin:0 auto;
        box-shadow: none !important;
    }
    .navbar .nav {
        width: 100%;
        margin:0px;
    }
    .home .navbar .nav>li>a,.navbar .nav>li>a {
        margin-left: 0px;
    }
    .navbar .brand {
        padding-left: 0px;
    }
    .home .navbar .nav>li>a {
        font-size: 20px;
    }
    .postcodebg {
        display:none;
    }
    .column_modules.span12{
        background: rgb(189,32,37);
        background: linear-gradient(0deg, rgba(189,32,37,1) 0%, rgba(235,34,39,1) 100%);
    }
     .gallery-inner{
        padding: 50px 10px;
    }
    .well.tc.alert-success.mod_postcode_box .container {
        width: 100%;
    }
    .mod_postcode_box h2 {
        margin: 0px 0px 15px 0px;
        font-size: 32px;
    }
    .well.mod_postcode_box {
        padding: 50px 10px;
        margin: 0px;
    }
    .hidden-desktop.website-image img, .hidden-desktop img {display:none;}
}
@media (max-width: 768px) and  (min-width: 480px){
    .zp-column-1-3{
        display: none;   
    }
    .gallery-inner .uk-text-large{
     	margin-bottom: 0;   
    }
}
/* 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) {
    .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;
    }
    body {
        padding:0px;
    }
    .home #logo img, #logo img {
        max-height: 110px;
    }
    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;
    }
    .menu h1 {
        font-size: 51px;
    }
    .menu .alert h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .alert h2 small {
        font-size:16px;
    }
    .mod_postcode_box .btn-danger {
        margin-top: 60px;
    }
    .mod_postcode_box .btn-success{
        margin-top: 10px;
    }
    /*#myCarousel{
        display:none;
    }*/
    .slide{
        padding:10px 0px 10px;
    }
    .hidden-desktop.website-image img, .hidden-desktop img {display:block;}

   
    .zp-column-1-3{
        width: 50%;
    }  
    .zp-column-1-3:last-child{
        display: none;
    }	
    .zp-column-1-3 .overlay {
        min-height: 370px;
    }
    .zp-column-1-3 .overlay a:nth-child(1) span{
        left: -10px;
    }
    .zp-column-1-3 .overlay a:nth-child(2) span,
    .zp-column-1-3 .overlay a:nth-child(3) span{
        right: -10px;
    }	
    .well.tc.alert-success.mod_postcode_box .container {
        width: 100%;
    }
    .carousel-control {
        top: 85%;
    }
}
@media (max-width: 480px) {
    body:not(.home) #body {
        padding: 20px 10px;
    }
    
    .ct_user_status.span12{
        display: none;   
    }
    .ct_header_row {
        padding: 0;
    }
    .menu h1 {
        font-size: 41px;
    }
    #logo{
     	padding: 10px;   
    }
    .zp-column-1-3{
        width: 100%;
        float: none;
    }
    .zp-column-1-3:nth-child(3){
        display: none;
    }
    .zp-column-1-3 .overlay {
        min-height: 510px;
    }
    .gallery-inner h2 {
        font-size: 26px;
        line-height: 1.5;
    }
    .gallery-inner .uk-text-large {
        font-size: 21px;
    }
}
a.span3.btn.btn-success {
    text-transform: capitalize;
}



