/*
 * The CSS for harness.org.au.
 *
 * This file is created by RISE.
 *
 */

@media screen and (min-width: 1200px) {
	#switchView {
		display:none;
	}
}

 
/* --- Tablet Landscape --- */

@media screen and (max-width: 1200px) {
	.container { width:auto !important; padding-left:15px; padding-right:15px; }
	.navbar-header { margin: 0 !important; }
	.navbar-brand > img { width: 75% !important;}
	.navbar-brand-new-wrapper > img { width: 50% !important;}
	#header-banner { width:520px; }
	#div-gpt-ad-1500848845660-0 { display: block; margin-left: auto; margin-right: auto; width: 90%; position:relative; float:left; }
	#div-gpt-ad-1500848845660-0 iframe { border: 0;	
		-ms-transform: scale(0.70);
		-moz-transform: scale(0.70);
		-o-transform: scale(0.70);
		-webkit-transform: scale(0.70);
		transform: scale(0.70);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px; }
	#side-banner { margin-top:40px; }
	#div-gpt-ad-1502667186510-0, #div-gpt-ad-1502667186510-1 { width:260px !important; float:right; }
	#div-gpt-ad-1502667186510-0 iframe, #div-gpt-ad-1502667186510-1 iframe { border: 0;	
		-ms-transform: scale(0.80);
		-moz-transform: scale(0.80);
		-o-transform: scale(0.80);
		-webkit-transform: scale(0.80);
		transform: scale(0.80);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		/*position:absolute;*/
		margin-left:5px; }
	#headerImages { padding-left: 10px; padding-right:10px; }
	#headerImagesCollapse { padding-left: 10px; padding-right:10px; }
	.bx-viewport { height:380px !important; }
	.bx-wrapper { max-height:468px; }
	.bx-wrapper li { width:720px !important; }
	.bx-wrapper img { width: 560px !important; }
	.bx-wrapper .bx-caption { position: fixed !important; }
	.news-block { height:720px; }
	.news-block .nav-tabs > li > a { min-height:65px; }
	.home-videos li.first { margin-right:0; }
	.home-videos li { width:30%; }
	.home-videos-div { height:170px; }
	.home-videos-div img { max-width: none; min-height: 150px; object-fit: cover; }
	.html5lightbox { position:relative; height:150px; }
	.nav-social { font-size:10px !important; }
	
	.meetingList { width:95%; }
	.meetingList td { padding: 5px; }
	
	.resultTable { font-size:90% !important; }
	.raceFieldTable td { padding:0 5px 3px; }
	
	.ui-datepicker { width:15em !important;}
	
	.gutterBanners { display:none; }
.content {min-height: unset !important;}
	
}

/* --- Tablet Portait --- */

