@media (max-width:768px){
  .hero-logo img{
    max-width:170px;
  }
}

@media(min-width:761px){
  .floating-contact{
    display:none;
  }
}

@media(max-width:760px){
  .site-hero,
  .hero-overlay{
    min-height:360px;
  }

  .hero-inner{
    padding:28px 16px;
  }

  .hero-inner h1{
    font-size:40px;
  }

  .hero-inner p{
    font-size:17px;
  }

  .hero-buttons{
    gap:8px;
  }

  .hero-buttons .delivery-provider{
    display:none;
  }

  .mobile-delivery{
    display:inline-flex;
  }

  .btn{
    width:auto;
    padding:10px 13px;
    font-size:14px;
  }

  .menu-grid{
    grid-template-columns:1fr;
  }

  .menu-img{
    height:210px;
  }

  .info-grid{
    grid-template-columns:1fr !important;
    gap:18px;
  }

  .info-card{
    width:100%;
  }

  .booking-form{
    grid-template-columns:1fr !important;
  }

  .booking-form textarea,
  .booking-form .full,
  .booking-form button{
    grid-column:auto;
  }

  body{
    padding-bottom:80px;
  }
}

@media(max-width:520px){
  .menu-card{
    padding-bottom:120px;
  }

  .drinks-menu-card{
    padding-bottom:0 !important;
  }

  .menu-card-actions{
    left:16px;
    right:16px;
    justify-content:space-between;
  }

  .menu-action-btn{
    flex:1;
    padding:10px 12px;
  }
}

@media(max-width:900px){
  .booking-settings-grid{
    grid-template-columns:1fr;
  }

  .booking-checkboxes{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

  .booking-settings-footer{
    flex-direction:column;
    align-items:flex-start;
  }

  .booking-settings-footer button{
    margin-left:0;
  }
}