/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 1296px) {
	.menu li {
		margin: 0 5px;
	}
	.menu li:after {
		right: -9px;
	}
}
@media screen and (max-width: 1240px) { 
	.menu a {
		padding: 0 5px;
		letter-spacing: 1px;
	}
	
	.blcaccueil-presta li a:before {
		width: 4px;
height: 4px;
margin-top: -2px;
	}
	.blcaccueil-presta li a {
    padding-left: 10px;
		font-size: 12px;
		text-align: left;
	}
	
}
@media screen and (max-width: 1200px) { 
	.slogan {
		font-size:18px;
	}
}
@media screen and (max-width: 1160px) { 
	.menu li:after {
		display: none;
	}
	.menu li {
		margin: 0 0px;
	}
	.slogan {
		font-size:16px;
	}
	
	#wrapper {
		padding: 20px 0 40px !important
	}
}

@media screen and (max-width: 1100px) {  
	.slogan {
		max-width: 360px;
	}
	
}

@media screen and (max-width: 1050px) { 
	.menu a {
	letter-spacing: none;
		font-size: 13px;
	}
	
	.blcaccueil-presta ul li {
		width: 100%;
		text-align: center;
	}
	
	.blcaccueil-presentation, .blcaccueil-presta {
		text-align: left;
	}
	.blcaccueil-presta li a:before {
		display: none;
	}
		.blcaccueil-presta li a {
    padding-left: 0px;
		font-size: 14px;
		text-align: left;
			
	}
	.blcaccueil-presta img {
		width: auto;
		max-height: 80px;
	}
}

@media screen and (max-width: 1000px) { 
	.menu a {
	letter-spacing: none;
		font-size: 12px;
	}
	.slogan { 
		font-size: 14px;	
		max-width: 320px;
	}
}

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

	body {
	}
	
	
	.slogan, #navigation, .topbar-right { 
		display: none;
	}
	
	.topbar-left {
		text-align: center;
		width: 100%;
		letter-spacing: none;
		font-size: 11px;
	}
	#header {
		padding-bottom: 10px;
	}
	#header.fixer {
		padding-bottom: 10px;
	}
	
	#logo {
		float: left;
	}
	
	#wrapper {
		padding: 0px 0 40px !important
	}
	
	#container {
		padding: 0 10px;
	}

	.grid,
	.grid-right {
		display: block;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	
	.telheader {
		right: auto;
		left: 320px;
	}
	
		.metaslider .caption-wrap {
		max-width: 100% !important;
			width: 100% !important;
			padding: 0!important;
			left: 0!important;
			right: 0!important;
			margin: 0!important;
			opacity: 1 !important;
		font-size: 16px!important;
			text-align: center;
			bottom: -45px !important
}
	
	.flexslider {
		padding-bottom: 45px !important
	}
	
}
@media screen and (max-width: 770px) {

.del1,
.del15,
.del2,
.del25,
.del3,
.del35,
.del4,
.del45,	
.del5,
.del55,
.del6,
.del65,
.del7,
.del75,
.del8,
.del85,
.del9 {
			animation-delay: 0s !important;
	}

	
.blcaccueil-presentation .vc_column-inner,
.blcaccueil-presta .vc_column-inner,
.blcaccueil-devis .vc_column-inner {
	margin: 0 0 20px !important
}

	#footer .logofooter:after, #footer .footreal:after {

    position: absolute;
    width: 100%;
    background: rgba(246,235,185,0.3);
    bottom: -5px;
    top: auto;
    right: 0;
	left: 0;
		height: 1px;
    content: "";
    display: block;

}
	#footer .logofooter {
		text-align: center !important
	}
	#footer .logofooter p {
		margin-bottom: 5px;
	}
	
	#footer .logofooter img {
		display: inline-block;
	}
	
	
	.footreal-wrap, .footmap-wrap {
		margin: 0 !important
	}
	.footreal, #footer .logofooter {
		min-height: auto !important;
		padding: 20px 0 ;
	}
	
	.blcaccueil-presta ul li {
		width: 50%;
		text-align: left;
	}
	.blcaccueil-presta li a:before {
		width: 4px;
height: 4px;
margin-top: -2px;
	}
	.blcaccueil-presta li a {
    padding-left: 0px;
		font-size: 12px;
		text-align: left;
	}
	
}

@media screen and (max-width: 660px) {
	.telheader:before {
		display: none !important;
	}
	
	
	
	
.telheader { 
	font-size: 14px !important;
	left: 220px;
}
	
	.telheader .mailhead, .telheader i {
		font-size: 12px !important;
	}
	
.telheader span {
	font-size: 18px!important;
	line-height: 20px!important;
}
	
	button#responsive-menu-button {
    top: 50px !important;
	}
	
}

@media screen and (max-width: 550px) {
	#logo img {
		max-height: 90px;
	}
	
	.telheader {
		left: 180px;top: 50px;
	}
	
	.topbar-left {
		font-size: 9px!important;
		line-height: 11px!important;
	}

}
@media screen and (max-width: 500px) {
	.metaslider .caption-wrap {

		font-size: 14px!important;
	}

}
@media screen and (max-width: 480px) {
	.telheader:before {
		display: none;
	}
	.telheader {
		left: 160px;
		top: 40px;
	}
	
	#logo img {
		max-height: 80px;
	}

}
@media screen and (max-width: 450px) {
	.metaslider .caption-wrap {

		font-size: 12px!important;
	}
	
	.telheader .mailhead {
		display: none !important
	}

}

@media screen and (max-width: 390px) {
	.metaslider .caption-wrap {
display: none !important
	}
	.flexslider {
		padding-bottom: 0 !important
	}
	
	.telheader {
		display: none;
	}
	
	
	

}

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

}

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


	
}