@media screen and (max-width: 600px)  {

.spb-popup-main-wrapper.spb_center {
  width: 90% !important;
  margin-left: -46% !important;
}

.diapobody {
    top: 40% !important;
    font-size: 1.8rem !important;
    padding: 0 4% !important;
    line-height: 20px !important;
}

.diapoTxt {
    top: 10% !important;
    font-size: 3rem !important;
}

#block-transport-views-block-gare-view-block-2 .view-id-gare_view.view-display-id-block_2 .view-footer .view-content {
    justify-content: center;
}

#block-transport-views-block-gare-view-block-2 .view-id-gare_view.view-display-id-block_2 .view-footer .views-row {
    width: 96%;
}
#block-transport-views-block-ligne-block-2 .textP {
    width: 100% !important;
}

#block-transport-views-block-pays-block-1 {
    margin-bottom: 0px !important;
}

.page-node-type-ligne .destinationContentTop div {
        width: 45%;
        line-height: 23px;
}

.destinationContentBottom span + span {
    font-size: 2.5rem;
}

#block-transport-formulaireexposelignepage-1 .form-control {
    padding: 0 0;
    border: 1px solid var(--blue);
    height: 40px;
}

#block-transport-formulaireexposelignepage-1 #edit-title--2 {
    border: 1px solid var(--blue);
    padding: 0 4%;
}

.path-bus #navbar, .page-node-type-ligne #navbar {
    background-size: cover;
}

#block-transport-formulaireexposelignepage-1 #edit-actions--2 {
    width: 27%;
}

#views-exposed-form-ligne-page-1 > div > div {
    width: 100%;
}

#views-exposed-form-ligne-page-1 label {
    padding-top: 12px;
    bottom: 34px;
    padding-left: 3px;
}

.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-terminus-ligne-target-id.js-form-item-field-terminus-ligne-target-id.form-group {
    margin-top: 15px;
}

.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-title.js-form-item-title.form-group label {
    bottom: 44px !important;
}


body {
    overflow-x: hidden;
}

#block-transport-formulaireexposedestination-viewblock-5 #views-exposed-form-destination-view-block-5 label {
    bottom: 30px;
}

#views-exposed-form-destination-view-block-5 > div > div:nth-child(-n+2) {
    margin-bottom: 35px;
}

#views-exposed-form-destination-view-block-1 > div > div:nth-child(-n+2) {
    margin-bottom: 30px;
}

#views-exposed-form-destination-view-block-1 #edit-actions{
    top: 10px;
}


#block-transport-views-block-destination-view-block-3 h2 {
  width: 100% !important;
  margin: 0 auto 25px !important;
}

#views-exposed-form-destination-view-block-5 > div > div {
    width: 100% !important;
}

n#block-transport-formulaireexposedestination-viewblock-5 form {
    width: 100% !important;
        padding: 45px 0% 5px !important;
}

#views-exposed-form-destination-view-block-5 #edit-actions {
    width: 29% !important;
}


.path-node .page-header {
    font-size: 20px;
        padding: 0px 4%;
            bottom: -30%;
}
	.block-title {
   font-size: 35px !important;
        line-height: 37px !important;
        padding-right: 5%;
        margin: 38px auto 0 !important;
}

.textP {
    font-size: 18px;
    line-height: 25px;
    padding: 0 0%;
}

.bk-actu .views-row {
    width: 100%;
}


	div#bk-menu-mobile ul.menu.menu--main.nav.navbar-nav {
     display: block;
    width: 100%;
    justify-content: space-between;
    position: relative;
}

div#bk-menu-mobile section#block-terminal-menucustom {   
width: 100%;
    position: relative;
    top: 28px;
    padding-left: 2%;
}

div#bk-menu-mobile ul.menu.menu--main.nav.navbar-nav > li > a {
        text-transform: uppercase;
        font-weight: 400;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
}

div#bk-menu-mobile {

    background-color: #0777bdeb;
    right: initial;
}


.openBtn {
  background: #f1f1f1;
  border: none;
  padding: 10px 15px;
  font-size: 20px;
  cursor: pointer;
}

