/* BEGIN MEDIA QUERIES */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Smartphones */

/* The parameters of this media query will work on the majority of smartphones. It will not affect iPad's or iPad Mini's.
It will also affect some of the other smaller tablets available. */
@media only screen  
and (max-device-width : 767px) {

	/* make half, third and quarter box layouts in to slingle full width layouts for small screens / smartphones */
	.box-half, .box-half-last, .box-third, .box-third-2nd, .box-third-last, .box-quarter, .box-quarter-2nd, .box-quarter-3rd,
	.box-quarter-last, .box-three-quarters, .box-two-thirds, .box-three-quarters-last, .box-two-thirds-last,
	.box-two-fifths, .box-three-fifths, .box-four-fifths, .box-five-sixths, .box-two-fifths-last, .box-three-fifths-last,
	.box-four-fifths-last, .box-five-sixths-last {
		width:100%; }

	/* Increase size of .box-fifth and .box-sixth layouts on small screens / smartphones */
	.box-fifth, .box-fifth-2nd, .box-fifth-3rd, .box-fifth-4th, .box-fifth-last, .box-sixth, .box-sixth-2nd, .box-sixth-3rd,
	.box-sixth-4th, .box-sixth-5th, .box-sixth-last {
		width:50%; }

	.desktop-plus-tablet-video-wrapper {
		display: none;
	}

	.phone-video-wrapper {
		display: block;
	}

	.home-intro-wrapper {
	background:url('../images/home-bg2.jpg') no-repeat;
	background-size:800px auto;
	background-position:center -129px;
	background-color: #000000;
	min-height:400px;
	position:relative;
	}

	#video-within-tv-wrapper {
	margin:0 auto;
	padding-top:115px;
	padding-right:14px;
}

.logo {
	height:110px !important;
	width:auto !important;
	margin-left:2%;
	position:absolute;
	top:5px;
	z-index:99999;
}

header {
    background: rgba(0,0,0,0.7);
    color: #999999;
    padding: 0;
    width: 100%;
    height:60px;
    position:absolute;
    top:0;
    z-index:9999;
    max-width:1200px;
    overflow-x:hidden;
}