@media screen and (min-device-width: 768px) and (max-width: 992px) {
	.next-race li span { display: block; padding-bottom: 3px; text-align: center; width: 100%; vertical-align:top; }
	.next-race li span img { height: 24px; margin: 10px; width: auto; }
	.row { margin-left:0; margin-right:0; }
	#header-banner { position: absolute; right: 0; float:right; width:528px !important; }
	#div-gpt-ad-1500848845660-0 { display: block; margin-left: auto; margin-right: auto; width: 90%; position:absolute; }
	#div-gpt-ad-1500848845660-0 iframe { border: 0;	
		-ms-transform: scale(0.70);
		-moz-transform: scale(0.70);
		-o-transform: scale(0.70);
		-webkit-transform: scale(0.70);
		transform: scale(0.70);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px; }
	aside { display:none; }
	#side-banner { margin-top:0px; position:absolute; }
	#side-banner div { width:200px !important; height:160px !important; }
	#div-gpt-ad-1502667186510-0, #div-gpt-ad-1502667186510-1 { width:190px !important; }
	#div-gpt-ad-1502667186510-0 iframe, #div-gpt-ad-1502667186510-1 iframe { border: 0;	
		-ms-transform: scale(0.70);
		-moz-transform: scale(0.70);
		-o-transform: scale(0.70);
		-webkit-transform: scale(0.70);
		transform: scale(0.70);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px; }
	.navbar-toggle { margin-right: 15px; margin-top: 100px; }
	.navbar-collapse.in { overflow: visible; }
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left:0; margin-right:0; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:none; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color:#333; }
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; }
	.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: #fff; }
	.open > .dropdown-menu { display:block !important; }
	#navPrimary { margin-left: 0 !important; margin-right: 0 !important; }
	.navbar { margin-bottom:0; }
	.navbar-nav { margin-bottom:10px; }
	.nav > li { display: block; float: none; text-align:left; }
	.nav-tabs > li { display: table-cell; float: none; text-align: center; }
	.nav-tabs > li > a { text-align:center; min-height:65px; }
	.navbar-nav .open .dropdown-menu { background-color:white !important;	}
	.dropdown-menu.columns-2 { min-width:100%; }
	.dropdown-menu.columns-2 .col-sm-6 { float:left; }
	.dropdown-menu.columns-3 .col-sm-4 { float:left; }
	#headerImages { display:none !important; }
	#headerImagesCollapse { display: none !important; }
	.mobile-bx .fullsize-bx { display:block; width:75%; margin-left:auto; margin-right:auto; }
	.fullsize-bx { display:none; }
	.bx-viewport { height:400px !important; }
	.bx-wrapper { max-height:468px; }
	.bx-wrapper li a { display: block; height: auto; position: relative; }
	.bx-wrapper img { min-height: 400px; min-width: 100%; }
	.bx-wrapper img { width: 100%; }
	.bx-wrapper .bx-caption { position: fixed !important; }
	.bxslider li { max-height:400px; }
	.mobile-bx { display:block; }
	.full-bx { display:none; }
	.newsArchiveMin dt.title { width:70%; }
	#homepage .tab-content { margin-left:10px; }
	.news-block { height: 360px; }
	.threed-block { border:none !important; float: left; padding-bottom: 0; padding-left: 10px; padding-right: 0; padding-top: 0; width: 33%; }
	.threed-block.videoHighlights { width: 100%; }
	.row .col-md-4 > div { height:260px; }
	.home-videos li { margin-left:auto; margin-right:auto; width:100%; height:auto; margin-bottom:10px; }
	.home-videos-div { width:30%; min-height:auto; position:absolute; }
	.home-videos-div img { max-width: none; min-height: auto; object-fit: scale-down; width: 100%; height:110px !important; }
	.html5lightbox { display: inherit; height: auto; position: relative; }
	.home-videos li p { font-size: 13px; height: 80px; padding: 10px 10px 10px 35%; }
	.col-foot { padding-left:0; padding-right:0; }
	.nav-social { font-size: 12px !important; }
	.nav-social li { display: inline-block; float: none; margin-bottom: 3px; margin-left:0 !important; }
	.nav-social li a { height: 20px !important; margin: 0 !important; padding: 3px !important; text-align: center !important; vertical-align: middle !important; width: 20px !important; }
	.open > .dropdown-menu { display:block !important; }
	.col-xs-12 .content { }
	/*.col-xs-12 { float: right; width: 16%; }*/
	.col-xs-10 { width:100%; }
	aside.datePickerSide { display:block; width:100%; margin-bottom:30px; }
	
	.newsArchive dl.docNews { padding-left: 220px; min-height:170px; }
	.newsArchive dd.image { max-height: 140px; max-width: 200px; }
	
	.meetingList { width:95%; font-size:12px; }
	.meetingList td { padding: 5px; }
	
	#datepicker {width:100%;}
	.ui-datepicker { margin-left:auto; margin-right:auto; }
	.dateSwitch .btn { width:100%; }
	
	.gMapTrack {display:none !important;}	
	
	#switchView {
	border-radius: 4px;
    display: table;
    float: none;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 15px;
	font-size:12px;
}

#switchView .btn-default {
	background-color:inherit;
}

