.overlay {
  left: 10px;
  top: 10px;
}

.popupIn.allPopup {
  width: calc(100% - 10px) !important;
  left: 5px !important;
  top: 5px !important;
}

.modal-body {
  padding: 10px;
}

.overlay-left {
  right: 10px;
  top: 10px;
}

.in-header {
  padding: 0 10px;
  width: auto;
}

.left-tt-r {
  display: flex;
  margin: 6px 0 0 56px;
}

.head-logo {
  width: 48px;
  height: 46px;
  margin: 11px 5px 13px 0px;
}

.big-font {
  display: none;
}

.left-tt-r {
  flex-grow: 1;
}

.menus,
.r-menus,
.rk-menus {
  width: calc(100% - 20px);
}

.menu-li,
.right-menu-li,
.rightk-menu-li {
  width: auto;
}

.d-flex.pro-d {
  display: block;
}

.l-trip,
.r-trip {
  width: auto;
}

.stats-bot-area1 {
  width: auto;
  padding: 10px;
}

div#dyn-profile {
  padding: 0 5px;
}

.opn-hide-form {
  padding: 5px;
}

ul {
  padding-inline-start: 17px;
}

#addDeviceForm .d-flex,
#fetchLocForm .d-flex {
  display: block;
}

#addDeviceForm .r-part,
#fetchLocForm .r-part {
  width: auto;
}

.rboxc {
  margin: 10px 10px 0;
}

.fakeAlertOut {
  width: calc(100% - 20px) !important;
  left: 10px !important;
}

.bot-icon {
  bottom: 18px;
  width: 69px;
  height: 25px;
}

.leaflet-container {
  font-size: 9px;
}

.leaflet-control-attribution.leaflet-control {
  font-size: 9px;
}

.hiker-div {
  width: 100%;
  left: 0;
  z-index: 20;
  height: 100%;
  background: none;
  box-shadow: none;
  top: 10px;
}

.acc-menu-profile {
  width: calc(100% - 20px);
  left: 10px;
  height: calc(100% - 50px);
  overflow: auto;
  z-index: 30;
}

.pic-gallery-div {
  height: auto;
  top: 10px;
  z-index: 20;
  width: calc(100% - 20px);
  left: 10px;
  margin: 0;
}

.pic-gallery-flex {
  height: auto;
}

.slide-imgs.show-slide {
  width: 100%;
  left: 0;
  height: auto;
}

img.slideImg {
  width: 100%;
  height: auto;
}

.pic-gallery-outer {
  height: auto;
}