/* Size control CSS */
/** SIMPLE CSS TO SHOW AND HIDE ELEMENTS **/



/** SIZE CONTROL STYLING **/
.mainbgcont {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: -1;
	pointer-events:none;
}
.viewingsize {
	height:100%;
}
.size-tablet .resized-cont,
.size-mobile .resized-cont {
	position:relative;
}

/*** TABLET SIZE ***/
.centercont {
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
}
.size-tablet .sizecontainer:after {
	content:url(../template-images/frame-ipad-white.png);
	position:fixed;
	top:28px;
	width:100%;
	text-align:center;
	z-index:99;
	pointer-events:none;
}

/*** MOBILE SIZE ***/
.size-mobile .sizecontainer:after {
	content:url(../template-images/frame-iphone-white.png);
	position:fixed;
	top:28px;
	left:-1px;
	width:100%;
	text-align:center;
	z-index:99;
	transform:scale(1);
	pointer-events:none;
}

/**** SIZED STYLING ****/
.size-tablet::-webkit-scrollbar,
.size-mobile::-webkit-scrollbar {
	width:0!important;
}
.size-tablet .tabletsize .viewingsize,
.size-mobile .mobilesize .viewingsize {
	position:fixed;
	top:139px;
	left:50%;
	width:768px;
	margin:0px auto;
	overflow-x:hidden;
	overflow-y:scroll;
	text-align:center;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.size-tablet .viewingsize::-webkit-scrollbar,
.size-mobile .viewingsize::-webkit-scrollbar {
	width:0!important;
}
.size-tablet .tabletsize .viewingsize {
	height:1024px;
	top:139px;
	padding-bottom:500px;
}

.size-mobile .mobilesize .viewingsize {
	height:568px;
	width:320px;
	top:144px;
}

/**** END SIZED STYLING ****/

/* SIZING */
.websize {
	display:block;
}
.tabletsize,
.size-tablet .mainbgcont,
.size-mobile .mainbgcont,
.size-tablet .websize,
.size-mobile .websize {
	opacity:0;
	pointer-events:none;
}
.mobilesize {
	opacity:0;
	pointer-events:none;
}
.size-tablet .tabletsize,
.size-mobile .mobilesize {
	opacity:1;
	pointer-events:auto;
}
/* END SIZING */
/*@media screen and (max-width: 1024px) {
	::-webkit-scrollbar {
		width:0!important;
	}
	body {
		display:block;
	}
	.viewingsize.websize {
		opacity: 0;
		pointer-events:none;
	}
	.sizecontainer:after {
		content:url(../template-images/frame-ipad-white.png);
		position:fixed;
		top:28px;
		width:100%;
		text-align:center;
		z-index:99;
		pointer-events:none;
	}
	.viewingsize {
		position:relative;
		top:139px;
		height:1024px;
		width:768px;
		margin:0px auto;
		padding-bottom:500px;
		overflow-x:hidden;
		overflow-y:scroll;
		text-align:center;
	}
	.viewingsize::-webkit-scrollbar {
		width:0!important;
	}
	.tabletsize {
		opacity:1;
		pointer-events:auto;
	}
	.size-mobile .sizecontainer:after {
		content:url(../template-images/frame-iphone-white.png);
		position:fixed;
		top:28px;
		z-index:99;
		width:100%;
		text-align:center;
		pointer-events:none;
	}
	.size-mobile .viewingsize {
		position:fixed;
		top:144px;
		left:50%;
		height:568px;
		width:320px;
		overflow-x:hidden;
		overflow-y:scroll;
		text-align:center;
		transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
	}
	.fixedwidth {
		width:100%;
		min-width:883px;
		margin:0px auto;
	}
	.resized-cont {
		position:relative;
	}
}*/
@media screen and (max-width: 1024px) {
	::-webkit-scrollbar {
		width:0!important;
	}
	.mobilesize {
		opacity:1;
		pointer-events:auto;
	}
	.size-tablet .tabletsize {
		opacity:0;
		pointer-events:auto;
	}
	.sizecontainer:after,
	.size-tablet .sizecontainer:after{
		content:url(../template-images/frame-iphone-white.png);
		position:fixed;
		top:28px;
		left:-1px;
		z-index:99;
		width:100%;
		text-align:center;
		transform:scale(1);
		pointer-events:none;
	}
	.viewingsize {
		position:fixed;
		top:144px;
		left:50%;
		height:568px;
		width:320px;
		overflow-x:hidden;
		overflow-y:scroll;
		text-align:center;
		transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
	}
	.viewingsize::-webkit-scrollbar {
		width:0!important;
	}
	.fixedwidth {
		width:100%;
		min-width:384px;
		margin:0px auto;
	}
}