/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {

  .page-node h1{
    padding: 0 15px;
  }
  #header-video{
    height: 10vh;
  }
  body.front{
    background-color: #4783bf;
  }
  body.front:after{
    content: '';
    background: none;
  }
  div#page{
    overflow-x: hidden;
  }
  .instasive {
    height: 375px;
  }
  #hamburger{
    top: -16px;
  }
  .quinconce .masonry-item{
    width: 99%;
  }
    #block-block-3 .stream li{
    width: 99%;
  }
  .region.region-body-top{
    display: none;
  }
  ul li.sf-expanded{
    display: inline;
  }
  .gn-menu li a:before{
    width: 0;
  }
  #superfish-1-toggle{
    display: none;
  }
  .gn-menu .gn-submenu.superfish-processed > li > .gn-submenu +  a.sf-depth-1:before{
    content: '';
    background-color: red;
    width: 15px;
    height: 15px;
  }
  .gn-menu li:not(:first-child), .gn-menu li li{
    box-shadow: inset 0 0px #c6d0da;
  }
  ul.gn-submenu.sf-has-clone-parent > li {
    padding-left: 25px;
  }
  .gn-menu .gn-submenu.superfish-processed > li > a.sf-depth-1{
    text-transform: uppercase;
  }

  #views_slideshow_swiper_j_y_vais-block-1  li .views-row{
    display: inline-block;
    width: 100%;
  }

  section#block-views-j-y-vais-block-1{
    margin: 35px 0;
  }
  section#block-views-je-suis-block h2.block-title,
  section#block-views-j-y-vais-block-1 h2.block-title{
    top: 10px;
    font-size: 15px;
    max-width: 110px;
    left: 10px
}

