/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	nav ul li a {
		padding: 7px 15px;
	}
	.tel-box p {
		font-size: 14px;
	}
	.form-box {
		margin-right: 0;	
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	nav ul {
			display: none;
			width: 100%;
		}
		nav ul li {
			display: block;
			width: 100%;

		}
		nav ul li a, nav ul li span {
			width: 100%;
			margin-left: 0;
		}
		header {
			padding-bottom: 25px;
			padding-top: 10px;
		}
		.block-1 {
		-webkit-background-size: cover;
		background-size: cover;
	}
	.icon-item {
		width: 340px;
	}

	.block-5 .b6-box {
		width: 380px;
		margin:auto;
		margin-bottom: 35px;
	}

	.block-6 .b6-box > div {
		width: 100%;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	header {
		text-align: center;
	}

	.b-panel {
		text-align: center;
	}

	.tel-box {
		margin-top: 15px;
	} 

	.form-box {
		text-align: center;
	}
	.form-box .btn, .form-box input {
		margin-top: 15px;
		margin-right: 0;
		}

	h2 {
		font-size: 34px !important;
		line-height: 36px;
	}
	.block-2 h2 {
		text-align: center;
	}
	.site-tarif-box {
		width: 270px;
		margin: auto;
		margin-bottom: 35px;
	} 
	.block-1, .block-2, .block-3, .block-5  {
		-webkit-background-size: cover;
		background-size: cover;
		background-attachment: none;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.icon-item {
	width: 275px;
	text-align: center;
}
.icon-item p {
	text-align: center;
}

.icon-item > div {
	width: 100%;
}

h2 {
	font-size: 24px !important;
}

.b4-txt-block i {
	display: none;
}

.b4-txt-block {
	padding-left: 25px;
	text-align: center;
}
.clients {
	font-size: 26px;
	line-height: 30px;
}

.block-5 .b6-box {
	width: 270px;
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
nav > ul {
		display: block !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}