/* Remember that max-width: 800px is used in other instances, such as AdHanler.js to check when to show/hide advert sections */
@media only screen and (max-width: 800px){
	body .sideWrapper, body #sideWrapperForShowVendorProfile{
	display: none;
	}
	body #MainPageContainer, body #MainPageContainerX, body #MainPageContainerNoAd {
	width: 100%;
	}
}
* {
	box-sizing: border-box; margin: 0; padding: 0;
}
#MainPageWrapper{
	width: 100%;
}
#sideWrapperForShowVendorProfile{
	float: left; width: 35%; height: 100vh; padding: 10px; padding-top: 60px; overflow: hidden;
}
.sideWrapper{
	float: left; width: 22%; height: 100vh; padding: 10px; padding-top: 60px; overflow: hidden;
}
#MainPageContainer{
	float: left; width: 56%; height: 100vh; overflow: hidden;
}
#MainPageContainerX{
	float: left; width: 65%; height: 100vh; overflow: hidden;
}
#MainPageContainerNoAd{
	float: left; width: 78%; height: 100vh; overflow: hidden;
}
#MainHeader{
	width: 100%; position: fixed; top: 0; left: 0; z-index: 1; transition: top 1s;
}
#MainHiddenMenu{
	height: 100%; position: fixed; top: 0px; left: 0; z-index: 2; overflow: hidden;
}
#pageTopLinks{
	font-style: italic; padding: 10px;
}
#MainPageWrapper #scrollBanner{
	width: 100%;
}
#MainContent{
	height: 100%; overflow: hidden;
}
#MainContentsBox{
	width: 103%; height: 105%; overflow: scroll; margin: 0 auto; padding-right: 3%;
}
#MainActualContents{
	position: relative; width: 100%; min-height: 100vh; padding-bottom: 100px;
}
#MainFooter{
	width: 100%; position: fixed; bottom: 0; left: 0; transition: bottom 1s;
}