iframe.expand {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 9999;
  height: 100%;
  width: 100%;
  max-width: 1222px;
  max-height: 884px;
}

iframe.minimize {
  position: fixed;
  width: 56px;
  height: 56px;
  bottom: 30px;
  right: 80px;
  z-index: 9999;
}


iframe.collapse {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 9999;
  height: 100%;
  width: 100%;
  max-width: 376px;
  max-height: 680px;
}

@media screen and (max-width: 500px) {
  iframe.collapse {
    max-width: 100%;
  }
  
  iframe.collapse,
  iframe.expand {
    left: 50%;
    transform: translateX(-50%);
	right:0;
  }

  iframe.expand {
    bottom: 0 !important;
  }
  
  iframe.minimize {
	 right:30px;
	 bottom:30px;
  }
}

@media screen and (max-width: 1262px) {
  iframe.expand {
    left: 50%;
    transform: translateX(-50%);
  }
}


iframe {
  border: none;
}