/* ======================================================================================================================================================================================
   Mobile
   ====================================================================================================================================================================================== */
@media all 
and (max-width : 1023px) 
{
	.logo
	{
		/*content:url("../images/logo-negative.svg");*/
		width:120px;
		text-align:center;
		position:absolute; 
		left:50%;
		margin-left:-60px;	/* half the width */
	}
	
	.top
	{
		height:100px;
		/*background:none;
		background:rgba(32,32,32,0.95);*/
	}

	.header
	{
		text-align:center;
	}
	
	.container
	{
		max-width:100%;
		/*margin-bottom:0;*/	/* Removed the absolute .bottom */
	}

	.main
	{
		width:100%;
	}

	.side
	{
		display:none;
	}

	.bottom
	{
		text-align:center;
		/*position:static;*/	/* Remove the absolute .bottom */
	}
	
	.footer
	{
		max-width:100%;
	}
	
	.mobilehide
	{
		display:none;
	}
	
	.desktophide
	{
		display:block !important;
	}
	
	/* Orbit */
	#featured
	{
		max-height:300px !important;
	}
	
	div.orbit>img
	{    
		width:auto !important;
		max-width:none;
		height:200px;
		top: 50% !important;
		left:50% !important;
		-webkit-transform: translateY(-50%) translateX(-50%);
	}
	
	/* Grouping */
	.grid
	{
		grid-gap:				20px 0;
	}

	.one, .two, .three, .four, .five, .six
	{
		grid-template-columns:	1fr;
	}
 
	.flex
	{
		display:block;
	}
	
	.quadriple
	{
		width:49%;
	}
	
	.quintuple
	{
		width:49.5%;
	}
	
	.quadriple:nth-of-type(2n+1), .quintuple:nth-of-type(2n+1) 
	{
		margin-left:0;
	}

	.quadriple:nth-of-type(2n+2), .quintuple:nth-of-type(2n+2) 
	{
		margin-right:0;
	}
	
	/* Menu */
	.menu
	{
		display:none;
	}

	.menumobile
	{
		display:block;
	}

	.menuexp
	{
		display:none;
	}
	
	.menuexpmobile
	{
		display:block;
	}
	
	.menuiconleft /*sb-toggle-left*/
	{
		display:inline-block;
	}

	.menuiconright /*sb-toggle-right*/
	{
		display:inline-block;
	}
	
	/*.sb-close
	{
		display:block;
	}*/
	
	/* Miscellaneous */
	.parallax
	{
		min-height:initial;
		background-attachment:scroll;
	}

	/* Cart */
	.cartcontainer
	{
		max-width:100%;
		margin-bottom:0;	/* Removed the absolute .bottom */
	}
	
	.cartmain
	{
		 width:100%;
	}
	
	.cartside
	{
		width:100%;
		float:none;
		display:block;
		margin:0;
	}

	.cartrefinebutton
	{
		display:block;
	}
	
	.cartrefine
	{
		display:none;
	}
	
	.cartviewoption
	{
		margin:1% 0;
	}
	
	.cartitem
	{
		float:none;
	}

	.cartdetails
	{
		width:100vw;
		height:100vh;
		padding:5%;
		min-height:0;
		max-height:none;
		box-shadow:none;
		border:none;
		overflow:scroll;
		overflow-x:hidden;
	}
	
	.cartdetails > img
	{
		width:100% !important;
		height:auto !important;
		max-width:100% !important;
		max-height:none !important;
		border:none;
		padding-bottom:24px;
	}

	/*.cartimagewrapper
	{
		width:100% !important;
		height:auto !important;
	}*/

	.cartgalleryimage 
	{
		width:100% !important;
		height:auto !important;
		max-width:100% !important;
		max-height:none !important;
		clip:auto !important;
		position:relative !important;
	}

	/* Galleria */
	.galleria
	{
		width:100%;
 		/*padding-bottom:24px;*/ 
	}
	
	.galleriasingle
	{
		width:100%;
	}
	
	.galleria-container
	{
		width:100% !important;
 		height:auto;
	}
	
	/* Site Specific */	
	.social
	{
		margin:10px;
	}
	
	.stamp
	{
		float:none; 
		text-align:center;
		margin-top:10px;
	}
}

/* ======================================================================================================================================================================================
   Phone
   ====================================================================================================================================================================================== */
@media all 
and (max-width : 767px) 
{
	.header, .container, .footer, .cartcontainer
	{
		padding:5%;
	}
	
	.container
	{
		margin-bottom:160px;
	}
	
	.contactform, .contactdetails
	{
		width:100%;
	}
	
	.phonehide
	{
		display:none;
	}

	.modal, .modalwide
	{
		width:100vw !important;
		height:90vh;	/* because Safari can't handle 100vh */
		box-shadow:none;
 		border:0;
	}
	
	.blog
	{
		padding:5%;
	}

	.blogimage
	{
		max-height:none !important;
		height:auto !important;
		/*max-height:71px !important;*/		/* 16:9 */
		/*max-height:110px !important;*/	/* 4:3	*/
	}

	.gallery
	{
		width:100%; 
		margin:0 0 5% 0;
	}
		
	/* Grouping */
	.double, .triple, .quadriple, .quintuple
	{
		width:100%;
		margin:0 0 5% 0;
	}

	/* Cart */
	.cartdisplay
	{
		width:89.5vw;
		max-height:370px;
	}

	.cartviewoption
	{
		display:none;
	}
	
	/* Galleria */
	.galleria-container
	{
 		height:230px !important;
 		margin-bottom:-10px;
	}
	
	/* Google ReCaptcha */
	.g-recaptcha
	{
		transform:scale(0.97);
		-webkit-transform:scale(0.97);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}

	/* Site Specific */
	.budget
	{
		padding:5%;
	}

	.portfolio
	{
		height:auto;
	}
	
	.home h1
	{
		font-size:22px;
	}
}

/* ======================================================================================================================================================================================
   Tablet - Portrait
   ====================================================================================================================================================================================== */
@media all 
and (min-width : 768px) 
and (max-width : 1023px) 
and (orientation : portrait)
{
	/*.blogimage
	{
		max-height:115px !important;	16:9
		max-height:152px !important;	4:3	
	}*/
	
	/* Galleria */
	/*.galleria-container
	{
 		min-height:470px;
	}*/
	
	/* Site Specific */
}

/* ======================================================================================================================================================================================
   Tablet - Landscape and Portrait
   ====================================================================================================================================================================================== */
@media all 
and (min-width : 768px) 
and (max-width : 1023px) 
{
	.tablethide
	{
		display:none;
	}
	
	/* Site Specific */
}

/* ======================================================================================================================================================================================
   Screen
   ====================================================================================================================================================================================== */
/*@media all
and (min-width : 768px) 
and (max-width : 1023px) 
and (orientation : landscape)
{

}*/