@media only screen and (max-device-width: 480px), screen and (max-device-width: 850px){
	div { outline-style:none; overflow-x: hidden; overflow-y: scroll;}
	html{
		height:100vh;
		width:100vw;
	}
	body{
		position:fixed;
		height:100vh;
		width:100vw;
	}
	#sidebar{
		transform:translateX(-110%);
		transition:transform 0.4s;
		overflow:visible
	}
	#sbTitleContainer{
		top:6vh !important;
	}
	#serviceBody{
		width:100% !important;
	}
	#contactBody {
		width: 100% !important;
	}
	#serviceWheel{
		width:100vw !important;
		right:0 !important;
	}
	#iibSection1{
		top:100vh;
		width:100%;
	}
	#imageBoxContainer1{
		top:0;
	}
	#imageBoxContainer2{
		top:50vh;
		left:0;
	}
	#imageBoxContainer3{
		top:100vh;
		left:0;
	}
	#imageBoxContainer4{
		top:150vh;
		left:0;
	}
	#siteNav{
		overflow:visible
	}
	.hsImageSection1{
		top:100vh;
		width:100% !important;
	}
	#servicesIconContainer{
		overflow:visible
	}
	#sectionIconContainer {
		overflow: hidden !important;
	}
	#stHeaderContainer1 {
		left: 50% !important;
		transform: translate(-50%);
		top: 5.5vh !important;
		white-space:nowrap;
	}
	#stHeaderContainer2 {
		left: 50%;
		transform: translate(-50%);
		top: 3.25vh;
	}
	#stHeaderContainer3 {
		left: 50%;
		transform: translate(-50%);
		top: 3.25vh;
		width: auto;
	}
	#stHeaderContainer4 {
		left: 50%;
		transform: translate(-50%);
		top:3.25vh;
	}
	.stDots {
		display: none !important;
	}
	#stHeader{
		white-space:nowrap;
		font-size:1.9vh !important;
	}
	.bottomBumper{
		position:absolute;
		height:8vh;
		width:100%;
		left:0;
	}
	.bottomBumper200{
		top:200vh;
	}
	.bottomBumper100 {
		top: 100vh;
	}
}

/*@media screen and (min-device-width: 320px) and (max-device-width: 855px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}*/

@media only screen and (min-device-width: 851px) and (max-device-width: 1200px) and (max-device-height: 850px) and (any-pointer: coarse){

	html {
		height: 100vh;
		width: 100vw;
	}

	body {
		position: fixed;
		height: 100vh;
		width: 100vw;
	}

	#sidebar {
		transform: translateX(-110%);
		transition: transform 0.4s;
		overflow: visible
	}
}