/* ==========================================================================
Media Queries Style / Mobile / Tablette
========================================================================== */

/*--- MAX 1200px ---*/
@media (max-width: 1200px) {

/*-- Sliders Diapo Background --*/
.backgd-footer {
background-image: url("../img/footer/slide-mini.jpg");
}
#slide1,
#slide2,
#slide3,
#slide4,
#slide5,
#slide6,
#slide7 {
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
#slide1 {
background-image: url("../img/sliders/image01.jpg");
}



/*-- Navigation --*/
.navbar-default {
background: #24242a;
}
.navbar-default .navbar-header {
width: 100%;
padding-right: 0;
}
.navbar-default .navbar-header .navbar-brand {
height: auto;
}
.navbar-default .navbar-header .navbar-brand img {
margin-top: 7px;
width: 155px;

}

/*-- .navbar-default .nav-wrap {
width: 55%;
} --*/

.navbar-default .navbar-nav {
float: none !important;
margin-top: 7.5px;
}
.navbar-default .navbar-nav > li > a {
float: none;
}

.navbar-default .nav > li > a {
padding: 17px 8px;
}

/*-- .navbar-default .social-media {
float: right;
padding: 0 10px;
} --*/

.navbar-default .social-media i {
font-size: 18px;
}


.navbar-default .navbar-toggle {
padding-top: 25px;
padding-bottom: 25px;
border: none;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-collapse {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-default .navbar-collapse.collapse {
display: none !important;
}
.navbar-default .collapse.in {
display: block !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active {
background: none;
}
.navbar-default .navbar-left,
.navbar-default .navbar-right {
float: none !important;
}
.navbar-default .navbar-toggle {
display: block;
}


/*-- footer --*/
footer img {
width: 50%;
}


}




/*--- MAX 992px ---*/
@media (max-width: 992px) {

/*-- NAVIGATION --*/
.navbar-default .nav-wrap {
width: 100%;
}
.navbar-default .navbar-nav > li {
float: none;
}
.navbar-default .social-media {
float: none !important;
margin-top: 7.5px;
}
.navbar-default .social-media i {
font-size: 18px;
}


.centrecount {
  position: absolute;
  margin-left: 35%;
  margin-top: 25%;
  margin-bottom: 25%;
  z-index: 1001;
}

/*-- SLIDER --*/
#owl-hero .item .caption p {
font-size: 38px;
}
#owl-hero h1 {
font-size: 42px;
}
#owl-hero h6 {
font-size: 16px;
}
#owl-hero .btn {
margin-top: 20px;
}
#owl-hero .owl-buttons {
display: none;
}
#owl-hero p {
font-size: 42px;
}


/*-- home --*/
#home-dark .col-md-6 {
width: 100%;
}

#home .col-lg-2 {
width: 33%;
}


/*-- UTILISATION --*/
#util p {
padding: 10px 10px;
}


/*-- info --*/
#info .col-md-6 {
margin-bottom: 40px;
width: 50%;
float: none;
}


/*-- footer --*/
#testimonials h5 {
font-size: 18px;
}
footer h1 {
text-transform: uppercase;
font-size: 42px;
}
footer img {
width: 60%;
}

/*-- A propos --*/
#about .col-md-4 h2 {
  padding-top: 20px;
}

}





/*--- MAX 800px ---*/
@media (max-width: 800px) {



/*-- UTILISATION --*/
#utili h2 {
font-size: 22px;
}


/*-- SLIDER --*/
#owl-hero .item .caption p {
font-size: 32px;
}


/*-- home ECO --*/
#home .eco .col-lg-3 {
margin-top: 40px;
margin-bottom: 40px;
width: 100%;
float: none;
}


/*-- footer --*/
footer img {
width: 70%;
}




.imgcentretotal {
  position: absolute;
  margin-top: 50%;
  margin-left: -25%;
/*  float: left;
  padding-left: 40%; */
  width: 150%;
  z-index: -1;
}

}




/*--- MAX 600px ---*/
@media (max-width: 600px) {
/*-- NAVIGATION --*/

.centrecount {
  position: absolute;
  margin-left: 20%;
  margin-top: 25%;
  margin-bottom: 25%;
  z-index: 1001;
}

/*-- BOUTON --*/
.btn-light {
width: 100%;
}
.btn-dark {
  width: 100%;
  font-size: 12px;
}


/*-- home --*/
#home .col-lg-3 {
margin-bottom: 20px;
width: 50%;
float: left;
}


#home h3 {
font-size: 24px;
}
#home .special {
  font-size: 25px;
}
#home-dark .col-md-6 h3 {
font-size: 25px;
}


/*-- FAQ --*/
#faqintro h1 {
  font-size: 35px;
}
#faq h2 {
  font-size: 30px;
}
#faq .specil {
  font-size: 25px;
}



/*-- A propos --*/
#about h1 {
  font-size: 35px;
}
#about h2 {
  font-size: 30px;
}
#about-light h2 {
  font-size: 28px;
}



}



/*--- MAX 450px ---*/
@media (max-width: 450px) {
/*-- NAVIGATION --*/

/*-- FAQ --*/
#faqintro h1 {
font-size: 30px;
}
#faqintro .special, h1 {
  font-size: 25px;
}
#faqintro h2 {
font-size: 32px;
}
#faqintro h3 {
font-size: 25px;
}
#faq .speci, h2 {
  font-size: 25px;
}
#faq-dark h2 {
font-size: 32px;
}
#faq-dark h3 {
font-size: 25px;
}


#home .col-lg-2 {
width: 50%;
}

/*-- footer --*/
footer h2 {
  font-size: 30px;
}
footer h3 {
  font-size: 15px;
  margin-bottom: 10px;
}
footer img {
width: 80%;
}
footer i {
  font-size: 10px;
margin-right: 2px;
margin-bottom: 2px;
}
footer .social i {
  font-size: 20px;
}




.imgcentretotal {
  position: absolute;
  margin-top: 70%;
  margin-left: -25%;
  width: 150%;
  z-index: -1;
}

}