@media screen and (max-width: 1080px) {
  /* Common styles for banner text elements */
.banner_container .banner_content .banner_text_one,
.banner_container .banner_content .banner_text_two {
  font-size: 36px;
}

.banner_container .banner_content .banner_text_three {
  font-size: 18px
}

}

@media screen and (max-width: 991px) {
  .banner_container {
    background-size: cover;
  }
  
  .menu p {
    display: none;
  }

  .link {
    display: none;
  }

  .hamburger {
    display: block;
  }
}

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

   /* Common styles for banner text elements */
.banner_container .banner_content .banner_text_one,
.banner_container .banner_content .banner_text_two {
  font-size: 25px;
}

.banner_container .banner_content .banner_text_three {
  font-size: 18px
}

}

/* Modern Drawer Responsive Styles */
@media screen and (max-width: 480px) {

     /* Common styles for banner text elements */
.banner_container .banner_content .banner_text_one,
.banner_container .banner_content .banner_text_two {
  font-size: 21px;
}

.banner_container .banner_content .banner_text_three {
  font-size: 16px
}


  .drawer-content {
    width: 100%;
  }
  
  .drawer-header {
    padding: 16px 20px;
  }
  
  .drawer-nav {
    padding: 20px 0;
  }
  
  .drawer-menu-item {
    padding: 14px 20px;
    margin: 0 12px;
  }
  
  .drawer-menu-item span {
    font-size: 28px;
  }
  
  .drawer-footer {
    padding: 20px;
  }
  
  .drawer-reservation-btn {
    padding: 14px 20px;
  }
}

@media screen and (max-width: 360px) {
  .drawer-header {
    padding: 12px 16px;
  }
  
  .drawer-menu-item {
    padding: 12px 16px;
    margin: 0 8px;
  }
  
  .drawer-menu-item span {
    font-size: 24px;
  }
  
  .drawer-footer {
    padding: 16px;
  }
}

@media screen and (max-width: 320px) {
  .banner_container .banner_content .banner_text_one,
  .banner_container .banner_content .banner_text_two {
    font-size: 19px;
  }

  .banner_container .banner_content .banner_text_three {
    font-size: 16px;
  }
}