@media only screen and (min-width: 200px) and (max-width: 768px) {

	#mobileFlag { display: none; }

	.ui-content {
		padding: 0 !important;
		margin: 0 auto;
		max-width: 95%;
	}

	.ui-btn-left {
		bottom: 0.4em;
		padding-left: 0.4em;
		padding-right: 0.4em;
	}

	iframe {
		width: 100%;
		/*height: 480px;*/
		border: 0;
	}

	#unitsPage iframe {
		/*left: -10px !important;*/
	}

	#mainPage
	{
		/*background: #000;*/
		/*background-image: url('660_REMFG_faded.png');*/
		background-size: cover;
		background-attachment: fixed;
	}

	.centeredLogo {
		margin: 0 auto;
		text-align: center;
	}

	.slideshow {
		/*position: relative;*/
		overflow: hidden;
	}

	.container {
		float: none !important;
		position: relative;
		/*		width: 100%;
				height: auto;*/
		margin: 0 auto;
		text-align: center;
		/*object-fit: contain;*/
	}

	.container img {
		width: 100%;
		height: auto;
		object-fit: contain;
	}

	.wt-rotator {
		margin-left: 0px;
		width: 100% !important;
		height: auto !important;
	}

	.imageDesc {
		width:275px; height:0;
	}

	.images {
		background: url('images/panorama.png');
		position: absolute;
		left: 10;
		top: 20;
		height: 225px;
		width: 300px;
		animation: slideshow 5s linear infinite;
		-webkit-animation: slideshow 5s linear 0 infinite;
		-moz-animation:    slideshow 5s linear 0 infinite;
	}

	@keyframes slideshow {
		0%    { left: 0; }
		100%  { left: -1500px; }
	}
	@-webkit-keyframes slideshow {
		0%    { left: 0; }
		100%  { left: -1500px; }
	}
	@moz-keyframes slideshow {
		0%    { left: 0; }
		100%  { left: -1500px; }
	}

	body {
		font-family: Tahoma, Arial, Helvetica, Sans-Serif;
		font-size: 100%;
		background: none;
		background-color: #fff;
		visibility: visible;
		/*		visibility: hidden;*/
	}

	div#mypanel a { font-size: 107%; }

	.wt-rotator h1 {
		font-size: 110%;
	}

	h1[class = 'ui-title'] {
		background-color: transparent;
		font-size: 110%;
	}

	h1 {
		display: block;
		line-height: normal;
		font-size: 12pt;
		font-weight: bold;
		text-decoration: none;
		color: #FFFFFF;
		background-color: #2195A2;
		padding: 3px 0px 3px 4px;
		margin-top: 5px;
	}

	h1 .dualHeading {
		position: relative;
		right: 20px;
	}

	h3 {
		font-size: 12pt;
	}

	#header {
		width: 320px;
		height: 85px;
	}

	.mobileFooter { text-align: center; }
	.mobileFooter img { margin-top: 6px;}

	#banner { visibility: visible; }
	/*	div.container { visibility: hidden; }
		div#inner-text { visibility: hidden; }
		div#desc { visibility: hidden; }*/

	.article {
		margin: 0 auto;
		width: 98%;
		font-size: 12pt;
		visibility: visible;
	}
	.article h3 {
		margin-top: 0px;
	}

	#mapContainer {
		float: none;
		width: 100%;
		height: 225px;
		padding: 0;
	}

	#gmap, .gmap, #map {
		width: 95% !important;
		height: 100% !important;
		object-fit: contain;
	}

	#gmap, .gmap {
		position: relative;
		margin: 0 auto;
		text-align: center;
	}

	#map2Container {
		float: none;
		width: 100%;
		height: 225px;
		padding: 0;
	}

	#gmap2, #map2 { width: 95%; height: 100%; }

	#specBoxR, .specBoxR {
		width: 100% !important;
		max-width: 100% !important;
	}
	.specBoxR a, #specBoxR a, .specBoxR a[href^="index.php"], #specBoxR a[href^="index.php"] { color: #f5a469 !important; }
	.specBoxR a:hover, #specBoxR a:hover { background-color: #F1FFE6 !important; }
	/*	.specBoxR span[style] { background-color: #F1FFE6; }*/

	#imageContainer, .imageContainer {
		float: none !important;
		/*width: 100%;*/
		height: auto;
		padding: 0 0 20px 0;
	}

	#imageBox, #imageBox > div {
		padding: 0;
	}

	#imageBox img, .imageBox img {
		width: 100%;
		height: auto;
		object-fit: contain;
		box-shadow: 10px 10px 5px #888888;
		border: solid 1px #888888;
	}

	.actualSizeImage {
		width: auto !important;
		height: auto !important;
	}

	.shrinkImageToFit {
		width: 100% !important;
		height: auto !important;
	}

	.fullWidthElement {
		width: 100% !important;
	}

	.imageBorder, #imageBox > div {
	}

	#imageCaption, .imageCaption {
		margin-bottom: 30px !important;
	}

	#docLink, #docLink2 {
		padding: 0;
		margin: 0;
	}

	#docLink2 span {
		left: 0px;
		top: 0px;
	}

	#docLink2 h5 {
		left: 0px;
		top: 0px;
	}

	.twoColumnTable {
		width: 90%;
	}

	table.generic tbody tr:hover {
		background-color: #ffffff !important;
	}

	.article tbody tr:hover {
		background-color: #ffffff !important;
	}

	.contactContainer { float: none; margin-bottom: 30px;	 }

	#priceLists {
		left: 0px !important;
		width: 100% !important;
	}

	#priceLists span {
		padding-left: 5px !important;
	}

	#priceLists td {
		padding: 3px 3px 3px 0 !important;
		font-size: 8pt !important;
	}

	table {
		width: 100% !important;
		font-size: 8pt;
	}

	.sidebox {
		width: 100%;
		font-size: 100%;
		background-size: auto 100%;
	}

	.boxhead {
		font-size: 80%
	}

	.boxbody {
		padding: 5px 30px 31px;
		font-size: 80%;
		background-size: 11% 106%;
	}
	.boxbody p {
		padding-right: 10px;
	}

	#ONE {
		margin-left: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

}