/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
BODY{
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-blackhead.jpg) center top no-repeat #050505;	
}

.qtip{
	border-radius:10px !important;
}

BODY.secondaries{
	background:#050505;	
}

.container{
	margin-bottom:10px;
}

.container .column, .container .columns{
	border:0px solid #050505;
}

.noborder{
	border:none !important;
}

.lightborder {
	border:1px solid #373737 !important;
	background-color:#000000;
}

.footer{
	overflow:hidden;
	position:relative;
	text-align:center;
	padding:10px;
	color:#939393;
	text-transform:uppercase;
	font-size:10px;
}

.footer a{
	color:#939393;	
}

.footer a:hover{
	color:#efefef;
}

.sitehead{
	height:115px;
	overflow:hidden;
	position:relative;
}

.sitehead .logo{
	float:left;
	margin-top:19px;
	margin-left:10px;
}

.sitehead .nav{
	position:absolute;
	right:0px;
	bottom:5px;
}

.secondaries .sitehead .nav {
	bottom:25px;
	right:125px;
}


.sitehead .nav ul li{
	display:inline;
	text-transform:uppercase;
	font-size:14px;
	margin-left:40px;
}

.sitehead .nav ul li a{
	color:#ffffff;
	text-decoration:none;
}

.sitehead .nav ul li a:hover, .sitehead .nav ul li.selected, .sitehead .nav ul li.selected a{
	color:#aa8339;
}


.sitehead .navdropdown{
	display:none;
}

.sitehead .insiderzone{
	overflow:hidden;
	position:absolute;
	right:0px;
	top:20px;
}

.secondaries .sitehead .insiderzone{
	top:45px;
}

.sitehead .insiderzone form{
	float:left;
	width:350px;
	height:29px;
	margin:1px 0px 0px 0px;
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-insider-form.png) no-repeat;
}

.sitehead .insiderzone form span{
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	float:left;
	color:#000000;
	margin:4px 0px 0px 10px;
}

.sitehead .insiderzone form input[type=text]{
	float:right;
	border:1px solid #373737;
	background:#000000;
	color:#999999;
	width:140px;
	font-size:12px;
	margin:4px 0px 0px 0px;
	padding:0px;
	height:19px;
}

.sitehead .insiderzone form input[type=image]{
	float:right;
	margin:5px 5px 0px 5px;
}

.sitehead .insiderzone ul.socials{
	float:left;
	margin-left:5px;
}

.sitehead .insiderzone ul.socials li{
	display:inline;
}

.sitehead .insiderzone ul.socials li.big{
	display:inline;
}

.sitehead .insiderzone ul.socials li.small{
	display:inline;
}

.secondaries .sitehead .insiderzone ul.socials li.small{
	display:inline;
}


.homebigbanner {
	margin-bottom:0px;
}


.homebigbanner{width: 948px !important;}
#carousel-single-image-topbanner{width: 948px !important;height: 380px !important;}
#carousel-single-image-topbanner .touchcarousel-item{width:948px !important;height: 380px !important;}
#carousel-single-image-topbanner .touchcarousel-item img{width:948px !important;}
#carousel2-single-image-topbanner{height: 240px !important;}
#carousel2-single-image-topbanner .touchcarousel-item{height: 240px !important;}
#carousel2-single-image-topbanner .touchcarousel-item img{width:472px !important;}


.eight{
	margin-top:4px;
}

.lastvideo a, .lastphoto a{
	display:table-cell;
	width:232px;
	height:150px;
	position:relative;
	color:#ffffff;
	text-decoration:none;
}

.lastvideo a .info, .lastphoto a .info{
	background:#000000;
	padding:2px;	
	padding-left:25px;
	color:#ffffff;
	font-size:12px;
	margin-top:40%;
	display:none;
}

.lastphoto.gridelement, .lastphoto.gridelement a {      
	height:232px !important;
}

.lastphoto.gridelement a .info{
	margin-top:70%;
	display:block;
}

.lastphoto.gridelement a:hover .info{
	opacity:0.5;
}

.lastphoto a .info{
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-icon-lastphoto.png) center left no-repeat #000000;
	background-position:4px 4px;
}

