/* ===== Start Large screens
--------------------------------------------------------------------------------------------------*/

@media only screen and (min-width : 1681px) {
	.wrapper.unwrapped .center-wrapper .image-link{
		width: 11%;
		padding: 10px 5px;
	}
}


@media only screen and (max-width : 1680px) {
	.main-menu > li {
		float: none;
		margin-bottom: 20px;
	}
	.wrapper.unwrapped .center-wrapper .image-link{
		width: 11%;
		padding: 10px 5px;
	}

}

@media only screen and (max-width : 1430px) {
	#contact-section {
	    margin-bottom: 0px;
	    padding-bottom: 20px;
	}
}

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


	.distribution-map-wrapper{
		background-size: cover;
	}

	.distribution-map-inner-wrap{
		background-color: rgba(255, 255, 255, 0.8);
		padding: 15px;
	}

	.form-warpper{
		margin-top: 0;
	}

	.form-warpper h2{
		top: 0;
		padding-top: 20px;
	}

	.image-wrapper,
	.right-wrapper{
		max-width: 65%;
	}



}

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

	.image-wrapper,
	.right-wrapper,
	.left-wrapper{
		max-width: 100%;
		width: 100%;
		min-width: 100%;
		margin: 0;
	}


	.collection-page h1{
		margin-top: 0px;
	}

	.wrapper.unwrapped .center-wrapper .image-link{
		width: 12%;
		padding: 5px;
	}

}



/* ===== End Large screens
--------------------------------------------------------------------------------------------------*/

/* ===== Start Desktops and laptops
--------------------------------------------------------------------------------------------------*/
@media only screen  and (max-width : 992px) {

	#logo {
		width: 170px;
	}

	#nav .nav-inner {
		padding: 145px 50px 0 50px;
	}

	#main-section {
		background-color: rgba(255, 255, 255, 0.8);
		margin-left: 0px;
		padding: 15px;
	}

	.left-wrapper{
		margin-right: 0;
		min-width: 100%;
		max-width: 100%;
	}


	.image-wrapper{
		max-width: 100%;
	}

	.inner-wrapper-map{
		min-height: 500px;
	}

	.distribution-map-content{
		padding-top: 200px;
	}

	input[type="text"], input[type="email"]{
		margin-right: 0;
		width: 100%;
		max-width: 100%;
	}

	#go-to-iframe{
		max-width: 500px;
	}


	.wrapper.unwrapped .center-wrapper .image-link{
		width: 16.6%;
		padding: 5px;
	}

	#go-to-popup{
		max-width: 800px;
	}

}

@media only screen and (min-width : 0px) and  (max-width : 680px) {
	.wrapper.unwrapped .center-wrapper .image-link{
		width: 20%;
		padding: 5px;
	}

	.image-link:hover .inner-link:after{
		display: none;
	}
}

/* ===== End Desktops and laptops
--------------------------------------------------------------------------------------------------*/

@media only screen and (max-width : 730px) {
	#go-to-popup{
		padding: 0;
		max-width: 600px;
	}

	#go-to-popup .slick-next,
	#go-to-popup .slick-prev{
		display: none!important;
	}

	.product-slider-nav .slick-track {
		max-width: 300px;
		margin: 0 auto;
	}

	.product-slider-nav .slick-slide{
		width: 50px!important;
		height: 35px;
	}

	.product-slider img {
	    max-height: initial;
	    height: auto;
	}
}


@media only screen and (min-width : 0px) and  (max-width : 540px) {
	#logo {
		top: 30px;
		left: 30px;
		max-width: 225px;
	}

	#menu-button{
		top: 30px;
		right: 30px;
	}

	#nav .nav-inner {
		padding: 80px 20px 10px 5px;
	}

	.wrapper {
		padding: 110px 30px 0;
	}

	.inner-wrapper-map,
	.form-warpper{
		padding: 0 30px;
	}


	.inner-footer {
		padding: 15px;
	}

	.description-wrapper{
		padding: 0px;
		background-color: transparent;
	}

	.inner-wrapper-map {
		min-height: 350px;
	}

	.distribution-map-content {
		padding-top: 115px;
	}

	h1{
		font-size: 32px;
	}

	h2{
		font-size: 26px;
	}

	.grid-item--width-75,
	.grid-item--width-70,
	.grid-item--width-60,
	.grid-item--width-50,
	.grid-item--width-40,
	.grid-item--width-35,
	.grid-item--width-33,
	.grid-item--width-32,
	.grid-item--width-30,
	.grid-item--width-25 {
		width: 49.5%;
	}

	#go-to-iframe{
		max-width: 300px;
	}

	#go-to-popup{
		max-width: 400px;
	    max-height: 187px;
	}


	.wrapper.unwrapped .center-wrapper .image-link{
		width: 33.33%;
		padding: 5px;
	}

}

