@media (min-width: 490px){
    @keyframes bgin {
        100%  { background-color: #fffc; }
      }
      #axeptio_overlay .ax-widget-container
      {
        max-height: 500px;
        min-height: 260px;
        left: 50%;
        bottom: 80px;
        transform: translate(-50%,-50%);
      }
      html.axeptio-widget--open #axeptio_overlay .ax-website-overlay
      {
        animation : 2s ease-in 0.2s forwards bgin;
        height: 100vh;
        width: 100vw;
      }
      @media (max-height: 900px) {
        @keyframes bgin {
            100%  { background-color: #fffc; }
          }
          .ax-widget-container,#axeptio_overlay .ax-widget-container
          {
            max-height: 500px;
            min-height: 260px;
            left: 50%;
            bottom: -80px;
            transform: translate(-50%,-50%);
          }
          .ax-website-overlay.active,html.axeptio-widget--open #axeptio_overlay .ax-website-overlay
          {
            animation : 2s ease-in 0.2s forwards bgin;
            height: 100vh;
            width: 100vw;
          }
      }
}