@media (min-width:320px) and (max-width:767px){
	.wrapper{ padding:0 15px;}
	.wrapper.dvNoPadding{ padding:0;}
	.header{ width: 100%; height: 55px; position: fixed; top: 0; left: 0; z-index: 99999;}
	.logo{ width: 120px; left: 5px;}
	.socialRow{ display: none;}
	.socialList.mSocial{ display: block;}
	.btnMobileNav{ display: block;}
	.topNav{ width: 240px; height: 100%; background: #222222; position: fixed; right: -240px; top: 0; z-index: 999999; margin: 0; overflow-y:auto; }
	.topNav > ul{ width: 100%; padding: 10px 0;}
	.topNav > ul > li{ display: block; text-align: left; margin: 0 0 10px 0;}
	.topNav > ul > li > a{ display: block;}
	.topNav > ul > li > ul{ display: block; position: relative; top: auto; width: 100%; background: none; padding: 0 0 0 20px;}
	.topNav > ul > li > ul > li{ margin: 0 0 15px 0;}
	.topNav > ul > li > a:hover{ background: #222 url(../images/dropDownArrow.png) 93% center no-repeat; color: #fff;}
	.topNav > ul > li:hover > a{ background: #222 url(../images/dropDownArrow.png) 93% center no-repeat; color: #fff;}
	.topNav > ul > li > ul > li > a:hover, .topNav > ul > li > ul > li > a.activeNav{ color: #fff;}
	.topNav > ul > li > a.btnRegister{ background: #aca033;}
	.topNav > ul > li.mContact{ display: block;}


	.bodyContent{ margin: 55px 0 0 0;}
	.bannerTxt{ padding: 0 15px; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
	.bannerTxt h2{ font-size: 24px;}
	.bannerTxt h3{ font-size: 17px; padding: 10px 0;}
	.btnViewGallery{ padding: 10px 20px; font-size: 14px;}
	.dvContent{ padding: 40px 0;}

	
	.dvBgGray{ padding: 15px;}
	.heading3{ font-size: 26px; line-height: 32px;}
	.dvWhyRun h4{ font-size: 18px; line-height: 26px;}
	.btnDifference{ font-size: 14px; padding: 15px;}
	.dvNewsBlock h3{ font-size: 22px; line-height: 28px; padding: 0 0 10px 0;}
	.dvContent{ padding: 30px 15px;}
	.dvLeftContent{ width: 100%;}
	.dvRightContent{ overflow:visible; width: 100%;}
	
	
	.dvContainer{ box-shadow: none;}
	.virtualRun{ padding: 30px 15px;}
	.virtualLeft{ width: 100%;}
	.virtualLeft h2{ font-size: 32px;}
	.virtualLeft h3{ font-size: 16px;}
	.virtualLeft h4{ font-size: 16px;}
	.takePartBox{ width: 100%; display: block; margin: 0 0 15px 0;}
	.virtualRight{ width: 100%; float: left;}
	.eventBox{ max-width: 329px; margin: 0 0 10px 0;}

	.registerCont{ padding: 30px 15px;}
	.registerCont h2{ font-size: 28px; padding: 0 0 20px 0;}
	.registerRowLeft{ width: 100%; background: none; margin: 0 0 30px 0;}
	.registerRowRight{ width: 100%; overflow: visible;}

	.bodyInnerContent{ padding: 30px 0;}
	.topRow{ padding: 0 0 5px 0;}
	.topRow h2{ font-size: 28px; line-height: 32px;}
	.bannerRow{ padding: 0 0 20px 0;}
	.common h3{ font-size: 18px;}
	.txtRegister{ font-size: 18px;}
	
	.topRow h3{ font-size: 16px;}
	.eventContent{ padding:0 10px; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
	.eventContent h4{ font-size: 18px;}
	.eventContent h3{ font-size: 20px; padding: 0 0 10px 0;}
	.eventContent h5{ font-size: 18px; padding: 0 0 30px 0;}
	.summaryLeft{ width: 100%;}
	.summaryRight{ display: none;}
	.iPadCountDown{ display: block; padding: 20px 0 0 0;}
	.countDown{ margin: 0 0 10px 0;}
	.btnSponsor{ margin: 0 0 10px 0;}
	.eventBanner{ display: none;}
	.eventBanner.eventMobile{ display: block;}
	.bxEvent{ width: 100%;}
	.bxEvent img{ height: 250px;}
	.summary{ padding: 30px 0 0 0;}
	.entryBox{ width: 100%; margin: 0 0 10px 0;}
	.entryBoxInner h3{ font-size: 16px;}
	.entryLeft h4{ font-size: 16px;}
	.entryRight{ font-size: 16px;}
	.countCol{ width: 100%;}
	.summaryContent{ padding: 20px 0 0 0;}
	.summaryContent h3{ font-size: 18px; padding: 0 0 5px 0;}
	.summaryContent p{ padding: 0 0 30px 0;}
	.locationBoxLeft{ width: 100%; padding: 15px;}
	.locationBoxLeft h4{ font-size: 18px; line-height: 24px;}
	.btnGetDirection{ padding:15px 50px;}
	.locationBoxRight{ width: 100%;}
	.common p{ padding: 0 0 30px 0;}
	.faqAccord{ background: #eee url(../images/accordDown.png) 95% center no-repeat;}
	.faqAccord.activFaq{ background: #eee url(../images/accordUp.png) 95% center no-repeat;}
	.suitSizeBox{ width: 100%;}
	.c_frmRow{ margin: 0 0 30px 0;}
	.c_frmCol{ width: 100%;}
	.c_frmCol.mGap{ padding: 30px 0 0 0;}
	
	.sponsorCont{ padding: 20px 15px;}
	.sponsorLogo li{ margin: 0 10px 0 0; max-width: 130px;}
	.sponsorCont h3{ font-size: 22px;}

	.footer{ padding:10px 0;}
	.footerLeft{ width: 100%;}
	.fooTrust{ width: 44px;}
	.trustTxt{ padding: 5px 0 0 0;}
	.footerRight{ display: none;}

	.popup-gallery a{ max-width: 135px; margin: 0 10px 10px 0;}

	#createTeam .frmCol49{ width: 100%;}
	#createTeam .frmCol49.mGap{ padding: 30px 0 0 0;}
	
	.virtualRight{ padding: 0;}
}

@media (min-width:320px) and (max-width:767px) and (orientation:landscape){
	.bannerTxt h2{ font-size: 42px;}
	.bannerTxt h3{ font-size: 22px;}
	.btnViewGallery{ font-size: 16px;}
}

@media (min-width:768px) and (max-width:1024px){
	.wrapper{ padding:0 15px;}
	.logo{ width: 150px; left: 10px;}
	.topNav ul li{ margin: 0;}
	.bannerTxt{ padding: 0 30px; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
	.bannerTxt h2{ font-size: 62px;}
	.bannerTxt h3{ font-size: 32px; padding: 25px 0;}
	.btnViewGallery{ padding: 15px 50px;}
	.dvContent{ padding: 40px 0;}


	.dvContainer{ box-shadow: none;}
	.virtualRun{ padding: 30px 0;}
	.virtualLeft{ width: 100%;}
	.virtualRight{ width: 100%; float: left;}
	.eventBox{ width: 329px; float: left; margin: 0 15px 0 0;}

	.registerCont{ padding: 30px 0;}
	.registerRowLeft{ width: 100%; background: none; margin: 0 0 30px 0;}
	.registerRowRight{ width: 100%; overflow: visible;}

	.bodyInnerContent{ padding: 40px 0;}
	.eventContent{ padding:0 10px; top: 50%; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
	.eventContent h4{ font-size: 18px;}
	.eventContent h3{ font-size: 20px; padding: 0 0 10px 0;}
	.eventContent h5{ font-size: 18px; padding: 0 0 30px 0;}
	.summaryLeft{ width: 100%;}
	.summaryRight{ display: none;}
	.iPadCountDown{ display: block;}
	.countDown{ margin: 0 0 10px 0;}
	.btnSponsor{ margin: 0 0 10px 0;}
	
	.sponsorCont{ padding: 20px;}

	.footerLeft{ width: 100%;}
	.footerRight{ width: 100%; margin: 10px 0 0 0;}
	.footNav{ text-align: center;}

	.popup-gallery a{ max-width: 226px;}
	
}
	

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){
}