@media only screen and (min-width : 320px) and (max-width : 1024px){
	.description-wrapper {
	    position: relative;
	    bottom: 0px;
	    left: 0px;
	    padding: 20px 5px 20px 25px;
	    background-color: #fff;
	    max-width: 572px;
	    width: 100%;
	}
}


@media only screen and (min-width : 320px) and (max-width : 767px){
	.small-image img{
	    padding: 0px;
	    background: #f4f4f4;
	    position: relative;
	    right: 0px;
	    bottom: 0px;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    right: auto !important;
	    bottom: auto !important;
	}

	.signature {
	    margin-left: 0px;
	    float: none;
	    margin-top: 10px;
	    width: 100%;
	}

	#footer span {
	    text-align: center;
	}

	#footer ul {
	    float: none;
	    margin-bottom: 10px;
	}

	.small-image{
		display: none;
	}

	.distribution-map-wrapper {
	    background-size: cover !important;
	}

	#footer a{
		text-align: center;
	}
}



/* ===== Start Smartphones (portrait and landscape)
--------------------------------------------------------------------------------------------------*/
@media only screen and (min-width : 0px) and (max-width : 400px){

	#logo{
		max-width: 175px;
	}

	.hidden-sm{
		display: none;
	}

	.main-menu{
		float: none;
		border-bottom: 1px solid #eee;
		max-height: 360px;
		overflow-y: auto;
	}

	.lang-wrapper {
		padding: 10px 10px 15px;
		border-left: 0;
		float: none;
	}

	.main-menu .level-one > a,
	.main-menu .level-one > ul{
		padding: 0 15px;
	}

	#nav .nav-inner {
		padding: 80px 30px 10px;
	}

	#language-select .dd-options{
		bottom: 30px;
	}

	.home .wrapper {
		padding: 200px 15px 0;
	}

	#contact-form{
		padding-bottom: 40px;
	}

	.grid-item--width-75 {
		width: 100%;
	}

	.grid-item--width-70 {
		width: 100%;
	}

	.grid-item--width-60 {
		width: 100%;
	}

	.grid-item--width-50 {
		width: 100%;
	}

	.grid-item--width-40 {
		width: 100%;
	}

	.grid-item--width-35 {
		width: 100%;
	}

	.grid-item--width-33 {
		width: 100%;
	}

	.grid-item--width-32 {
		width: 100%;
	}

	.grid-item--width-30 {
		width: 100%;
	}

	.grid-item--width-25 {
		width: 100%;
	}
	.arrow{
		top: 35%;
	}

	.product-slider img {
		max-height: 215px;
	}

	.product-slider-nav .slick-slide {
		width: 40px!important;
		height: 30px;
	}

	.product-slider-nav .slick-track {
		max-width: 240px;
		margin: 0 auto;
	}

	#go-to-popup{
		max-width: 280px;
	    max-height: 187px;
	}



}

@media only screen and (min-width : 0px) and (max-width : 360px){

	#logo {
		top: 33px;
		left: 15px;
		width: 140px;
	}

	#menu-button{
		right: 15px;
	}

	.wrapper.unwrapped .center-wrapper img{
		width: auto;
	}

	.image-link:hover .inner-link:after{
		display: none;
	}

	#nav .nav-inner {
		padding: 80px 15px 10px;
	}

	.imprint{
		margin-bottom: 10px;
	}

	#menu-footer-menu,
	.copyright{
		float: none;
		width: 100%;
		text-align:  center;
	}

	#footer {
		height: 70px;
	}

	#go-to-iframe{
		max-width: 260px;
	}

	.wrapper.unwrapped .center-wrapper .image-link{
		width: 50%;
		padding: 5px;
	}

	.wrapper.unwrapped .center-wrapper .image-link{
		width: 50%;
		padding: 5px;
	}
}
/* ===== End Smartphones (portrait and landscape)
--------------------------------------------------------------------------------------------------*/

@media only screen and (min-device-width : 320px) and (max-device-width : 667px) and (orientation : landscape) {
	.product-slider img {
		max-height: 200px;
	}

}