/* bp Overwrite */
.container, .modal-ajax.container, .modal-iframe{ max-width: 1176px; }

#mainWrapper{ position: relative; width: 100%; height: 100%; display: block; }

#navIcon{ display: none; }
	
/* Small devices (tablets, 768px and up) */


@media (max-width: 3000px) {
	
	#slideshow figure img#drinksPointer{ margin-left: -164px; width: auto; margin-top: -50px; }
	#slideshow figure img#mixerPointer{ margin-left: -154px; width: auto; margin-top: -50px;  }
	#slideshow figure img#toggle1{ margin-left: -550px; width: auto; }
	#slideshow figure img#toggle2{ margin-left: 530px; width: auto; }
	#slideshow figure img#chandiler{ width: auto; margin-left: 460px; }
	#slideshow figure img#beware{ width: auto; top: 350px; margin-left: 680px; }

}

@media (max-width: 1300px) {
	
	body{ 
		/* background: pink; */
	}
		
}
@media (max-width: 1705px) {
	
	#slideshow figure img#drinksPointer{ min-height: 0 !important; width: 70px; height: auto; left: 50%; top: 50%; margin-top: -40px; margin-left: -115px; position: absolute; z-index:2; display: block; }
	#slideshow figure img#mixerPointer{ min-height: 0 !important; width: 70px; height: auto; left: 50%; top: 50%; margin-top: -40px; margin-left: -115px; position: absolute; z-index:2; display: block; }
	#slideshow figure img#toggle1{ min-height: 0 !important; width: 20px; left: 50%; top: 0; margin-top: 0px; margin-left: -371px; position: absolute; z-index:0; display: block; }
	#slideshow figure img#toggle2{ min-height: 0 !important; width: 20px; left: 50%; top: 0; margin-top: 0px; margin-left: 350px; position: absolute; z-index:0; display: block; }
	#slideshow figure img#chandiler{ min-height: 0 !important; width: 220px; left: 50%; top: 0; margin-top: 0px; margin-left: 320px; position: absolute; z-index:0; display: block; }
	#slideshow figure img#beware{ transition: all 3s ease-in-out; min-height: 0 !important; width: 100px; left: 50%; top: 222px; margin-top: 0px; margin-left: 440px; position: absolute; z-index:0; display: block; }
	#slideshow figure img#beware.animate{ transform: scale(1.1); }


}
@media (max-width: 1200px) {

	body > div.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened > div > div > a.fancybox-nav.fancybox-next > span { right: 50px;}
	body > div.fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened > div > div > a.fancybox-nav.fancybox-prev > span { left: 50px;}

}
@media (max-width: 1120px) {
	
    .topNavAltHolder ul li a.title{ font-size: 1em;}


}
@media (max-width: 1185px) {
	
    header #navCont ul li{ font-size: 1.2em; }
	
	.littleListings li.centered { padding: 10px;}

}
@media (max-width: 1120px) {
	
    header #navCont ul li{ font-size: .9em; }
    footer ul#footerNav li{ font-size: .9em; }
	
	#historyHeader #lights { width: 150px;}
	
	#brewingEnd #videoCont { width: auto; background-position: top center;  }

}
@media (max-width: 1080px) {
	#brewingEnd #videoCont { width: 100%; background-size: auto; background-position: top center;}
}
@media (max-width: 990px) {
	
	body{
		/* background: navy; */
	}
    h2.largeTitle{ width: auto; }
    .littleListings li{ background-image: none !important;}
	#brewingStages .stage .stageText .paper { margin: 0 auto; text-align: center !important; float: none;}
	#brewingStages  { background-image: none; }
	#brewingStages > div.stage.clearfix > div.stageText.col-m-6 > h3 { text-align: center;}
	#brewingStages .stage .stageText p { font-size: 0.8em; line-height: 1.5em;}
	#brewingEnd #videoCont { margin: 0 auto; padding: 0; width: auto; height: auto; background-image: none; }
	#brewingEnd #videoCont .responsiveVideo { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
	#brewingEnd #videoCont .responsiveVideo iframe,#brewingEnd .responsiveVideo object,#brewingEnd .responsiveVideo embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
	
	.col-m-3.botanical { display: none;}
	
	.enquiryForm { min-height: 400px;}
	
	.main #fields { position: relative; width: 100%;}
	
	#mainWrapper\20 container > div:nth-child(3) > div.galleryHolder.col-m-12 > div.col-m-9.col-s-9 > div.galleryMan {
		display: none;
	}
	

}
@media (max-width: 890px) {
	
	footer ul#footerNav li{ display: none;}
	footer ul#footerNav li.noDot{ display: inline-block; font-size: 1em;}
	
	#stockistForm #stockistLocation { width: 80%;}
	#stockistSubmit > i {margin-left: -5px;}
	
	a.fancybox-nav.fancybox-next > span { right: 50px; background-position: 0 0px; background-image: url(../images/fancybox/buttFancyRight.png)!important; width: 65px; height: 62px; }
	a.fancybox-nav.fancybox-next > span:hover { background-position: 0 -65px;}
	a.fancybox-nav.fancybox-prev > span { left: 50px; background-position: 0 0px; background-image: url(../images/fancybox/buttFancyLeft.png)!important; width: 65px; height: 62px;}
	a.fancybox-nav.fancybox-prev > span:hover { background-position: 0 -65px;}
	
	#historyHeader #lights { width: 130px; right: 140px;}
}
@media (max-width: 875px) {
    .topNavAltHolder ul li a.title{ font-size: .8em;}
    .topNavAltHolder ul li a.title span{ margin-bottom: 0px;}
}
@media (max-width: 850px) {
	
	header { text-align: left; }
    header #logo{ margin: 0 10px; }
    header #logo img{ width: 90%; }
    
	header #navCont{ display: none; }
	header #navCont ul{ display: block; width: 100%; list-style: none;  background-color: #232323; background-image: none;}
	header #navCont ul li{ padding: 0px; text-align: center; background-image: none; display: block; clear: both; width: 100%;  list-style: none; border-bottom: 1px #6B6A69 solid;}
	header #navCont ul li:last-child{ border-bottom: 0px #DFCFAB solid;}
	header #navCont ul li a{ padding: 0px; display: block; clear: both; width: 100%;}
	header #navCont ul li a:hover{ background-color: #000000;}
    
    header #navIcon{ border: 0px; background-color: #232323; color: #ffffff; display: block; font-family: 'Playfair Display'; position: absolute; right: 10px; top: 40px;}
    header #navIcon .fa{ margin-right: 5px; }
	
	#stockistLeft { text-align: center; width: 100%; margin-right: -10%;}
	#stockistSearch { display: none;}
	.pennyFarthingMan { display: none;}
	
	#stockistMap { background: none; border: 1px dotted #000; margin: 10px; padding: 5px; width: auto;}
	#googleMap { width: 100%; height: 100%;}
	
	.fancybox-next span { right: 43px; background-position: 0 -72px;}
	
	h1.largeTitle {font-size: 2em;}
    
}
@media (max-width: 767px) {
	.topNavAltHolder ul li a.title{ font-size: 1.3em;}
	#instansive_e84b8b5fce {display: none;}
	#instansive_5c14db3df2 {display: block;}
	.galleryHolder { background-image: none;}
	#mainWrapper\20 container > div:nth-child(3) > div.galleryHolder.col-m-12 > div.col-m-3.col-s-3.showWomen {text-align: center;	}
	
	.videoSlides {
	background-image: none;
    padding: 0;
	}
	
	.videoSlides #slideshow button.backWhite{
		background: url(../images/galPrevWhite.png) 0 0 no-repeat;
		position: relative;
		margin: margin: 10px 0 0 0;
		padding: 0;
		width: 35px;
		height: 35px;
		display: block;
	}
	.videoSlides #slideshow button.forwardWhite{
		background: url(../images/galNextWhite.png) 0 0 no-repeat;
		position: relative;
		width: 35px;
		height: 35px;/
		display: block;
		margin-top: -30px;
		padding: 0;
		left: 85%;
	}
	
}
@media (max-width: 750px) {
	
    footer p#info{ font-size: 1em; font-weight: bold;}
    header #logo img{ width: 80%; }
    header #navIcon{ top: 35px;}
	
	#historyHeader #lights { width: 100px; right: 140px;}
    
	
}


