table.sponsorTable { width: 100%; height: auto; }
table.sponsorTable td { width: 33%; }
table.sponsorTable td[colspan=3] { width: auto; }

table.sponsorTable td img { width: auto; max-width: 100%; }
table.sponsorTable td[colspan=3] { width: auto; max-width: 300px; }

/* MEDIA QUERIES // ------------------------ // */
@media handheld, only screen and (max-width: 1200px) {
#mainBgImg, #mainBg { display: none; }
#topBar { width: auto; }
#headerBlock { width: auto; margin: 0px 10px; }
#navBlock { width: auto; margin: 0px 10px 15px 10px; }
#homeBanner { width: auto; margin: 0px 10px 15px 10px;  }

#hpMainBanner { 
	height: auto; }
#hpMainBanner .bannerSlide { margin-bottom: -5px; }
#hpMainBanner .bannerSlideTxt { 
	height: auto;
	bottom: 5px;
	font-size: 11px;
	line-height: 12px;
	padding: 1% 2% 0 2%; }

#homeLinks { width: auto; margin: 0px 10px 15px 10px; }
#contentBlock { width: auto; margin: 0px 10px 15px 10px; }
#contentBlock .sideBar { float: left; width: 20%; padding: 1%; }
#contentBlock .mainBar { float: right; width: 75%; padding: 1%; }

/* #contentBlock #hpTwFeed { display: none; } */

#footerBlock { width: auto; margin: 0px 10px; }
}

@media handheld, only screen and (max-width: 1100px) {
ul.mainMenu li a {
	color: #2d4e88;
	text-decoration: none;
	text-transform: uppercase;
	font: normal 14px/48px Arial, Helvetica, sans-serif;
	padding: 0 15px;
}

@media handheld, only screen and (max-width: 1024px) {
body { height: 100%; }
#topBlock { background: transparent; }
#topBar { position: absolute; top: 0px; right: 0px; z-index: 60; width: auto; }
#topBar ul.socialIcons { margin: 7px 10px 0px 4px; float: left; }
#topBar ul.socialIcons li { font-size: 11px; }
#topBar ul.socialIcons li:first-child { display: none; }
#topBar #headerNewsletter label.laBel { float: left; font-size: 11px; color: #fff; line-height: 24px; }
#topBar #headerNewsletter input.inputBox { width: 100px; 	font-size: 11px; line-height: 22px; height: 22px; }
#topBar #headerNewsletter input.buTTon { font-size: 10px; line-height: 22px; height: 22px; width: 30px; }
#headerBlock { height: 102px; margin: 0px 10px 15px 10px; z-index: 40; background: #0050ab url(bg_nav.gif) left bottom repeat-x; border-radius: 0px 0px 5px 5px; }
#headerSearch { clear: right; margin: 30px 0px 0px 0px; }


/* #navBlock { position: absolute; top: 0px; left: 0px; width: 100%; margin: 0px; background: #123c86; height: 42px; border-radius: 0px 0px 0px 0px; } */
#navBlock { position: absolute; left: 0; top: 0; width: 100%; margin: 0px; background: #123c86; height: 42px; border-radius: 0px 0px 0px 0px; box-sizing: border-box; padding: 0; }
#navBar { background: none; border: none; }
#navBlock ul.mainNav { display: none; }
#navBlock #mobileNav { display: block; }
#navBlock .homeBtn { 
	background: #123c86;
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	font: normal 28px/42px sans-serif;
	letter-spacing: 0em;
	color: #fff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
	display: inline-block; }
#navBlock .homeBtn.active:hover,
#navBlock .homeBtn:hover { color: #7b91b8; }
#navBlock ul { display: none; padding: 0; margin: 0; list-style: none; position: absolute; left: auto; right: auto; }
#navBlock ul.mobMenu { background: #1664ba; width: 300px; padding-top: 10px; }
#navBlock ul.mobMenu ul { background: rgba(255,255,255,0.1); position: relative; }
#navBlock ul.mobMenu ul ul { background: rgba(255,255,255,0.1); }
#navBlock ul.mobMenu li { padding: 0; margin: 0; display: block; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; }
#navBlock ul.mobMenu li li { border: none; }
/* #navBlock ul.mobMenu > li.first { display: none; } */
#navBlock ul.mobMenu li a { 
	display: block;
	color: #fff;
	padding: 15px 15px;
	font: normal 16px/16px 'Questrial', sans-serif;
	text-align: left; }
#navBlock ul.mobMenu li a:hover { text-decoration: none; background: rgba(0,0,0,0.1); }
#navBlock ul.mobMenu li li a { padding: 10px 15px 10px 20px; font: normal 16px/16px 'Questrial', sans-serif; }
#navBlock ul.mobMenu li li li a { padding: 8px 15px 8px 25px; font: normal 14px/14px 'Questrial', sans-serif; }
#navBlock ul.mobMenu span.submenuTrigger { 
	display: block;
	position: absolute;
	top: 7px;
	right: 20px;
	border: 1px solid rgba(255,255,255,0.1);
	cursor: pointer;
	font-size: 15px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	padding: 0;
	background: rgba(255,255,255,0.1);
	color: #fff; }
#navBlock ul.mobMenu span.submenuTrigger:hover { color: #fff; background: #000; }
#navBlock ul.mobMenu li li span.submenuTrigger { line-height: 20px; width: 18px; top: 6px; padding: 0; background: #444; border: 1px solid #444; }

#homeLinks { display: block; }
#homeLinks li { margin: 0.5% 0.5%; height: auto; text-align: center; }

#contentBlock .mainBar { float: none; width: auto; background: #fff; border-radius: 5px; padding: 15px 15px 15px 25px; min-height: 100px; }
#contentBlock .contentArea { min-height: 100px; }
#contentBlock .contentArea img,
#contentBlock .mainBar img { max-width: 100%; width: auto !important; height: auto !important; }