.lastvideo a .info{
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-icon-lastvideo.png) center left no-repeat #000000;
	background-position:4px 4px;
}


.lastvideo a:hover .info, .lastphoto a:hover .info{
	display:block;
}

.gift a{
	text-decoration:none;
}

.gift a .info{
	background:rgba(0,0,0,0.8);
	padding:10px 10px;	
	color:#ffffff;
	font-size:12px;
	margin-top:30%;
	display:none;
	text-decoration:none;
	text-transform:uppercase;
}

.gift a:hover .info{
	display:block;
}

.homepagewide a .info{
	background:rgba(0,0,0,0.8);
	padding:10px 10px;	
	color:#ffffff;
	font-size:12px;
	margin-top:30%;
	display:none;
	text-decoration:none;
	text-transform:uppercase;
}

.homepagewide a:hover .info{
	display:block;
}



.homepagesquare, .homepagesquare a{
	background-size:100% !important;
	display:block;
	width:460px;
	height:240px;
}

.homepagewide, .homepagewide a{
	background-size:100% !important;
	display:block;
	width:470px;
	height:162px;
}

.homepagewide.event{
	width:466px;	
	height:240px;
}

.homepagewide.event a{
	height:240px;
}


.homepagewide.upce{
	height:240px;
	width:466px;
}

.homepagesquare.calendararea iframe, .homepagesquare .calendararea{
	width:228px !important;
	height:230px  !important;
}

.homepagesquare.calendararea iframe{
}

.eventsarea{
	width:466px !important;
}


.eventsarea h1{
	color:#a07b36;
	font-size:20px;
	text-align:center;
	margin-top:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300 !important;
	text-transform:uppercase;
}

.eventsarea ul{
	margin-left:30px;
	margin-right:10px;
}

.eventsarea ul li{
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	margin-bottom:10px;
}

.eventsarea ul li a{
	color:#ffffff;
	height:auto;
	width:auto;
	text-decoration:none;
}

.eventsarea ul li a:hover{
	color:#a07b36;
}

.eventsarea ul li span{
	display:block;
	color:#8a8a8a;
}

.eventsdropdown{
	display:none;
}

.eventsdropdown select{
	font-size:18px;
	width:100%;
}

.homepagewide.aboutslidebig{
	height:385px;
	overflow:hidden;
	background-size:cover !important;
}

.aboutslidesmall{
	height:343px;
	width:232px !important;
	overflow:hidden;
	background-size:cover !important;
}

.abouttext{
	height:auto;
	min-height:566px;
}

.credits{
	height:auto;
	min-height:230px;
}

.credits a{
	height:auto;
	color:#b7b7b7;
}

.credits a:hover{
	color:#ffffff;
}

.abouttext .switchers, .singleventdescription .switchers{
	margin:0px;
	padding:0px;
	overflow:hidden;
	margin-left:15px;
}

.abouttext .switchers li, .singleventdescription .switchers li {
	float:left;
	background:#000000;
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	padding:2px 15px;
	margin-left:5px;
	margin-right:5px;
}

.abouttext .switchers li.selected, .abouttext .switchers li:hover, .singleventdescription .switchers li.selected, .singleventdescription .switchers li:hover{
	background:#aa8339;
	color:#000000;
	cursor:pointer;
}

.abouttext .switchers li.selected, .singleventdescription .switchers li.selected{
	cursor:auto;
}


.abouttext h1, .addthumbs h1{
	font-family: 'Open Sans', sans-serif;
	font-size:35px;
	color:#ffffff !important;
	font-weight:300 !important;
	margin:30px 10px 10px 20px;
}

.contactform h1{
	font-family: 'Open Sans', sans-serif;
	font-size:50px;
	color:#ffffff !important;
	font-weight:300 !important;
	margin:20px 10px 20px 20px;
}

.contactform form{
	margin:20px 20px 20px 20px;
}

.contactform form label{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	margin-bottom:2px;
	clear:both;
}


.contactform form input[type=text]{
	width:98%;
	border:1px solid #aa8339;
	background:transparent;
	margin-bottom:10px;
	color:#ffffff;
}

.contactform form input[type=text].third{
	width:20%;	
	float:left;
	margin-right:6px;
}


