.col-xs-12 {
    margin-bottom: 1rem;
}


/********************************
    Adaptation font-size
********************************/
@media screen and (min-width: 700px) {
  .contact-form-box {
      -webkit-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
      -moz-box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
      box-shadow: 0 5px 13px rgba(0, 0, 0, 0.17);
      -webkit-transition: all 200ms ease-in-out;
      -moz-transition: all 200ms ease-in-out;
      -ms-transition: all 200ms ease-in-out;
      -o-transition: all 200ms ease-in-out;
  }
}  
  
@media screen and (max-width: 1300px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 99%;
  }
}
@media screen and (max-width: 1200px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 98%;
  }
}
@media screen and (max-width: 1100px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 97.5%;
  }
}
@media screen and (max-width: 1000px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 97%;
  }
}
@media screen and (max-width: 800px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    font-size: 99%;
  }
   #page, .footer-container {
        padding: 5px;
    }
    
    .navbar-brand {
        margin-right: 0;
        width: 85%;
    }
    
    .card-columns, .navbar-toggler {
        padding: 0;
    } 
    
    .row {
        margin: 0;
    }
    #fond-rouge {
        padding: 15px;
    }
    #footer h3 {
        margin-top: 1rem
    } 
    
    header {
        margin-top: 0
    }
    
}

@media screen and (max-width: 600px) {
    .col-lg-12, .col-xs-12 {
        padding: 0;
    } 
    
    #navbar-picto {
        display: initial;
    }
    
    .contact-form-box {
        padding: 0;
    }
    
    .contact-form-box .submit #submitMessage, .line_2 button {
        width: 100%;
    }
    .columns-container #columns.container h1 {
        font-size: 1.1rem;
    }
    #footer #newsletter_block_left .block_content form .form-group {
        width: 100%;
    }
    
    #footer #newsletter_block_left .block_content form .form-group #newsletter-input {
        padding: 0;
    } 
    
    
}