section#block-views-j-y-vais-block-1 h2.block-title{
  top: -10px;
  left: 10px
}
  section#block-views-je-suis-block h2.block-title:before,
   section#block-views-j-y-vais-block-1 h2.block-title:before{
    border-width: 12px 0px 13px 13px;
  }
  section#block-views-je-suis-block{
    width: 100%;
    padding-left: 0;
  }
  /****** JE PROFITE *******/
  #views_slideshow_swiper_je_profite-block li div.views-field-nothing{
    display: block;
    /* margin-top: 5px; */
    /* padding-right: 5px; */
    /* position: initial; */
    height: auto;
    /* float: none; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* width: 50%; */
    /* vertical-align: top; */
    margin-bottom: 10px;
  }
    #views_slideshow_swiper_je_profite-block .views-slideshow-swiper-main-frame-row-item {
        display: block;
    }
  #views_slideshow_swiper_je_profite-block li .views-field-field-visuel{
    /* float: none; */
    /* width: 40%; */
    /* display: inline-block; */
    /* position: relative; */
    /* margin-top: 45px; */
  }
  .view-je-profite .views_slideshow_swiper_main.views_slideshow_main > ul > li > div.views-slideshow-swiper-main-frame-row-item{
    /* padding-bottom: 0px; */
    /* overflow: hidden; */
    /* display: table; */
    /* width: 92vw; */
    /* margin-bottom: 30px; */
  }
  .front .row > .main-col.col-md-9{
    margin:0 auto;
    padding: 0;
  }
  .view-id-je_profite.view-display-id-block .views-slideshow-controls-bottom.clearfix{
    /* width: auto; */
    /* position: absolute; */
    /* bottom: 8px; */
    /* z-index: 2; */
    /* left: auto; */
    /* right: 2%; */
}
  #block-views-je-profite-block{
    display: inline-block;
    margin-bottom: 55px;
  }
  section#block-views-je-profite-block h2.block-title:before {
    content: "\A";
    border-style: solid;
    border-width: 10px 0px 13px 13px;
    border-color: transparent transparent transparent #004A8B;
    position: absolute;
    right: 5%;
    bottom: -31%;
  }
  section#block-views-je-profite-block h2.block-title {
    /* background-color: #004A8B; */
    /* color: white; */
    /* text-transform: uppercase; */
    /* font-family: 'montserrat', sans-serif; */
    /* position: relative; */
    /* display: table; */
    /* margin: 0; */
    /* margin-bottom: 0; */
    /* z-index: 1; */
    font-size: 15px;
    min-width: 150px;
    /* padding: 1px 5px; */
    left: 10px;
    top: -15px;
  }
  #views_slideshow_swiper_je_profite-block{
    /* padding-left: 0; */
    /* float: left; */
    /* margin-top: 7px; */
  }
  #views_slideshow_swiper_je_profite-block li div.views-field-nothing span.field-content:after {
    /* content: ''; */
    position: absolute;
    bottom: 21px;
    height: 1px;
    width: 100%;
    border-bottom: 1px dotted black;
    z-index: 0;
  }
  #views_slideshow_swiper_je_profite-block li div.views-field-nothing .title{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    margin-bottom: 5px;
    line-height: 17px;
  }
  #views_slideshow_swiper_je_profite-block li div.views-field-nothing .body{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #333333;
    padding-bottom: 10px;
    font-size: 11px;
    overflow: hidden;
    margin-bottom: 25px;
  }
  #views_slideshow_swiper_je_profite-block li div.views-field-nothing .lien{
    padding-top: 0px;
    position: absolute;
    bottom: 0px;
  }
  #views_slideshow_swiper_je_profite-block li div.views-field-nothing .lien a {
    /* font-family: 'Roboto', sans-serif; */
    /* color: #7f8c8d; */
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    /* font-size: 12px; */
  }
  #views_slideshow_swiper_je_profite-block li .views-field-field-visuel{
    /* float: none; */
    /* width: 50%; */
    /* display: table-cell; */
    /* position: relative; */
    /* vertical-align: middle; */
  }
  .view-id-je_profite.view-display-id-block{
    position: relative;
    /* z-index: 0; */
  }
  span#views_slideshow_controls_text_pause_je_profite-block {
      display: none;
  }
  div#views_slideshow_controls_text_je_profite-block {
      /* position: relative; */
      /* display: none; */
}
  span#views_slideshow_controls_text_next_je_profite-block a{
      /* float: right; */
      /* background-image: url(../images/left-arrow.png); */
      /* background-repeat: no-repeat; */
      /* background-position: center; */
      /* color: transparent; */
      /* width: 15px; */
      /* display: inline-block; */
      /* margin-right: 8px; */
  }
  span#views_slideshow_controls_text_previous_je_profite-block a{
      /* float: right; */
      /* background-image: url(../images/right-arrow.png); */
      /* background-repeat: no-repeat; */
      /* background-position: center; */
      /* color: transparent; */
      /* width: 15px; */
}
  section#block-instagram-block-instagram-block a.group{
    display: table;
    margin: 0 auto;
  }
  section#block-views-j-y-vais-block,
  #block-views-j-y-vais-block .view-id-j_y_vais.view-display-id-block {
    margin-bottom: 25px;
  }
  #block-views-j-y-vais-block .view-id-j_y_vais.view-display-id-block{
    padding: 15px;
  }
  #views_slideshow_controls_text_j_y_vais-block{
    display: none;
  }
  section#block-menu-menu-racourci{
    background-position: 40% 50%;
  }
  section#block-menu-menu-racourci ul.menu li {
    /* width: 25%; */
    /* margin: 20px 0; */
    display: table-cell;
    vertical-align: top;
    width: 33%;
}
  section#block-menu-menu-racourci ul.menu li a{
    width: 100%;
    padding: 0;
    margin: 0 0;
    font-size: 10px;
    line-height: 13px;
  }
  section#block-menu-menu-racourci ul.menu li:nth-child(2) a{
    /* width: 50px; */
}
  section#block-menu-menu-racourci ul.menu li:nth-child(1) a:before {
    /* width: 100%; */
    /* height: 50px; */
    /* margin-bottom: 10px; */
}
  section#block-menu-menu-racourci ul.menu li:nth-child(2) a:before {
    /* width: 50px; */
    /* min-width: 50px; */
    /* height: 50px; */
    margin-bottom: 10px;
}
  section#block-menu-menu-racourci ul.menu li:nth-child(3) a:before {
    /* width: 50px; */
    /* height: 50px; */
    /* margin-bottom: 10px; */
}
  section#block-menu-menu-racourci ul.menu li:nth-child(4) a:before {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
  section#block-menu-menu-racourci ul.menu{
    height: 130px;
    display: table;
}
  #block-block-3 .filter-label{
    width: 25px;
    height: 25px;
  }
  #block-block-3 .filter-label i {
    margin: 2px 0 0;
  }
  #block-flickr-bricks-flickr-bricks .block-title{
    font-size: 20px;
  }
  ul#flickr_wrapper li.flickr_item{
    height: 100px;
  }
  ul#flickr_wrapper > li > ul{
    font-size: x-small;
  }
  #block-block-3 > .title-container{
    position: relative;
    right:0;
    left: 0;
  }
  #block-block-3 .block-title{
    font-size: 31px;
    line-height: 25px;
    padding-top: 20px;
    text-align: center;
  }
  #sb_wall1 .filter-items {
    padding: 0px 15px 20px 45px;
    width: auto;
    float: right;
    top: 48px;
    left: auto;
  }
  #block-views-je-profite-block{
    margin-bottom: 0;
  }
  button.btn-top{
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #888;
  }
  #block-block-2:before {
    width: 15px;
    height: 15px;
    right: 6px;
    bottom: 16px;
  }
  section#block-block-2{
    padding-left: 9px;
    padding-bottom: 4px;
    width: 43px;
    height: 43px;
  }
  #block-block-13 .views-field-title,
  #block-block-18 .views-field-title{
    font-size: 25px;
    margin: 30px 0;
  }
  .region.region-header-bg .views-field-field-image-rubrique img{
    height: 100px;
    width: 100%;
    max-width: none;
  }
  #block-views-exp-listing-block-1{
    margin-top: 15px; 
  }
  .navbar-default .navbar-toggle{
    top: 0px;
    position: absolute;
    left: 0;
    float: right;
    padding: 9px 10px;
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
    background-color: transparent !important;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
  }
  .navbar-toggle .icon-bar + .icon-bar{
    margin-top: 3px;
  }
  .navbar-toggle .icon-bar{
    width: 20px;
  }
  .texte-slider div#title-slider{
    font-size: 20px;
  }
  .view-id-je_profite.view-display-id-block{
    /* overflow: hidden; */
    padding: 15px 15px;
  }

  article.node > .service-links{
    left: 70px;
    top: 0;
  }

  #block-print-ui-print-links{
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    float: none;
    display: inline-block;
    margin-bottom: 10px;
  }
 article.node > .service-links ul{
    padding-top: 0 !important;
  }
  div#page{
    padding-top: 55px;
  }
  .col-md-12.col-sm-12.col-xs-12.grey > div > div > .field-label{
    width: 100%;
    padding-left: 15px;
  }
  .col-md-12.col-sm-12.col-xs-12.grey > div > div > .field-items{
    display: inline-block;
    width: 95%;
    margin: 0 2.5%;
  }
  .col-md-12.col-sm-12.col-xs-12.grey .field-items > div{
    width: 50%;
  }
  .col-md-12.col-sm-12.col-xs-12.grey  > div > div:not(.field) > span:after, 
  .col-md-12.col-sm-12.col-xs-12.grey > h3 > span:after{
    left: 10px;
  }
  .view-id-listing.view-display-id-block_7 .views-field-title{
    font-size: xx-large;
  }
  .page-node article.node > aside{
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    float: left;
  }
  div.views-field.views-field-php div.slide-home{
    min-height: 250px;
  }
  .texte-slider div#body-slider{
    display: none;
  }
  .navbar-default .navbar-brand{
    float: none;
    margin: 3px auto;
    display: table;
  }
  .navbar-brand img{
    height: 53px;
  }
  .navbar-brand{
    top:0;
  } 
  .container-header{
    width: 100%;
    height: 100%;
  }
  .navbar.container-fluid.navbar-default.smaller {
    background: transparent;
    border: none;
    margin: 0px auto;
    padding: 0px;
    position: fixed;
    min-height: 55px;
    width: 100vw;
    background-color: white;
    z-index: 2;
    top: 0;
  }
