﻿@charset "UTF-8";

/* Layout Small Screens */
/*
.age-page-img{
	background: url(/images/small/age/bg.jpg) left top no-repeat;
	max-width:885px;
	height:552px;
	position:absolute;
	height:100%;
	top:0;
	left:0;
	right:0;
}
.age-page{
	background: url(/images/small/age/age-bg.jpg) center top no-repeat #fff;
	background-size:cover;
	max-width:612px;
	margin:10px 10px 0 10px;
	position:relative;
}
*/
.age-page-img{
	/*display:none;*/
}
.age-page{
	background-image:url('/images/content-bg.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-color:transparent;
	max-width:640px;
	margin:0 auto 0 auto;
	position:relative;
	min-height:534px;
}
.age-left{
	position: relative;
	float:none;
	max-width:612px;
	margin:0 auto;
	left:0;
	text-align:center;
}
.age-right{
	position: relative;
	float:none;
	max-width:612px;
	text-align:center;
	color:#044b71;
	font-size:16px;
	margin:0 auto;
	padding:20px 5px 30px 5px;
}
.age-right h1{
	display:block;
	height:75px;
	max-width:379px;
	width:100%;
	margin:20px auto 0px auto;
	padding:0;
}
.age-right h1 > img.large{
	display:none;
}
.age-right p {
	padding:0 20px;
	font-size:17px;
}
footer{
	text-align:center;
}
.drink-aware{
	display:none;
}
.meet-family-wrap > div{
	float:left;
	width:120px;
	height:150px;
	margin:0 0 20px 25px;
}
/*Mobile Menu*/
.header-wrapper{
	display:none;
}
.tiny-menu{
	display:block;
}
.main-wrapper{
	max-width:640px;
	position:relative;
	margin:0 auto;
}
.content-wrapper{
	max-width:640px;
	margin:0 auto;
	position:relative;
	background:url(/images/mobile/home/home-page-img.jpg) left top no-repeat #fff;
	background-size:contain;
	
}
.home-page-wrapper{
	background: url(/images/about-us/small/middle-img.jpg) center top no-repeat #fff;
	background-size: contain;
}
.botanical-wrapper{
	background:url(/images/mobile/home/home-page-img.jpg) left top no-repeat #fff !important;
	background-size:contain;
}
.mobile-logo{
	position:relative;
}
.mobile-logo img{
	display:block;
	width:100%;
	height:auto;
}
.sub-content-wrap{
	margin-top:52%;
	position:relative;
}
.col-60{
	float:none;
	max-width:640px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.col-40{
	float:none;
	max-width:640px;
	width:100%;
	margin:0 auto;
	position:relative;
}
/*Home Slider*/
.home-scrollable {
	max-width:280px;
	width:100%;
	height:360px;
	margin-top:30px;
}
.home-scrollable .items > div.home-slider-loop{
	max-width:280px;
	width:100%;	
	margin:0 auto;
	text-align:left;
}
.home-slider-loop{
	position:relative;
	max-width:480px;
	width:100%;
	padding:0 10px;
	margin:0;
}
.home-slider-loop > .slider-text{
	max-width:280px;
	width:100%;
	float:none;
}
.home-slider-loop > .slider-img{
	float:none;
	max-width:280px;
	width:100%;
}
.home-navi{
	position:relative;
	z-index:999;
	margin:0 auto 10px auto;
	text-align:center;
	max-width:640px;
}
/*About us*/
.sub-content-wrap{
	padding:0 .7em;
	background:#fff;
}
.about-us-wrapper .time-line{
	display:none;
}
.our-gin-cocktail-wrapper,
.about-us-wrapper{
	background:url(/images/about-us/small/middle-img.jpg) center top no-repeat #fff;
	background-size:contain;
}
.royal-dock-wrapper{
	background:url(/images/cocktails/royal-dock/Haymans-Royal-Dock-M.jpg) center top no-repeat #fff;
	background-size:contain;
}
.sloe-gin-wrapper{
	background: url(/images/cocktails/sloe-gin/Haymans-Sloe-Gin-M.jpg) center 0 no-repeat #fff;
	background-size:contain;
}
.old-tom-wrapper{
	/*background:  url(/images/cocktails/old-tom/Old-Tom-M.png) center 0 no-repeat #fff;*/
	background: url(/images/header-v1/mobile/Old-Tom.jpg) center 0 no-repeat #fff;
	background-size:contain;
}
.haymans1850-wrapper{
	background: url(/images/header-v1/mobile/1850-reserve.jpg) center 0 no-repeat #fff;
	background-size:contain;
}
.family-reserve-wrapper{
	background: url(/images/header-v1/mobile/mobile-header-our-gin.jpg) center 0 no-repeat #fff;
	background-size:contain;
}
.gin-liqueur-wrapper{
	background:url(/images/cocktails/gin-liqueur/1820-M.jpg) center 0 no-repeat #fff;
	background-size:contain;
}
/*Our Gin*/
.our-gin-loop.marginRight20{
	margin-right:0 !important;
}
.our-gin-loop .og-text{
	display:block;
	width:55.943%; /*248/428*/
	float:left;
}
.our-gin-wrapper{
	max-width: 640px;
	margin: 0 auto;
	position: relative;
	background: url(/images/our-gin/small/img.jpg) left top no-repeat #fff;
	background-size: contain;	
}
.our-gin-wrapper .our-gin-cocktail-wrapper,
.our-gin-wrapper .sub-content-wrap{
	padding:0 .7em;
	background:#fff;
}
.our-gin-title{
	display:none;
}
.our-gin-loop .og-text h2{
	font-size:20px;
	font-family:"Cambria W01 Italic";
	color:#013765;
	margin:0 0 .2em 0;
}
.our-gin-loop .og-text p{
	font-size:1.1em;
	margin:0 0 .6em 0;
}
.m-home-img{
	background:none;
}
/*Our gin cocktail*/
.og-detail-img{
	margin-right:0px !important;
}
.og-detail-top-btns{
	position:relative;
	text-align:center;
}
.og-detail-top-btns a{
	margin:0 1% 0 0;
}
.quotes-big{
	display:none;
}
.og-recipe-img{
	margin:0 auto;
	float:none;
}
.og-recipe-img,
.og-recipe-text,
.og-recipe-instruct{
	float:none;
	margin:0 auto;
}
.share-facebook-btn{
	position:relative;
	text-align:center;
	margin:10px 0;
}
.og-recipe-text{
	text-align:center;
	margin-top:10px;
	max-width:640px;
}
.og-recipes{
	padding-bottom:15px;
	border-bottom:1px solid #e1e1e1;
	margin-bottom:10px;
}
.og-recipes:last-child{
	border-bottom:none;
}
hgroup h1 {
  font-size:23px;	
	top:15px;
}
.og-recipe-instruct{
	max-width:640px;
}
/*Meet the family*/
.meet-family-wrapper{
	/*background:url(/images/meet-family/mobile/bg.jpg) center top no-repeat #fff;*/
	background:url(/images/new/mobile-header-meet-the-family.jpg) center top no-repeat #fff;
	background-size:contain;
}
/* Our Distillery */
.our-distillery-wrapper{
	background:url(/images/distillery/small/mobile-bg.jpg) center top no-repeat #fff;
	background-size:contain;
}

.gallery-wrap ul > li{
	float:none;
	max-width:320px;
	height:auto;
	display:block;
	margin-bottom:10px;
}
.gallery-wrap ul > li img{
	display:block;
	margin:0 auto;
	position:relative;
}
.blue-text{
	font-size:16px;
	color:#013765;
	position:relative;
	max-width:300px;
	width:100%;
	margin:0 auto;
	text-align:center;
}
.our-gin-loop .og-text .btn-view-more {
	position:relative;	
}
.slide-top-arrow {
	background-position:-40px top;
}
.btn-back-our-gin{
	position:relative;
	text-align:center;
}
/*Overlay*/
.overlayZoom{
	display:none !important;
}
/*.overlayZoom{
	background:url(/images/distillery/overlay/overlay-bg.png) left top repeat;
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	z-index:999999999;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.overlayZoom > div {
	background:url(/images/distillery/overlay/overlay-img-bg.jpg) left top no-repeat;
	max-width:640px;
	min-height:300px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.overlayZoom  img.overlay-big-img{
	width:200px !important;
	margin:20 auto 0 auto;
	height:auto;
	display:block;
	position:relative;
	z-index:1;
}
.overlayZoom  button.btn-stock{
	border:none;
	outline:none;
	background:url(/images/distillery/overlay/btn-close.png) left top no-repeat;
	width:71px;
	height:40px;
	text-indent:-99999px;
	position:absolute;
	left:30%;
	bottom:-20px;
}
*/


