#switchView .btn-default.active, #switchView .btn-default:active, #switchView .btn-default:hover, #switchView .open > .dropdown-toggle.btn-default {
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.gutterBanners { display:none; }
.content {min-height: unset !important;}
	
}

/* --- END Tablet Portrait ---*/

/* --- Mobile --- */

@media screen and (max-width: 767px) {
	#crumblist { display:none; }
	.col-xs-10 { width:100%; }
	.col-xs-12 { float: none; width: 100%; }
	.next-race { display:none; }
	.next-race li span { display: block; padding-bottom: 3px; text-align: center; width: 100%; vertical-align:top; }
	.next-race li span img { height: 24px; margin: 10px; width: auto; }
	.navbar-brand { max-width:220px; padding-right:0; }
	.navbar-brand-new { width:40%; padding-right:0; }
	.row { margin-left:0; margin-right:0; }
	#header-banner { position: absolute; right: 0; float:right; width:528px !important; }
	#div-gpt-ad-1500848845660-0 { display: block; margin-left: auto; margin-right: auto; width: 90%; position:absolute; }
	#div-gpt-ad-1500848845660-0 iframe { border: 0;	
		-ms-transform: scale(0.70);
		-moz-transform: scale(0.70);
		-o-transform: scale(0.70);
		-webkit-transform: scale(0.70);
		transform: scale(0.70);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px; }
	#side-banner { display:none; }
	#mobile-sideBanner { float:right; margin-top:20px; }
	#mobile-sideBanner div { margin-bottom:20px; }
	.fullsize-menu { display:none; }
	.mobile-menu { display:block; }
	.bx-viewport { height:300px !important; }
	.bx-wrapper { max-height:468px; }
	.bx-wrapper li { width:720px !important; }
	.bx-wrapper img { width: 720px !important; }
	.bx-wrapper .bx-caption { position: fixed !important; }
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-left:0; margin-right:0; }
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border:none; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color:#333; }
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; }
	.navbar-inverse .navbar-toggle:focus .icon-bar, .navbar-inverse .navbar-toggle:hover .icon-bar { background-color: #fff; }
	.open > .dropdown-menu { display:block !important; }
	#navPrimary { margin-left: 0 !important; margin-right: 0 !important; }
	.navbar { margin-bottom:0; }
	.navbar-toggle { margin-top:90px !important; }
	.navbar-nav { margin-bottom:10px; }
	.nav > li { display: block; float: none; text-align:left; }
	.nav-tabs { width:100% !important; display: table; overflow-x: scroll; /* has to be scroll, not auto */ overflow-y: hidden; }
	.nav-tabs li { display: table-cell !important; float:none !important; }
	.nav-tabs > li > a { text-align:center; }
	.nav-tabs.scroll-wrapper {}
	.navbar-nav .open .dropdown-menu { background-color:white !important;}
	.dropdown-menu.columns-2 { min-width:auto; }
	.dropdown-menu.columns-2 .col-sm-6 { width: 100%; }
	.dropdown-menu.columns-2.rtCol { float:none; }
	#headerImages { display:none !important; }
	div#headerImagesCollapse { display:none !important; }
	
	.col-md-7-63 { width:100%; padding:0;  }
	.col-md-5-37 { display:none; }
	.news-block { height:700px; }
	.newsArchiveMin dt.title { width:75%; }
	.newsArchive dd.image img { min-height: 100px; object-fit: cover; width: auto; }
	#homepage .tab-content { margin-top: 20px; margin-left: 10px; }
	.threed-block { border:none !important; float: left; padding-bottom: 0; padding-left: 10px; padding-right: 0; padding-top: 0; width: 33%; }
	.threed-block.videoHighlights { width: 100%; }
	.row .col-md-4 > div { height:250px !important; }
	.home-videos li { margin-left:auto; margin-right:auto; width:100%; height:auto; margin-bottom:10px; }
	.home-videos-div { width:30%; min-height:auto; position:absolute; }
	.home-videos-div img { max-width: none; min-height: auto; object-fit: scale-down; width: 100%; height:110px !important; }
	.html5lightbox { display: inherit; height: auto; position: relative; }
	.home-videos li p { font-size: 13px; height: 80px; padding: 10px 10px 10px 35%; }
	.col-foot { padding-left:0; padding-right:0; }
	.footer-logo { height:35px; }
	.nav-social { font-size: 12px !important; }
	.nav-social li { display: block; float: none; margin-bottom: 3px; margin-left:0 !important; }
	.nav-social li a { height: 20px !important; margin: 0 !important; padding: 3px !important; text-align: center !important; vertical-align: middle !important; width: 20px !important; }
	.open > .dropdown-menu { display:block !important; }
	.nav-social { display:none; }
	aside.datePickerSide { display:block; width:100%; margin-bottom:30px; }
	
	.hidePrint { display: none; }
	
	#news-headline { width: 100%; }
	#news-logo-right { width:20%; }
	#news-image { float:none; }
	#news-image-container { margin-left:auto; margin-right:auto; }
	.newsArchive dl.docNews { min-height: 120px; padding-left: 140px; }
	.newsArchive dd.image { max-height: 110px; max-width: 130px; }
	.newsArchive dd.summary, .newsArchiveNoImg dd.summary
	.newsArchive dd.summary, .newsArchiveNoImg dd.summary { display:none; }
	
	.fields-search .btn-default { width:100%; margin-top:10px; margin-bottom:10px; }
	#fields-search ul li { width:50%; float:left; padding-top:10px; }
	.meetingList { width:100%; font-size:13px; }
	.meetingList td { padding: 5px; }
	.meetingText { display:none; }
	.fields .nav-tabs li { width:100%; }
	.fields .btn-default { width:100%; margin-top:10px; margin-bottom:10px; }
	.form .nav-tabs li { width:100%; }
	.fieldsSearch { padding: 0; width: 100% !important;}
	.fieldsSearch li { text-align:center; }
	
	#datepicker {width:100%;}
	.ui-datepicker { margin-left:auto; margin-right:auto; }
	.dateSwitch .btn { width:100%; }
	
	.bettingLogo { display:none; }
	
	.trackInfo .gMapTrack { display:none; }
	.trackInfo th { float:left; width:100%; }
	.trackInfo td { float: left; padding-bottom: 10px; vertical-align: text-top; width: 100%; }	
	
	.gMapTrack {display:none !important;}
	
	.premiershipsSelect { width: 100% !important; }
	.premiershipsSelect #news-logo-right { margin-right: 0; }
	.seasonChange { width:100%; }
	
	#switchView {
	border-radius: 4px;
    display: table;
    float: none;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 15px;
	font-size:12px;
}