#contentBlock .contentArea td img,
#contentBlock .mainBar td img { width: 100% !important; height: auto; }

/* sidemenu CSS */
.sideBarMob {
	position: absolute; /* fix the sideBar to the left side of the screen */
	top: 10px;
	left: -195px; /* use a negative margin to pull the icon area of the sideBar off the edge of the page */
	color: gray;
	z-index: 30;
	width: 175px;
	min-height: 80px;
	padding: 5px 5px 5px 5px;
	box-shadow: 3px 3px 4px rgba(0,0,0,0.3);
	background: #0050ab; }
.showSideBarMob { /* create a clickable area that triggers the slide in/out effect */
	position: absolute; /* position clickable area to consume entire right section of sideBar (add a border if you want to see for yourself) */  
	top: 30px;
	right: -50px;
	cursor: pointer;
	background: #0050ab;
	box-shadow: 1px -4px 4px rgba(0,0,0,0.3);
	width: 80px;
	height: 20px;
	text-align: center;
	overflow: hidden;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg) }
.showSideBarMob span { color: #ffffff; font-size: 10px; line-height: 20px; }
.showSideBar { display: none; }
.sideBarMob h3 { margin: -5px 0px 0px -10px; padding: 10px 0px 10px 10px; background: #dad9d9; color: #fff; }
/* sidemenu CSS */


#footerBlock .footerSponsors { padding: 10px 0px 10px 0px; }
#footerBlock .majorSponsors,
#footerBlock .premiumSponsors,
#footerBlock .footerLinks,
#footerBlock .footerTxt { float: none; text-align: center; font: normal 11px/1.2em Arial, Helvetica, sans-serif; }

}
@media handheld, only screen and (max-width: 640px) { 

#topBar ul.socialIcons { margin: 7px 5px 0px 4px; }
#topBar ul.socialIcons li:first-child { display: none; }
#topBar #headerNewsletter { padding: 4px 5px 0px 0px; margin: 0px; float: right; }
#topBar #headerNewsletter label.laBel { display: block; float: none; line-height: 11px; }
#topBar #headerNewsletter input.inputBox { width: 70px; font-size: 9px; line-height: 20px; height: 20px; margin: 0px 0px 0px 0px; }
#topBar #headerNewsletter input.buTTon { font-size: 8px; line-height: 20px; height: 20px; width: 25px; }

#logoBar { width: 41px; height: 82px; position: absolute; top: 10px; left: 10px; z-index: 50; }
#logoBarTxt { width: auto; height: auto; position: absolute; top: 20px; left: 71px; z-index: 50; background: transparent; }

#headerSearch { clear: right; width: 190px; margin: 0px 5px 0px 0px; float: right; background: #cc0000; }

#headerSearch input.inputBox { 
	padding: 0px 5px;
	font-size: 11px;
	line-height: 20px;
	height: 20px;
	width: 160px; }
#headerSearch input.buTTon { 
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 20px;
	height: 20px;
	width: 20px; }

#headerLinks { float: right; margin: 55px 5px 2px 0px; text-align: center; }
#headerLinks ul { float: left; }
#headerLinks ul li { list-style: none; padding: 0px 1px; margin: 0px; display: inline; color: #182f59; }
#headerLinks ul li a { color: #182f59; text-transform: uppercase; }
#headerLinks ul.loggedIn li,
#headerLinks ul.notLoggedIn li,
#headerLinks ul.loggedIn li a,
#headerLinks ul.notLoggedIn li a { color: #182f59; }

#contentBlock .homeResults table.resultsTable td { padding: 2px 2px; }

#contentBlock .homeResults a.yellowBtn,
#contentBlock .homeResults a.blueBtn { float: none; width: auto; padding: 2%; margin: 1%; }

#footerBlock .majorSponsors img,
#footerBlock .premiumSponsors img { max-width: 70%; width: auto; height: auto; }

table { width: 100% !important; height: auto !important; }

}
@media handheld, only screen and (max-width: 520px) {

#logoBarTxt { padding: 0px 10px 0px 0px; }
#logoBarTxt img { width: 100%; }

#contentBlock .homeContent { float: none; width: auto; } 
#contentBlock .homeResults { float: none; width: auto; margin-left: 0; }

#contentBlock table.resultsTable td { padding: 5px 5px; }
#contentBlock table.resultsTable td.tableHead { padding: 2px 5px; }
#contentBlock table.teamLists td { padding: 5px 5px; }


#contentBlock .photoGalleries ul li { width: 46%; }

#ss-product-images { float: none !important; margin: 0px auto 40px auto !important; }
#ss-product-images img { max-width: 100% !important; width: auto !important; height: auto !important; }
#ss-product-description { padding: 0px !important; }

#footerBlock .premiumSponsors img { margin-top: 5px; }
}
@media handheld, only screen and (max-width: 360px) {
#navBlock .homeBtn span { display: none; }
table td { display: block; width: auto !important; }
#contentBlock td.teamGrade { width: 25% !important; display: table-cell !important; }
#contentBlock td.teamScore { width: 25% !important; display: table-cell !important; }
#contentBlock td.teamNames { width: 25% !important; display: table-cell !important; }
#contentBlock table.resultsTable td { padding: 5px 5px; font: normal 12px/12px Arial, Helvetica, sans-serif; }
#contentBlock table.teamLists td { padding: 5px 5px; font: normal 12px/12px Arial, Helvetica, sans-serif; }
#contentBlock table.resultsTable td.tableHead { font: normal 9px/9px Arial, Helvetica, sans-serif; border-bottom: none; }
#ss-product-images { width: 100% !important; }
}