/* Media Query */

/* Ecrans 23 pouces (1920px) */
@media only screen and (min-width:1367px) {
	.center{
		max-width:65%;
	}
	.page-title{
		width:100%;
		font-size:1.8em;
	}
}

@media only screen and (max-width:1367px) {
	.center{
		max-width: 1200px;
	}
}

/* Tablet Portrait width to 960px */
@media only screen and (max-width:1025px) {
	.center{
		max-width: 90%;
		padding: 0 15px;
	}
}

/* Tablet Portrait width to 960px */
@media only screen and (max-width:960px) {
	.center{
		max-width: 95%;
	}
}

@media only screen and (max-width:960px) {}
@media only screen and (min-width:769px) and (max-width:960px) {}

@media only screen and (max-width:768px) {
	.center{
		max-width: 100%;
		padding: 0 10px;
	}
}

@media only screen and (max-width:480px) {
	.tri-clip.tri-1 {
		width: 45px;
		height: 45px;
		top: 200px;
		left: 10px;
		transform: rotate(60deg);
	}
	.tri-clip.tri-2 {
		top: 230px;
		left: 40px;
		transform: rotate(10deg);
	}
	.tri-clip.tri-3 {
		width: 50px;
		height: 50px;
		bottom: 10px;
		left: 120px;
	}
	.tri-clip.tri-4 {
		bottom: 40px;
		left: 120px;
	}
	.tri-clip.tri-5 {
		width: 20px;
		height: 20px;
		top: 50px;
		right: 50px;
	}

	nav.menu ul li {
		padding: 0 3px;
	}
	nav.menu ul li:not(:last-child)::after {
		content: "";
	}
	nav.menu ul li a .label {
		display: none;
	}
	nav.menu ul li a i {
		font-size: 24px;
		display: inline-block;
	}

	#page-header {
		background-position: bottom right;
	}
	#page-header .v-identity a.logo img {
		width: 250px;
	}
	#page-header nav.menu ul li {
		padding: 0 10px;
	}
	#page-header nav.menu ul li a i {
		font-size: 30px;
	}

	#about-us .content,
	#about-us .illustration {
		width: 100%;
	}
	#about-us .content {
		padding: 0 20px;
	}

	#product-ranges a {
		width: 250px;
	}

	#partners a {
		width: 150px;
		height: auto;
	}
	#partners a img {
		width: 100%;
	}
	#partners a h3 {
		font-size: 14px
	}
	
	#contacts .contact-us,
	#contacts .newsletter {
		padding: 0 20px;
	}
	#contacts .newsletter form input {
		width: 280px;
	}

	#copyright .all-rights {
		display: block;
	}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width:376px) {
}

@media only screen and (min-width:321px) and (max-width:480px) {
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width:321px)  and (max-device-width:480px) {}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width:321px) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width:320px) {
	#home-product-categories ul li {
		margin: 0;
	}
}