@media handheld, screen and (max-width: 640px) {

    
    body:before {
      content: inherit;
      display: inherit;
      vertical-align: inherit;
      height: auto;
    }    
    
    #page{
        position: relative;
        height: 100%;
        top:100px;
        padding: 20px;
    }
    #head{
        position: fixed;
        z-index: 10;
        top:0px;
        left:0px;
        width:100%;
    }

    #footer{
       position: static;
        width:100%;
        bottom:0px;
        left:0px;
        right: 0px;
        z-index: 10;
        /* display:none; */
       
    }
    #logo{
        margin-left: 20px;
    }
    #nav{
        display:none;
        position: static;
        padding-top: 50px;
        height: 100vh;
    }
    #nav li{
        display:block;
        margin: 0px 30px;
        padding: 10px 0px;
        border-bottom:1px solid #ccc;
    }
    #nav li:first-child {
      margin-left: 30px;
    }
    #nav li:last-child {
      margin-right: 30px;
    border-bottom: none;
    }
    #nav li a{
        display: block;
    }
    #btn-mobile{
        display: inline-block;
    } 
    .pub{
        /*position: static;
        top:0px;
        right: 20px;
        z-index: 10;
        text-align: center;*/
        margin-bottom: 20px;
    }    
    
    .cartouche {
      background-color: transparent;
      border-radius: 0px;
      padding: 0px;
      position: static;
      height: inherit;
      line-height: inherit;
      display: block;
    }    
    .cartouche a {
      color: #666 !important;
      font-size: 1em !important;
      text-shadow: inherit;
    }
        .wrapper.content {
          padding: 0px 0px;
        }
    .wrapper.content h1 {
      font-size: 1.4em;
    }
    .grid-home{
        display: block;
    }
    .grid-home.grid-wake {
      margin-top: 20px;
    }
    .grid-wake img{
        max-width: 120px;
        border-width: 5px;
    }   
    .grid-home.grid-wake .g-2 {
      margin-bottom: 30px;
    }
  
    .grid-wake.grid-about img{
        max-width: 160px;
    } 
    .grid-wake.grid-about .g-2 img{
        margin-bottom: 10px;
    } 
    
    .ZebraDialog .ZebraDialog_Body .grid {
      display: block;
    }
    
    .ZebraDialog .ZebraDialog_Body .grid .brd-l {
      border-left: none;
    }
    .ZebraDialog .ZebraDialog_Body .grid .gap-l {
      padding-left: 0px !important;
    }
    
    .ZebraDialog .ZebraDialog_Body .grid .brd-r {
      border-right: none;
    }
    .ZebraDialog .ZebraDialog_Body .grid .gap-r {
      padding-right: 0px !important;
    }
    
    .pictgirls{
        max-width: inherit !important; 
        width:200px !important; 
        height:inherit !important;
    }
    .no-mob-marg{
        margin-top:0px !important;
    }
    .f_box, #gmap{
        width: 100%;
    }
    .col-event h1.left{
        text-align: center !important;
    }
    .grid{
        display: block;
    }
    .grid .gap-l-20,.grid .gap-r-20{
        padding: 0px;
    }
    .grid > div{
        margin-bottom: 20px;
    }
    .grid.box-select-product > div{
        margin-bottom: 0px;
    }
    .box-choice > div:first-child{
        border-right: none;
    }
    #boxReservation {
        margin-top: 0px;
        width: 100%;
    }
      
    
    #box-pack-res,#box-wake-res{
        padding-bottom: 50px;
    }
    .grid.box-choice > div{
        margin:0px;
    }
    .zabuto_calendar{
        margin-bottom: 20px !important;
    }
    .gal-list{
        text-align: center;
    }
    .gal-list img{
        max-width: 60px;;
    }
    
    #box-select-gal{
        width: 100%;
        margin: 20px 0px;
    }
    #box-gal-descr{
        width: 100%;
    }
    #listGal li{
        width: 60px;
        margin: 9px;

    }
    #listGal li div{
        width: 60px;
        height: 60px;
    }
}
    /* Responsive */
    @media (max-width: 768px) {
      .logo-item {
        flex: 0 0 calc(50% - 20px);
      }
    }

    @media (max-width: 480px) {
      .logo-item {
        flex: 0 0 100%;
      }
    }