#switchView .btn-default {
	background-color:inherit;
}

#switchView .btn-default.active, #switchView .btn-default:active, #switchView .btn-default:hover, #switchView .open > .dropdown-toggle.btn-default {
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.gutterBanners { display:none; }
.content {min-height: unset !important;}
	
}

@media screen and (max-width: 650px) {
	#header-banner { position: absolute; right: 0; float:right; width:425px !important; }
	#div-gpt-ad-1500848845660-0 { display: block; margin-left: auto; margin-right: auto; width: 80%; position:absolute; }
	#div-gpt-ad-1500848845660-0 iframe { border: 0;	
		-ms-transform: scale(0.55);
		-moz-transform: scale(0.55);
		-o-transform: scale(0.55);
		-webkit-transform: scale(0.55);
		transform: scale(0.55);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px; }
	.mobile-bx .fullsize-bx { display:block; width:75% !important; margin-left:auto; margin-right:auto; }
	.bx-viewport { height:300px !important; }
	.bx-wrapper li a { display: block; height: auto; position: relative; }
	.bx-wrapper img { width: 80% !important; object-fit: scale-down; min-height: unset; min-width: unset; }
	.bx-wrapper .bx-caption { position: fixed !important; }
	.bx-wrapper .bx-caption span.scrollTease { display:none; }
	.news-block { height: 700px; }
	.trackInfo .gMapTrack { display:none; }
	.trackInfo th { float:left; width:100%; }
	.trackInfo td { float: left; padding-bottom: 10px; vertical-align: text-top; width: 100%; }	
	
	.gMapTrack {display:none !important;}
	.prgSearch td { display:flex; }
	.premiershipsSelect { width: 100% !important; }
	.premiershipsSelect #news-logo-right { margin-right: 0; }
	.seasonChange { width:100%; }
	
	#switchView {
	border-radius: 4px;
    display: table;
    float: none;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 15px;
	font-size:12px;
}

