@media only screen and (max-width: 1200px) {
	
	.inner{padding: 0 10px;}
	
}

@media only screen and (max-width: 1100px) {
	
	.right-content .text-wrap span{font-size: 16px;}
	.right-content .text-wrap a{font-size: 28px;}
	
}

@media (max-width: 980px) {

	/* tablet portrait */
	.site-logo{width: 241px; height: 100px; margin-left: -120px; top: 26px;}
	
	.content-wrap{text-align: center;}
	.left-content{width: 100%; text-align: left; margin-bottom: 30px;}
	.intro-content .content-wrap{padding: 25px;}
	.intro-content .content-wrap .left-content{margin-top: 0;}
	.intro-content .content-wrap h2{margin-bottom: 15px;}
	.right-content{width: auto; float: none; display: inline-block;}
	.site-main .content-wrap{padding: 25px;}
	
}

@media only screen and (max-width: 860px) {
	
	.site-footer .footer-bottom .footer-nav{width: 100%; text-align: center;}
	.site-footer .footer-bottom .designed-by{width: 100%; text-align: center; margin-top: 10px;}
	
}

@media (max-width: 768px) {

	/* mobile landscape */
	.header-bg{height: 200px;}
	.site-logo{position: relative; top: auto; left: auto; margin-left: 0; width: 186px; height: 77px; margin: 0 auto; float: left;}
	.site-header .years{width: 74px; height: 62px; clear: both;}
	.site-header .contact-details{position: absolute; top: 0; right: 0; margin: 0 auto;}
	.site-header .contact-details span{font-size: 14px;}
	.site-header .contact-details a{font-size: 16px;}
	
	.content-wrap h2{font-size: 45px;}
	.site-main .content-wrap .left-content .product-table .row .column span{font-size: 14px;}

}

@media only screen and (max-width: 680px) {
	
	.site-main .content-wrap .left-content .product-table .titles{display: none;}
	.site-main .content-wrap .left-content .product-table .column.img{width: 35%;}
	.site-main .content-wrap .left-content .product-table .column.product-name{width: 65%;}
	.site-main .content-wrap .left-content .product-table .column.product-number{width: 33.333333%; text-align: center;}
	.site-main .content-wrap .left-content .product-table .column.quantity{width: 33.333333%;}
	.site-main .content-wrap .left-content .product-table .column.price{width: 33.333333%;}
	
}

@media (max-width: 499px) {

	/* mobiel portrait */
	.header-bg{height: 222px;}
	.site-header .years{float: right; clear: none; margin-top: 6px;}
	.site-header .contact-details{width: 100%; position: relative; top: auto; right: auto; left: auto; margin-top: 15px;}
	
	.content-wrap h2{font-size: 32px;}
	.content-wrap p{font-size: 14px;}
	
	.right-content{display: block; width: 100%; float: left;}
	
	.site-main .content-wrap .left-content .product-table .column{width: 100% !important; text-align: center;}
	.site-main .content-wrap .left-content .product-table .column.product-name{padding-top: 20px;}
	.right-content .text-wrap a{font-size: 24px;}
}