@media screen and (min-width: 2000px) {
	#sitebody .bg_image.center {
		top: 156px !important;
	}
	
	#sitearea .contentbox.full, .bg_image .contentbox.full {
		max-height: 675px;
	}
	
	#sitearea .contentpara p, .bg_image .contentpara p {
		line-height: 25px;
		font-size: 1.6em;
	}
	
	#sitearea .btn, .bg_image .btn {
		font-size: 1.6em;
		max-width: 137px;
	}
	
	#sitebody .contentblock .smwdth, .bg_image .contentbuttons .smwdth, #sitebody .contentblock .med1wdth, .bg_image .contentbuttons .med1wdth, #sitebody .contentblock .smw2dth, .contentbox .smw2dth, .bg_image .contentbuttons .smw2dth {
		line-height: 32px;
	}
	
	#sitebody .contentblock .txtarea .txttop, .bg_image .contentbuttons .txtarea .txttop {
		font-size: 1.7em;
	}
	
	#sitebody .contentblock .txtarea .txtbottom, .bg_image .contentbuttons .txtarea .txtbottom {
		font-size: 1.7em;
	}
	
}


@media only screen and (max-width: 1440px) {
	
	
	#sitearea .logoarea li.namefull {
		font-size: 6.5em;
		font-weight: 700;
	}
	
	#sitearea .contentpara p {
		padding: 0;
		margin: 0;
		font-size: 1em;
	}
	
	#sitebody .bg_image img {
		width: 53%;
	}
	
		#sitebody .bg_image.offsetleft img {
			margin-left: -64px;
			width: 53.8%;
		}
		
		
	#sitebody:before {
		padding-bottom: 47.5%;
	}
	
	#sitebody .contentblock .txtarea .txttopblue img {
		width: 86%;
	}
	
	#sitearea .contenttitle .titletxt {
		font-size: 2.3em;
		top: -11px;
	}
	
	#sitearea .contenttitle {
		padding: 13px 0;
	}
	
	#sitearea .contentbox.noborder {
		border: 0;
		padding: 0;
		
	}
	
	.contentblock .blockright li {
		/*margin-bottom: 3px !important;*/
	}
	
	#sitearea .contentbox.full {
		width: 41%;
	}
	
	#sitearea .contentbox.video {
		width: 54%;
		overflow: visible;
	}
	
	#sitearea .contentboxarea.full {
		width: 70%;
		
	}
	
	#sitearea .contentboxarea.topmarg {
		margin: 36px auto;
	}
	
	#sitearea .contentbox.full, .bg_image .contentbox.full {
		max-height: 398px;
	}
	
	#sitearea .logoarea {
		width: 68%;
	}
	
	#toparea .ssm {
		width: 72%;
	}
	
	#sitearea .contentboxarea {
		width: 68%;
	}
	
	#sitebody .contentforward {
		top: 55%;
		width: 57%;
		opacity: 0;
		display: none;
		-webkit-transition: opacity 0.10s ease-in-out;
		transition: opacity 0.10s ease-in-out;
	}
	
	#sitebody .bg_image .contentforward {
		width: 75%;
	}
	
	#sitebody .navarea {
		width: 70%;
	}
	
	#sitebody .bg_image img {
		width: 47.3%;
	}
	
	#sitebody .contentblock .medwdth, .bg_image .contentbuttons .medwdth {
		width: 70%;
	}
		
	#sitebody .navarea li.lastnav {
		width: 35%;
	}
	
	#sitebody .navarea li.lastnav img {
		width: 53%;
	}
	
	.fb_iframe_widget span, .fb_iframe_widget iframe {
		min-width: 300px !important;
		height: 350px !important;
	}
	
	#sitebody .contentblock {
		width: 90%;
	}

	#sitebody .bg_image.centerorig {
		top: 121px !important;
	}
	
	#sitebody .contentblock .med2wdth, .bg_image .contentbuttons .med2wdth {
		width: 75.5%;
	}
	
	#sitearea .contentboxarea.custop1 {
		margin: 92px auto;
		margin-top: 94px !important;
	}
	
	#sitearea .contentbox .ssmarea {
		width: 74%;
	}
	
	.span45 {width:46%; float: left;}
	
	
}

