@media (max-width: 1366px)
{  
}

@media (max-width: 1200px)
{
  /* profile */
  .profile-sidemenu{padding: 20px 15px;}
  .profile-sidemenu ul li a{padding: 10px 15px;}
  .profile-details{padding: 15px;}

}

@media (max-width: 991px)
{
    br{display: none;}
    #page-content-wrapper{margin-left: 0;padding-bottom: 0;}
    #sidebar-wrapper{transform: translateX(-270px);top: 76px;padding: 15px 0 0;}
    .sidenav-toggled #sidebar-wrapper{transform: translateX(0px);min-height: auto;box-shadow: 0 0 10px #ccc;}
    #sidebar-wrapper .sidebar-heading img{}
    .sidebar-brand{background: transparent;}
    .sidenav-toggled #sidebarToggle span:first-child, .sidenav-toggled #sidebarToggle span:last-child, #sidebarToggle span {width: 18px;}
    #sidebarToggle span:nth-child(2){width: 10px;}
    #sidebarToggle{padding: 6px 10px;}
    .active_scroll {overflow: hidden;}
    #page-content-wrapper .navbar{margin: 0;padding: 12px 30px;}
    #content_container{margin: 80px 0 0; padding: 20px;}
    .navbarmenu{gap: 15px;}
  /* my restaurant */
    .rstrnt-nm h3{font-size: 18px;}
    .rstrnt-nm, .rstrnt-edit-btn{gap: 10px;}
    .rstrnt-list-box{margin-bottom: 15px;}
    .add-restaurant-blog .login-form h5{font-size: 16px; margin-bottom: 12px;}
    .add-location, .form-title h2{font-size: 16px;}
    .rstrnt-list-box{padding: 12px;}
    .add-restaurant-blog h1{margin-bottom: 15px;}
    /* restaurant details */
    .quick-rstrnt-rvw{flex-flow: column; align-items: flex-start; gap: 6px;}
    .restrnt-time-dtls, .quick-rstrnt-rvw{margin-bottom: 15px; padding-bottom: 15px;}
    .restrnt-details-blog h1, .edit-restrnt-blog h1{margin-bottom: 20px;}
    .restrnt-dtls-bx, .edit-rstrnt-box{padding: 15px;}
    .rstrnt-dtls-txt h2{font-size: 22px; margin-bottom: 8px;}
    .rstrnt-dtls-txt p{font-size: 16px; margin-bottom: 5px;}
    .restrnt-time-list li h4, .restrnt-time-list li span{font-size: 16px;}
    .restrnt-time-list li{margin-bottom: 10px;}
    /* admin modal */
    .admin-modal .modal-content{border-radius: 20px;}
    .admin-modal .modal-body{padding: 20px;}
    .modal-btn-grp{gap: 15px;}
    .modal-btn-grp button{font-size: 16px; padding: 10px 20px;}
    .delete-area h4{font-size: 20px; margin-bottom: 20px;}




}

@media (max-width: 767px)
{
  #page-content-wrapper .navbar{padding: 15px;}
  .content_container{padding: 15px;}
  .rstrnt-dtls-txt h2{font-size: 20px;}
  /* profile */
  .profile-sidemenu{padding: 10px 15px; margin-bottom: 15px; height: auto;}
  .profile-sidemenu ul{display: flex;}
  .profile-sidemenu ul li{margin-bottom: 0;}
  .profile-img{margin: -50px auto 15px;}
  .profile-img img{width: 100px; height: 100px;}
  .my-profile-area h3{font-size: 20px; margin-bottom: 0;}
  .my-profile-area p{font-size: 16px;}
  .edit-profile-btn{font-size: 16px; margin: 30px auto;}



  
}

@media (max-width: 575px)
{
  .profile-btn span, .profile-btn svg{display: none;}
  .profile-btn{padding: 2px;}
  .profile-btn div img{width: 35px; height: 35px; height: 35px;}
  /* my restaurant */
  .rstrnt-list-box{flex-flow: column; align-items: flex-start;gap: 8px;}
  .add-restrnt-btn{padding: 10px 15px;}
  /* restau */
  
}

@media (max-width: 500px)
{
   .special-bx{flex-flow: column;}
   .quick-rstrnt-dtls{flex-flow: column; align-items: flex-start;}
   .profile-sidemenu ul{width: 100%; overflow: auto;}
}

@media (max-width: 475px)
{
  .form-title{flex-flow: column; align-items: flex-start; gap: 5px;}
   
}
/* height media query */
@media (max-height: 820px)
{
    #sidebar-wrapper .list-group{height: 60vh; overflow-y: auto;}
    .bottom_menu{position: fixed; bottom: 15px; left: 0; right: 0;}
}