/*  header{
    margin-top: 55px;
  }*/
  #block-menu-menu-menu-top-collapsed.collapse.in{
    display: block;
  }
  #block-menu-menu-menu-top-collapsed.collapse.in + #block-block-2{
    top: 38px;
  }
  .texte-slider div#separator-logo span{
    height: 25px;
  }
  .texte-slider div#separator-logo:before{
    width: 42%;
    border-bottom: 3px white solid;
  }
  .texte-slider div#separator-logo:after{
    width: 42%;
    border-bottom: 3px white solid;
  }
  .texte-slider div#separator-logo{
    margin: 5px 0;
  }
  .texte-slider div#link a{
    padding: 2.5px 5px;
    font-size: 14px;
  }
  .texte-slider div#link{
    margin-top: 15px;
  }
  #block-views-je-suis-block .view-content .views-row .views-field-name a{
    font-size: 12px;
  }
  #block-views-je-suis-block .view-content .views-row .views-field-field-image-je-suis img{
    margin: 0 auto;
    width: 50px;
  }
  #block-views-je-suis-block .view-content .views-row{
    /* text-align: center; */
    /* width: 90px; */
    /* padding: 0; */
  }
  #block-views-je-suis-block .view-content{
    /* width: 630px; */
  }
  .view.view-je-suis.view-id-je_suis.view-display-id-block{
    /* overflow: scroll; */
  }
  section#block-views-j-y-vais-block h2.block-title:before{
    border-width: 11px 0px 13px 13px;
  }
  #views_slideshow_swiper_j_y_vais-block li .views-field.views-field-nothing .body{
    /* font-family: 'Roboto', sans-serif; */
    /* font-weight: 400; */
    /* font-size: 13px; */
    /* max-height: 0px; */
    /* display: inline-block; */
    /* color: #888; */
    /* line-height: 13px; */
    /* text-align: justify; */
    /* overflow: visible; */
  }
  #views_slideshow_swiper_j_y_vais-block li .views-field.views-field-nothing{
    /* height: 80px; */
    /* max-height: 80px; */
    /* overflow: hidden; */
    /* position: relative; */
  }
  #views_slideshow_swiper_j_y_vais-block .body:before{
    text-align: right;
    position: absolute;
    display: block;
    width: 2em;
    height: 1em;
    bottom: 0;
    right: 6px;
    background-color: white;
    background: linear-gradient(to right, rgba(224,224,224,0) 0%,rgb(255, 255, 255) 38%,rgba(255, 255, 255, 0.98) 99%);
  }
  #views_slideshow_swiper_j_y_vais-block li .views-field.views-field-nothing .title{
    /* margin-bottom: 3px; */
    /* text-overflow: ellipsis; */
    /* width: 100%; */
    /* white-space: nowrap; */
    /* overflow: hidden; */
  }
  #block-views-j-y-vais-block .view-content{
    margin-bottom: 5px;
  }
  #block-views-j-y-vais-block .view-footer a{
    font-size: 13px;
  }
  #views_slideshow_swiper_j_y_vais-block  li:nth-child(odd){
    /* margin-bottom: 10px; */
  }
  section#block-instagram-block-instagram-block{
    padding: 0;
  }
  section#block-instagram-block-instagram-block .instasive .slick-slide img{
    width: 100vw !important;
    height: 100vw !important;
  }
  section#block-instagram-block-instagram-block h2.block-title{
    top: 10px;
    font-size: 15px;
    min-width: 180px;
    width: 180px;
    padding: 1px 5px;
    margin-left: 15px;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
  }
  section#block-instagram-block-instagram-block h2.block-title:before{
    border-width: 11px 0px 13px 13px;
  }
  section#block-views-j-y-vais-block h2.block-title{
    font-size: 15px;
    min-width: 120px;
    width: 120px;
    /* padding: 1px 5px; */
    /* margin-left: 0; */
    position: relative;
    z-index: 1;
    top: 12px;
    left: 2%;
}
  ul.flickr_wrapper li.flickr_item{
    height: 100px
  }
  ul.flickr_wrapper li.flickr_item > ul{
    padding: 2.5px 2.5px;
    font-size: 10px;
  }
  .node-type-contenu-de-sous-rubrique #block-print-ui-print-links{
    top: 75px;
    right: auto;
    position: absolute;
    bottom: auto;
    left: 0;

  }
  #block-print-ui-print-links + .view-id-listing  article > h2{
    margin-bottom: 65px;
    background: rgba(64,119,168,0.5);
    padding: 5px 15px;
  }
  .node-type-contenu-de-sous-rubrique article.node > .service-links{
    top: 75px;
    right: 115px;
  }
  article.node  h2{
    font-size: 24px;
    padding: 0 15px;
  }
  a.back-button{
    right: -12px;
  }
  .page-node article.node .field-name-field-dates{
    display: block;
    background-color: #009DE0;
    color: white;
    padding: 2px 5px 2px 5px;
    text-transform: uppercase;
    margin-left: 15px;
    margin-bottom: 5px;
    margin-right: 14px;
    font-size: 14px;
  }
  body{
    font-size: 145%;
    line-height: 160%;
  }
    
    .not-front section.main > .container{
      padding-left:0;
      padding-right:0;
    }
  .container > .row{
    width: 100%;
    margin: 0 auto;
  }
  .flexslider{
    margin: 0 0 15px;
    border: 0px solid #ffffff;
    border-radius: 0;
  }
  .footer a{
    display: table-cell; 
    width: 20%;
    vertical-align: middle;
  }
  .view-id-listing.quinconce > .container > .row > section.main-col .view-content, .view-id-agenda.quinconce .view-content{
      -moz-column-gap: .5em;
    -webkit-column-gap: .5em;
    column-gap: .5em;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
  section#block-block-7{
    margin-left: 0px;
  }
  #block-weather-system-1{
    padding: 2px 10px;
    font-size: 13px;
  }
  #block-weather-system-1 .weather-image.img-responsive{
    height: 25px;
  }
  .page-node .image-header.title-container h1{
      line-height: normal;
      height: 140px;
      font-size: 31px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
              align-items: center;
  }
  div#page.collapsed {
      padding-top: 95px;
  }
}