// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	.logo-inner {width: 100px;}
	.logo-inner img { width: 150px; }
	#banner-inner h2 { display: none; }
	ul.countdown { padding-top: 15px; }
	ul.countdown li { font-size: 25px; line-height: 20px; }
	ul.countdown li span { font-size: 15px; font-weight: 500; }
	.content h2 { display: block; }
	#partners-sponsors .columns:first-child { margin-bottom: 20px; }
	#partners-sponsors ul.part-logos li { width: 47%; }
	#partners-sponsors ul.part-logos li img { width: auto; max-width: 100%; }
	ul.facilities li { margin: 0 5px; width: 60px; height: 60px; }
	ul.facilities li span { width: 60px; height: 60px; }
	.counter-logos{ height:auto;}
	.logos {top:60px;}
        .logos img{width: 70px;}
        .banner-bottom-bg {background-size: cover; min-height: 50px; margin-top: -70px;}
	#top-finishers .results{ height:auto; background-size:cover;}
	.messages .photo{ float:none; margin:0 auto; width:100%;}
	.messages .photo img{ max-width:100%; height:auto; width:auto; margin:10px auto;}
	.messages p{ margin-left:0; margin:10px 0;}
	#content-home{ padding:0;}
	footer .footer-container{ text-align:center;} 
	ul.social{ float:none; text-align:center; margin:20px 0;}
	.mail{ text-align:center;}
	.copyright{ text-align:center; margin:20px 0; }
	#about-race-director img{ float:none;  margin:0 auto; text-align:center; display:block;}
	#about-race-director .race-director p img{ margin:0 auto;}
        .testimonials .item .columns {padding-right: 0.9375rem;}
        .testimonials .item .msg, .testimonials .item .name {font-size: 107%;}

	.race-director ul{ float:none; width:95%;}
	#top-finishers .top{ background-size:cover; height:50px;}
	#banner-inner{ background-size:cover; height:250px; padding: 0 15px;}
	.content .pic-right,.content .pic-left{ float:none; width:100%; margin:0 auto 30px; text-align:center;}
	.bx-viewport ul{ height:auto;}
	#map-canvas{ float:none; width:100% !important; height:250px !important; margin:0 auto 30px; text-align:center;}
	.rd-pic{ display:block; margin:0 auto; float:none;}
	.accordion-outer{ padding:0;}
	.accordion{ padding:10px 30px 10px 10px; }
	.schedule-time{ width:22%; font-size:15px;}
	.schedule-details ul li,.schedule-details p {font-size:14px;}
	.container{ padding:10px;}
	h4.sch-title{ margin:10px auto; font-size:16px;}
	.content h2{ font-size:28px;}
	.content h3{ font-size:18px;}
	.form{ width:100% !important;}
	
	#banner-inner .overlay{ left:0; height:100%; right:0;}
	#banner-inner > .row{ height:auto; text-align:center;}
/*	.logo-inner{ display:inline-block; float:none; margin:0 auto; position:inherit;}*/
 	.logos ul li{ display:inline-block;}
	.info-number.inner{ position:inherit; top:0; margin-bottom:115px;}
	#logo {padding: 50px 15px 0 15px;}
        #logo, #logo .margin{width:100%; top: 0; right: auto; left: 0; text-align: left;}
	#logo img {max-width:100px; }
        .info-number.regclose {margin-top: 10px; display: none;}
        .close-date {font-size: 13px;}
	.top-bar.expanded{ background-color:rgba(41, 21, 28, 0.9); z-index:99;}
	.clearing-thumbs{ text-align:center; margin:0;}
	.small-block-grid-3 > li{ float:none; display:inline-block; width:50%;}
	.breadcrumb{ margin:20px; display: none;}
	.small-block-grid-6 > li{ width:50%;}
	.table-data{ width:100% !important; float:none !important; overflow-x:auto;}
	ul.results li{ width:31%;}
	ul.tabs li .day{ font-size:14px;}
	.new-dates .title, .new-dates .race-container {display:none;}
	.new-dates .dates {height:auto; padding:7px 5px 5px;}
	.video-wrap .owl-buttons .owl-prev{ left:10px; }
	.video-wrap .owl-buttons .owl-next{right:10px;}
        
        /* form custom css */
        .previous-experience{width: 100%;  margin-bottom: 15px; overflow-y: hidden;min-height: .01%; overflow-x: auto;}
        .previous-experience .datatable{width: 100%;  max-width: 100%;}
        form .control .left{width:100%; text-align:left;}
        form .control .right{width:100%; float:left !important;}
        form .control input[type=text], form .control input[type=file], form .control input[type=submit], form .control input[type=reset], form .control input[type=button], form .control select, .datatable input{width:100% !important;}
        form .datatable td{padding:5px;}
        form .datatable input{padding:0 5px;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
	#partners-sponsors ul.part-logos li { width: auto; }
	.counter-logos{ height:auto;}
	#top-finishers .results{ height:auto; background-size:cover;}
	#banner-inner{ background-size:cover; height:auto;}
	footer .footer-container{ text-align:center;} 
	ul.social{ float:none; text-align:center; margin:20px 0;}
	.mail{ text-align:center;}
	.copyright{ text-align:center; margin:20px 0; } 
	.logos{ right:0;}
	.info-number.inner{ right:10px;}
	ul.results li{ width:31%;}
	ul.tabs li .day{ font-size:15px;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */


@media only screen and (min-width: 768px) and (max-width: 1024px){
    .top-bar-section ul li > a {font-size: 12px;}
    .top-bar-section li:not(.has-form) a:not(.button) {padding: 0 7px;}
    .top-bar-section .has-dropdown > a {padding-right: 30px !important;}
    .top-bar-section .has-dropdown > a::after {margin-right: 10px;}
    .logos {top: 90px;}
}