.contactform form span.specspan{
	color:#8f8f8f;
	text-transform:uppercase;
	font-size:9px;
	line-height:16px;
	display:block;
	overflow:hidden;
	margin-bottom:10px;
}

.contactform form span.specspan input{
	border:1px solid #aa8339;
	margin-right:5px;
	background:transparent;
	float:left;
}

.contactform form .oglogo{
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/image-og-logo.png) left center no-repeat;
	color:#8f8f8f;
	padding-left:80px;
	padding-top:10px;
	font-size:12px;
	line-height:13px;
	height:40px;
	width:80%;
	clear:both;
}

.contactform form .oglogo a{
	display:inline;
	color:#8f8f8f;
	text-transform:uppercase;
	font-size:11px;
}

.contactform form .oglogo a:hover{
	color:#ffffff;	
}

.contactform form textarea{
	width:98%;
	min-width:98%;
	max-width:98%;
	color:#ffffff;

	border:1px solid #aa8339;
	background:transparent;
	height:90px;
	max-height:90px;
	min-height:90px;
	overflow:auto;
	margin-bottom:10px;
}

.contactform form input[type=submit]{
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-button-send.png) no-repeat;
	width:133px;
	height:50px;	
	border:none;
	color:#ffffff;
	float:right;
}

.mapzone{
	height:412px;
	overflow:hidden;
}

.contactform{
	height:auto;
}


.mapzone iframe{
	height:412px;
	width:100%;
}

.abouttext p, .contactform p, .singleventdescription p{
	color:#b7b7b7;
	line-height:18px;
	padding:0px;
	margin-left:20px;
	margin-right:30px;
}

.abouttext div.tabdata, .singleventdescription div.tabdata{
	display:none;
}


.singlevent, .singlevent a, .singleventdescription{
	height:400px !important;
}

.singleventdescription{
	position:relative;
	overflow:hidden;
}

.singleventdescription .buytickets, .reservetable .buytickets{
	position:absolute;
	top:0px;
	right:0px;
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-button-send.png) no-repeat;
	width:123px;
	height:40px !important;	
	overflow:hidden;
	padding-top:12px;
	padding-left:10px;
	color:#ffffff;
	text-align:center;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
}

.singleventdescription .buytickets:hover{
	color:#000000;
}

.singleventdescription .socials{
	position:absolute;
	top:15px;
	left:15px;
}


.offerform .socials .insocs{
	display:block;
	float:left;
}

.offerform .socials .mobilview, .singleventdescription .socials .mobilview{
	display:none;
	float:left;
}

.singleventdescription .edate{
	color:#ffffff;
	font-size:17px;
	text-transform:uppercase;
	margin:60px 10px 0px 15px;
}

.singleventdescription .ename{
	color:#aa8339;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px 10px 15px 15px;
}

.singleventdescription .switchers{
}

.reservetable{
	height:479px;
	position:relative;
}

.choosedate{
	width:230px;
	height:230px;
	margin:0 auto;
}

.reservetable .choosedate.prod{
	margin-left:20px;
	margin-top:20px;
}

h1.colored{
	color:#aa8339 !important;
}

.productpg.proddesc{
	height:auto !important;
	padding-bottom:20px !important;
}


.productpg .buytickets{
	top:340px;
	width:113px;
	height:40px;	
	padding-top:15px;
	padding-right:10px;
	color:#ffffff;
	text-align:right;
}

.productpg .facebook{
	position:absolute;
	top:220px;
	right:0px;
	width:123px;
	height:40px;	
	padding-top:15px;
	padding-right:10px;
	color:#ffffff;
	text-align:right;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-button-facebook.png) no-repeat !important;
}

.productpg .tweet{
	position:absolute;
	top:280px;
	right:0px;
	width:123px;
	height:40px;	
	padding-top:15px;
	padding-right:10px;
	color:#ffffff;
	text-align:right;
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-button-twitter.png) no-repeat !important;
}

.giftone{
	text-align:center;
	padding-top:10px;
}

.giftone img{
       	width:420px;
}


.quicksearch{
	margin-top:10px !important;
	overflow:hidden;
}

