/* Smartphones (portrait and landscape) ----------- */

@media handheld, only screen and (min-width: 721px) {
	#nav {
		display:block !important;
	}
}
@media handheld, only screen and (max-width: 720px) {	

/* General hide */

	.navcontainer, .socialmenu, .entry-content .image-selection, .entry-content .filmstudy, .entry-content .textmobile, .sidecontent {
		display:none;
	} 
	body {
		/* min-width:315px; */
	}
	p {
		overflow:hidden;
	}

/* header */

	#header {
		background:none;
		padding:0px;
		margin:0px;
		height:auto !important;
	}
	#logo .title {
		background-size:100% auto;
		text-indent: -10000px;
		overflow: hidden;
		background-image: url('images/logo-mobile.png');
		background-repeat:no-repeat;
		background-position:center top;
		height: 85px;
		margin-bottom: 15px;
		max-width:252px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#logo .description {
		font-size:22px;
		margin-bottom:25px;
	}
	
/* Menu */

	#navcontainer {
		width: auto !important;
		padding: 30px;
		position:relative;
	}

	.menumobile {
		display:block;
		position:absolute;
		top:30px;
		left:30px;
		right:30px;
		z-index:9999;
		padding:10px 15px;
		background: #5a5a5a; /* Old browsers */
		background: -moz-linear-gradient(top,  #5a5a5a 0%, #3a3a3a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #5a5a5a 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #5a5a5a 0%,#3a3a3a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #5a5a5a 0%,#3a3a3a 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #5a5a5a 0%,#3a3a3a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-transform: uppercase;
		font-size:16px;
		
	}
	.menumobile span {
		height:17px;
		width:22px;
		display:block;
		float:right;
		background:transparent url('images/menu-icon.png') no-repeat 0px 0px;
	}
	#nav {
		min-width:1px !important;
		position:absolute;
		top:70px;
		left:30px;
		right:30px;
		height: auto;
		padding:15px;
		width: auto !important;
		z-index:9998;
		background-color:#393939;
		background-image:none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		display:none;
	}
	#nav #mainmenu {
		width:auto;
		height:auto;
		padding:0px;
	}
	#mainmenu ul {
		float:none;
	}
	#mainmenu ul li {
		float:none;
		margin-right:0px !important;
	}
	#mainmenu .menu-item .sub-menu {
		position: relative;
		top:auto;
		width:auto !important;
		font-size: 14px;
		cursor: auto;
		background: none;
		padding: 4px 0px 4px 10px;
	}
	#mainmenu a, #mainmenu a:active, #mainmenu a:visited  {
		height:auto !important;
	}
	
	/* Home */
	
	#wrapper {
		width: auto !important;
		padding: 30px;
	}
	#logo {
		width:100%;
	}
	#mycarousel-controls {
		min-width:100% !important;
	}
	.ghomes a:hover img {
		opacity: 1;
	}
	.ghomes .ghome-over {
		display:none;
	}
	
	#mycarousel-buttons {
		width:100% !important;
	}
	#mycarousel-prev {
		margin-right:0px !important;
	}
	#mycarousel-next {
		float:right !important;
	}
	
	/* Pages */
	.page {
		width:100% !important;
	}
	.page-left {
		float:none;
		text-align:center;
		width:100% !important;
	}
	.page-left img {
		margin-bottom:20px;
	}
	.page-right {
		float:none;
		text-align:center;
		width:100% !important;
		margin-left:0;
	}
	.ghomes .ghome {
		background-color:transparent !important;
	}	
	#content .ghomes .group {
		width:100% !important;
	}
	#content .ghomes img {
		max-width:100% !important;
	}
	
	/* Category */
	
	.category {
		width:100% !important;
		text-align:center;
	}
	.category div.ghomes  {
		margin:0px;
	}
	.category .ghomes .group, .entry .images ol li, .single .ghomes {
		display:block;
		margin:0 auto 20px auto !important;
	}
	
	/* Single */
	
	.entry, .single, .entry .entry-content {
		width:100% !important;
		text-align:center;
		float:none;
	}
	.single h1 {
		margin-bottom:20px;
	}
	.videos {
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
		margin-bottom:12px;
	}
	.videos iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.mobileblock > div {
		padding:10px 0 10px 0;
	}
	.mobilebtn {
		display:block;
		padding:10px 15px;
		background: #5a5a5a; /* Old browsers */
		background: -moz-linear-gradient(top,  #5a5a5a 0%, #3a3a3a 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #5a5a5a 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #5a5a5a 0%,#3a3a3a 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #5a5a5a 0%,#3a3a3a 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #5a5a5a 0%,#3a3a3a 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		text-transform: uppercase;
		font-size:16px;
		color:#A0A0A0 !important;
	}
	.entry .images ol li {
		margin:auto;
		float:none;
	}
	.filmstudy {
		margin-top:0px;
	}
	.filmstudy h3 {
		display:none;
	}
	
	/* Blog */
	
	.blog, #page_nav {
		width:100% !important;
		float:none;
	}
	
	/* shop */
	
	#shopp .product-text, #shopp .gallery {
		float:none !important;
		margin:auto !important;
		width:100% !important;
	}
	#shopp .product-text {
		width:100% !important;
	}
	#shopp .gallery {
		/* width:250px !important; */
		padding-bottom:20px;
	}
	#shopp form {
		text-align:center !important;
	}
	#shopp dl dt, #shopp dl dd {
		float:none !important;
		width:100% !important;
		text-align:center;
	}
	#shopp .gallery .thumbnails {
		width:100% !important;
	}
	#shopp .gallery .thumbnails li img {
		width:59px !important;
		height:59px !important;
	}
	#shopp form ul li select {
		width:100% !important;
	}
	#shopp ul {
		text-align:center !important;
	}
	#shopp .products ul li {
		float:none !important;
	}
	#shopp ul.products li.product {
		margin:auto !important;
	}
	#shopp ul.products li .name {
		width:100% !important;
	}
	#shopp #cart .mobiletitle {
		display:inline !important;
		font-weight:bold;
	}

	#shopp #cart .money, #shopp #cart .totals th, #shopp #cart .buttons td {
		text-align: center !important;
	}
	
	#shopp #cart  {
		border: 0px !important;
		padding:0px !important;
	}
	#shopp form ul li span {
		float:none !important;
	}
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	#shopp #cart td {
		padding:6px !important;
	}
	#shopp div {
		float:none !important;
		text-align:center !important;
	}
	#shopp p.submit {
		padding:0px !important;
	}
	#shopp .submit {
		width:100% !important;
		text-align:center !important;
	}
	#shopp #shipping-methods, #shopp #shipping-methods input  {
		margin:0px !important;
		padding:0px !important;
	}
	#shopp form ul li span {
		float:none !important;
		margin:0px !important;
		padding:0px !important;
		display:block !important;
		text-align:center !important;
	}
	#shopp small, #shopp form ul li span label {
		font-size:14px !important;
	}

	/* Standard page */
	
	.standard-page iframe {
		width:260px !important;
		height:180px !important;
	}
	.standard-page h3 {
		overflow:hidden;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	tr.head { 
		display:none;
	}
	
	tr { border: 1px dotted #666666; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/* Publications */
	
	.page-right .alignleft,
	.page-right .alignright,
	.page-right .full-size {
		float: none;
		display: block;
		text-align: center;
		margin: auto;
		margin-bottom:20px;
	}
	
	/* Contact Page */
	
	.page-left img.magicfields {
		max-width:100%;
	}
	.contactpage .page-left img.magicfields {
		display:none;
	}

	.wpcf7 {
		width:100% !important;
	}
	.wpcf7 label, .wpcf7 input, .wpcf7 textarea {
		width:100% !important;
		float:none;
		display:block;
		margin-bottom:8px;
	}
	.wpcf7 .wpcf7-submit {
		float:none;
		width:100% !important;
	}
	div.wpcf7-validation-errors, span.wpcf7-not-valid-tip {
		float:none !important;
		width: 90% !important;
		background-image:none !important;
		background-color:transparent !important;
		padding:10px 5% !important;
		margin:0px !important;
		border:0px !important;
		position:relative  !important;
		top:auto !important; 
		left:auto !important;
	}
	.wpcf7 p {
		overflow:visible !important;
	}
	
	/* Footer */
	
	.footer .copy-info {
		float:none;
		text-align:center;
	}
	
	#footer {
		min-width:100% !important;
	}
	.footer {
		width:100%;
	}

}