/* XS Portrait */
@media (max-width: 479px) {
  .teams {
    padding: 35px 10px !important;
  }
}
/*************** END xs Portrait  *****************/
/*****************************
  Particular styles max 767
*****************************/
@media (max-width: 767px) {
  #home-banner {
    margin-top: 130px !important;
  }
  #home-banner #home-banner-title {
    font-size: 2em !important;
  }
  #home-banner .home-banner-content {
    font-size: 1.5em !important;
  }

  #container-bg {
    margin-top: 130px;
    width: 100%;
    background-size: cover !important;
  }

  .container-bg-front-page {
    position: fixed;
    z-index: -1000;
    width: 100%;
    height: 200px;
    top: 125px;
    left: 0;
    padding-top: 50px;
    background: url("../../images/home_bg_navblocs.jpg") no-repeat center top;
    background-size: cover;
    color: white;
  }

  .container-frontpage {
    margin-top: 165px;
    background-image: none !important;
  }

  /* FRONT-PAGE - navblocs*/
  #miloa-row-navbloc {
    margin-top: 110px;
    margin-bottom: 30px;
  }

  #logo {
    position: fixed;
    z-index: 1 !important;
    width: 198px;
    /*  565 x 0.35   */
    height: 101px;
    /* 288 x 0.35 */
    margin-left: 10px;
    background: url("../../images/logo_miloa_h.svg") no-repeat center top;
    background-size: cover;
  }

  #sForm {
    position: absolute;
    z-index: 1 !important;
    top: 70px;
    right: 10px;
    width: 100%;
  }

  #sForm input[type=search] {
    width: 100%;
  }

  /* Menu store */
  button.navbar-toggle {
    width: 44px;
    height: 37px;
    border-radius: 0 !important;
    margin-right: 25px !important;
    margin-top: 48px !important;
    background-color: #e0005b !important;
  }

  .navbar-header {
    height: 130px;
    background-color: #FFF;
  }

  .navbar-toggle span.icon-bar {
    background-color: #FFF;
  }

  ul.navbar-nav {
    position: relative;
    top: -500px;
    left: 16px;
    width: 99.5%;
    opacity: 0;
    border-left: 1px solid #5f6062;
    border-right: 1px solid #5f6062;
    margin-top: 0;
    margin-right: 1px;
    background-color: #FFF;
  }

  ul.navbar-nav > li,
ul.navbar-nav > li > a {
    color: #5f6062;
    background-color: #FFF;
  }

  ul.navbar-nav > li {
    padding: 0;
    border-bottom: 1px solid #5f6062;
    color: #FFF !important;
  }

  ul.navbar-nav > li > a {
    text-align: left !important;
    font-size: 13.6px;
    font-weight: normal;
    padding-left: 20px;
  }

  ul.navbar-nav > li.menu-item-language {
    margin-left: 0;
  }

  ul.navbar-nav > li:focus,
ul.navbar-nav > li:hover,
ul.navbar-nav > li:active,
ul.navbar-nav > li.active,
ul.navbar-nav > li.open,
ul.navbar-nav > li > a:focus,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:active {
    color: #FFF;
    background-color: #e0005b;
  }
  ul.navbar-nav > li:focus > a,
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li:active > a,
ul.navbar-nav > li.active > a,
ul.navbar-nav > li.open > a,
ul.navbar-nav > li > a:focus > a,
ul.navbar-nav > li > a:hover > a,
ul.navbar-nav > li > a:active > a {
    color: #FFF;
    background-color: #e0005b;
  }
  ul.navbar-nav > li:focus button.mil-btn-main-nav,