.quicksearch select {
	float:right;
	background:#aa8339;
	color:#000000;
	margin-top:3px;
	width:200px;
}

.quicksearch .pagenator{
	float:right;
	margin-left:12px;
	margin-bottom:5px;
	color:#ffffff;
}

.quicksearch .pagenator a{
	color:#aa8339;
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
}

.quicksearch .pagenator a:hover{
	color:#ffffff;
}

.videoframe, .videoframe *{
	overflow:hidden;
	width:948px;
	height:474px;
}

.photoframe{
	width:948px;
	height:474px;
}

.videoname{
	color:#ffffff;
	font-size:14px;
}

.videoname .inz{
	padding:10px;
}

.videoname span{
	font-weight:bold;
	color:#aa8339;
	text-transform:uppercase;
}

.videoname .insocs, .videoname .mobilview{
	float:right;
}

.videoname .insocs span, .videoname .mobilview span{
	font-size:11px !Important;
	font-weight:normal !important;
	text-transform:none !important;
	color:#000000 !important;
}

.videoname .mobilview{
	display:none;
}


.addthumbs{
	padding-bottom:20px;
}


.addthumbs h1{
	font-size:50px;
	margin-top:10px;
	margin-bottom:15px;
	width:96%;
}

.addthumbs h1 select{
	float:right;
	margin-top:10px;
	background:#aa8339;
	color:#000000;
	width:200px;
}

.addthumbs .touchcarousel-item span{
	display:block;
	color:#ffffff;
	font-size:14px;
}

.addthumbs .touchcarousel-item span.ename{
	font-weight:bold;
	color:#aa8339;
}

#viewport{
	position:relative;
}

#viewport a{
	width:34px !important;
	height:89px !important;
}


#viewport img.rght{
	width:34px !important;
	height:89px !important;
	position:absolute;
	right:0px;
	top:170px;
}

#viewport img.lft{
	width:34px !important;
	height:89px !important;
	position:absolute;
	left:0px;
	top:170px;
}

#viewport .stripbgg{
	position:absolute;
	bottom:0px;
	left:0px;
	border-top:1px solid #000000;
	background-color:rgba(0,0,0,0.5);
	height:90px;
	padding-top:13px;
	width:100%;
}

#fixcals{
	margin-top:10px;
	margin-left:10px;
}

.smalleventvideo{
	width:430px;
	height:200px;
	margin-top:5px;
}


.smallrow{
	overflow:hidden;
	margin-left:20px;
	margin-bottom:5px;
}

.smallrow .half{
	float:left;
	width:48%;
}

.smallrow label{
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	display:block;
}

.smallrow input[type=text]{
	border:1px solid #aa8339;
	background:#000000;
	color:#999999;
	width:90%;
	font-size:12px;
	margin:4px 0px 0px 0px;
	padding:4px;
}

.smallrow input[type=text].phone{
	width:26%;
	float:left;
	margin-right:3px;
}

.smallrow input[type=text].phone:last-child{
	margin-right:0px !important;
}

.smallrow textarea{
	width:410px !important;
	min-width:410px !important;
	max-width:410px !important;
	color:#ffffff;

	border:1px solid #aa8339;
	background:transparent;
	height:40px;
	max-height:40px;
	min-height:40px;
	overflow:auto;
	margin-bottom:5px;
}

.smallrow input[type=submit]{
	clear:both;
	background:#aa8339;
	border:1px solid #aa8339;
	color:#000000;
	font-size:12px;
	text-transform:uppercase;
	padding:4px 10px;
	text-shadow:none;	
	margin:none !important;
	margin-left:350px !important;
	margin-top:3px !important;
}


