/* Bullets slider */
@media screen and (max-width: 1120px) {
	div.tp-bullets.hermes.horizontal.nav-pos-hor-right.nav-pos-ver-bottom.nav-dir-horizontal {
		padding-right: 40px;
	}
}

@media screen and (min-width: 1600px) {
	.banner .featured-image {
		height: calc(100vh - 500px);
		min-height: 600px;
	}
}


/* IPAD LANDSCAPE */

@media screen and (max-width: 1024px) {
	.page-with-sidebar .left {
		width: 65%;
	}
	.page-with-sidebar .right {
		width: 35%;
	}
	.store {
		max-width: 500px;
		margin-top: -260px;
	}
	footer ul li {
		margin-right: 15px;
		padding-right: 15px;
	}
	.banner .image {
		height: 450px;
	}
	.logo-carousel {
		margin-top: -150px;
	}
	body {
		background-attachment: scroll;
		background-size: contain;
	}
}

/* IPAD PORTRAIT */

@media screen and (max-width: 769px) {
	.banner .image {
		height: 500px;
	}
	banner .featured-image {
		height: 400px;
	}
	.store {
		text-align: center;
		width: 100%;
		display: block;
		max-width: 100%;
	}
	.store img {
		max-width: 500px;
	}
	.logo-carousel {
		float: none;
		margin-top: 40px;
		width: 100%;
		text-align: center;
	}
	.home-content .left, .home-content .right {
		width: 100%;
	}
	.home-content .right {
		margin-top: 40px;
	}
	.home-content .cell {
		display: block;
	}
	.home-content .right .openingstijden {
		margin-left: 0;
	}
	header .table {
		display: inline-block;
		width: 100%;
	}
	header .table .left, header .table .right {
		display: inline-block;
		vertical-align: 0;
	}
	header .table .left {
		float: left;
		width: 30%;
	}
	header .table .right {
		float: right;
		width: 70%;
	}
	header nav {
	    margin-top: 0;
	    position: absolute;
	    right: 0;
	    top: 111px;
	}
	ul#menu-primary-menu {
	    padding: 30px 60px;
	    text-align: center;
	    background: rgba(0, 0, 0, 0.65);
	}
	header nav li a {
		margin: 0;
		padding: 0;
		line-height: 40px;
	}
	.page-with-sidebar .left, .page-with-sidebar .right {
		float: none;
		width: 100%;
	}
	.page-with-sidebar .left article {
		margin-right: 0;
	}
}

/* IPAD MINI PORTRAIT */

@media screen and (max-width: 767px) { 
	.home .tree-columns li {
		display: block;
		width: 100%;
	}
	.home .tree-columns li .content, .home .tree-columns {
		margin-right: 0;
	}
	footer .left, footer .right {
		display: block;
		text-align: center;
		width: 100%;
	}
	.footer-logo {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
	.home-content .right .openingstijden .content {
		padding: 20px 40px;
	}
	.openingstijden h2 {
		font-size: 20px;
	}
}


/* ALL MOBILES */

@media screen and (max-width: 736px) { 
	.custom-message {
		text-transform: none;
	}
	.banner .image {
		height: 350px;
	}
	.banner .featured-image {
		height: 300px;
	}
	header .table .left, header .table .right {
		float: none;
		width: 100%;
		display: block;
		text-align: center;
	}
	header {
		background: #000000;
	}
	.banner {
		margin-top: 0;
	}
	.banner .image, .banner .featured-image {
		background-attachment: scroll;
	}
	.store {
		margin-top: 40px;
	}
	.logo {
		width: 100%;
		max-width: 100%;
	}
	.logo img {
		width: 100%;
		height: auto;
		max-width: 100px;
	}
	.logo a img {
		padding: 20px;
	}
	header .topbar {
		display: none;
	}
	header nav {
		top: 0;
		position: relative;
		margin: 0 0 20px 0;
	}
	.box {
		padding: 0 15px;
	}
	.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
		width: 100%;
		padding: 10px 0px;
	}
	.brands .merk, .gallery ul li {
		width: 50%;
	}
	body {
		background-image: none;
	}
	.footer-logo img {
		display: inline-block;
	}
	footer ul li {
		display: block;
		border: none;
		margin: 10px 0;
	}
	.gallery ul li .content, .merk .image {
		margin-right: 20px;
	}
	.brands .merk, .gallery ul li {
		margin-bottom: 20px;
	}
	.gallery ul, .brands {
		margin-right: -20px;
	}
}