@media screen and (max-width: 1100px) {
  /***************************
          Blog
  ***************************/
  #blog .columns-container #columns .row #center_column .single_post #primary #main article .entry-header {
    width: 35%;
  }
  #blog .columns-container #columns .row #center_column .single_post #primary #main article .entry-content {
    column-count: 1;
  }
}
@media screen and (max-width: 900px) {
  /*****************
       header
  ******************/
  header .container .row {
    flex-wrap: wrap;
    justify-content: normal;
  }
  header .container .row #header_logo {
    order: 1;
    justify-content: flex-start;
    max-width: 50%;
  }
  header .container .row #middle_top button:before {
    font-size: 1.375em;
  }
  header .container .row #right_top {
    order: 2;
    max-width: 50%;
  }

  /*******************
      second_menu
  *******************/
  #second_menu ul {
    font-size: 0.875em;
  }

  /*******************
      marketing_home
  *******************/
  /********************
      list_actu_home
  *********************/
  #list_actu_home .list_actu_home li .contenu .excerpt {
    font-size: 0.875em;
  }

  /**********************
      showroom_home
  ***********************/
  #showroom_home .bloc_annonce .first_bloc p:last-of-type {
    font-size: 2em;
  }

  /**********************
      presentation_leroux
  ***********************/
  #presentation_leroux .presentation_leroux .second_row .first_bloc .contenu p {
    font-size: 0.875em;
    line-height: 1.25em;
  }

  /**********************
      reassurance
  ***********************/
  #reassurance .reassurance .second_line {
    font-size: 1.2em;
  }
  #reassurance .reassurance .second_line ul li {
    width: auto;
  }

  /**********************
      marques_home
  ***********************/
  #marques_home img {
    max-width: 100%;
    height: auto;
  }

  /**********************
      bloc_artisan
  ***********************/
  #bloc_artisan .entire_bloc {
    width: 95vw;
  }
  #bloc_artisan .entire_bloc .left_bloc .bloc_desc {
    padding: 5%;
  }

  /**********************
      reassurance2
  ***********************/
  #reassurance2 .reassurance2 .liste_reassurances {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  /**********************
          footer
  ***********************/
  footer .info_map {
    /*google map*/
  }
  footer .info_map .info {
    width: 100%;
  }
  footer .info_map .info .info_store {
    display: none;
  }
  footer .info_map .col-lg-5 {
    width: 100%;
    min-height: 100px;
    padding: 0;
  }
}
@media screen and (max-width: 769px) {
  /*****************
       header
  ******************/
  #burger {
    display: block;
  }
  #burger .bande_burger #nav-icon1,
  #burger .bande_burger #nav-icon2,
  #burger .bande_burger #nav-icon3,
  #burger .bande_burger #nav-icon4 {
    width: 60px;
    height: 45px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  #burger .bande_burger #nav-icon1 span,
  #burger .bande_burger #nav-icon3 span,
  #burger .bande_burger #nav-icon4 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: #d3531a;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #burger .bande_burger #nav-icon1 span:nth-child(1) {
    top: 0px;
  }
  #burger .bande_burger #nav-icon1 span:nth-child(2) {
    top: 18px;
  }
  #burger .bande_burger #nav-icon1 span:nth-child(3) {
    top: 36px;
  }
  #burger .bande_burger #nav-icon1.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #burger .bande_burger #nav-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  #burger .bande_burger #nav-icon1.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  #burger .bande_burger #nav-icon2 span {
    display: block;
    position: absolute;
    height: 9px;
    width: 50%;
    background: #d3531a;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  #burger .bande_burger #nav-icon2 span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
  }
  #burger .bande_burger #nav-icon2 span:nth-child(odd) {
    left: 0px;
    border-radius: 9px 0 0 9px;
  }
  #burger .bande_burger #nav-icon2 span:nth-child(1), #burger .bande_burger #nav-icon2 span:nth-child(2) {
    top: 0px;
  }
  #burger .bande_burger #nav-icon2 span:nth-child(3), #burger .bande_burger #nav-icon2 span:nth-child(4) {
    top: 18px;
  }
  #burger .bande_burger #nav-icon2 span:nth-child(5), #burger .bande_burger #nav-icon2 span:nth-child(6) {
    top: 36px;
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(1), #burger .bande_burger #nav-icon2.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(2), #burger .bande_burger #nav-icon2.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(1) {
    left: 5px;
    top: 7px;
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 7px;
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(5) {
    left: 5px;
    top: 29px;
  }
  #burger .bande_burger #nav-icon2.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 29px;
  }

  #second_menu ul {
    font-size: 0.575em;
  }

  /********************
      marketing_home
  *********************/
  /********************
      showroom_home
  *********************/
  #showroom_home .bloc_annonce .first_bloc p:last-of-type {
    font-size: 1.5em;
  }

  /***********************
      presentation_leroux
  ************************/
  #presentation_leroux .presentation_leroux .second_row {
    flex-wrap: wrap;
  }
  #presentation_leroux .presentation_leroux .second_row .first_bloc {
    margin-bottom: 15px;
  }
  #presentation_leroux .presentation_leroux .second_row .first_bloc .row {
    display: flex;
    flex-direction: row;
  }
  #presentation_leroux .presentation_leroux .second_row .first_bloc .row .contenu {
    padding: calc(( 25vw - (15px*6))/8) 0 0 calc(( 25vw - (15px*6))/8);
  }
  #presentation_leroux .presentation_leroux .second_row .second_bloc .row {
    display: flex;
    flex-direction: column;
  }

  /******************
      reassurance
  *******************/
  #reassurance .reassurance {
    font-size: 0.7em;
  }

  #marques_home .marques_home .bloc_1 .line_1 {
    font-size: 80%;
  }

  /******************
      reassurance2
  *******************/
  /********************
          Blog
  *********************/
  #blog .columns-container #columns .row #center_column #primary #main {
    justify-content: space-between;
  }
  #blog .columns-container #columns .row #center_column #primary #main article {
    width: 48%;
    margin-bottom: 4%;
  }
  #blog .columns-container #columns .row #center_column .single_post #primary #main article .entry-header {
    width: 100%;
    float: none;
  }
  #blog .columns-container #columns .row #center_column .single_post #primary #main article .entry-header .article_title {
    float: left;
    width: 78%;
  }
  #blog .columns-container #columns .row #center_column .single_post #primary #main article .entry-header .share_to_friend {
    float: right;
  }
  #blog .columns-container #columns .row #center_column .single_post #primary #main article .entry-content {
    float: left;
  }
}
@media screen and (max-width: 600px) {
  /**************************
              Blog
  ***************************/
  #blog .columns-container #columns .row #center_column #primary #main {
    justify-content: space-between;
  }
  #blog .columns-container #columns .row #center_column #primary #main article {
    width: 100%;
  }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){

    .row:before, .row:after {
    content:'';
    display:block;
    width:100%;
    height:0;
    }
    .row:after {
    clear:both;
}
}