@media (min-width: 1630px){
	.container.container-body {
			width: 1600px!important;
			padding-left:0;
			padding-right:0;
	}
	
	
	
	.wrap-sticky nav.navbar.bootsnav {
    left: auto!important;
    /* width: 1600px!important; */
		width: 100%!important;
	}
	
	.border-body{
		/* border-left:1px solid #DFDFDF;
		border-right:1px solid #DFDFDF; */
	}
	
}

@media (max-width: 1500px){
	.top-menu ul {
			margin: 10px 15px 5px;
	}
}


@media (min-width: 1200px){
	.recrutement_sous_bandeau{
		padding-left:90px;
		padding-right:90px;
	}
	
	.container.container-body {
			width: 100%;
			padding-left:0;
			padding-right:0;
	}
	
	
	.presentation.default-padding:not(.no-padding-left)  .row  .col-md-6:first-child{
		    padding-right: 35px;
				width: 48%;
	}
	
	
	.presentation.default-padding:not(.no-padding-left) .row  .col-md-6:last-child{
		    padding-left: 25px;
				width: 52%;
	}
	
}
.header.header-full-width nav.navbar.bootsnav .visible-sticky{
	display:none;
} 
	
@media (min-width: 1024px){
	.header.header-full-width nav.navbar.bootsnav.sticked {
    background: rgba(4,29,91,0.6);
		padding: 10px 0;
	}
	
	.header.header-full-width nav.navbar.bootsnav.sticked .hidden-sticky{
		display:none;
	}
	
	.header.header-full-width nav.navbar.bootsnav.sticked .visible-sticky{
		display:block;
	}
	
	.header.header-full-width nav.navbar.bootsnav.sticked  .titre-sticky{
		color:#fff;
		text-align:right;
		font-size:24px;
	}
	
	.header-full-width .navbar-header {
    float: none;
    text-align: right;
	}
	
	.header-full-width .navbar-header .navbar-brand{
		display: block;
    width: 100%;
	}
	
	.header.header-full-width nav.navbar.bootsnav.sticked  ul.nav {
    margin: 0px 0;
	}
	
	.top-menu.visible-sticky ul {
    text-align: center;
    margin: 0;
    padding-left: 0;
	}
	.top-menu.visible-sticky ul li {
    padding: 0px 13px;
	}
	
	.top-menu.visible-sticky ul li a .icon.icon-panier{
		background:url(../images/icones/mon-compte2.png) no-repeat 50%/100%;
	}
	.top-menu.visible-sticky ul li:hover a .icon.icon-panier, .top-menu.visible-sticky ul li.active a .icon.icon-panier{
		background:url(../images/icones/mon-compte2.png) no-repeat 50%/100%;
		transform: scale(1.3);
	}

	.top-menu.visible-sticky ul li a .icon.icon-contact{
		background:url(../images/icones/contact2.png) no-repeat 50%/100%;
	}
	.top-menu.visible-sticky ul li:hover a .icon.icon-contact, .top-menu.visible-sticky ul li.active a .icon.icon-contact{
		background:url(../images/icones/contact2.png) no-repeat 50%/100%;
		transform: scale(1.3);
	}

	
}


@media (max-width: 1199px){
	.specialite-magasin .titre {
		font-size: 20px;
	}
	
	.presentation p{
		    font-size: 25px;
	}
	
	.container.container-body {
			width: 100%;
			padding-left:0;
			padding-right:0;
			    overflow: hidden;
	}
	
	
	
}

@media (max-width: 1023px){
	nav.navbar.bootsnav .navbar-toggle {
			float: right;
			margin-right:0;
	}
	
	.pneus.yellow_border{
		display:inline-block;
	}

	.pneus.yellow_border .item{
		 display: inline-block;
		 width: 24%;
	}
	
	.page-pieces-auto{
		background:#fff  url(../images/bg-pieces-auto2.jpg) no-repeat 50%/auto 100%;
	}

	
	
}



@media (min-width: 1024px) and (max-width: 1199px){
	nav.navbar.bootsnav ul.nav > li > a, nav.navbar.bootsnav.sticked ul.nav > li > a {
			padding: 5px 19px;
			letter-spacing: 0;
	}
	nav.navbar.bootsnav ul.nav > li > a {
    font-size: 10.5px;
		    border-right: 1px solid #2175FF;
	}
	
	.header nav.navbar.bootsnav .col-lg-8{
		padding-right: 30px;
	}
	
	.top-menu ul {
    margin: 15px 15px 5px;
	}
	.counter .item .timer, .counter .item span{
		font-size: 60px;
	}
	.counter .item h4{
		font-size: 20px;
	}
	
	.page-title {
    height: 450px;
	}
	h3, .h3 {
    font-size: 20px;
	}
	
	.coordonnees p {
    font-size: 18px;
	}
	.btn.btn-default{
		font-size: 18px;
		padding: 10px 20px;
	}
	
	.pneus .titre, .consommables .titre{
		font-size:30px;
	}
	
	
	.logos-group img {
    height: 78px;
	}
	
}