#switchView .btn-default {
	background-color:inherit;
}

#switchView .btn-default.active, #switchView .btn-default:active, #switchView .btn-default:hover, #switchView .open > .dropdown-toggle.btn-default {
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.gutterBanners { display:none; }
.content {min-height: unset !important;}

}

@media screen and (max-width: 460px) {
	.navbar-brand { margin-top:50px !important;}
	.navbar-brand-new { margin-top:20px !important; margin-left: 0px !important;}
	.navbar-brand-new-wrapper{width: 30% !important;}
	.navbar-brand-new-wrapper > img { width: 80% !important;}
	#header-banner { display:none; }
	#header-banner { display: block; float: none; margin:0px auto 0px !important; position: unset; }
	#div-gpt-ad-1500848845660-0 { display: block; margin-left: auto; margin-right: auto; width: 80%; position:absolute; }
	#div-gpt-ad-1500848845660-0 iframe { border: 0;	
		-ms-transform: scale(0.52);
		-moz-transform: scale(0.52);
		-o-transform: scale(0.52);
		-webkit-transform: scale(0.52);
		transform: scale(0.52);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px;
		margin-top:5px; }
	.bx-viewport { height:210px !important; }
	.bx-wrapper li a { display: block; height: auto; position: relative; }
	/*.bx-wrapper img { width: 50% !important; object-fit: scale-down; min-height: unset; min-width: unset; }*/
	.bx-wrapper img { min-height:300px !important; height:300px !important; object-fit:scale-down !important; objet-position: -50px -50px !important;}
	.bx-wrapper .bx-caption { position: fixed !important; }
	.bx-wrapper .bx-caption span.scrollTease { display:none; }
	.news-block { height: 600px; }
	.navbar-toggle { margin-top:100px !important; }
	.nav-tabs { width:100%; display: flex; overflow-x: scroll; /* has to be scroll, not auto */ overflow-y: hidden; }
	.nav-tabs li { display: table-cell; }
	.newsArchiveMin dt.title { width:55%; }
	.threed-block { border:none !important; float: left; padding: 0; width: 100%; }
	.threed-block.videoHighlights { width: 100%; }
	.trackInfo .gMapTrack { display:none; }
	.trackInfo th { float:left; width:100%; }
	.trackInfo td { float: left; padding-bottom: 10px; vertical-align: text-top; width: 100%; }	
	.gMapTrack { display:none !important; }
	.prgSearch td { display:flex; }
	.premiershipsSelect { width: 100% !important; }
	.premiershipsSelect #news-logo-right { margin-right: 0; }
	.seasonChange { width:100%; }
	
	.mobile-flip {
    background-color: #000; /* button color */
    color: white; /* text/arrow color */ 
    /*display: none;*/
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    /* round button */
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;}
	
	#switchView {
	border-radius: 4px;
    display: table;
    float: none;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 15px;
	font-size:12px;
}

#switchView .btn-default {
	background-color:inherit;
}

#switchView .btn-default.active, #switchView .btn-default:active, #switchView .btn-default:hover, #switchView .open > .dropdown-toggle.btn-default {
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.gutterBanners { display:none; }
.content {min-height: unset !important;}

}