/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.sitehead .nav ul li{
		 	margin-left:15px;
		}

		.secondaries .sitehead .nav {
			right:110px;
		}

		.sitehead .insiderzone ul.socials li.big{
			display:none;
		}

		.sitehead .insiderzone ul.socials li.small{
			display:inline;
		}
		
		
		.lastvideo a .info, .lastphoto a .info{
			background:#000000;
			padding:2px;	
			padding-left:5px;
			color:#ffffff;
			font-size:12px;
			margin-top:35%;
			display:block;
		}


		.gift{ overflow:hidden !important;}
	
		.gift a .info{
			padding:10px 10px;	
			margin-top:45%;
			display:block;
			background:rgba(0,0,0,1);
		}


		.lastphoto.gridelement, .lastphoto.gridelement a {      
			height:188px !important;
		}

		.lastphoto.gridelement{
			margin-bottom:2px;
		}

		.lastphoto.gridelement a .info{
			margin-top:70%;
			display:block;
		}
		
		.homepagesquare, .homepagesquare a{
			background-size:100% !important;
			display:block;
			height:188px;
		}

		.homebigbanner{width: 764px !important;}
		#carousel-single-image-topbanner{width: 764px !important;height: 300px !important;}
		#carousel-single-image-topbanner .touchcarousel-item{width:764px !important;height: 300px !important;}
		#carousel-single-image-topbanner .touchcarousel-item img{width:764px !important;}

		.homepagewide, .homepagewide a{
			background-size:100% !important;
			display:block;
			width:378px;
			height:130px;
		}

		.homepagewide.event{
			width:375px;	
			height:190px;
		}

		.singlevent, .singlevent a, .singleventdescription{
			height:330px !important;
		}

		.singleventdescription p{
			font-size:12px;
		}


		.upce{
		 	width:375px !important;
			height:270px !important;
		}

		.upce .calendararea{
		 	display:none;
		}	

		.upce .eventsdropdown{
			display:block;
			margin:10px 0px 20px 30px;
			width:310px;
		}

		.upce .eventsdropdown select{
			font-size:18px;
			width:100%;
		}


		.giftone img{
	        	width:340px;
		}



		.abouttext{
			height:auto;
			min-height:598px;
		}

		.aboutslidesmall{
			width:185px !important;
			height:343px;
			overflow:hidden;
		}

		.abouttext .switchers li{
			padding:2px 5px;
		}

		.contactform h1{
		 	font-size:45px;
		}
	
		.contactform{
			height:auto;
		}

		.mapzone{
			height:315px;
			overflow:hidden;
		}
		
		.mapzone iframe{
			height:315px;
			width:100%;
		}

		.reservetable{
			height:490px;
		}

		.choosedate{
			width:230px;
			margin:0 auto;
		}

		 .choosedate.prod{
			margin-left:10px;
		}

		.productpg{
			min-height:510px;
		 	height:auto;
		}

		.videoframe, .videoframe *{
			overflow:hidden;
			width:764px;
			height:382px;
		}

		.photoframe{
			width:764px;
			height:382px;
		}

		#viewport img.rght{
			top:140px;
/*			width:34px !important;
			height:89px !important;
*/

		}

		#viewport img.lft{
