@media only screen and (min-width: 1500px) {
	.tuiles .single-tuile{
		height: 325px;
	}
}

@media only screen and (min-width: 900px) {
	li.menu-item:hover ul.sub-menu{
		display: block;
	}
	ul.sub-menu li{
		background-color: #fdfdfd;
	}
	ul.sub-menu{
    	background-clip: content-box;
	}
	
	#top-slider {
    height :400px!important;
	}
}
@media only screen and (max-width: 1300px) {
	ul.main-menu li {
	    margin-right: 30px;
	}
	#lang_choice_1 {
	    margin-left: 30px;
	}
}
@media only screen and (max-width: 1200px) {
	.products-container, .news-events, 
	.footer-content, .main-content, 
	#top-slider .blackveil, #header-menu, .page-content,
	.post-banner .blackveil {
	    padding-left: 5%;
    	padding-right: 5%;
	}
}

@media only screen and (max-width: 900px) {
	#top-slider {
    height : 600px!important;
	}
	
	/* menu */
	#header-menu.fixed{
		height:70px;
	}
	#hamburger {
		display: block;
	}
	#header-menu ul.main-menu{
		display: none;
	}
	#mobile-menu{
		display: flex;
	}
	#search-icon{
	    display: flex;
    	align-items: center;
	}
	.close-mobile-submenu{
		display: block;
	}
	/* posts & products */
	.single-product:nth-of-type(1), .single-post:nth-of-type(1),
	.single-application:nth-of-type(3n-2) {
	    margin-right: 0;
	}
	.single-product:nth-of-type(3), .single-post:nth-of-type(3),
	.single-application:nth-of-type(3n) {
	     margin-left: 0; 
	}
	.single-product:nth-of-type(2), .single-post:nth-of-type(2),
	.single-application:nth-of-type(3n-1) {
	    margin-left: 10px;
	    margin-right: 10px;
	}
	.single-application, .single-product, .single-post {
		width:calc(100% / 3 - 20px / 3);
	}
	/* footer */
	.footer-column {
	    padding-left: 10px;
	    padding-right: 10px;
	    width: calc(50% - 20px);
	    margin-top: 20px;
	}
	.footer{
		padding-top:50px;
		padding-bottom: 50px;
	}
	.footer-content{
		flex-flow: row wrap;
		margin-top: -20px
	}
	/* page content */
	.page-content.sidebar{
		flex-direction: column;
		padding-top: 40px;
	}
	.page-content .page-loop {
	    width: 100%;
	    padding-right: 0px;
	}
	.page-content .page-sidebar {
	    width: 100%;
	    margin-top: 30px;
	}
	ul.list-block li::before{
		left: -35px;
	}
	ul.list-block {
	    padding-left: 35px;
	}
} 



@media only screen and (max-width: 900px) {
	/* slider top */
	h1{
		font-size: 40px;
		line-height: 37px;
	}
	#top-slider .blackveil p {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    font-size: 15px;
	}
	/* tuiles */
	.tuiles .single-tuile{
		width: calc(50% - 10px);
	}
	.single-tuile:nth-of-type(n){
		margin-right: 5px;
	}
	.single-tuile:nth-of-type(2n){
		margin-left: 5px;
	}
	.single-tuile:nth-of-type(3), .single-tuile:nth-of-type(6) {
		margin-left: 0px;
	}
	/* posts & products */
	.products-container, .posts-container, .applications-container{
		flex-flow: row wrap;
		margin-top:-10px;
	}
	.single-product, .single-post, .single-application{
		width: 100%;
		margin-top: 10px;
	}
	.post-thumb, .application-thumb {
	    height: 50vw;
	}
	.single-product:nth-of-type(2), .single-post:nth-of-type(2), .single-application:nth-of-type(3n-1) {
	    margin-left: 0px;
	    margin-right: 0px;
	}
} 

@media only screen and (max-width: 600px) {
	h1{
		font-size: 35px;
		line-height: 32px;
	}
	.single-tuile h3{
		font-size: 20px;
	}
	.products-veil, .news-events, .footer {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.tuiles{
		margin-bottom: 40px;
	}
	.tuiles-title{
		margin-top: 40px;
	}
	.single-partenaire {
	    width: 125px;
	    height: 90px;
	}
	#searchform {
	    left: -125px;
	}
	form .select-container{
		flex-direction: column;
		align-items: flex-start;
	}
	.select-container select{
		margin-left: 0px;
	}
} 
@media only screen and (max-width: 600px) {
	form .buttons {
    	margin-top: 20px;
	}
	form .buttons input.button{
		margin-top: 10px;
	}
}


@media only screen and (max-width: 480px) {
	/* tuiles */
	.tuiles .single-tuile{
		width: 100%;
	}
	.single-tuile:nth-of-type(n){
		margin-right: 0px;
	}
	.single-tuile:nth-of-type(2n){
		margin-left: 0px;
	}
	.single-tuile{
		margin-bottom: 10px;
	}
	.tuiles{
		margin-bottom: 40px;
	}
	/* fonts */
	h2{
		font-size: 28px;
	}
}