/* DESKTOP ++ */
/* Resolutions over 1680px */

@media only screen and (min-width: 1680px)
{
	.buttons
	{
		padding: 0 5rem;
	}
}


/* DESKTOP */
/* 1120px and above */

@media only screen and (min-width: 1120px)
{

	/* common styles */

	.mobile_hide
	{
		display: block;
	}

	.mobile_show
	{
		display: none;
	}


	/* shop styles */

	#products .row:not(:last-child)
	{
		margin-bottom: 2.5rem;
	}

	#products .thumb
	{
		width: 32%;
	}

	#products .thumb:nth-child(2)
	{
		margin-right: auto;
		margin-left: 2%;
	}

	#products .thumb:nth-child(3)
	{
		margin-left: auto;
	}

	#products .thumb img:not(:hover) /* so we get the nice transition effect */
	{
		outline: 0 solid #ffaaff;
		outline-offset: 0;
	}

	#products .thumb img:hover
	{
		outline: 0.25rem solid #ffaaff;
		outline-offset: -0.25rem;
	}

	#product
	{
		display: flex;
	}

	#product .images, #product .info
	{
		width: 50%;
	}

	#product .info
	{
		padding-left: 2.5rem;
	}


	/* cart styles */
	
	#cart, *[id^="cart-notify"]
	{
		width: 50%;
		left: 50%;
		padding: 2.5rem;
		border-left: solid 1px #000000;
	}
}



/* TABLET (LARGE) */
/* Over 980px and under 1180px */

@media only screen and (min-width: 980px) and (max-width: 1179px)
{

	/* common styles */
	
	.mobile_hide
	{
		display: block;
	}
	
	.mobile_show
	{
		display: none;
	}

	*[class^="padded_"]
	{
		padding: 0 7.5rem;
	}


	/* cart styles */
	
	#cart, *[id^="cart-notify"]
	{
		width: 50%;
		left: 50%;
		padding: 2.5rem;
		border-left: solid 1px #000000;
	}

}


/* TABLET (SMALL) */
/* Over 640 and under 980px */

@media only screen and (min-width: 640px) and (max-width: 979px)
{

	/* common styles */
	
	.mobile_hide
	{
		display: none;
	}
	
	.mobile_show
	{
		display: block;
	}

	#sides lefty, #sides righty
	{
		font-size: 0.6875rem;
	}

	#sides lefty
	{
		left: 1.25rem;
	}

	#sides righty
	{
		right: 1.25rem;
	}


	/* slide styles */

	*[class^="padded"]
	{
		padding: 0 5rem;
	}


	/* cart styles */
	
	#cart, *[id^="cart-notify"]
	{
		width: 100%;
		left: 0;
		padding: 2.5rem;
	}


	/* shop styles */
	
	#products .row:not(:last-child)
	{
		margin-bottom: 2.5rem;
	}

	#products .thumb
	{
		width: 32%;
	}

	#products .thumb:nth-child(2)
	{
		margin-right: auto;
		margin-left: 2%;
	}

	#products .thumb:nth-child(3)
	{
		margin-left: auto;
	}

	.product
	{
		display: block;
	}

	#product .images, #product .info
	{
		width: 100%;
	}

	#product .info
	{
		margin-top: 2.5rem;
	}

}



/* SMARTPHONE */
/* Under 640px */

@media only screen and (max-width: 639px)
{

	/* common styles */

	.mobile_only
	{
		display: block;
	}	

	.desktop_only
	{
		display: none;
	}	

	#sides lefty, #sides righty
	{
		font-size: 0.6875rem;
	}

	#sides lefty
	{
		left: 1.25rem;
	}

	#sides righty
	{
		right: 1.25rem;
	}

	.medium
	{
		font-size: 1rem;
	}


	/* slide styles */

	*[class^="padded"]
	{
		padding: 0 1.25rem;
	}


	/* cart styles */
	
	#cart, *[id^="cart-notify"]
	{
		width: 100%;
		left: 0;
		padding: 1.25rem;
	}


	/* shop styles */

	#products .row
	{
		display: block;
	}

	#products .thumb
	{
		width: 100%;
		margin: 0 0 2.5rem 0;
	}

	.product
	{
		display: block;
	}

	#product .images, #product .info
	{
		width: 100%;
	}


	/* dialog box styles */

	*[id^="dialog"] .pane
	{
		padding: 0.625rem;
	}

}