/*lg*/
@media (min-width:1201px){ 
	.navbar-header{
		margin-left: 2%!important;
	}

	#slidemenu ul li a{
		font-size: 0.85em;
		font-family: 'Roboto', sans-serif;
	}
	.footer-menu-mobile{display:none !important;}
	.desktop-hide{display:none !important;}
	.height-cubes{min-height:320px;}
}

/*md*/

@media (min-width:1024px) and (max-width:1200px) { 
	#slidemenu ul li a{
		font-size: 0.85em;
		font-family: 'Roboto', sans-serif;}
	.navbar-brand {
		float: left;
		font-size: 18px;
		height: 100px;
		line-height: 20px;
		padding: 30px 10px 20px 5px;
		background:#fff;
	}
	.tel{
		float:left;
		padding:0 15px;
		line-height:27px;
		background:#000;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:24px;
		color:#ffffff;
	}
	.tel-logo{
		display:none;
	}
	.nav > li > a {
		padding:0 10px;
		color:#991220;
	}
	.navbar-nav > li > a {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		text-transform:uppercase;
		color:#991220;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.footer-menu-mobile{display:none !important;}
	.desktop-hide{display:none !important;}
	.height-cubes{min-height:320px;}
}



/*exemple querie between sm et md ajustement*/
@media (min-width:990px) and (max-width:1024px) { 
	#slidemenu ul li a{
		font-size: 0.85em;
		font-family: 'Roboto', sans-serif;
	}
	.navbar-brand {
		float: left;
		font-size: 18px;
		height: 100px;
		line-height: 20px;
		padding: 30px 30px 20px 10px;
		background:#fff;
	}
	.nav > li > a {
		padding:0 10px;
		color:#991220;
	}

	.navbar-nav > li > a {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:15px;
		text-transform:uppercase;
		color:#991220;
		padding-bottom: 40px;
		padding-top: 40px;
	}
	.footer-menu-mobile{display:none !important;}
	.desktop-hide{display:none !important;}
	.height-cubes{min-height:320px;}

}


/*sm*/
@media (max-width: 991px) {
	#slidemenu ul li a{
		font-size: 0.85em;
	font-family: 'Roboto', sans-serif;}
	.footer-menu-desktop{display:none !important;}
	
	.navbar-brand {
    float: left;
    font-size: 18px;
    height: 100px;
    line-height: 20px;
    padding: 25px 15px 20px 10px;
	background:#fff;
	}

	.tel {
		font-size: 18px;
	}

	.nav > li > a {
		padding:0 9px;
		color:#991220;
	}

	.navbar-nav > li > a {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:11px;
		text-transform:uppercase;
		color:#991220;
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.navbar-toggle-wrap{
		display:none;
	}

	.bg-metal-glow{
		background-image:none;
	}
		.height-cubes{min-height:160px;}

	
}


@media (min-width:768px) and (max-width:989px) { 
	.desktop-hide{display:none !important;}
}

/*xs*/
/*menu collapse*/
@media (max-width: 767px) { 
	.camions{width:100%; max-width:700px; }
	.height-cubes{min-height:60px;}
	.navbar-nav > li > a {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:20px;
		text-transform:uppercase;
		color:#991220;
		padding-bottom: 15px !important;
		padding-top: 15px !important;
		text-align:left;
		padding-left:25px;
		border-bottom:1px solid #272b2e;
	}


	.navbar-toggle-wrap{
		display:block;
		float:right;
		background:#000;
		height: 100px;
		padding: 30px;
	}


	.close-toogle{
		display:block!important;
		position:absolute!important;
		right:15px!important;
		top:10px!important;
		z-index:100;
		background-color:transparent!important;
	}


	.burstzone {
		background: none repeat scroll 0 0 #740c17;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.index-service p{
		text-align:center!important;
	}

	ul.service-index li{
		text-align:center!important;
	}


	.col2{
		margin-top:30px;
	}
	
	.footer-menu-desktop{display:none !important;}
	.images-desktop{display:none !important;}

	.foot-tel{
		background-image:none;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:22px;
		padding-top:12px;
		padding-left:0px;
		color:#d3d3d3;
		padding-bottom:0;
		margin-bottom:0;
		border-bottom:0;
		text-align:center;
		padding-right:20px;
	}

	.footcol1{
		text-align:center;
	}


	.footerlink{
		display:none;
	}

	.foot-adress{
		text-align:center;
		margin-top:30px;
	}






}

@media (max-width: 630px) { 
	.footer-menu-desktop{display:none !important;}
	.images-desktop{display:none !important;}
	p.slogan{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:20px;
	color:#991220;
	text-transform:uppercase;
	text-align:center;
	line-height:36px;
}

	p.slogan span{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	color:#161616;
	font-size:36px;
	line-height:36px;
}


}

@media (max-width: 475px) { 

	.footer-menu-desktop{display:none !important;}
	.images-desktop{display:none !important;}
	promotion img{
		width: 100%;
	}

	p.slogan{
		font-family: 'Roboto Condensed', sans-serif;
		font-size:18px;
		color:#991220;
		text-transform:uppercase;
		text-align:center;
		line-height:36px;
	}

	p.slogan span{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:900;
		text-transform:uppercase;
		color:#161616;
		font-size:30px;
		line-height:30px;
	}

	.google-maps {
	  position: relative;
	  padding-bottom: 100%; // This is the aspect ratio
	  height: 0;
	  overflow: hidden;
	}
	.google-maps iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100% !important;
	  height: 100% !important;
	}


}



/*xxs device*/
@media (max-width: 440px) {
	.footer-menu-desktop{display:none !important;}
	.images-desktop{display:none !important;}
	#slide-nav .navbar-header {
		margin: 0 auto;
		padding: 0 10px;
	}	

	.navbar-toggle-wrap{
		display:block;
		float:right;
		background:#000;
		height: 100px;
		padding: 30px 10px 30px 10px;
	}


	p.slogan{
		font-family: 'Roboto Condensed', sans-serif;
		font-size:16px;
		color:#991220;
		text-transform:uppercase;
		text-align:center;
		line-height:24px;
	}

	p.slogan span{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight:900;
		text-transform:uppercase;
		color:#161616;
		font-size:24px;
		line-height:24px;
	}

	.imgcol{
		width:100%;
	}

	.copy{
		text-align:center;
	}



	.mediaweb {

		text-align:center;

	}
	.well{
		height: 140px!important;
		padding:2px;
		display: block!important;
	}
	.well div{
		height: 135px!important;
	}
	.VR-promo img{
		width: 100%;
	}
	
}