@media (min-width: 768px) and (max-width: 992px){
	.pneus.yellow_border .item .cover-image4{
		    background-size: 100%!important;
	}
}

@media (max-width: 992px){
	.navbar-brand{
		padding:0
	}
	.header .logo {
    width: 80px;
    max-width: 100%;
    text-align: left;
    left: 0;
    position: absolute;
	}
	#navbar-menu {
    position: absolute;
    top: 0;
    width: 0%;
    right:0%;  
		z-index: 9;
		transition: all 0.8s ease-out;
	}
	
	/* nav.navbar.bootsnav .navbar-nav{
		transition: all 1s ease-out;
		margin-left:500px;
		opacity:0;
	} */
	
	
	.sticked .top-menu, .sticked .logo-groupeauto{
		display:none;
	}
	
	.header .sticked  .logo {
    width: 100px;
	}
	
	.services .item {
		margin-bottom:20px;
	}
	
	.btn.btn-default {
    font-size: 28px;
    padding: 10px 45px;
	}
	
	.page-title {
    height: 360px;
	}
	
	
	
	.pneus .titre, .consommables .titre{
				font-size: 30px;
	}
	
	.presentation h3, .h3_presentation{
		margin-top:20px;
	}

	.banner-area .carousel-zoom .slider-thumb{
		background-size:cover;
	}
	
	
	.style-equipements .item  {
    text-align: center;
	}
	
	.style-equipements .item .titre {
    text-align: center;
    font-size: 38px;
    margin-left: 0px;
		border-bottom: 0px solid #2175FF;
		border-top: 5px solid #2175FF;
    display: block;
	}
	
	.style-equipements .item  ul{
    text-align: left;
	}
	
	.coordonnees-formulaire .item h3 a {
    font-size: 19px;
    word-wrap: break-word;
	}
	
	.bloc_liens img {
   
    margin-right: 0px;
		 margin-bottom: 20px;
	}
	
}

@media (max-width: 767px){
	.top-menu ul li {
    display: inline-block;
    text-align: center;
    padding: 0px 5px;
    font-size: 13px;
	}	
	.logo-groupeauto img {
    width: 50px;
    margin-top: 10px;
		margin-bottom: 10px;
    display: inline-block;
	}
	.banner-area .carousel-zoom .slider-thumb{
		background-position: center;
	}
	
	.top-menu ul {
    text-align: center;
    margin: 20px 0;
    padding-left: 0;
	}
	
	.coordonnees-agences .coordonnees .text-right, .coordonnees-agences .coordonnees .text-right p{
		text-align: left;
	}
	
	.coordonnees-formulaire .item h3 a {
    font-size: 14px;
    word-wrap: break-word;
	}
	
	.btn.btn-default {
    font-size: 15px;
    padding: 10px 15px;
	}
	
	.page-entreprise h1 {
    font-size: 50px;
	}
	.page-entreprise img {
    max-width: 150px;
	}
	
	.box_bg_bleu2.pieces h1 {
    font-size: 35px;
	}
	
	.titre_bg_bleu2 h3, .titre_bg_bleu{
		font-size: 30px;
	}
	
	.page-title {
    height: 210px;
	}
	
	
	.pneus .item {
    width:100%;
	}
	.pneus .titre, .consommables .titre {
    font-size: 36px;
	}
	
	.pneus.yellow_border .item{
		width:100%;
	}
	
	.specialite-magasin-left  .specialite-magasin, .specialite-magasin-left .specialite-magasin .titre{
		text-align:center!important;
	}
	
	.bloc_liens{
		text-align:left;
	}
	
	.offres .titre_bg_bleu, .titre_bg_bleu2 h4 {
    font-size: 30px!important;
	}
	
	
	
}

@media (min-width: 480px) and (max-width: 1023px) {
	.navbar .col-md-7, .logo-groupeauto{
		display: inline-block;
		/* width: 100%; */
	}
	.logo-groupeauto{
		float: right;
    position: absolute;
    bottom: 10px;
    right: 0;
		text-align:right!important;
		z-index: -1;
	}
	.logo-groupeauto img {
    width: 60px;
    margin-top: 25px;
	}
	.top-menu ul {
    text-align: left;
    margin: 20px 0px 15px;
    padding-left: 0;
	}
}


