@media only screen and (max-width : 767px) 
{
  .hide-xs
  {
    display:none !important;
  }

  .show-xs
  {
    display:block !important;
  }

  /*---------------------------------------------------------------------
  - H1, H2, H3, subtitle
  */
  h1 
  {
    font-size:2em;
  }


  /*---------------------------------------------------------------------
  - text-align center for mobile
  */
  .center-xs
  {
    text-align:center;
  }

 
  
  /*---------------------------------------------------------------------
  -- modal
 */
 .modalDialog 
 {
   width:90% !important;
   min-width:320px;

   padding: 25px 20px;
 }



.data-grid tr td, .data-grid tr th
{
  white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
  white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
  white-space: -pre-wrap;        /* Opera 4-6 */
  white-space: -o-pre-wrap;      /* Opera 7 */
  white-space: pre-wrap;         /* CSS3 */
  word-wrap: break-word;         /* Internet Explorer 5.5+ */
  word-break: break-all;
  white-space: normal;
}


.switchRadio label {
  padding:12px 25px;
}

}  /* Media End */