/* Extra small to large devices */
@media only screen and (min-width: 1px) and (max-width: 1199px) {
  #SearchAgentResults, #QuoteForm_SearchAgentResults, #AgentAgencyList_Results, #Agency_FindAgent_Results, #Agency_Agents_Results, #QuoteForm_SearchCampaignResults {
    table-layout: auto;
    word-wrap: normal;
  }
}

/* Extra small devices and Small devices (portrait tablets and large phones, 767px and down) */
@media only screen and (max-width: 767px) {
  #quote-campaign-container, .bulletin-list-container, #bulletin_fieldset {
    padding: 0;
  }

  div#report-controls div:first-child:nth-last-child(2),
  div#report-controls div:first-child:nth-last-child(2) ~ div {
    width: 50%;
  }

  #confirmation-container {
    display: flex;
    flex-direction: column-reverse;
  }

  #confirmation-container h4#payment-header,
  #confirmation-container h4#traveller-header,
  #confirmation-container h4#quote-header {
    display: block !important;
  }

  .campaign-searchresult table {
    table-layout: auto;
  }

  .AdditionalTravellerList {
    overflow: auto;
  }

  #AdditionalTravellerList_Results {
    table-layout: fixed;
    word-break: break-word;
  }

  #UploadLabel {
    width: 25%;
    position: relative;
    text-align: center;
    height: 2.3em;
  }

  #UploadField {
    width: 75%;
  }

  .pricing-total {
    font-size: 1.1rem;
  }
}

/* Medium devices only */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #quote-campaign-container {
    padding: 0;
  }

  .premium-header div div {
    font-size: small !important;
  }
}

/* Menu top bar view for medium devices. 
   When the device width is in this range, we will expand menu section. 
*/
@media (min-width:641px) and (max-width: 991px) {
  .topbar-flex-space-between {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between;
    background: #333;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

  .bulletin-list-container {
    padding: 0;
  }

  #bulletin_fieldset {
    padding: 1.25rem;
  }

  div#report-controls div:first-child:nth-last-child(2),
  div#report-controls div:first-child:nth-last-child(2) ~ div {
    width: 50%;
  }

  .campaign-searchresult table {
    table-layout: auto;
  }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

  .bulletin-list-container {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }

  .campaign-searchresult table {
    table-layout: auto;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}