/* Min Width Media Queries */

@media (min-width: 1280px) {
  .dropdown-hover:hover > .dropdown-menu {
    display: block;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: 0;
    display: none;
    position: absolute;
  }

  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }

}
    
/* Max Width Media Queries */  
@media only screen and (max-width: 1400px) {
  .main-top-navbar ul.navbar-nav .nav-link {padding: 21px 10px;}
}
@media only screen and (max-width: 1360px) {
  .main-top-navbar ul.navbar-nav .nav-link {padding: 21px 7px;}
}
@media only screen and (max-width: 1199px) {
  .navbar-toggler {float: right;padding: 0;width: 34px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid #E2E2E2;background: #FFF;margin-left: 15px;}
  .navbar-toggler:focus {box-shadow: none;}
  .navbar-toggler-icon {width: 18px;height: 13px;background-image: none !important;position: relative;border-bottom: 1px solid #05020D;transition: all 300ms linear;margin-top: 0;}
  .navbar-toggler-icon:after, .navbar-toggler-icon:before{width: 18px;position: absolute;height: 1px;background-color: #05020D;top: 0;left: 0;content: '';z-index: 2;transition: all 300ms linear;}
  .navbar-toggler-icon:after{top: 6px;}
  .menu-open .navbar-toggler .navbar-toggler-icon:after {transform: rotate(45deg);}
  .menu-open .navbar-toggler .navbar-toggler-icon:before {transform: translateY(6px) rotate(-45deg);}
  .menu-open .navbar-toggler .navbar-toggler-icon {border-color: transparent;}
  .offcanvas.offcanvas-start{transform: translateX(-100%);z-index: 9999;}
  .offcanvas-backdrop.show {opacity: .2;}
  .app-page-wrapper {margin-left: 0;}
  .app-page-wrapper .app-header {z-index: 9999;}
  .app-main-content-wrap .container {max-width: 100%;}
  .app-main-content-wrap {padding-left: 0;}
  #brgr-menu-overlay-container {position: fixed;top: 0;left: 0;z-index: 1040;width: 100vw;height: 100vh;background-color: rgb(28 27 33 / 20%);content: "";transition: 0.5s all;opacity: 0;pointer-events: none;}
  body.menu-open #brgr-menu-overlay-container {opacity: 1;pointer-events: inherit;}
  body.menu-open .app-sidebar.offcanvas.offcanvas-start {transform: translateX(0);}
  /* .app-sidebar.offcanvas.show:not(.hiding), .app-sidebar.offcanvas.showing {transform: translateX(-100%);} */
  .app-sidebar-menu-wrapper {padding-bottom: 70px;}

  .app-sidebar {
    z-index: 9999 !important;
  }
  #offcanvasMenubar .navbar-nav {
    overflow-y: auto;
    height: 100%;
  }
  li.dropdown-submenu ul.dropdown-menu {
    box-shadow: none;
    margin: 10px;
  }
  .main-top-navbar ul.navbar-nav .nav-link {
    padding: 15px 10px;
  }
  .app-header .header-right:before {
    display: none;
  }
  .content-box-list {
    max-width: 800px;
    margin: 42px auto 0;
  }

}

@media only screen and (max-width: 991px) {
  .card-header.card-header-with-date {flex-wrap: wrap;}
  .reportrange {margin-left: 0;margin-top: 6px;/* padding: 7px 7px 7px 7px; */}
  .reportrange img {width: 17px;top: 0;}

}

@media only screen and (max-width: 767px) {
  .offcanvas.offcanvas-start {width: 70%;}
  .app-sidebar .app-logo-wrapper img {max-width: 200px;}
  /* .app-sidebar .app-logo-wrapper {text-align: center;} */
  .user-info.dropdown .dropdown-toggle span {display: none;}
  .user-info.dropdown img {margin-right: 0;}
  .form-elements, .left-form-elements {flex-wrap: wrap;gap: 4px;}
  .left-form-elements, .right-form-elements {width: 100%;}
  .right-form-elements {justify-content: start;}
  .left-form-elements {gap: 10px;}
  .right-form-elements .reportrange {width: 100%;}
  #calendar .fc-header-toolbar {
    flex-wrap: wrap;
    padding: 15px;
    gap: 10px;
  }
  .landing-content {
    height: auto;padding: 20px 0 60px;
  }
  .content-box-list {
    margin-top: 20px;
  }
  .landing-page-header .image-logo {
      width: 120px;
  }

}

@media only screen and (max-width: 639px) {
  ul.label-price-list li:last-child {width: 100%;} 
  ul.label-price-list.first-full-list li:last-child {width: auto;}
  .event-box.event-red ,  .event-box.event-green , .event-box.event-yellow {
    border-left-width: 2px;
  }
  .event-box {
      padding: 5px 3px 5px 2px;margin: 3px !important;
  }
  .event-box .fc-event-time {
    display: none;
  }
  .event-box .fc-subtitle {
      display: none;
  }
  .event-box .fc-event-title {
      font-size: 8px;
      line-height: 10px;
  }
  #eventModal #eventModalTitle {
    font-size: 16px;
    font-weight: 600;
    color: #071437;
  }
  #eventModal .modal-header {
    padding: 10px 16px;
  }
  #eventModal .modal-header button.btn-close {
    background-size: 10px;
  }
  #eventModal #eventModalBody p {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    color: #4B5675;
  }
  .sign-in-page {
    padding: 0 20px;
  }
  .sign-in-wrapper {
    padding: 35px 24px;
  }
}

@media only screen and (max-width: 575px) {
  .offcanvas.offcanvas-start {width: 83%;}
  .card .card-header, .card .card-body, .card.inner-card .card-header {padding-left: 12px;padding-right: 12px;}
  .row.g-3>* {margin-top: 12px;}
  .card .card-header h3 {font-size: 15px;line-height: 20px;}
  .app-logo-wrapper img {max-width: 170px;}
  .bottom-siderbar-btn .btn-logout {padding: 7px 7px;width: 120px;font-size: 14px;}
  .absolute-right-table .search-wrap {
    width: 100%;
  }
  
}

@media only screen and (max-width: 340px) {
   
}

/* Max Height Media Queries */
@media screen and ( max-height: 1080px) {
    
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
   
}