@media (max-width: 660px) {
    header #logo img{ width: 60%; min-width: 330px; }
    header #navIcon{ top: 25px;}
    h1{ font-size: 2em !important;}
    h2{ font-size: 2em !important;}
	h1.largeTitle {font-size: 1.5em !important;}
}
@media (max-width: 600px) {
	
		.content-contact { background-image: none; }

}
@media (max-width: 550px) {
	
    h1{ font-size: 1.7em !important;}
    h2{ font-size: 1.8em !important;}
    
	.topNavAltHolder ul li a.title{ font-size: 1.1em;}
	
	.main #fields {padding: 40px 40px 40px 24px;}
	
	.main #fields #ajax-contact-form .label { font-size: 11px; width: 18%;}
	
	#historyHeader #lights { width: 80px;}
	

}
@media (max-width: 505px) {
    header{ text-align: left; }
    header #logo img{ width: 330px; }
    header #navIcon span{ display: none;}
    header #navIcon .fa{ margin-right: 0px; }
	.topNavAltHolder ul li a.title{ font-size: .9em;}
	
	.information p { font-size: 14px; }
	
	.buttRed { padding: 0 10px; font-size: 11px; }
	
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-size: auto !important;}
	
	h1.largeTitle {font-size: 1.2em !important;}
}
@media (max-width: 494px){

	#brewingStages .stage4 .mousePopup {
		top: 363px;
		left: 55%;
		display: block;
	}
}
@media (max-width: 480px){

	#stockEnq #ajax-contact-form .label {
    float: left;
    clear: left;
    text-transform: uppercase;
    font-size: 12px !important;
    height: 23px;
    padding-top: 5px;
}
}
@media (max-width: 450px){
	
    header{ text-align: center; }
    header #logo img{ width: 330px; max-width: 100%; min-width: auto; }
    header #navIcon { position: relative; top: auto; right: auto; margin: 0 10px 10px auto;}
    header #navIcon span{ display: inline-block; font-size: .8em;}
    header #navIcon .fa{ margin-right: 5px; }
        
    h1{ font-size: 1.4em !important; line-height: 140px;}
    h2{ font-size: 1.6em !important;}
	
	#brewingStages .stage .stageText .paper { margin: 0 auto; text-align: center !important; float: none; width: 100%; height: auto; }
	
	.main #fields #ajax-contact-form input { width: 68%; float: left; margin-left: 5px; font-size: 14px;}

}
@media (max-width: 430px){
	
  
	.topNavAltHolder ul li a.title{ font-size: .7em;}
	.topNavAltHolder ul li a.title span{ font-size: .8em;}
	
	#stockEnq { padding: 20px 25px;}
	
	#historyHeader #lights { width: 50px;}

}
@media (max-width: 380px) {
    h1{ font-size: 1.2em !important;}
    h2{ font-size: 1.5em !important;}
	#onlineStock { padding: 30px 20px 0px 20px;}

}
@media (max-width: 360px) {
    h1{ font-size: 1.1em !important;}
    h2{ font-size: 1.4em !important;}
}
@media (max-width: 330px) {
    h1{ font-size: 1em !important;}
    h2{ font-size: 1.3em !important;}
}
@media (max-width: 320px) {
	.topNavAltHolder ul li a.title{ font-size: .55em;}
	.topNavAltHolder ul li a.title span{ font-size: .8em;}
}
@media (max-width: 310px) {
    h1{ font-size: .9em !important;}
    h2{ font-size: 1.1em !important;}
}