ul.navbar-nav > li:hover button.mil-btn-main-nav,
ul.navbar-nav > li:active button.mil-btn-main-nav,
ul.navbar-nav > li.active button.mil-btn-main-nav,
ul.navbar-nav > li.open button.mil-btn-main-nav,
ul.navbar-nav > li > a:focus button.mil-btn-main-nav,
ul.navbar-nav > li > a:hover button.mil-btn-main-nav,
ul.navbar-nav > li > a:active button.mil-btn-main-nav {
    background-color: #e0005b;
  }
  ul.navbar-nav > li:focus button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li:hover button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li:active button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li.active button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li.open button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li > a:focus button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li > a:hover button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li > a:active button.mil-btn-main-nav span.glyphicon-triangle-bottom {
    color: #FFF;
  }

  ul.navbar-nav > li > button.mil-btn-main-nav {
    position: absolute;
    top: 10px;
    right: 15px !important;
    height: auto;
    padding-left: 4px;
    padding-right: 4px;
    border: none;
    color: #e0005b;
    background-color: transparent;
  }

  /**
      Sub-menu
   */
  ul.navbar-nav .open .dropdown-menu {
    background-color: #FFF;
    border-bottom: 5px solid #5f6062;
  }

  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 15px !important;
  }

  /* FRONTPAGE */
  .miloa-home-navbloc {
    max-width: 400px;
    margin: 0 auto 75px auto !important;
  }

  /** CAROUSEL home&page testimonials **/
  #miloa-home-carousel-testi .icon-prev, #miloa-home-carousel-testi .icon-next, #miloa-page-carousel-testi .icon-prev, #miloa-page-carousel-testi .icon-next {
    width: 25px !important;
  }

  #miloa-home-carousel-testi .icon-prev {
    left: 60% !important;
  }

  #miloa-home-carousel-testi .icon-next {
    right: 65% !important;
  }

  #miloa-page-carousel-testi .icon-prev {
    left: 30% !important;
  }

  #miloa-page-carousel-testi .icon-next {
    right: 30% !important;
  }

  /* CONTENT */
  #container-bg {
    width: 100%;
    background-size: contain !important;
  }

  /* PRODUCTS RANGE */
  .bloc-prod > a.btn {
    max-width: 60%;
  }

  /* PRODUCTS */
  div.prod-colored-bloc, div.prod-colored-bloc-div {
    margin-top: 20px;
  }

  /* NEWS */
  .mil-btn-xs {
    display: inline-block;
    width: 100%;
  }

  /* PLANTS */
  .mil-col-nav-pills {
    max-width: 150px;
  }

  ul.mil-plants-index-nav-pills {
    margin-bottom: 5px !important;
  }

  ul.mil-plants-index-nav-pills li ul.dropdown-menu {
    min-width: 320px !important;
  }

  ul.mil-plants-index-nav-pills li ul.dropdown-menu a {
    font-size: 24px !important;
  }

  /** Arrow to return to the top of the targeted section  **/
  .arrow-top {
    cursor: pointer;
  }

  .arrow-top:focus,
.arrow-top:hover,
.arrow-top:active {
    opacity: 0.75;
  }

  /* FAQ */
  div.panel-default > .panel-heading h4.mil-faq-panel-title a, .mil-faq-panel-heading h4.mil-faq-panel-title a {
    font-size: 18px !important;
  }

  /* CONTACT */
  span.wpcf7-list-item {
    display: block;
  }

  span.wpcf7-list-item input {
    margin: 10px 0 !important;
  }
}
/***********************************
  END particular styles: [ max 767 ]
************************************/
/* xs */
/*************** END xs  *****************/
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
  #container-bg {
    width: 100%;
    background-size: contain !important;
  }

  #logo {
    width: 108.9px;
    height: 55.55px;
    margin-left: 10px;
    background: url("../../images/logo_miloa_h.svg") no-repeat center top;
    background-size: contain;
  }

  ul.navbar-nav > li > a {
    font-size: 12.48px !important;
    padding-left: 5px;
    padding-right: 1px;
  }

  #menu-item-1647,
#menu-item-1658 {
    padding-right: 7px;
  }

  /* particular style applied to LANG item */
  ul.navbar-nav > li.menu-item-language {
    margin-left: 7px !important;
  }

  /* CAROUSELS */
  #main-slider div.carousel-caption {
    bottom: 10px !important;
  }

  #main-slider div.carousel-caption h2 {
    font-size: 19.2px;
  }

  #main-slider ol.carousel-indicators {
    bottom: 0 !important;
  }

  #main-slider ol.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
  }

  #main-slider ol.carousel-indicators li.active {
    width: 12px !important;
    height: 12px !important;
  }

  /* FRONTPAGE */
  .miloa-home-navbloc {
    max-width: 300px;
    margin: 0 auto 95px auto !important;
  }

  /* TEAM estelle-lhoest */
  #estelle-lh img {
    padding: 15px 0;
  }

  /* PRODUCTS RANGE */
  .bloc-prod > a.btn {
    max-width: 60%;
  }
}
/*************** END sm  *****************/
/**************************
  PARTICULAR STYLES [ min-width 768 ]
 **************************/
@media (min-width: 768px) {
  #sForm {
    position: absolute;
    top: 5px;
    right: 1px;
    z-index: 101;
  }

  #sForm input[type=search] {
    width: 225px;
  }

  .main-nav {
    height: 52px !important;
  }

  ul.navbar-nav {
    position: absolute;
    top: 60px;
    right: 15px;
  }

  ul.navbar-nav > li {
    height: inherit;
    padding: 0;
  }

  ul.navbar-nav > li > a {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
  }

  ul.navbar-nav > li,
ul.navbar-nav > li > a {
    color: #5f6062;
    background-color: #FFF;
  }

  ul.navbar-nav > li:focus,
ul.navbar-nav > li:hover,
ul.navbar-nav > li:active,
ul.navbar-nav > li.active,
ul.navbar-nav > li.open,
ul.navbar-nav > li > a:focus,
ul.navbar-nav > li > a:hover,
ul.navbar-nav > li > a:active {
    color: #FFF;
    background-color: #e0005b;
  }
  ul.navbar-nav > li:focus > a,
