/* For devices with a width of 320px or less */
  @media only screen and (max-width: 320px) {
    /* CSS rules here */
    .general_report_card{
      flex: 0 0 40.66667% !important;
     }
  }
  
  /* For devices with a width between 321px and 768px */
  @media only screen and (min-width: 321px) and (max-width: 768px) {
    /* CSS rules here */
    .cmspagetitles div{
      width: 50%;
    }

    .general_report_card{
      flex: 0 0 40.66667% !important;
     }
  }
  
  /* For devices with a width between 769px and 1024px */
  @media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* CSS rules here */
  .general_report_card{
   flex: 0 0 22.66667% !important;
  }
  }
  /* For devices with a width of 1025px or more */
  @media only screen and (min-width: 1025px) {
    /* CSS rules here */
  
  }