@media only screen and (max-width: 1920px) {
	#sitearea .contentbox.full, .bg_image .contentbox.full {
		max-height: 448px;
	}
}

@media only screen and (max-width: 1888px) {
	body {
		font-size: 99%;
	}
}


@media only screen and (max-width: 1882px) {
	body {
		font-size: 99%;
	}
}

@media only screen and (max-width: 1874px) {
	body {
		font-size: 98.5%;
	}
	
	
	
	
}

@media only screen and (max-width: 1866px) {
	body {
		font-size: 98%;
	}
}

@media only screen and (max-width: 1830px) {
	body {
		font-size: 96%;
	}
}

@media only screen and (max-width: 1795px) {
	body {
		font-size: 95%;
	}
}

@media only screen and (max-width: 1777px) {
	body {
		font-size: 94%;
	}
}

@media only screen and (max-width: 1741px) {
	body {
		font-size: 92.5%;
	}
}

@media only screen and (max-width: 1418px) {
	body {
		font-size: 92%;
	}
	#sitebody:before {
		padding-bottom: 48.8%;
	}
}

@media only screen and (max-width: 1366px) {
	body {
		font-size: 90%;
	}
	#sitebody:before {
		padding-bottom: 50.1%;
	}
	
	#sitebody .contentblock .med1wdth, .bg_image .contentbuttons .med1wdth {
		width: 54%;
	}
	
	#sitebody .bg_image img {
		width: 52.6%;
	}
	
	#sitebody .navarea {
		width: 70%;
	}
	
	#sitearea .contentbox .ssmarea {
		width: 68%;
	}
	
	
	#sitebody .contentforward {
		    margin-top: 17%;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamicon {
		
	}
	
}




@media only screen and (max-width: 1285px) {
	body {
		font-size: 85%;
	}
}

@media only screen and (max-width: 1219px) {
	body {
		font-size: 83%;
	}
}

@media only screen and (max-width: 1192px) {
	body {
		font-size: 80%;
	}
}

@media only screen and (max-width: 1153px) {
	body {
		font-size: 78%;
	}
}

@media only screen and (max-width: 1126px) {
	body {
		font-size: 75%;
	}
}

@media only screen and (max-width: 1086px) {
	body {
		font-size: 73%;
	}
}

@media only screen and (max-width: 1060px) {
	body {
		font-size: 70%;
	}
	
	
}

