@media only screen and (min-width: 900px) {
	.single-product:nth-of-type(1){
	}
	
	.single-product:nth-of-type(2){
		position:relative;
		top: 2.5vw;
	}
	
	.single-product:nth-of-type(3){
	}
}

@media only screen and (min-width: 900px) {
	.tuiles .single-tuile:nth-of-type(3n - 1){
		position:relative;
		top: 2.5vw;
		
	}
}

@media only screen and (min-width: 900px) {
	.products-background {
		background-position-y: 90px;
	}
	
	.single-product, .tuiles .single-tuile, .application-thumb-container {
		min-height: 17vw;
	}

	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 .blackveil {
		padding-top: 60px;
	}
	
	#top-slider {
    height :400px!important;
	}
}

@media only screen and (max-width: 1299px) {
	#lang_choice_1 {
	    margin-left: 30px;
	}
}

@media only screen and (max-width: 899px) {
	#top-slider {
    height : 600px!important;
	}
	
	/* menu */
	#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% - 2rem) / 2);
	}
	
	.tuiles .single-tuile {
		width:calc((100% - 2rem) / 2);
	}
	/* 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;
	    position:inherit;
	}
	ul.list-block li::before{
		left: -35px;
	}
	ul.list-block {
	    padding-left: 35px;
	}
} 



@media only screen and (max-width: 899px) {
	/* slider top */
	h1{
		font-size: 40px;
		line-height: 37px;
	}
	#top-slider .blackveil p {
	    margin-top: 10px;
	    margin-bottom: 10px;
	    font-size: 15px;
	}
	/* posts & products */
	.products-container, .posts-container, .applications-container{
		flex-flow: row wrap;
		margin-top:-10px;
	}
	.single-tuile .single-product, .single-post, .single-application{
		width: 100%;
		margin-top: 10px;
	}

	.post-thumb-container, .application-thumb-container{
		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: 599px) {
	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: 599px) {
	form .buttons {
    	margin-top: 20px;
	}
	form .buttons input.button{
		margin-top: 10px;
	}
}
	
@media only screen and (max-width: 479px) {
	/* tuiles */
	.tuiles .single-tuile, .products-container .single-product {
		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;
	}
}
@media only screen and (max-width: 1072px) {
	.video-item-block2 {
		width: calc(50% - 20px) !important;
	}
}
@media only screen and (max-width: 751px) {
	.video-item-block2 {
		width: 100% !important;
	}
}