/**
 Define responsive styles here for mobile applications
 General appwide
**/

/**
Mobile Devices 
Phones, Wearables
**/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /*mobile*/
    .card{ 
        display:flex;
        flex-direction:column;
        width:100%;
        padding:0.4375rem;
        margin:0;
        border:solid 1px rgba(0,0,0,0.08);
        box-sizing:border-box;
        min-height:100px;
    }
  }
  
  /*
   Larger screens mobile Devices
   Tablets, smallscreen PCs
  */
  
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {
    /* Tabs */
    .fx-tab-full {
      width: 100%;
    }
  }
  
  /* 
  /*
    Large screens
    TV, Projector
   */
  
  /* @media only screen
  and (min-width : 1824px) {
  /*largescreens*/
  
  /* }   */