@media screen and (max-width: 1024px) {
	p, td, li {
		font-size: 1.5em;
	}
	#sitearea, #toparea {
		width: 85%;
		
	}
	
	#sitebody .navarea {
		width: 70%;
		display: none !important;
	}
	
	#sitebody .bg_top, #sitebody .bg_bottom {
		display: none;
	}
	
	#sitearea .joinbtn {
		font-size: 1em;
	}
	
	#sitearea .logoarea {
		width: 73%;
		margin-top: 56px !important;
	}
	
	#sitearea .ssm {
		width: 80%;
	}
	#sitearea .ssm {
		/*border-bottom: solid #dddddd 3px;*/
		margin-bottom: 20px;
		padding-top: 10px;
		padding-bottom: 8px;
	}
	
		#sitebody:before {
			padding-bottom: 0%;
		}
		
	#sitebody .contentblock .blockright {
		padding-top: 0;
	}
	
	.bg_image .contentboxarea {
		display: block;
	}
	
		.bg_image .contentboxarea.ssm {
			width: 59% !important;
		}
		
		.bg_image .contentbox.transparent {
			background-color: transparent;
		}
	#sitebody .bg_image {
		position: relative;
	}
	
	#sitearea .ssm .icon, #sitearea .contentbox, #sitebody .contentforward {
		visibility: hidden;
		opacity: 0;
		display: none;
		pointer-events: none;
	}
	
	#sitearea .responsivemenu, #toparea .responsivemenu {
		display: block;
	}
	
	#sitebody .bg_image {
		top: 135px;
		pointer-events: auto;
	}
		#sitebody .bg_image.centerorig {
			top: 135px !important;
		}
		
		
		
		#sitebody .bg_image.center1 {
			top: 122px;
		}
		
		#sitebody .bg_image img.center2 { 
			margin-left: 249px;
			width: 70%;
		}
		
		#sitebody .bg_image.center2 {
			top: 95px !important;
		}
		
		#sitebody .bg_image.center3 {
			top: 97px !important;
		}
		
		#sitebody .bg_image img.center3 {
			margin-left: 252px;
			width: 68%;
		}
	
	
	
	#sitebody .bg_image li img {
		width: 100%;
	}
	
	.footerarea .footerblock {
		width: 80%;
	}
	
		.footerarea .footerblock ul {
			font-size: 60%;
		}
	
		.footerarea .footerblock li {
			font-size: 1.3em;
		}
		
	#sitebody .contentbox .bannerimg.fltrgt img {
		width: 100%;
		margin: 0;
	}
	
	
	
	.bg_image .contentbuttons {
		min-height:550px;
		opacity: 1;
		display: block;
	}
	
	.bg_image .contentbuttons .smwdth {
		width: 89%;
	}
	
	.bg_image .contentbuttons .txtarea .txttop, .bg_image .contentbuttons .txtarea .txtbottom {
		font-size: 1.8em;
	}
	
	.bg_image .contentbuttons .txtarea .txttop {
		font-weight: 300;
	}
	
	.bg_image .contentbuttons .txtarea {
		padding: 7px 0;
	}
	
	.bg_image .contentbuttons .med1wdth {
		width: 100%;
	}
	
	.bg_image .contentbuttons .smw2dth {
		width: 96%;
	}
	
	.bg_image .contentbox.full {
		max-height: 600px;
		margin-bottom: 50px;
		width: 420px;
	}
	
	
	.bg_image .contentbuttons .txtarea {
		font-size: 70%;
	}
	
	
	.bg_image .paraempty {
		height: 350px;
		overflow: hidden;
	}
	
	.footerarea .footerblock li a {
		font-weight: 700;
	}
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px)
and (orientation: landscape) {
	#sitebody:before {
		padding-bottom: 75%;
	}
	
	#sitearea {
		position: absolute;
		width: 85%;
	}
	
	#sitebody .bg_image img {
		width: 80.6%;
	}
	
	.fb_iframe_widget span, .fb_iframe_widget iframe {
		height: 550px !important;
	}
	
	#sitearea .contentbox, .bg_image .contentbox {
		height: 280px;
	}
	
	

	#sitearea .contentpara p {
		font-size: 1.5em;
	}
	
	#sitebody .contentforward {
		top: 56%;
		width: 64%;
	}
}

