@media (max-width:1240px) {
    
    
    
.navbar-header{float:none}.navbar-left,.navbar-nav,.navbar-right{float:none!important}.navbar-toggle{display:block}.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-collapse.collapse{display:none!important}.navbar-nav{margin-top:7.5px}.navbar-nav>li{float:none}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}.collapse.in{display:block!important}
.container { width:100%; padding-left:20px; padding-right:20px; margin:0px; }
    
.border-bottom p { position:relative; float:left; width:100%; margin:0 0 40px 0; padding:0; }
    
p.details { float:left; width:100%; margin-top:40px; }
.site-header { position:absolute; top:0; left:0; width:100%; height:auto; margin:0; padding:0; z-index:9999; }
    
  
    /*   
    
.background-cover {
    height:auto;
    background-size:contain!important; 
    -webkit-background-size:contain!important; 
    background-size:auto 100%!important;
    background-position:70% 50%!important; 
    }
  */
    
  .background-cover {
    height:auto;
    background-size:cover!important; 
    -webkit-background-size:cover!important; 
      padding:120px 0
    
}  
    
    
    
.background-cover .container h1 { font-size:5em; }
    
    /*
.background-cover .container { height:95vh; padding: 0px 20px 40px 20px; display:flex; flex-direction:column; justify-content:center; }
    

.background-cover .container h1 { float:none; padding:0; font-size:6em; }
.background-cover .container p { float:none; font-size:1em; padding:0 20px;margin:20px 0 }
.background-cover .address { position:initial; float:left; width:100%; width:100%; margin:0; padding:0; }
    .background-cover .address .marker { display: block;margin:15px auto 0 auto;position: static}
        */
    
    .background-cover .container p { font-size:.85em; }
    
 .background-cover .address .marker {width:22px;}
    
    
    /*
.background-cover .address .col-md-6.col-left { float:left!important; width:100%!important; margin:0!important; padding:0!important; text-align:center!important;}
.background-cover .address .col-md-6.col-right { float:left!important; width:100%!important; margin:0!important; padding:0!important; text-align:center!important;}
    
    
.background-cover .address .col-md-6.col-left p { float:left; width:100%; text-align:center; }
.background-cover .address .col-md-6.col-right p { float:left; width:100%; text-align:center; }
    
    */
    
    
    