.openBtn:hover {
  background: #bbb;
}

.overlay.bounceOutRight{
  animation: bounceOutRight;
    animation-duration: 0s;
  animation-duration: 1.5s;
}

.overlay.bounceInRight {
  animation: bounceInRight;
    animation-duration: 0s;
  animation-duration: 1.5s;
}

div#bk-menu-mobile.bounceOutDown {
  animation: bounceOutDown;
    animation-duration: 0s;
  animation-duration: 1.5s;
}

div#bk-menu-mobile.bounceInDown {
  animation: bounceInDown;
    animation-duration: 0s;
  animation-duration: 1.5s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    width: 100%;
    transition: all 1s ease-in-out;
}

.overlay {
  height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 3;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.76);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
  position: absolute;
  top: 5%;
right: 25px;
  font-size: 60px;
  cursor: pointer;
  color: white;
}

.overlay .closebtn:hover {
    color: var(--orange);
    transition: .3s;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 17px;
  border: none;
  float: left;
  width: 80%;
  background: white;
}

.overlay input[type=text]:hover {
  background: #f1f1f1;
}

.overlay button {
  float: left;
  width: 20%;
  padding: 15px;
  background: var(--blue);
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
    background: var(--orange);
    transition: .3s;
}

.search i {
  color: #ccc;
  transition: .3s;
  font-size: 1.7rem;
}

.search i:hover {
  color: #fff;
  transition: .3s;
}

.search {
  height: 40px;
  padding: 5px 1% 5px 1%;
  border-radius: 28px;
  position: relative;
  top: 8px;
}

span.closemenu {
    position: absolute;
    color: #fff;
    font-size: 7rem;
    transition: .3s;
    top: -8px;
    right: 19px;
}

span.closemenu:hover {
    cursor: pointer;
    color: var(--red);
    transition: .3s;
}

div#bk-menu-mobile {
       height: 100%;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    left: -100%;
    transition: 1s;
    background-color: var(--blue);
    right: initial;
            width: 100vw;
}

div#bk-menu-mobile.bounceInLeft {
    left: 0%;
    transition: 1s;
}
div#bk-menu-mobile.bounceOutLeft {
    left: -100%;
    transition: 1s;
}

nav#block-boxtobox-pieddepage {
    margin-top: 43px;
}

div#bk-menu-mobile .menu.menu--main.nav.navbar-nav li:last-child ul {
    margin-left: 0;
}


div#bk-menu-mobile ul.menu.menu--main.nav.navbar-nav {
    padding-left: 5%;
    margin-top: 86px;
    width: 95%;
}

div#bk-menu-mobile .nav .open > a,div#bk-menu-mobile  .nav .open > a:hover,div#bk-menu-mobile .nav .open > a:focus {
    background-color: var(--blue);
    border-color: #337ab7;
}

div#bk-menu-mobile .nav > li > a:hover,div#bk-menu-mobile .nav > li > a:focus {
    text-decoration: none;
    background-color: var(--blue);
}

 div#bk-menu-mobile .navbar-nav > li {
    float: initial;
  }

.blockLogoMenu {
   display: none !important;
}

.menuTop {
    display: none;
}

.block_logo-menu.container.mobile p {
            width: 140px;
        margin: 15px 0;
}

.ui-menu .ui-menu-item-wrapper {
    color: var(--red);
}

.block_logo-menu.container.mobile {
    display: block !important;
}

.icon-bk-menu-mobile {
    height: 40px;
    width: 40px;
}

.icon-bk-menu-mobile div {
    height: 40px;
}

.icon-bk-menu-mobile span {
  background-color: #fff;
    width: 30px;
    height: 2px;
    display: block;
    position: relative;
    margin-bottom: 8px;
}

.icon-bk-menu-mobile {
    position: absolute;
    top: 35px;
    right: 0;
}

.block_logo-menu.container.mobile img {
    width: 100%;
}

	
/********************************************************************/

#block-transport-views-block-actualites-view-block-2 .views-row {
  width: 100%;
}

