/* On small screens */
@media screen and (max-width: 1000px) {
    .subscriptiondiv {
      width: 100%;
      height:145px;  
      position: relative;     
      margin: 0 0 20 0; 
    }
    .subscriptionservicediv {
      margin: 5px;
    }
}
/* On big screens */
@media screen and (min-width: 1001px) {
    .subscriptiondiv {
      width: 330px; 
      height:145px;  
      position: relative;
      margin: 0 20 20 0; 
    }
    .subscriptionservicediv {
      margin: 35px;
    }
}  



/* Printing */
.ReportElement { float: left; margin: 2 20 2 0; font-size: 13px; color: white !important;}
.ScrollableTableDiv { max-height: 75; overflow-y: auto; }
.PrintHiddenElement { display:none; }
@media print {
  .DoNotPrint { display: none !important;}
  .PrintHiddenElement { display: block !important; }
  .ReportElement { float: clear; margin: 2 20 2 0; width: 100%; color: black  !important; font-size: 16px; }
  .ScrollableTableDiv { all: unset; }
  @page :footer {color: #fff }
  @page :header {color: #fff}
}