@media only screen and (max-width: 1250px) {
  main {
    width: 100vw;
  }
  .wrapper {

  }
  body {

  }
  #desktopHeaderBackground {
    display: none;
  }
  #mobileHeader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    width: calc(100% - 40px);
    background: white;
  }
  #mobileHeader .logo {
    float: left;
    height: 50px;
  }
  #mobileHeader .hamburger {
    float: right;
    padding: 10px;
    height: 40px;
    width: 40px;
    border: solid 2px transparent;
  }
  #desktopHeader {
    display: none;
  }
  #mobileNav #header {
    padding: 20px;
  }
  #mobileNav #header .logo {
    float: left;
    height: 50px;
  }
  #mobileNav #header .hamburger {
    float: right;
    padding: 10px;
    height: 40px;
    width: 40px;
    border: solid 2px transparent;
  }
  .greyBoxContentLeft {
    width: calc(100% - 140px);
    margin-left: 20px;
    text-align: center;
  }
  .greyBoxContentRight {
    width: calc(100% - 140px);
    margin-left: 20px;
  }
  .greyBoxContentLeftImage {
    opacity: 0;
  }
  #mobileNav {
    width: calc(100%);
    height: 100vh;
    background: #24296B;
    position: fixed;
    z-index: 1001;
    left: 0;
    top: 0;
    display: none;
  }
  #mobileNav .navigation {
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: white;
    font-family: 'Montserrat', sans-serif;
  }
  #mobileNav .navigation tr {
    height: 50px;
  }
  .Hero {
    height: auto;
    overflow: auto;
    width: 100%;
    overflow: hidden;
  }
  .heroCenter {
    width: 100%;
    font-size: 10vw;
    padding-left: 0;
    padding-right: 0;
  }
  .Auto {
    overflow: auto;
  }
  .singleColumnContent {
    margin-left: 50px;
    width: calc(100% - 100px);
    text-align: center !important;
    font-size: 20px !important;
  }
  .dualColumnContent {
    margin-left: 20px;
    width: calc(100% - 40px);
    font-size: 20px !important;
    text-align: center !important;
  }
  .dualColumnContent .column {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .dualColumnContent .columnLeft {
    width: 100%;
  }
  .contactForm {
    padding-left: 50px;
    padding-right: 50px;
    width: calc(100% - 100px);
    margin: 0;
  }
  .contactForm .form {
    text-align: center;
  }
  .contactForm .form .formInputContainer {
    text-align: center;
  }
  .contactForm .mobileForm {
    display: block;
  }
  .dualColumnContent .columnRight {
    width: 100%;
  }
  .dualColumnContent .thirdLeft {
    width: 100%;
    font-size: 20px !important;
  }
  .blueButton {
    width: 100%;
  }
  .dualColumnContent .thirdLeft img {
    margin: 0 auto;
  }
  .dualColumnContent .thirdRight {
    width: 100%;
  }
  .dualColumnContent .twoThirdLeft {
    width: 100%;
    font-size: 20px !important;
  }
  .dualColumnContent .twoThirdRight {
    width: 100%;
    font-size: 20px !important;
  }
  .autoTable {
    width: 100%;
  }
  .triColumnContent {
    margin-left: 20px;
    width: calc(100% - 40px);
    font-size: 20px !important;
    text-align: center !important;
  }
  .triColumnContent .column {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center !important;
  }
  .fullPageContentRight {
    width: calc(100% - 40px);
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .fullPageContentLeft {
    width: calc(100% - 80px);
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
  }
  .heroVideo {
    width: calc(100vw);
  }
  .bulletIconCell {
    display: none;
  }
  .bulletTable {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .bulletTableRow {
    height: 10px;
    display: block;
  }
  .newsSearch {
    margin-left: 50px;
    width: calc(100% - 100px);
  }
  .newsPage {
    margin-left: 50px;
    width: calc(100% - 100px);
  }
  .newsPage .newsContent {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 50px;
  }
  .heroVideoTextLeft {
    padding: 20px;
    padding-top: 150px;
    padding-bottom: 50px;
    width: calc(100% - 40px);
    text-align: center !important;
    margin: 0px !important;
  }
  .careersList {
    width: calc(100% - 100px);
    margin-left: 50px;
  }
  .careersList .jobContent {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 50px;
  }
  .greyBoxContentLeft .button {
    width: calc(100% - 50px);
    margin-bottom: 20px;
  }
  .greyBoxContentLeft .button:last-child {
    margin-bottom: 0px;
  }
  .greyBoxContentRight .button {
    width: calc(100% - 50px);
    margin-bottom: 20px;
  }
  .greyBoxContentRight .button:last-child {
    margin-bottom: 0px;
  }
  .fullPageContentLeft .button {
    width: calc(100% - 50px);
    margin-bottom: 20px;
  }
  .fullPageContentLeft .button:last-child {
    margin-bottom: 0px;
  }
  .fullPageContentRight .button {
    width: calc(100% - 50px);
    margin-bottom: 20px;
  }
  .fullPageContentRight .button:last-child {
    margin-bottom: 0px;
  }
  #desktopHelpHeader {
    display: none;
  }

  .footer {
    padding: 50px;
    text-align: center;
  }
  .footer .companyDetails {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer .links {
    width: 100%;
    margin-bottom: 20px;
  }
  .footer .social {
    width: 100%;
    margin-bottom: 30px;
  }
  .footerSocialText {
    text-align: center;
    width: 100%;
  }
  .footerSearch {
    text-align: center;
  }
  .footer .footerSocialIcon {
    display: none;
  }
  .partnerContainer {
    width: 100%;
  }
  .partnerContainer .partner {
    width: calc(100% - 100px);
  }
  .partnerPage {
    padding-left: 50px;
    padding-right: 50px;
    width: calc(100vw - 100px);
    margin: 0;
  }
  .partnerPage .partnerCategory {
    text-align: center;
    width: 100%;
  }
  .partnerPage .partner {
    width: 100%;
    padding: 0;
  }
  #siteOverlay {
    display: none;
  }
  .helpGuide {
    width: calc(100% - 100px);
    padding-left: 50px;
    padding-right: 50px;
    margin: 0;
  }
  .helpGuide .inner {
    margin: 0;
    padding: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .helpGuideContent {
    width: 100%;
  }
  .boxContent {
    border-radius: 0 !important;
    margin-bottom: 50px;
  }
  .boxContent::last-child {
    margin-bottom: 0px;
  }
  .poweredBy {
    width: 100%;
    height: auto;
  }
  #mobileCheck {
    display: block;
    height: 50px;
  }
  .heroTitleText {
    font-size: 40px;
    width: 100%;
  }
  .newsSlider {
    width: calc(100% - 40px);
    padding-left: 20px;
    padding-right: 20px;
  }
  .newsStrip .newsContent {
    width: 100%;
    padding: 0px;
    padding-bottom: 20px;
  }
  .heroTable {
    width: 100%;
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #modal {
    position: fixed;
    left: 50px;
    top: 50px;
    height: calc(100vw - 100px);
    width: calc(100% - 100px);
    margin: 0 !important;
  }
  .searchResults .result .image {
    width: 100%;
    margin: 0;
    float: none;
  }
  .searchResults .title {
    text-align: center;
  }
  .searchResults .result .content .title {
    text-align: center;
    width: 100%;
  }
  .searchResults .result .content .link {
    text-align: center;
    width: 100%;
  }
  .searchResults .result .content {
    width: 100%;
    margin: 0;
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
  }
  #specialOffer {
    display: none;
  }
  .insightsSignup {
    display: none;
  }
  .galleryModule {
    display: none;
  }
  .fixedFooter {
    display: none;
  }
  .threeQuarterLeft {
    width: 100% !important;
  }
  .quarterRight {
    width: 100% !important;
  }
  .threeQuarterRight {
    width: 100% !important;
  }
  .quarterLeft {
    width: 100% !important;
  }
  .quadColumnContent {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    width: 100% !important;
    padding: 0 !important;
    color: #24296B;
    overflow: auto;
    line-height: 1.5em;
    margin-left: 0 !important;

  }
  .quadColumnContent .column {
    float: left;
    text-align: left;
    padding-left: 0px !important;
    width: 100% !important;
    margin-bottom: 20px;

  }
}