@media screen and (min-width: 320px)  {
    .modal-alerter{
        max-height: 80vh; 
        width: 85vw;
    }
  }
  @media screen and (max-width: 1100px)  {
    .modal-row{
        grid-template-columns: auto;
    }
  }

  /* Controller Section break point */
  @media screen and (max-width: 1293px) {
    .controller-section-container{
        justify-items: center;
    }
    .controller-section-buttons{ 
        width: 760px;
        justify-content: space-between;
    }
    .action-controller-block{
        width: 244px;
    }
    .search-input-container {
      justify-self: center;
      padding-right: 0;
    }
    .search-bar-container{
      width: 760px;
      justify-content: center !important;
      justify-self: center;
      gap: 1rem;
    }
    .search-bar-radio-selector-container{
      margin-left: 0 !important;
    }
  }

  @media screen and (min-width: 1280px) and (max-width: 1500px) {
    .modal-alerter{
        max-height: 80vh; 
        width: 80vw;
    }
  }
  
  @media screen and (min-width: 1500px) and (max-width: 1900px) {
    .modal-alerter{
        max-height: 80vh; 
        width: 75vw;
    }
  }

  @media screen and (min-width: 1900px)  {
    .modal-alerter{
        max-height: 80vh; 
        width: 70vw; 
    }
  }