@media screen and (max-width: 400px) {
	.navbar-brand { margin-top:50px !important;}
	.navbar-brand-new { margin-top:50px !important;}
	#header-banner { display:none; }
	#header-banner { display: block; float: none; margin:0px auto 0px !important; position: unset; }
	#div-gpt-ad-1500848845660-0 { display: block; margin-left: auto; margin-right: auto; width: 80%; position:absolute; }
	#div-gpt-ad-1500848845660-0 iframe { border: 0;	
		-ms-transform: scale(0.45);
		-moz-transform: scale(0.45);
		-o-transform: scale(0.45);
		-webkit-transform: scale(0.45);
		transform: scale(0.45);
		-ms-transform-origin: 0 0;
		-moz-transform-origin: 0 0;
		-o-transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0; 
		position:absolute;
		margin-left:5px;
		margin-top:5px; }
	.bx-viewport { height:210px !important; }
	.bx-wrapper li a { display: block; height: auto; position: relative; }
	/*.bx-wrapper img { width: 40% !important; object-fit: scale-down;  min-height: unset; min-width: unset; }*/
	.bx-wrapper img { min-height:300px !important; height:300px !important; object-fit:scale-down !important; objet-position: -50px -50px !important;}
	.bx-wrapper .bx-caption { position: fixed !important; }
	.navbar-toggle { margin-top:100px !important; }
	.nav-tabs { width:100%; display: flex; overflow-x: scroll; /* has to be scroll, not auto */ overflow-y: hidden; }
	.nav-tabs li { display: table-cell; }
	.newsArchiveMin dt.title { width:55%; }
	.threed-block { border:none !important; float: left; padding: 0; width: 100%; }
	.threed-block.videoHighlights { width: 100%; }
	.trackInfo .gMapTrack { display:none; }
	.trackInfo th { float:left; width:100%; }
	.trackInfo td { float: left; padding-bottom: 10px; vertical-align: text-top; width: 100%; }	
	.gMapTrack {display:none !important;}
	
	.trackInfo table {display:block;}
	.trackInfo td {display: block;float: left;padding-left: 10px;vertical-align: text-top; width: 100%;}
	.mBarrier { }
	.mBarrier tr { float: left; padding: 0; text-align: center; width: 32%; }
	.mBarrier .fullHeader { box-shadow:none; padding:0px; }
	.fc-view-container thead tr { position:inherit; top:0; left:0;}
	.trackM table {display:block;} .trackM tbody {display:block;} .trackM tr {display:block; width:45%; float:left; box-shadow:none; padding:0;}
	.trackM th {box-shadow: none;color: #fff;display: block; padding:6px;white-space: pre;overflow:hidden;width:95%;font-size:12px;min-height:45px;} 
	.trackM td {box-shadow: none;display: block;white-space: pre;overflow-x: auto;font-size:12px;min-height:45px;width:130%;}
	.trackRecords {width:100%;}
	.trackRecords table {width:100%; font-size:12px; }
	.mBarrier th {width:100%;float:left; min-height:42px;}
	.mBarrier td {width:100%; float:left;min-height:42px;}
	.topNTrDr {width:100%; font-size:12px !important;}
	.topNTrDr th { max-width: 42px;overflow: hidden; padding: 2px; font-size:12px !important; }
	.gMapTrackM { display:block; }
	.prgSearch td { display:flex; }
	.premiershipsSelect { width: 100% !important; }
	.premiershipsSelect #news-logo-right { margin-right: 0; }
	.seasonChange { width:100%; }
	
	.mobile-flip {
	display:block;
    background-color: #000; /* button color */
    color: white; /* text/arrow color */ 
    /*display: none;*/
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    /* round button */
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;}
	
	#switchView {
	border-radius: 4px;
    display: table;
    float: none;
    list-style: outside none none;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 15px;
	font-size:12px;
}

#switchView .btn-default {
	background-color:inherit;
}

#switchView .btn-default.active, #switchView .btn-default:active, #switchView .btn-default:hover, #switchView .open > .dropdown-toggle.btn-default {
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

.gutterBanners { display:none; }
.content {min-height: unset !important;}

}

