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

.easymap-sidebar{
  width: 32%;
}

}
@media screen and (min-width:320px) and (max-width:768px) {
  :root {
    --sidebar: 280px;
    --kiosk-sidebar: 100%
  }

  body {
    background: #000;
    color: #fff
  }

  h1 {
    font-size: 2rem
  }

  h2 {
    font-size: 1.6rem
  }

 h4 {
    font-size: .9rem !important
  }
  .easymap-element {
    display: flex;
    flex-direction: column
  }

  .easymap-container {
    width: 100%
  }

  .easymap-sidebar {
    width: var(--sidebar);
    display: flex;
    position: absolute;
    flex-direction: row;
    width: 100%;
    max-height: 50%;
    align-items: flex-start;
  }

  .sidebar-filterable {
    width: 100%;
    flex-direction: column;
    gap: var(--gap);
    /*background-color: transparent;*/
    background-color: #ffffff;
  }
.easymap-sidebar-header
{
      margin-left: 60px;

}
.easymap-logo-withouttext{
  display: block !important;
}
.easymap-logo-withtext{
  display: none;
}
  .easymap-kiosk-container {
    top: auto;
    width: var(--kiosk-sidebar);
    padding: 10px;
    height: 400px;
    background: rgb(255 255 255 / 50%);
    backdrop-filter: var(--filter-blur)
  }

  .easymap-icon-sidebar {
    display: none;
    opacity: 0;
    visibility: hidden
  }

  .easymap-logo, .easymap-logo img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    /*background: #333;*/
    position: absolute;
    text-align: center;
      top: 5px;

  }
.easymap-logo-withouttext{
    width: 40px !important;
    height: 40px !important;
    left: 11px !important;
    top: 8px !important;
}
.easymap-list-container{
  height: 370px;
}

.easymap-kiosk-menu-list{
  display: inline !important;
}

.easymap-kiosk-menu-list li{
  margin-top:25px ;
}
.easymap-tooltip-wrap{
    left: 50% !important;
    transform: translateX(-50%,50%) !important;
    right: auto !important;
    max-width: 265px !important;
    margin-top: 5px;
    

  /*transform: translate(-47.0847%, -93%) !important;*/
}

.easymap-sidebar-toggle{
  display: none !important;
}
.easymap-button{
  width: 2rem;
  height: 2rem;
}
}