@media screen and (max-width: 1200px)
{
	
	h1
	{
		font-size: 36px;
		line-height: 1em;
	}
	
	h4
	{
		font-size: 30px;
		margin-bottom: 0px;
	}
	
	.slideshow-text
	{
		left: 30px;
	}
	
	.container
	{
		width: 95%;
	}
	
	.content
	{
		margin-top: 50px;
	}
	
	.float-left
	{
		max-width: 70%;
	}
	
	#slideshow
	{
		
	}
	
	#slideshow img
	{
		max-width: 100%;
	}
	
	.product .images
	{
		max-width: 640px;
		margin-bottom: 20px;
	}
	
	.product .detail
	{
		min-height: 480px;
		width: 100%;
	}
	
	.product-back
	{
		top: 10px;
	}
}

@media screen and (max-width: 1023px)
{
	.header
	{
		height: auto;
	}

	.header-bg 
	{
		display: none;
	}
	
	.header .banner
	{
		height: auto;
		padding: 5px;
		padding-top: 0px;
	}

	img
	{
		max-width: 100%;
		height: auto;
	}
	
	h1
	{
	    font-size: 26px;
	}

	.medals,
	.logo,
	.header-contact 
	{
		position: static !important;
	}

	.header .medals 
	{
		display: none;
	}
	.header .header-contact 
	{
		display: none; /* probably temporary  */
	}

	.slideshow-wrapper 
	{
		margin-top: 0;
	}

	.slideshow-text 
	{
		display: none;
	}

	.content .flag 
	{
		margin-top: 0;
		margin-left: auto;
	}
	
	.float-left,
	.float-right
	{
		display: block;
		float: none;
		margin: 10px auto;
	}
	
	.container
	{
		width: auto;
		padding: 0px 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	.content
	{
		margin: 0px -10px;
		padding: 10px;
	}
	
	.footer
	{
		height: auto;
	}

	.site-footer .container
	{
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.footer-logo
	{
		margin-top: 20px;
	}
	
	.footer-logo,
	.footer-contact
	{
		margin-bottom: 20px;
	}

	.footer-contact div 
	{
		margin-right: 0;
		margin-bottom: 15px;
		margin-top: 20px;
		float: none;
		text-align: center;
	}

	.sub-footer .container
	{
		flex-wrap: wrap;
		justify-content: center;
		line-height: 21px;
	}

	
	/* contact page */

	#contact-form 
	{
		padding: 15px 10px;
		border: 5px solid #FFF;
	}

	#form 
	{
		float: none;
		max-width: 100%;
	}

	#form-sidebar 
	{
		float: none;
		margin-top: 20px;
		padding-left: 0;
		max-width: 100%;
	}

	#form-wrapper .input-name,
	#form-wrapper .input-email,
	#form-wrapper .input-phone,
	#form-wrapper .input-message
	{
		float: none;
		padding-right: 0;
	}

	

	#form-wrapper .input-name,
	#form-wrapper .input-email {
		max-width: 100%;
	}

	#form-wrapper input#submit 
	{
		float: none;
	}

	.service4 
	{
		border: 5px solid #FFF;
	}

	.service4:after 
	{
		padding-top: 75%;
	}

	/* Products */
	
	.products .nav li 
	{
		display: block;
	}

	.products .nav li .image 
	{
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	.products .nav .summary-content .col
	{
		max-width: 100%;
		margin-bottom: 10px;
	}

	.products .nav .summary-content .col.last strong
	{
		width: 125px;
	}

	.summary-content .icons, 
	.product .icons
	{
		line-height: 47px;
	}

	/* Individual product page */

	.product-back 
	{
		position: relative;
		top: 0;
		margin-bottom: 20px;
	}

	.product .images 
	{
		float: none;
		margin-right: 0;
		max-width: 100%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 1420px)
{
	
	.products .nav li
	{
		flex-basis: 30%;
		flex-grow: 0;
	}
}

@media screen and (max-width: 1340px)
{
	
	.products .nav
	{
		width: 90%;
	}
	
	.products .nav li
	{
		flex-basis: 30%;
		flex-grow: 0;
		flex-shrink: 1;
	}
}

@media screen and (max-width: 1180px)
{
	
	.products .nav
	{
		width: 100%;
	}
	
	.products .nav li
	{
		flex-basis: 45%;
		flex-grow: 0;
		flex-shrink: 1;
	}
}

@media screen and (max-width: 600px)
{
	
	.product .detail
	{
		min-height: 0px;
		float: none;
		max-width: 100%;
	}
	
	.products .nav
	{
		width: 100%;
	}
	
	.products .nav li
	{
		flex-basis: 100%;
		flex-grow: 0;
		flex-shrink: 1;
	}
	
	.checkout-options
	{
	    width: 100% !important;
	}
	
	.customer
	{
	    margin-bottom: 20px;
	}
	
	#contact-form
	{
	    width: 100%;
	}
	
	.contactleft
	{
	    width: 100%;
	}
	
	.flexform
	{
	    display: block;
	    padding-top: 5px;
	}
	
	#contact-form2 #form .check 
	{
	    margin-top: 10px;
	}
}