.view-id-actualites_view.view-display-id-block_1 {
    --move-initial: calc(44% + var(--offset));
    --move-final: calc(-97% + var(--offset));
    padding: 0 0;
}

.view-id-actualites_view.view-display-id-block_1 .view-content div {
    font-size: 1.5rem;
    padding: 6px 2vw 5px;
}

#views-exposed-form-destination-view-block-1 select {
    width: 100%;
    height: 35px;
}

#views-exposed-form-destination-view-block-1 label {
    width: 100%;
}

#views-exposed-form-destination-view-block-1 .select-wrapper {
    width: 100%;
}

#views-exposed-form-destination-view-block-1 > div > div {
    flex-wrap: wrap;
}

#views-exposed-form-destination-view-block-1 label {
    width: 100%;
    color: var(--red);
    text-align: inherit;
}

.has-glyphicons .select-wrapper:after {
    color: var(--gray);
}

.navbar-header a.logo.navbar-btn.pull-left img {
    width: 50%;
    margin: 9px auto 0;
}

.navbar-header a.logo.navbar-btn.pull-left {
            display: none;
}

#navbar {
    height: 240px !important;
}

a.logo.navbar-btn.pull-left {
    width: 100%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
}

#block-transport-views-block-gare-view-block-2 .view-id-gare_view.view-display-id-block_2 .view-footer {
    width: 100%;
    padding-left: 0;
}

#block-transport-views-block-gare-view-block-2 .view-id-gare_view.view-display-id-block_2 > .view-content {
    width: 100%;
}

#block-transport-views-block-gare-view-block-2 .view-id-gare_view.view-display-id-block_2 {
    flex-direction: column-reverse;
}

.path-node #navbar {
    height: 190px;
    background-size: cover !important;
}

.destinationContent {
    flex-wrap: wrap;
    margin-top: 50px;
}

.destinationContentTop div:first-child {
    width: 100%;
    margin-bottom: 20px;
}

.destinationContentTop {
    margin-top: 0;
    flex-wrap: wrap;
}

.destinationContentLeft {
    width: 100%;
    font-size: 2rem;
}

.destinationContentTop div {
    width: 50%;
}

.destinationContentRight {
    width: 100%;
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 38px;
    text-align: center;
    margin-top: 20px;
}

.destinationContentPrix span:nth-child(2) {
    font-size: 4rem;
    color: var(--blue);
    font-weight: bold;
}

.destinationContentBottom {
    margin: 25px 0;
}

section#block-transport-formulaireexposedestination-viewblock-1 form {
        padding: 30px 5%;
        width: 90%;
        margin: 0 auto;
}

    section#block-transport-formulaireexposedestination-viewblock-1 {
    bottom: -258px;
}

section#block-transport-views-block-destination-view-block-1 {
    margin-top: 225px;
}

.destination > div {
    width: 100%;
}

.destination {
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}

.destination .destinationCompagnie {
        width: 20%;
}

.destination .destinationDepart {
          width: 30%;
    justify-content: right;
}

.destination .destinationIcone {
       width: 12%;
    font-size: 3rem;
    color: var(--red);
    text-align: center;
}

.destination .destinationArrivee {
     width: 36%;
    justify-content: left;
    padding-right: 0;
}

.destination > a {
    font-size: 13px;
    width: 40%;
    margin: 10px 2% 0;
    padding: 6px 0px;
}

.destination .destinationGare {
   width: 32%;
   justify-content: left;
   margin-top: 6px;
}

.destination .destinationPrix {
   letter-spacing: .8px;
    margin: 0;
    text-transform: uppercase;
    font-size: 2rem;
    color: var(--red);
    width: 15%;
    justify-content: right;
    line-height: 19px;
    padding-top: 8px;
}


#views-exposed-form-destination-view-block-1 > div > div:nth-child(-n+3) {
    width: 100%;
}

#edit-actions--2 {
    width: 36%;
    padding-left: 1%;
    margin-top: 15px;
}

#views-exposed-form-destination-view-block-1 > div {
    flex-wrap: wrap;
        width: 100%;
}

}