/*			width:34px !important;
			height:89px !important;
*/
			position:absolute;
			top:140px;
		}

		.singleventdescription .socials .insocs{
			display:none;
		}

		.singleventdescription .socials .mobilview{
			display:block;
		}

		.offerform .socials .insocs{
			display:none;
		}

		.offerform .socials .mobilview{
			display:block;
		}

	
		.smalleventvideo{
			width:340px;
			height:155px;
		}

		.smallrow{
		 	position:relative;
		}	

		.smallrow textarea{
			width:240px !important;
			min-width:240px !important;
			max-width:240px !important;
			color:#ffffff;
			height:20px;
			max-height:20px;
			min-height:20px;
			overflow:auto;
			margin-bottom:5px;
		}

		.smallrow input[type=submit]{
			position:absolute;
			right:15px;
			top:20px;
			background:#aa8339;
			border:1px solid #aa8339;
			color:#000000;
			font-size:12px;
			text-transform:uppercase;
			padding:4px 10px;
			text-shadow:none;	
			margin:none !important;
			margin-top:3px !important;
		}



	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {

		.sitehead .nav ul{
			display:none;
		}

		.sitehead{
			height:240px;
		}

		.sitehead .insiderzone {
			top:150px;
			height:80px;
			width:100%;
		}

		.sitehead .insiderzone form{
			position:absolute;
			top:0px;
			left:2px;
			float:none;
		}

		.sitehead .insiderzone ul.socials{
			margin:none;
			float:none;
		 	position:absolute;
			top:40px;
			left:-15px;
		}

		.sitehead .insiderzone ul.socials li{
			margin-left:12px;
		}

		.sitehead .navdropdown{
			position:absolute;
			top:110px;
			left:2px;			
			display:block;
		}

		.sitehead .navdropdown select{
		 	width:415px;
			font-size:18px;
		}

		.sitehead .navdropdown select option{
			padding-bottom:5px;
		}

		.secondaries .sitehead{
			height:200px;
		}


		.secondaries .sitehead{
			height:170px;
		}

		.secondaries .sitehead .insiderzone ul.socials{
		 	position:absolute;
			top:20px;
			left:290px;
		}


		.homebigbanner{width: 419px !important;}
		#carousel-single-image-topbanner{width: 419px !important;height: 200px !important;}
		#carousel-single-image-topbanner .touchcarousel-item{width:419px !important;height: 200px !important;}
		#carousel-single-image-topbanner .touchcarousel-item img{width:419px !important;}



		.lastvideo a, .lastphoto a{
		 	width:417px;
		}

		.lastphoto a .info, .lastvideo a .info{
			background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-icon-lastphoto.png) center left no-repeat #000000;
			background-position:8px 4px;
			padding:2px;	
			padding-left:30px;
			color:#ffffff;
			font-size:12px;
			margin-top:35%;
			display:block;
		}

		.lastvideo a .info{
			background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-icon-lastvideo.png) center left no-repeat #000000;
			background-position:8px 4px;
			padding:2px;	
			padding-left:30px;
			color:#ffffff;
			font-size:12px;
			margin-top:35%;
			display:block;
		}

		.gift{ overflow:hidden !important;}
		.gift a .info{
			padding:10px 10px;	
			overflow:hidden;
			margin-top:75%;
			display:block;
			background:rgba(0,0,0,1);
		}


		.lastphoto.gridelement, .lastphoto.gridelement a {      
			height:417px !important;
		}

		.lastvideo.gridelement, .lastvideo.gridelement a {      
			height:417px !important;
		}


		.lastphoto.gridelement, .lastvideo.gridelement{
			margin-bottom:2px;
		}

		.lastphoto.gridelement a .info, .lastvideo.gridelement a .info{
			margin-top:80%;
			display:block !important;
		}
		


		.homepagewide, .homepagewide a{
			background-size:100% !important;
			display:block;
			width:419px;
			height:145px;
		}

		.homepagewide.event{
			background-size:100% !important;
			display:block;
			width:419px;
			height:218px;
		}

		.homepagesquare, .homepagesquare a{
			height:218px;
			width:419px;
		} 

		.elist{
            		margin-top:4px !important;
		}

		.singlevent, .singlevent a, .singleventdescription{
/*			height:330px !important; */
		}

		.singleventdescription p{
		}
		.singleventdescription{
			margin-bottom:4px !important;
		}

		.singleventdescription .socials .insocs{
			display:none;
		}

		.singleventdescription .socials .mobilview{
			display:block;
		}


		.upce{
		 	width:419px !important;
		}

		.upce .calendararea{
			width:235px !important;
			overflow:hidden;
		}

		.upce .eventsarea{
			width:175px !important;
			overflow:hidden;
		}

		.upce .eventsarea h1{font-size:18px;}

		.upce .eventsarea ul{
		 	margin-left:10px;
		}

		.giftone img{
	        	width:370px;
		}


		.abouttext{
			height:auto;
			margin-bottom:4px !important;
		}

		.aboutslidesmall{
			width:185px !important;
			height:343px;
			overflow:hidden;
			display:none !important;
		}

		.abouttext .switchers{
			margin-bottom:15px;
		}

		.abouttext .switchers li{
			padding:2px 10px;
		}

		.contactform h1{
		 	font-size:45px;
		}
	
		.contactform{
			height:auto;
		}

		.credits{
			height:240px;
		}

		.mapzone{
			height:315px;
			overflow:hidden;
			margin-top:4px !important;
		}
		
		.mapzone iframe{
			height:315px;
			width:100%;
		}


		.reservetable{
			height:490px;
		}

		.choosedate{
			width:230px;
			margin:0 auto;
		}

		.productpg{
			min-height:510px;
		 	height:auto;
		}

		.videoframe, .videoframe *{
			overflow:hidden;
			width:420px;
			height:210px;
		}
		.photoframe{
			width:420px;
			height:210px;
		}


		.addthumbs h1{
			font-size:30px;
			margin-top:10px;
			margin-bottom:15px;
			width:90%;
		}

		.videoname .insocs{
			float:none;;
			margin-top:10px;
			margin-bottom:10px;
		}

		.addthumbs h1 select{
			float:right;
			margin-top:17px;
			background:#aa8339;
			color:#000000;
			width:180px;
		}

		.addthumbs.gals h1 select{
			width:160px;
		}


		#viewport img.rght{
			top:70px;
			width:25px !important;
			height:65px !important;


		}

		#viewport img.lft{
			width:25px !important;
			height:65px !important;

			position:absolute;
			top:70px;
		}

		.stripbgg{
		 	display:none;
		}

		.smalleventvideo{
			width:380px;
			height:205px;
		}

		.smallrow textarea{
			width:367px !important;
			min-width:367px !important;
			max-width:367px !important;
		}

		.smallrow input[type=submit]{
			margin-left:307px !important;
		}


		.offerform .socials .insocs{
			display:none;
		}

		.offerform .socials .mobilview{
			display:block;
		}


	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.sitehead .insiderzone form{
			width:290px;
			background-position:center top;
			border-radius:4px;
		}

		.sitehead .insiderzone form span{
			font-size:10px;			
		}

		.sitehead .insiderzone form input[type=text]{
			width:100px;
		}

		.sitehead .insiderzone ul.socials li.big{
			display:none;
		}

		.sitehead .insiderzone ul.socials{
			left:-4px;
		}

		.sitehead .insiderzone ul.socials li.small{
			display:inline;
			margin-left:0px;
		}

		.secondaries .sitehead .insiderzone ul.socials{
			left:-2px;
		}

		.secondaries .sitehead .insiderzone ul.socials{
		 	position:absolute;
			top:20px;
			left:200px;
		}


		.sitehead .navdropdown{
			position:absolute;
			top:110px;
			left:2px;			
			display:block;
		}

		.sitehead .navdropdown select{
		 	width:290px;
			font-size:18px;
		}


		.homebigbanner{width: 299px !important;}
		#carousel-single-image-topbanner{width: 299px !important;height: 150px !important;}
		#carousel-single-image-topbanner .touchcarousel-item{width:299px !important;height: 150px !important;}
		#carousel-single-image-topbanner .touchcarousel-item img{width:299px !important;}


		.lastvideo a, .lastphoto a{
		 	width:300px;
		}

		.lastvideo a .info, .lastphoto a .info{
			background:url(https://thedrynksoho.com/wp-content/themes/thedrynk/images/bg-icon-lastphoto.png) center left no-repeat #000000;
			background-position:8px 4px;
			padding:2px;	
			padding-left:30px;
			color:#ffffff;
			font-size:12px;
			margin-top:35%;
			display:block;
		}

		.gift{ overflow:hidden !important;}
		.gift a .info{
			padding:10px 10px;	
			overflow:hidden;
			margin-top:70%;
			display:block;
			background:rgba(0,0,0,1);
		}


		.lastphoto.gridelement, .lastphoto.gridelement a {      
			height:300px !important;
		}

		.lastphoto.gridelement{
			margin-bottom:2px;
		}

		.lastvideo.gridelement{
			margin-bottom:2px;
		}

		.lastphoto.gridelement a .info{
			margin-top:80%;
			display:block;
		}

		.lastvideo.gridelement a .info{
			margin-top:80%;
			display:block;
		}


		.singlevent, .singlevent a{
			height:260px !important; 
		}

		.singleventdescription p{
		}
		.singleventdescription{
			margin-bottom:4px !important;
			height:auto !important;
		}

		.singleventdescription .socials .insocs{
			display:none;
		}

		.singleventdescription .socials .mobilview{
			display:block;
		}


		.homepagewide, .homepagewide a{
			background-size:100% !important;
			display:block;
			width:298px;
			height:105px;
		}

		.homepagewide.event{
			background-size:100% !important;
			display:block;
			width:298px;
			height:155px;
		}

		.homepagesquare, .homepagesquare a{
			height:155px;
			width:298px;
		} 

		.elist{
            		margin-top:4px !important;
		}

		.upce{
		 	width:298px !important;
			height:auto !important;
		}

		.upce .calendararea{
			width:230px;
			margin-left:30px;
			height:240px !important;
		}

		.upce .eventsarea{
			width:290px !important;
			overflow:hidden;
			margin-top:20px;
			margin-bottom:-50px;
			height:200px;
		}

		.upce .eventsarea ul{
			margin-left:30px;
		}

		.upce .eventsarea h1{
			font-size:25px;
			text-align:center;
		}


		.giftone img{
	        	width:250px;
		}

		.abouttext{
			height:auto;
			margin-bottom:4px !important;
			padding-bottom:5px;
			overflow:hidden;
		}

		.aboutslidesmall{
			width:185px !important;
			height:343px;
			overflow:hidden;
			display:none !important;
		}

		.abouttext .switchers{
			margin-bottom:15px;
		}

		.abouttext .switchers li{
			padding:2px 2px;
			font-size:11px;
			margin-right:0px;
		}

		.contactform h1{
		 	font-size:35px;
		}
	
		.contactform{
			height:auto;
		}

		.credits{
			height:240px;
		}

		.mapzone{
			height:315px;
			overflow:hidden;
			margin-top:4px !important;
		}
		
		.mapzone iframe{
			height:315px;
			width:100%;
		}

		.contactform form .oglogo{
		 	width:75%;
		}

		.contactform form span.specspan input{
			margin-bottom:15px;
		}

		.reservetable{
			height:540px;
		}

		 .choosedate{
			width:230px;
			margin:0 auto;
		}

		.productpg{
			min-height:510px;
		 	height:auto;
		}


		.productpg.last{
			height:700px;
		}

		.productpg.last h1{
			margin-top:190px;
		}

		.productpg.last .facebook{top:10px;}
		.productpg.last .tweet{top:70px;}
		.productpg.last .buytickets{top:130px;}


		.videoframe, .videoframe *{
			overflow:hidden;
			width:300px;
			height:150px;
		}

		.photoframe{
			width:300px;
			height:150px;
		}


		.addthumbs h1{
			font-size:40px;
			margin-top:10px;
			margin-bottom:15px;
			width:90%;
		}

		.videoname .insocs{
			float:none;;
			margin-top:-5px;
			margin-bottom:10px;
		}

		.addthumbs h1 select{
			float:none;
			margin-top:7px;
			background:#aa8339;
			color:#000000;
			width:265px;
		}

		#viewport img.rght{
			top:50px;
			width:17px !important;
			height:45px !important;


		}

		#viewport img.lft{
			width:17px !important;
			height:45px !important;

			position:absolute;
			top:50px;
		}

		.videoname .insocs, .videoname .mobilview{
			clear:both;
			float:none;
			margin-top:20px;
		}

		.insocs span, .mobilview span{
			margin-bottom:5px !important;
		}


		.videoname .mobilview{ display:block; }
		.videoname .insocs{ display:none; }

		.scroll-pane{ max-height:420px !important; }

		.smalleventvideo{
			width:265px;
			height:155px;
		}


		.smallrow input[type=text].phone{
			width:23%;
			float:left;
			margin-right:3px;
		}

		.smallrow textarea{
			width:249px !important;
			min-width:249px !important;
			max-width:249px !important;
			height:70px;
			max-height:70px;
			min-height:70px;
		}

		.smallrow input[type=submit]{
			margin-left:189px !important;
		}


	}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('https://thedrynksoho.com/wp-content/themes/thedrynk/fonts/FontName.eot');
	    src: url('https://thedrynksoho.com/wp-content/themes/thedrynk/fonts/FontName.eot?iefix') format('eot'),
	         url('https://thedrynksoho.com/wp-content/themes/thedrynk/fonts/FontName.woff') format('woff'),
	         url('https://thedrynksoho.com/wp-content/themes/thedrynk/fonts/FontName.ttf') format('truetype'),
	         url('https://thedrynksoho.com/wp-content/themes/thedrynk/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/