/*iPad Landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	
	#sitebody:before {
		padding-bottom: 0%;
	}
	
	#sitebody .bg_image img {
		width: 52.6%;
	}
	
	#sitebody .bg_image.center1 {
		top: 99px !important;
	}
	#sitebody .bg_image img.center1 {
		width: 68.6%;
		margin-left: 200px;
	}
	
	#sitebody .bg_image.centerorig {
		top: 134px !important;
	}
	#sitebody .bg_image {
		top: 134px;
	}
	
	#sitearea .contentpara p, .bg_image .contentpara p {
		font-size: 1.5em;
		line-height: 25px;
	}
	
	#toparea .ssm li.icon span {
		font-size: 1.5em;
	}
	
	#toparea .joinbtn {
		font-size: 1.3em;
	}
	
	#toparea {
		top: -4px;
	}
	
	blockquote {
		line-height: 32px;
	}
	
	
	
}


@media only screen and (max-width: 1020px) {
	body {
		font-size: 65%;
	}
	
}

@media only screen and (max-width: 954px) {
	body {
		font-size: 62%;
	}
}



@media only screen and (max-width: 899px) {
	body {
		font-size: 58%;
	}
}

@media only screen and (max-width: 846px) {
	body {
		font-size: 55%;
	}
}

@media only screen and (max-width: 806px) {
	body {
		font-size: 52%;
	}
}

@media screen and (max-width: 768px) {
	.footerarea .footerblock {
		width: 90%;
	}
	
	#sitebody .respnav-menu li {
		font-size: 1.6em;
	}
	
	#toparea .ssm {
		width: 91%;
	}
	
	#toparea .joinbtn {
		font-size: 1.3em;
	}
	
	#sitearea .logoarea {
		width: 90%;
	}
	
	#sitebody .bg_image img {
		width: 61.6%;
	}
	
	#sitebody .bg_image .contentboxarea {
		width: 75%;
	}
	
	#sitebody .bg_image.center2 {
		top: 102px !important;
	}
	
	#sitebody .bg_image img.center2 {
		margin-left: 198px;
		width: 77%;
	}
	
	
	#sitearea .btn, .bg_image .btn {
		max-width: 113px;
	}
	
	#sitearea .btnorange, .bg_image .btnorange {
		font-size: 1.3em;
	}
	
	#sitebody .bg_image.center1 {
		top: 100px !important;
	}
	
	#sitebody .bg_image img.center1 {
		width: 77.6%;
		margin-left: 136px;
	}
	
	#sitebody .bg_image img.center3 {
		margin-left: 208px;
		width: 67%;
	}
	#sitearea button.midbtn, .bg_image button.midbtn {
		max-width: 140px;
	}
	p {
		font-size: 1.5em;
	}
	
	#toparea .ssm li.icon span {
		font-size: 1.6em !important;
	}
	
	#toparea {
		top: -3px;
	}
	
	.bg_image .contentpara {
		font-size: 1.5em;
		line-height: 22px;
	}
	
	.bg_image .contentbuttons {
		width: 53%;
	}
	
	.bg_image .contenttitle .titletxt {
		font-size: 4.3em;
		top: -10px;
	}
	
	.footerarea .highlighted {
		width: 80%;
	}
	
	.bg_image .contentbuttons .txtarea {
		font-size: 80%;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea {
		width: 70%;
		margin: 0 auto;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox {
		border-right:0;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle {
		font-size:2em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streambody p {
		font-size: 1.5em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamicon {
		background-size: contain !important;
	}
	
	
}

@media screen and (max-width: 736px) {
	#sitebody .bg_image.centerorig {
		top: 126px !important;
	}
	
	#sitebody .bg_image {
		top: 126px;
	}
	
	#sitearea .btn, .bg_image .btn {
		max-width: 205px;
	}
	
	.footerarea .footerblock {
		text-align: center;
	}
	
	.footerarea .footerblock li {
		font-size: 1em;
	}
	
	#sitebody .offertab, #sitebody .announcement_tab {
		display: none;
	}
	
	.footerarea .highlighted {
		width: 80%;
	}
	
	.bg_image .contentbuttons .txtarea {
		font-size: 70%;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea {
		width: 50%;
		margin: 0 auto;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox {
		border-right:0;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle {
		font-size:2em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streambody p {
		font-size: 1.5em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamicon {
		background-size: contain !important;
	}
	
}

@media screen and (max-width: 667px) {
	.bg_image .contentbuttons .txtarea {
		font-size: 70%;
	}
}

@media screen and (max-width: 568px) {
	.footerarea .highlighted {
		width: 80%;
	}
	
	.footerarea .footerblock li {
		line-height: 12px;
	}
	
	#sitebody .contentblock .txtarea .txttop, .bg_image .contentbuttons .txtarea .txttop {
		margin-left: 8px;
		font-size: 1.4em;
		font-weight: 300;
	}
	
	#sitebody .contentblock .txtarea .txtbottom, .bg_image .contentbuttons .txtarea .txtbottom {
		margin-left: 18px;
		font-size: 1.3em;
	}
	
	#sitebody .bg_image.center3 {
		top: 92px !important;
	}
	
	#sitebody .bg_image img.center3 {
		margin-left: 178px;
		width: 74%;
	}
	
	.bg_image .contentbox.full {
		width: 391px;
	}
	
	#sitebody .bg_image.center3 {
		top: 99px !important;
	}
	
	#sitebody .bg_image img {
		width: 85.6%;
	}
	
	#sitebody .bg_image.centerorig {
		top: 112px !important;
	}
	
	#sitearea, #toparea {
		width: 100%;
	}
	
	#sitebody .contentbox .bannerimg.fltrgt {
		font-size: 70%;
	}
	
	.bg_image .contentbox {
		width: 90%;
	}
	
	.bg_image .contentbuttons {
		width: 68%;
	}
	
	#sitebody .bg_image img.center3 {
		margin-left: 132px;
	}
	
	.bg_image .contentbuttons .txtarea {
		font-size: 100%;
	}
}

@media screen and (max-width: 480px) {
	#toparea .responsivebutton {
		width: 11%;
	}
	
	#toparea .ssm ul.ssmmenu {
		font-size: 70%;
	}
	
	.pagebody {
		padding: 0;
	}
	
	.bg_image .contentbuttons .txtarea {
		font-size: 95%;
	}
	
	#sitebody .bg_image img.center2 {
		margin-left: 134px;
	}
	
	#sitebody .bg_image.center2 {
		top: 100px !important;
	}
	
	#sitebody .bg_image img.center3 {
		margin-left: 132px;
	}
	
	#sitebody .contentbox .bannerimg.fltrgt {
		font-size: 70%;
	}
	
	#sitebody .contentforward {
		margin-top: 20px;
		top: 0;
		padding: 0;
		width: 100%;
		opacity: 1;
		display: block;
		
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox {
		border-right:0;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle {
		font-size:2em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streambody p {
		font-size: 1.5em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamicon {
		background-size: contain !important;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea {
		width:100%;
	}
	
	.modalclose {
		font-size: 14px;
	}
}

@media screen and (max-width: 414px) {
	#sitearea, #toparea {
		width: 100%;
	}
	#sitearea .contentboxarea a {
		font-size: 1.3em;
	}
	
	#toparea .ssm li.icon {
		padding: 11px 2px 0px 0px;
	}
	
	#toparea .ssm li.icon span {
		font-size: 1em !important;
	}
	
	#toparea .joinbtn {
		font-size: 1em;
	}
	
	#sitebody .bg_image.centerorig {
		top: 109px !important;
	}
	
	#sitebody .bg_image img {
		width: 87.6%;
	}
	
	#sitebody .bg_image .contentboxarea {
		width: 100%;
	}
	
	.modal-content {
		width: 93%;
	}
	
		.modal-content img {
			max-width: 100% !important;
		}
	
	.bg_image .contenttitle .titletxt {
		font-size: 3.6em;
		top: -6px;
	}
	
	#sitearea .contenttitle, .bg_image .contenttitle {
		padding: 14px 0;
	}
	
	#sitearea .contentpara p, .bg_image .contentpara p {
		font-size: 1.2em;
		line-height: 22px;
	}
	
	#toparea .responsivebutton {
		width: 13%;
	}
	
	#sitearea .contentboxarea, #sitebody .bg_image .contentboxarea {
		margin-top: 72px !important;
	}
	
	.bg_image .contentbuttons li {
		width: 49.6%;
	}
	
	.bg_image .contentbuttons {
		width: 90%;
	}
	
	#sitearea .btn, .bg_image .btn {
		max-width: 175px;
		margin: 0 auto;
	}
	
	.footerarea .footerblock {
		width: 100%;
	}
	
	.footerarea .highlighted {
		width: 89%;
	}
	
	.footerarea .footerblock li a {
		letter-spacing: 1px;
	}
	
	.footerarea .footerblock ul {
		margin-left: 4px;
	}
	
	.footerarea .footerblock li {
		line-height: 12px;
	}
	
	#sitebody .contentblock .txtarea .txttop, .bg_image .contentbuttons .txtarea .txttop {
		margin-left: 8px;
		font-size: 1.7em;
		font-weight: 300;
	}
	
	#sitebody .contentblock .txtarea .txtbottom, .bg_image .contentbuttons .txtarea .txtbottom {
		margin-left: 18px;
		font-size: 1.9em;
	}
	
	#sitearea .contentpara, .bg_image .contentpara {
		width: 88%;
	}
	
	#sitebody .bg_image {
		top: 104px;
	}
	#sitebody .bg_image.centerorig {
		top: 104px !important;
	}
	#sitebody .bg_image.center1 {
		top: 81px !important;
	}
	
	#sitebody .bg_image img.center1 {
		width: 114%;
		margin-left: 36px;
	}
	
	#sitebody .bg_image.center2 {
		top: 70px !important;
	}
	
	#sitebody .bg_image img.center2 {
		margin-left: 44px;
		width: 123%;
	}
	
	#sitebody .bg_image img.center3 {
		margin-left: 28px;
		width: 122%;
	}
	
	#sitebody .bg_image.center3 {
		top: 71px !important;
	}
	
	#sitebody .offertab, #sitebody .announcement_tab {
		display: none;
	}
	
	.bg_image .contentbuttons {
		min-height: 466px;
	}
	
	.bg_image .contentboxarea.ssm {
		width: 79% !important;
	}
	
	.fb_iframe_widget iframe {
		max-width: 300px;
	}
	
	.fb_iframe_widget span, .fb_iframe_widget iframe {
		height: 550px !important;
	}
	
	#sitearea button.midbtn, .bg_image button.midbtn {
		width: 139px;
		font-size: 1em;
		padding: 5px;
	}
	
	#sitearea .contentboxarea.content {
		width: 84%;
	}
	
	.formarea input[type=submit] {
		padding: 3px;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox {
		border-right:0;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamtitle {
		font-size:2em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streambody p {
		font-size: 1.5em;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea .streamicon {
		background-size: contain !important;
	}
	
	#sitearea .contentboxarea .bannerbox.streamlist .streambox .streaminfoarea {
		width:100%;
	}
}
@media screen and (max-width: 375px) {
	.fb_iframe_widget span, .fb_iframe_widget iframe {
		min-width: 300px !important;
		height: 550px !important;
	}
	
	.bg_image .contentbox.full {
		width: 327px;
	}
	.footerarea .footerblock li {
		line-height: 12px;
	}
	
	#toparea .ssm {
		width: 99%;
	}
	
	#toparea .ssm ul.ssmmenu {
		font-size: 92%;
	}
	
	.bg_image .contentbuttons .txtarea {
		font-size: 76%;
	}
}
@media screen and (max-width: 360px) {
	#toparea .responsivebutton {
		width: 16%;
	}
}

@media screen and (max-width: 320px) {
	#toparea .ssm li.icon {
		display: none;
	}
	
	.bg_image .contentbox.full {
		width: 275px;
	}
	
	#toparea .responsivebutton {
		width: 17%;
	}
	
	.bg_image .contentbuttons .txtarea {
		font-size: 62%;
	}
	
	.bg_image .contentbuttons li {
		width: 48.6%;
	}
	
}