ul.navbar-nav > li:hover > a,
ul.navbar-nav > li:active > a,
ul.navbar-nav > li.active > a,
ul.navbar-nav > li.open > a,
ul.navbar-nav > li > a:focus > a,
ul.navbar-nav > li > a:hover > a,
ul.navbar-nav > li > a:active > a {
    color: #FFF;
    background-color: #e0005b;
  }
  ul.navbar-nav > li:focus button.mil-btn-main-nav,
ul.navbar-nav > li:hover button.mil-btn-main-nav,
ul.navbar-nav > li:active button.mil-btn-main-nav,
ul.navbar-nav > li.active button.mil-btn-main-nav,
ul.navbar-nav > li.open button.mil-btn-main-nav,
ul.navbar-nav > li > a:focus button.mil-btn-main-nav,
ul.navbar-nav > li > a:hover button.mil-btn-main-nav,
ul.navbar-nav > li > a:active button.mil-btn-main-nav {
    border-left: 1px solid #FFF !important;
    border-right: 1px solid #FFF !important;
    background-color: #e0005b;
  }
  ul.navbar-nav > li:focus button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li:hover button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li:active button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li.active button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li.open button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li > a:focus button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li > a:hover button.mil-btn-main-nav span.glyphicon-triangle-bottom,
ul.navbar-nav > li > a:active button.mil-btn-main-nav span.glyphicon-triangle-bottom {
    color: #FFF;
  }

  /* particular style applied to LANG item */
  ul.navbar-nav > li.menu-item-language {
    margin-left: 30px;
  }

  /* particular style applied to HOME  item */
  #menu-item-1647 {
    border-right: 1px solid #5f6062;
  }

  #menu-item-1647:focus,
#menu-item-1647:hover,
#menu-item-1647:active,
#menu-item-1647.active {
    border-right: 1px solid #FFF !important;
  }

  ul.navbar-nav > li.dropdown {
    padding-right: 25px;
  }

  ul.navbar-nav > li > button.mil-btn-main-nav {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: transparent;
    padding-left: 4px;
    padding-right: 4px;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #5f6062;
    border-right: 1px solid #5f6062;
  }

  ul.navbar-nav > li > button.mil-btn-main-nav > span.glyphicon-triangle-bottom {
    font-size: 9px;
    color: #e0005b;
  }

  #miloa-home-carousel-testi {
    padding: 0 50px;
  }

  #miloa-home-carousel-testi .icon-prev,
#miloa-home-carousel-testi .icon-next,
#miloa-page-carousel-testi .icon-prev,
#miloa-page-carousel-testi .icon-next {
    width: 30px !important;
  }
}
/***********************************
  END PARTICULAR STYLES [ min 768 ]
 ***********************************/
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  #container-bg {
    width: 100%;
    background-size: contain !important;
  }

  #logo {
    width: 107.95px;
    height: 145.35px;
    margin-left: 10px;
    background: url("../../images/logo_miloa_v.svg") no-repeat center top;
    background-size: cover !important;
  }

  ul.navbar-nav > li > a {
    font-size: 12px !important;
  }

  ul.navbar-nav > li.menu-item-language {
    margin-left: 15px;
  }

  /* CAROUSELS */
  #main-slider div.carousel-caption {
    bottom: 10px !important;
  }

  #main-slider div.carousel-caption h2 {
    font-size: 24px;
  }

  #main-slider ol.carousel-indicators {
    bottom: 0 !important;
  }

  #main-slider ol.carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
  }

  #main-slider ol.carousel-indicators li.active {
    width: 12px !important;
    height: 12px !important;
  }

  /* FRONTPAGE */
  .miloa-home-navbloc {
    max-width: 300px;
    margin: 0 auto 95px auto !important;
  }

  /* DNA */
  div.txt-col-12 {
    margin: 15px 0 !important;
  }

  /* TEAMS */
  .mil-salesteam-title {
    font-size: 19.2px;
  }

  .mil-salesteam {
    font-size: 14.4px;
  }

  /* FOOTER */
  .menu-footer-col h3 {
    font-size: 18px !important;
  }
}
/*************** END md  *****************/
/* lg */
@media (min-width: 1200px) {
  #logo {
    width: 127px;
    height: 171px;
    margin-left: 70px;
    background: url("../../images/logo_miloa_v.svg") no-repeat center top;
    background-size: cover !important;
  }

  /* PRODUCTS */
  h3.he-title-comp {
    margin-top: 58px !important;
  }

  h3.he-title-comp-rm {
    margin-top: 91px !important;
  }

  /* DNA */
  div.txt-col-12 {
    margin: 15px 0 !important;
  }
}
@media (min-width: 2000px) {
  #container-bg {
    width: 100%;
    background-size: cover !important;
  }
}
/*************** END lg  *****************/

/*# sourceMappingURL=responsive.css.map */