.background-cover .address .col-md-12 p { margin-bottom:25px; }
.content-one-col { padding:80px 0; }
.content-one-col .container h2 { margin:0 0 40px 0; font-size:3.5em; }
.content-one-col .container p { font-size:1em; }
.content-two-col .container h2 { margin:0 0 40px 0; font-size:3.5em; }
.content-one-col form { margin:70px 0 0 0; }
.content-one-col form .col-md-4 { width:100%; margin:0 0 20px 0; }
.content-one-col form .col-md-12 { margin:0 0 20px 0; padding:0 10px; }
.content-one-col.content-full-height { background-size:contain!important; -webkit-background-size:contain!important; background-size:auto 100%!important; }
.wpcf7 input[type="file"] { float:left!important; width:100%!important; margin:0 0 20px 0!important; padding:8px!important; }
.wpcf7 input[type="submit"] { float:right; }
.content-one-col form input[type="submit"] { margin-right:0; }
.content-on-cover { margin:0px; }
.galerie-photos { padding:80px 0; }
.galerie-photos .container h2 { margin:0 0 40px 0; font-size:3.5em; }
.galerie-photos .container .col-md-6 { float:left; width:100%; margin:0; padding:0; }
.galerie-photos .container .col-md-6 img { float:left; width:100%; height:auto; margin:0; padding:0; }
.instagram { padding:80px 0; }
.instagram .container h2 { margin:0 0 40px 0; }
.site-footer { padding:40px 0; }
.site-footer .container .col-md-6 ul li a { float:left; width:100%; font-size:10px; text-align:center; margin-bottom:8px; }
.site-footer .container .col-md-6 ul li:first-child a:after { padding-left:0; content:""; }
.site-footer .container .col-md-6 ul li:last-child a { border-bottom:1px solid #FFF; padding-bottom:20px; }
.site-footer .container .col-md-6 p { float:left; text-align:center; font-size:0.75em; }
.scroll-top { display:none!important; }
.mainnav { margin:0; padding:10px 0; border:0; background:rgba(255,255,255,0.90); max-height: 80px;}
.navbar-brand { display:none; }
.navbar {position: relative;min-height: 0;margin-bottom: 0; border: 0px solid transparent;padding-bottom: 0!important;}
.container-fluid.flush {padding-left:0;padding-right:0}
.navbar .col-md-4 { float:left!important; width:50%!important; }
.navbar .col-md-4:nth-child(2) { display:none; }
.navbar .col-md-4 .pull-right, .navbar .col-md-4 .pull-left, .navbar .col-md-4 .pull-right ul, .navbar .col-md-4 .pull-left ul { float:left!important; width:100%!important; }
.navbar-nav > li a span { text-align:center; }
.navbar-nav > li { margin-bottom:25px; }
#main-menu { width:50%; }
.navbar-nav>li { background-size:50px 80px!important; padding:25px 10px 0 10px; }
.navbar-nav>li a { text-transform:uppercase; color:#000; font-size:0.9em }
.navbar-nav>li a:hover, .navbar-nav>li a:focus { background-color:transparent; text-decoration:none; outline:none; }
.navbar-nav>li a span { float:left; width:100%; margin:0; padding:55px 0 0 0; }
.navbar-nav>li.cuisine a { background:url('images/picto-cuisine-maison.svg') no-repeat center top; }
.navbar-nav>li.jus_bios a { background:url('images/picto-jus-bios.svg') no-repeat center top; }
.navbar-nav>li.boutique a { background:url('images/picto-cart.svg') no-repeat center top; }
.navbar-nav>li.esprit a { background:url('images/picto-esprit.svg') no-repeat center top; }
.navbar-nav>li.visiter a { background:url('images/picto-visiter.svg') no-repeat center top; }
.navbar-nav>li.notre_cafe a { background: url('images/picto-cafe.svg') no-repeat center top; }
.content-on-cover .container { padding:30px; }
.content-on-cover .container .col-md-6 { width:100%!important; padding-left:20px!important; padding-right:20px!important; }
.content-two-col { padding:80px 0; }
.content-two-col p { float:left!important; width:100%!important; margin:40px 0 0 0!important; text-transform:uppercase; line-height:27px; font-weight:400; text-transform:uppercase; }
.content-two-col p.align-right { float:right!important; width:100%!important; margin:50px 0 0 0!important; }
.content-two-col img { margin-top:40px; }
.content-two-col .container .col-md-6 img { float:left; width:100%; margin:40px 0 20px 0; padding:0; }
#topbar {width:500px;margin:30px auto 30px auto;border-bottom:1px solid #333}
#topbar a.hvr-underline-from-left {margin-top:10px;margin-left:12px;}
#topbar .pull-left {float:right!important}
#topbar .pull-right { float:right!important}    
    
    
.navbar-toggle { float:left; border:1px solid #1E2730!important;margin-left:20px;}
    
.mainnav.smallheight .navbar-btn.btn-link {margin-top: 5px;}
    
    
.navbar-toggle span { background-color:#1E2730!important; }
.navbar-toggle .icon-bar:first-child { height:3px!important; }
#doselogomain .img-responsive { display:block; float:left; width:80px; height:auto; margin-left:20px; }
.content-two-col .container .btn { margin-left:0; font-size:0.75em; padding-left:20px; padding-right:20px;}
.content-full-height { height:auto; }
.navbar-nav>li a span { visibility:visible; opacity:1; }
.background-cover .slider .slick-prev, .background-cover .slider .slick-next { display:none; }
.content-two-col .container .col-md-6 img.small { max-width:100%; }
.mobshrink {width: 500px;margin:0 auto}  
.background-cover .container p.intropara {font-size: 1.2em;}   
.content-on-cover {margin:0}  
}


@media (max-width:768px) {
.background-cover .container {padding-top:140px;height:auto;display: block;padding:140px 30px 30px;}
.background-cover .container p.intropara {font-size: 0.9em;}   
.background-cover .container h1 {font-size:3em; }
.background-cover .address p {font-size: .85em;text-align: center;padding:5px 0}
.background-cover .address .col-xs-1 {padding-left:5px;padding-right:5px;}
.background-cover .container p.intropara {margin-bottom: 15px;}
.background-cover .container .flexwrap {padding-bottom: 0}
.background-cover {padding:80px 0}  
}

@media (max-width:520px) {
.mobshrink {width: 400px;margin:0 auto}     
#topbar {width:auto;margin:30px auto 30px auto;border-bottom:1px solid #333;padding:0}
#topbar {font-size:0.7em}
    .background-cover .container {padding-left:15px;padding-right:15px;}
.background-cover .container h1 {font-size: 3em;}
.content-full-height .container h3 { margin: 0 0 38px 0;padding: 0 10px; }
.content-two-col .container h2 { margin-bottom:0; }
.content-two-col .container p { margin-top:0; }
.content-two-col p.align-right { margin-top:0!important; }
.sbi_item { width:100%!important; }
.navbar-nav>li {padding:0}    
.navbar-nav>li a {font-size: 0.75em;}
.background-cover .container p.intropara {font-size: 1em;}   
.background-cover .slider .slick-next {right: 0;}
.background-cover .slider .slick-prev {left: 0;}  
.background-cover .container p.intropara {font-size: 0.85em;}
      .background-cover {
      padding:50px 0
    
}  
}

@media (max-width:519px) {
.mobshrink {width: 300px;margin:0 auto}     
#topbar {height:80px;width:200px;}
#topbar .pull-left {float: none!important;}
#topbar .pull-right {float: none!important;}
#topbar a.hvr-underline-from-left {margin-left:0}
}






@media (max-width:480px) {
    .background-cover .container {padding-left:15px;padding-right:15px;}
.background-cover .container h1 {font-size:1.85em}
.background-cover .container p {font-size: .75em}
}


@media (max-width:360px) {
.background-cover .container {padding-left:0;padding-right:0;}
.background-cover .container h1 {font-size:1.8em}
.background-cover .container p {font-size: .85em}
    
}




/*

@media (min-width:1240px){
.border-bottom p{min-height: 242px;}
}

@media (min-width:1400px){
.border-bottom p{min-height: 200px;}
}

@media (min-width:1720px){
.border-bottom p{min-height: 150px;}
}

*/


/*
@media screen and ( max-height: 580px ){
    
.background-cover .address {position: relative;clear:both;bottom:0}
.background-cover .container h1 {
    float: none;
    margin: 25% auto 0 auto;
    padding: 0;
    font-size: 3em;
}
    
    
    
}
*/
/*
@media screen and ( max-height: 400px ){
.background-cover .container h1 {font-size:2em}
.background-cover .container p {font-size: .75em}
}
*/