@media (min-width: 576px){
    .searchControls {
      display:flex;
    }
    .job-card.collapsed .cardDetails .cardHeader .jobSubmitted {
      order: 2;
    }
  }
  
  @media (min-width:768px) {
    .job-card.collapsed .cardDetails .job-headline .job-progress {
      margin-top: 0;
      margin-left: 8.33333333%;
      width:25%;
    }
    .job-card .cardDetails .job-headline .job-progress {
      width: 100%;
    }
    
    .job-card.bulkList {
      padding-bottom: 5px;
      padding-top: 5px;
    }
    .job-card.bulkList .job-details .cardHeader {
      flex-wrap: nowrap !important;
      display: flex;
      margin-bottom: 0;
    }
    .job-card.bulkList .job-details .job-progress {
      width: 50% !important;
      margin-left: 2rem;
    }
    .job-card.bulkList .job-details {
      flex-wrap: nowrap !important;
    }

    .job-card.collapsed .cardDetails .cardHeader .jobSubmitted {
      margin-left: 0;
    }

    /* .segmentNumber {
      width:28%;
    }
    .rendererNumber {
      width:28%;
    }
    .renderTime {
      width:27%;
    } */
  }

  @media (min-width:991px) {
    /* .jobSegmentList .task-status {
      display: flex;
      flex-wrap:nowrap;

    } */
    /* .segmentNumber {
      width: 22%;
      order: unset;
    }

    .cardControls {
      width:unset;
      margin-top:0;
      margin-right:0.5rem;
    }
  
    .rendererNumber {
      width:32%;
      order: unset;
    }
  
    .renderTime {
      order: unset;
    }
    .container-progress-segments {
      width:100%;
      order: unset;
    }
    .renderStatus {
      order: unset;
      margin-right:1rem;
    }
  
    .segmentCheckbox {
      width:10%;
      order: unset;
    } */
    
  }