/* --- END Mobile --- */

/* --- Race Fields & Results --- */

@media screen and (max-width: 993px) {
	.raceMoreInfo { font-size:90%; }
	.raceFieldTable { font-size:85%; }	
	.raceTimes { font-size:90%; } .raceTimes td { padding:0 5px; text-align:center; }
	.raceNumber { width:10%; font-size:25px; }
	.raceTime { width:18%; font-size:inherit !important; }
	.raceTitle { padding:0; font-size:inherit; text-align:center; }
	.raceInformation { padding:0; text-align:center; font-size:inherit; }
	.raceFieldTable td { padding:0 2px 3px; }
	.horse_number { width: 1%; padding-left:1px !important; padding-right:1px !important; }
	.horse_name { white-space:normal !important; padding-left:5px !important; }
	.other_eng { display:none; }
	/*.horse_class { display:none; }*/
	.raceListLinks { display:none; }
	.race-links { display:none; }
	.race-linksR { display:none; }
	.barrier { display:none; }
	.prizemoney { display:none; }
	.stewards_comments { font-size:12px !important; width:16% !important; }
	
	.raceFormTable { font-size:80%; }
	.raceFormDetail { font-size:85%; }
	.raceFormDetail .formPlace { width:10%; }
	.formPrize { display:none; }
	.raceFormTableInfo { display:flow-root; }
	.raceFormTableInfo .formDriver { white-space:nowrap; }
	.raceFormTable .saddleCloth { font-size: 30px; width: 9%; }
	.raceFormTable .horseName { font-size: 15px; }

}

@media screen and (max-width: 460px) {
	.fieldsNavBelow { display:none; }
	.raceMoreInfo { font-size:90%; }
	.raceFieldTable { font-size:85%; }	
	.raceTimes { font-size:90%; } .raceTimes td { padding:0 5px; text-align:center; }
	.raceNumber { width:10%; font-size:25px; }
	.raceTime { width:18%; font-size:inherit !important; }
	.raceTitle { padding:0; font-size:inherit; text-align:center; }
	.raceInformation { padding:0; text-align:center; font-size:inherit; }
	.raceFieldTable td { padding:0 2px 3px; }
	.horse_number { width: 1%; padding-left:1px !important; padding-right:1px !important; }
	.raceFieldTable th.form { display:none; }
	.raceFieldTable td.form { display:none; }
	.horse_name { width: 45% !important; white-space:normal !important; padding-left:5px !important; }
	.trainer { display:none; }
	.trainer-short { display:block !important; }
	.driver { display:none; }
	.driver-short { display:block !important; }
	.resultTable .trainer-short { display:none !important; }
	.resultTable .driver-short { display:none !important; }
	.other_eng { display:none; }
	.horse_class { display:none; }
	.market { display:none; }
	.race-links { display:none; }
	.race-linksR { display:none; }
	.barrier { display:none; }
	.prizemoney { display:none; }
	.stewards_comments { display:none; }
	
	.raceFormTable { font-size:80%; }
	.raceFormTableInfo { font-size:80%; }
	.raceFormDetail { font-size:85%; }
	.raceFormDetail .formPlace { width:10%; }
	.formPrize { display:none; }
	.raceFormTable .hcp { width:auto; }
	.raceFormTableInfo td { display:flow-root; }
	.raceFormTableInfo .formDriver { white-space:nowrap; }
	.raceFormTable .saddleCloth { font-size: 30px; width: 9%; }
	.raceFormTable .horseName { font-size: 15px; }
	
	.mobile-flip {
	display:block;
    background-color: #000; /* button color */
    color: white; /* text/arrow color */ 
    /*display: none;*/
    z-index: 999;
    /* float in bottom right corner */
    /* 20 pixels from edge */
    position: fixed;
    right: 20px;
    bottom: 20px;
    /* size of button is 50 pixels*/
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
    /* round button */
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;}
}


/* --- END Race Fields & Results --- */

/* --- Horse Search --- */