/* Add custom CSS styles below */ 
:root {
  --screen-width: 100vw;
}
.altumcode-custom-html-content,
.altumcode-custom-html-html {
  width: 300px !important;
  height: 400px !important;
}
@media (max-width: 480px) {
  .altumcode-custom-html-content,
  .altumcode-custom-html-html {
    width: 300px !important;
    height: 400px !important;
  }
}
body{
    position: relative;
}
.altumcode.altumcode-middle_left.on-visible {
    position: absolute !important;
    top: 110px !important;
    left: -10px !important;
    z-index:1;
}
@media (max-width: 767px) {
  .altumcode.altumcode-middle_left.on-visible {
      top: calc(600px + (var(--screen-width) - 315px)) !important;
  }
}
@media (max-width: 650px) {
  .altumcode.altumcode-middle_left.on-visible {
      top: calc(600px + (var(--screen-width) - 350px)) !important;
  }
}
@media (max-width: 500px) {
  .altumcode.altumcode-middle_left.on-visible {
      top: calc(600px + (var(--screen-width) - 380px)) !important;
  }
}