@media (min-width: 768px) and (max-width: 1023px){
	.header .logo {
    width: 120px!important;
	}
	.header .sticked .logo {
    width: 120px;
	}
	
	.slogan{
		    font-size: 45px;
				    padding-left: 120px;
    padding-top: 30px;
	}
	
	.slogan span {
			font-size: 25px;
			padding-top: 15px;
	}
	
	.navbar-brand {
    width: 90%;
	}
	
	nav.navbar.bootsnav .navbar-toggle{
			font-size: 50px;
	}
	
	nav.navbar.bootsnav ul.nav > li > a {
    font-size: 35px!important;
		line-height: 90px;
	}
	
	.counter .item .timer, .counter .item span {
    font-size: 100px;
	}
	
}


@media (min-width: 600px) and (max-width: 992px){
	
	.header .logo {
    width: 100px;
	}
	
	.pneus {
			text-align: center;
	}
	.pneus .item {
    width: 32.5%;
    text-align: center;
    margin: auto;
	}
	
	.pneus.yellow_border .item {
    width: 32%;
    display: inline-block!important;
	}
	
	.pneus.yellow_border .item  .cover-image4{
    background-size: 100%!important;
	}
	
	.pneus .titre, .consommables .titre {
			font-size: 38px;
	}
	
	 .style-equipements .item{
		 width:50%;
		 float:left;
		 padding:15px;
	 }
	 
	 .style-equipements .item:last-child{
			margin-left: 25%;
		}
	 
	 .style-equipements .item .image{
		 height:230px;
	 }
	 
	 .style-equipements .item .image img{
		 max-height:200px;
		 display:inline-block;
	 }
	 
	 .style-equipements .item ul li {
    font-size: 20px;
	}
	
	
	.offres .details-contrat li {
    font-size: 25px;
    width: 33.33%;
    vertical-align: top;
	}
	
	.coordonnees-formulaire .item {
    text-align: center;
    width: 33.33%;
    float: left;
	}
	
	.logos-group {
    text-align: center;
	}
	.logos-group img {
    height: 89px;
	}
	
	.list-xs{
		width: 50%;
    float: left;
		padding:15px;
	}
	
}


@media (min-width: 600px) and (max-width: 767px){
	.counter .item .timer, .counter .item span {
    font-size: 70px;
	}
	
	.counter .item h4 {
    color: #041D5B;
    font-size: 20px;
	}
	
	.counter  .col-sm-4 {
			width: 33.33333333%;
			float:left;
	}
	
	.slogan{
		    font-size: 32px;
				    padding-left: 100px;
    padding-top: 25px;
	}
	
	.slogan span {
			font-size: 17px;
			padding-top: 5px;
	}
	
	.navbar-brand {
    width: 90%;
	}
	
	nav.navbar.bootsnav .navbar-toggle{
			font-size: 35px;
	}
	
	.navbar-nav > li > a {
    font-size: 20px!important;
	}
	
	.services .item {
    width: 50%;
    float: left;
	}
	
	.footer-mobile  .col-sm-4 {
			width: 33.33333333%;
			float:left;
	}
	
	.footer-mobile  .col-sm-6 {
			width: 50%;
			float:left;
	}
	
	.footer-mobile   .bloc_liens h3{
		text-align:center;
		font-weight: 300;
	}
	
	.footer-mobile   .bloc_liens h3 img{
		margin-bottom:20px;
		margin-right: 0px;
	}
	
	
	.consommables .item.col-sm-offset-3 {
    margin-left: 25%;
	}
	
	.coordonnees-agences .col-sm-3 {
    width: 25%;
		    float: left;
	}
	
	.coordonnees-agences .col-sm-4 {
    width: 33.33%;
		    float: left;
	}
	
	.coordonnees-agences .col-sm-4 {
    width: 33.33%;
		    float: left;
	}
	
	.coordonnees-agences .col-sm-6 {
    width: 50%;
		    float: left;
	}
	
	
	
}

@media (max-width: 599px){
	.counter .item .timer, .counter .item span {
    font-size: 80px;
	}
	
	.counter .item h4 {
    color: #041D5B;
    font-size: 25px;
	}
	
	.slogan span {
			font-size: 12px;
	}
	
	.slogan{
		    font-size: 22px;
	}
	
	.navbar-brand {
    width: 87%;
	}
	
	.header .sticked .logo {
    width: 80px;
	}
	
	.consommables .item{
		width:100%!important;
	}
	
}


@media (max-width: 480px){
	.top-menu ul {
		padding-left:0;
		    margin: 20px 0;
	}
	.top-menu ul li {
    display: inline-block;
    text-align: center;
    padding: 0px 5px;
    font-size: 12px;
	}	
	
	.banner-area {
    height: 300px;
	}
	
	
	.page-title {
    height: 140px;
	}
	
	.box_bg_bleu h1{
		font-size: 40px;
	}
	
	.bloc_liens h3{
		    font-size: 20px;
	}
	
	nav.navbar.navbar-sticky .navbar-brand {
    width: 79%;
	}
	
	.presentation h3, .h3_presentation{
		font-size: 30px;
	}
	
}