.menu-page {
	min-height:250px;
	background:url('../images/menu.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:150px;
	background-color: #ffffff;
}

.cafes-page {
	min-height:250px;
	background:url('../images/cafe2.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:150px;
	background-color: #ffffff
}

.licensing-page {
	min-height:250px;
	background:url('../images/twins.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:160px;
	background-color: #ffffff
}

.booking-page {
	min-height:250px;
	background:url('../images/booking.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:150px;
	background-color: #ffffff
}

h1.image-overlay-heading {
	width:95%;
	margin:0 auto 0;
	background:rgba(0,0,0,0.8);
	padding:10px 20px;
	display:block;
	text-align:center;
	font-size:1.2em;
	color:#ffffff;
	max-width:300px;
}

h1.longer-heading {
	max-width:95%;
}

.one-col {
	padding:20px 5% !important;
}

html {
	background:url('../images/dark-bg.jpg') repeat;
	padding-bottom:0;
}

.booking-form-wrapper {
	padding-top:20px;
	padding-bottom:30px;
	background:url('../images/cereal-closeup.jpg')no-repeat;
	background-size:auto 100%;
}

.social-icons-wrapper {
	width:200px;
	margin:0 auto;
}

#row-footer-container {
	text-align: center;
}

.home-slider-plus-open-times-wrapper {
	background:none;
	background-color: #1F2D2E;
}

.open-times {background:url('../images/times-bg.jpg') no-repeat;
	background-size: auto 100%;
	background-color: #1F2D2E;
}

.open-times-text-one {
	padding-top:0;
	font-size:1em;
}

.open-times .box-half, .open-times .box-half-last {
}

.open-times-text-one {
	padding-top:0;
	font-size:1.1em;
	text-align: center
}

.open-times-text-two {
	font-size:1.1em;
	padding-top:0;
	text-align: center;
	padding-bottom:60px;
}

img.brick-lane-label {
	width:62%;
	height:auto;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    max-width:120px;
}

img.camden-label {
	width:62%;
	height:auto;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    max-width:120px;
    margin-bottom:-50px;
}

.open-times-labels {
	text-align: center;
	padding-left:0;
}

.woo-shop-wrapper .box-two-thirds ul.products li {
	width:100% !important;
}

.sidebar-shop-widget-wrapper {
	display:none;
}

}
/* End Smartphones */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* iPad & iPad Mini in portrait & landscape orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

.home-slider-plus-open-times-wrapper {
	background:url('../images/times-bg.jpg') no-repeat;
	background-size: 100% auto;
	background-color: #1F2D2E;
}

.booking-form-wrapper {
	padding-top:20px;
	padding-bottom:30px;
	background:url('../images/cereal-closeup.jpg')no-repeat;
	background-size:auto 100%;
}

.menu-page {
	min-height:650px;
	background:url('../images/menu.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 -50px;
	padding-top:300px;
	background-color: #ffffff;
}

.cafes-page {
	min-height:650px;
	background:url('../images/cafe2.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:300px;
	background-color: #ffffff
}

.licensing-page {
	min-height:650px;
	background:url('../images/twins.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:500px;
	background-color: #ffffff
}

.booking-page {
	min-height:650px;
	background:url('../images/booking.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:300px;
	background-color: #ffffff
}

h1.image-overlay-heading {
	width:80%;
	margin:0 auto 0;
	background:rgba(0,0,0,0.8);
	padding:10px 20px;
	display:block;
	text-align:center;
	font-size:2em;
	color:#ffffff;
	max-width:300px;
}

h1.longer-heading {
	max-width:90%;
}

html {
	background:url('../images/dark-bg.jpg') repeat;
	padding-bottom:0;
}

.open-times-text-one {
	padding-top:10px;
	font-size:1em;
}

.open-times-text-two {
	font-size:1em;
	padding-top:5px;
}

.admin-bar header {
	top:30px;
}

}
/* End iPad & iPad Mini in portrait & landscape orientation */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* iPad & iPad Mini in landscape orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.logo {
	height:150px !important;
	width:auto !important;
	margin-left:2%;
	position:absolute;
	top:5px;
	z-index:99999;
}

.admin-bar header {
	top:30px;
}

}
/* End iPad & iPad Mini in landscape orientation */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* iPad & iPad Mini in portrait orientation */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {

header {
    background: rgba(0,0,0,0.7);
    color: #999999;
    padding: 0;
    width: 100%;
    height:60px;
    position:absolute;
    top:0;
    z-index:9999;
    max-width:1200px;
    overflow-x:hidden;
}

.menu-page {
	min-height:450px;
	background:url('../images/menu.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 -50px;
	padding-top:200px;
	background-color: #ffffff;
}

.cafes-page {
	min-height:450px;
	background:url('../images/cafe2.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:200px;
	background-color: #ffffff
}

.licensing-page {
	min-height:450px;
	background:url('../images/twins.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:90px;
	background-color: #ffffff
}

.booking-page {
	min-height:450px;
	background:url('../images/booking.jpg') no-repeat;
	background-size:100% auto;
	background-position: 0 0;
	padding-top:200px;
	background-color: #ffffff
}

h1.image-overlay-heading {
	width:80%;
	margin:0 auto 0;
	background:rgba(0,0,0,0.8);
	padding:10px 20px;
	display:block;
	text-align:center;
	font-size:2em;
	color:#ffffff;
	max-width:300px;
}

h3.open-times-heading {
	margin-bottom:55px;
	margin-top:25px;
}

}
/* End iPad & iPad Mini in portrait orientation */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Desktops and laptops */
@media only screen 
and (min-width : 840px) {

	.desktop-nav {
		display:block;
	}

	.responsive-nav {
		display:none;
	}

}
/* End Desktops and laptops */

/* Style to take affect once max-width on the body tag has been reached - add a footer space to compliment the new side borders */
@media only screen 
and (min-width : 1200px) {
html {
padding-bottom:30px;
}

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* large screens (bigger than a standard desktop screen or laptop)*/
@media only screen 
and (min-width : 1824px) {

/* Styles Go Here */

}
/* End Large screens */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* End MEDIA QUERIES */