html, body {
  width: 100%;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.visuallyhidden {
   	position: absolute 	!important;
  	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); 	/* IE6, IE7 */
	clip: rect (1px, 1px, 1px, 1px);
 	white-space: nowrap;   /* added line */
}


// FORMATTING FOR WHEN DESKTOP VERSION IS 3 COLUMNS {}

@media (max-width: 475px) {
  .onecolumnscreenwidth {
  }
  .twocolumnscreenwidth {
    display: none;
  }
  .threecolumnscreenwidth {
    display: none;
  }
}

@media (min-width: 476px) and (max-width: 714px)  {
  .onecolumnscreenwidth {
    display: none;
  }
  .twocolumnscreenwidth {
  }
  .threecolumnscreenwidth {
    display: none;
  }
}

@media (min-width: 715px) {
  .onecolumnscreenwidth {
    display: none;
  }
  .twocolumnscreenwidth {
    display: none;
  }
  .threecolumnscreenwidth {
  }
}


// FORMATTING FOR WHEN DESKTOP VERSION IS 4 COLUMNS {}

@media (max-width: 336px) {
  .onecolumnscreenwidthb {
  }
  .twocolumnscreenwidthb {
    display: none;
  }
  .threecolumnscreenwidthb {
    display: none;
  }
  .fourcolumnscreenwidthb {
    display: none;
  }
}

@media (min-width: 337px) and (max-width: 534px)  {
  .onecolumnscreenwidthb {
    display: none;
  }
  .twocolumnscreenwidthb {
  }
  .threecolumnscreenwidthb {
    display: none;
  }
  .fourcolumnscreenwidthb {
    display: none;
  }
}

@media (min-width: 535px) and (max-width: 712px)  {
  .onecolumnscreenwidthb {
    display: none;
  }
  .twocolumnscreenwidthb {
    display: none;
  }
  .threecolumnscreenwidthb {
  }
  .fourcolumnscreenwidthb {
    display: none;
  }
}

@media (min-width: 713px) {
  .onecolumnscreenwidthb {
    display: none;
  }
  .twocolumnscreenwidthb {
    display: none;
  }
  .threecolumnscreenwidthb {
    display: none;
  }
  .fourcolumnscreenwidthb {
  }
}


// FORMATTING FOR WHEN DESKTOP VERSION IS 2 COLUMNS {}

@media (max-width: 715px) {
  .onecolumnscreenwidthc {
  }
  .twocolumnscreenwidthc {
    display: none;
  }
}

@media (min-width: 716px) {
  .onecolumnscreenwidthc {
    display: none;
  }
  .twocolumnscreenwidthc {
  }
}


// FORMATTING FOR WHEN DESKTOP VERSION IS 5 COLUMNS {}

@media (max-width: 285px) {
  .onecolumnscreenwidthd {
  }
  .twocolumnscreenwidthd {
    display: none;
  }
  .threecolumnscreenwidthd {
    display: none;
  }
  .fourcolumnscreenwidthd {
    display: none;
  }
  .fivecolumnscreenwidthd {
    display: none;
  }
}

@media (min-width: 286px) and (max-width: 427px)  {
  .onecolumnscreenwidthd {
    display: none;
  }
  .twocolumnscreenwidthd {
  }
  .threecolumnscreenwidthd {
    display: none;
  }
  .fourcolumnscreenwidthd {
    display: none;
  }
  .fivecolumnscreenwidthd {
    display: none;
  }
}

@media (min-width: 428px) and (max-width: 569px)  {
  .onecolumnscreenwidthd {
    display: none;
  }
  .twocolumnscreenwidthd {
    display: none;
  }
  .threecolumnscreenwidthd {
  }
  .fourcolumnscreenwidthd {
    display: none;
  }
  .fivecolumnscreenwidthd {
    display: none;
  }
}

@media (min-width: 570px) and (max-width: 711px)  {
  .onecolumnscreenwidthd {
    display: none;
  }
  .twocolumnscreenwidthd {
    display: none;
  }
  .threecolumnscreenwidthd {
    display: none;
  }
  .fourcolumnscreenwidthd {
  }
  .fivecolumnscreenwidthd {
    display: none;
  }
}


@media (min-width: 711px) {
  .onecolumnscreenwidthd {
    display: none;
  }
  .twocolumnscreenwidthd {
    display: none;
  }
  .threecolumnscreenwidthd {
    display: none;
  }
  .fourcolumnscreenwidthd {
    display: none;
  }
  .fivecolumnscreenwidthd {
  }
}



// OTHER FORMATTING {}

@media (max-width: 927px) {
  .mobilescreenwidth {
  }
  .desktopscreenwidth {
    display: none;
  }
}

@media (min-width: 928px) {
  .mobilescreenwidth {
    display: none;
  }
  .desktopscreenwidth {
  }
}