:root {
		/*--bs-primary: #008fd4;*/
		--bs-primary: #005F8F;
		--bs-secondary: #6c757d;
		--bs-success: #72BF44;
		--bs-info: #6BCEFF;
		--bs-warning: #FFC40C;
		--bs-danger: #ED1C24;
		--bs-pink: #EC008C;

		/*--bs-primary-dark: #005f8f;*/
		--bs-primary-dark: #003F5F;
		--bs-secondary-dark: #494f54;
		--bs-success-dark: #4b812c;
		--bs-info-dark: #00a1f1;
		--bs-warning-dark: #b18500;
		--bs-danger-dark: #a40d12;
		--bs-pink-dark: #9c005e;

		/*--bs-primary-light: #ebf8ff;*/
		--bs-primary-light: #E7F7FF;
		--bs-secondary-light: #f5f6f6;
		--bs-success-light: #f6fbf3;
		--bs-info-light: #f5fcff;
		--bs-warning-light: #fffbef;
		--bs-danger-light: #fef0f0;
		--bs-pink-light: #ffedf8;

		/*--bs-primary-hover: #007ab8;*/
		--bs-primary-hover: #00527A;
		--bs-secondary-hover: #5e656c;
		--bs-success-hover: #61a639;
		--bs-info-hover: #37bcff;
		--bs-warning-hover: #e3aa00;
		--bs-danger-hover: #d21117;
		--bs-pink-hover: #c90079;

		/*--bs-primary-border: #0085c8;*/
		--bs-primary-border: #005985;
		--bs-secondary-border: #666e75;
		--bs-success-border: #6ab53e;
		--bs-info-border: #53c6ff;
		--bs-warning-border: #f8ba00;
		--bs-danger-border: #e5131a;
		--bs-pink-border: #db0083;

		/*--bs-primary-rgb: 0, 143, 212;*/
		--bs-primary-rgb: 0, 95, 143;
		--bs-secondary-rgb: 108, 117, 125;
		--bs-success-rgb: 114, 191, 68;
		--bs-info-rgb: 107, 206, 255;
		--bs-warning-rgb: 255, 196, 12;
		--bs-danger-rgb: 237, 28, 36;
		--bs-pink-rgb: 236, 0, 140;

		--bs-font-sans-serif: "avantgarde_trnormal", Helvetica, Arial, sans-serif;
		--bs-body-font-family: var(--bs-font-sans-serif);
		--bs-body-font-color: #313131;
		--bs-body-bg-color: #F2F3F5;

		--bs-body-font-bold:"avantgarde_trbold", Helvetica, Arial, sans-serif;
		--bs-heading-font:"optima_trnormal", Helvetica, Arial, sans-serif;
		--bs-heading-font-bold:"optima_trbold", Helvetica, Arial, sans-serif;
		--bs-alt-font:"pattayaregular", Helvetica, Arial, sans-serif;
	}
/* ==========================================================================
   Webfonts
   ========================================================================== */
	
	.ava {font-family: var(--bs-font-sans-serif);}
	.ava-b {font-family: var(--bs-body-font-bold);}
	.opt {font-family: var(--bs-heading-font);}
	.opt-b {font-family: var(--bs-heading-font-bold);}
	.patta {font-family: var(--bs-alt-font);}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
	html, body {margin:0; padding:0;}
	body {font-family: var(--bs-body-font-family); color: var(--bs-body-font-color); background-color:var(--bs-body-bg-color); background-image: url(../../files/images/layout/general/bg-tile.png); background-repeat: repeat;}
	
	a {color: var(--bs-primary); outline: none; text-decoration:none;}
	a:hover {color: var(--bs-info); text-decoration:none;}

    p {margin-bottom:1.2rem;}
    ul, ol {margin-bottom:1rem;}

/* ==========================================================================
   Typography
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 {font-family: var(--bs-heading-font-bold); color: var(--bs-primary);}
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-family: var(--bs-heading-font-bold); color:var(--bs-danger)}
	h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color:black; font-family: var(--bs-heading-font);}

	header h1, header .display-1, header .display-3 {line-height: 1!important;}

/* ==========================================================================
   Borders & Shadows
   ========================================================================== */
   
    .box-shadow-lg {-webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,.30); box-shadow: 0 0 2rem 0 rgba(0,0,0,.30);}
    .box-shadow-md {-webkit-box-shadow: 0 0 1rem 0 rgba(0,0,0,.20); box-shadow: 0 0 1rem 0 rgba(0,0,0,.20);}
	.box-shadow-sm {-webkit-box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,0.15); box-shadow: 0 .125rem .125rem 0 rgba(0,0,0,0.15);}

/* ==========================================================================
   Dividers
   ========================================================================== */
   
	.separator {
		width:100%; height:1px; -webkit-box-shadow: 0 1px 1px 0 rgba(255,255,255,0.6); box-shadow: 0 1px 1px 0 rgba(255,255,255,0.6);
		background: -moz-linear-gradient(left, rgba(165,165,165,0) 0%, rgba(165,165,165,1) 50%, rgba(165,165,165,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(165,165,165,0) 0%,rgba(165,165,165,1) 50%,rgba(165,165,165,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(165,165,165,0) 0%,rgba(165,165,165,1) 50%,rgba(165,165,165,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5a5a5', endColorstr='#00a5a5a5',GradientType=1 ); /* IE6-9 */
	}

	.divider {width:100%; height:1px; border-bottom:1px dashed #CCCCCC; margin:2rem 0;}
	
/* ==========================================================================
   Buttons
   ========================================================================== */
		
	button:hover, button:focus {text-decoration: none!important; outline: none;}
	.btn {white-space:normal; font-family: var(--bs-heading-font-bold); outline: none; color:#FFFFFF; border-radius: .25rem;}
	.btn-primary {background-color: var(--bs-primary); border-color: var(--bs-primary-border);}
	.btn-primary:hover {background-color: var(--bs-primary-hover); border-color: var(--bs-primary-dark);}
	.btn-info {background-color: var(--bs-info); border-color: var(--bs-info-border);}
	.btn-info:hover {background-color: var(--bs-info-hover); border-color: var(--bs-info-dark);}
	.btn-success {background-color: var(--bs-success); border-color: var(--bs-success-border);}
	.btn-success:hover {background-color: var(--bs-success-hover); border-color: var(--bs-success-dark);}
	.btn-warning {background-color: var(--bs-warning); border-color: var(--bs-warning-border);}
	.btn-warning:hover {background-color: var(--bs-warning-hover); border-color: var(--bs-warning-dark);}
	.btn-danger {background-color: var(--bs-danger); border-color: var(--bs-danger-border);}
	.btn-danger:hover {background-color: var(--bs-danger-hover); border-color: var(--bs-danger-dark);}
	.btn-pink {background-color: var(--bs-pink); border-color: var(--bs-pink-border);}
	.btn-pink:hover {background-color: var(--bs-pink-hover); border-color: var(--bs-pink-dark);}
	
	.scrollup{width: 2rem; height: 2rem; border-radius: .25rem; opacity: .3; position: fixed; bottom: 1.25rem; right: 1.5rem; color: #fff; cursor: pointer; background-color: #000000; z-index: 1000; transition: opacity .5s, background-color .5s; -moz-transition: opacity .5s, background-color .5s; -webkit-transition: opacity .5s, background-color .5s;}
	.scrollup:hover {background: #000000; opacity: 1;}
	.scrollup i {font-size: 0.875rem; position: absolute; opacity: 1; color: #fff; left: 50%; top: 50%; margin-top: -7px; margin-left: -6px; text-decoration: none;}
	
/* ==========================================================================
   Helper Styles
   ========================================================================== */

	.clearfix {line-height: 0;}
	.round-outside {shape-outside: circle(45%); margin: 0 2.5rem 0 0;}
	
/* ==========================================================================
   List Styles
   ========================================================================== */

	/* Check List */
    ul.check-list {list-style: none; padding: 0;}
    ul.check-list li {padding-left: 1.3em;}
    ul.check-list li:before {
      content: "\f00c"; /* FontAwesome Unicode */
      font-family: 'Font Awesome 6 Free';
	  font-weight: 900;
      display: inline-block;
      margin-left: -1.3em; /* same as padding-left set on li */
      width: 1.3em; /* same as padding-left set on li */
      color: var(--bs-success);
    }

	/* Side Bar Listing */
	ul.PageMenu {padding: 0; margin: 0; font-family:var(--bs-body-font-bold); font-size: 14px; background-color: #FFFFFF; border-radius: .25rem!important; font-weight: 600;}
	ul.PageMenu li {list-style: none; width: 100%; background-color: #FFFFFF; padding: 0 1rem;}
	ul.PageMenu li a {display: inline-block; padding: .75rem; border-bottom: solid 1px #D9D9D9; width: 100%; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
	ul.PageMenu li:last-child a{border-bottom:none; border-bottom-left-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}
	ul.PageMenu li a > span{float: right;}
	ul.PageMenu li a:hover{border-bottom: solid 1px rgba(0,0,0,.1); color: #FFF;}
	ul.PageMenu li.hvr-sweep-to-right:before {background: var(--bs-primary)}
	ul.PageMenu li:first-child, ul.PageMenu li:first-child a:hover, ul.PageMenu li:first-child.hvr-sweep-to-right:before {border-top-left-radius: .25rem!important; border-top-right-radius: .25rem!important;}
	ul.PageMenu li:last-child, ul.PageMenu li:last-child a:hover, ul.PageMenu li:last-child.hvr-sweep-to-right:before {border-bottom-left-radius: .25rem!important; border-bottom-right-radius: .25rem!important;}

	/* Social Media Buttons */
	ul.social-icons {-webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0;}
	ul.social-icons a.btn {color: #FFFFFF;}
	ul.social-icons a.btn:hover {color: #000000;}
	ul.social-icons i {font-size: 2rem!important;}

	/* Legal Listing Template */
	div.legal ol {counter-reset: section; list-style-type: none; margin-top: 10px;}
	div.legal ol li {font-weight: bold; color:#344454; margin-bottom: 15px;}
	div.legal ol li:before {counter-increment: section; content: counters(section, ".") "."; margin-right: 7px;}
	div.legal ol li > * {font-weight: normal; color: #666666;}
	div.legal p {margin-bottom: 15px!important;}
	div.legal ul {counter-reset: none;}
	div.legal ul li {font-weight: normal; color: #666666; margin-bottom: 5px;}
	div.legal ul li:before {counter-increment: none; content:none;}

	/* List with Icons */
	.list-unstyled.fa-ul {margin-left: 0;}
	.list-unstyled.fa-ul li {padding-left: 2em!important;}
	.list-unstyled .fa-li {left: 0;}

/* ==========================================================================
   Navigation Styles
   ========================================================================== */
   
	/* Main Nav */
	.main-nav {font-family: var(--bs-body-font-bold); font-size: 1rem; text-shadow:0; background-color: var(--bs-primary-dark); padding: 0; border-bottom: 1px solid #FFFFFF;}
	.main-nav .sf-menu {margin-bottom: 0; z-index: 1000;}
	.main-nav .sf-menu a {border: none; padding: 1rem .625rem!important; margin: 0 .25rem!important;}
	.main-nav .sf-menu a.hvr-bounce-to-bottom:before {background:#FFFFFF;}
	.main-nav .sf-menu li {background-color: transparent!important; padding: 0; margin: 0;}
	.main-nav .sf-menu .nav-link {color: #FFFFFF;}
	.main-nav .sf-menu .nav-link:hover {color: var(--bs-primary);}
	.main-nav .sf-menu li ul {background-color: var(--bs-primary); padding: .25rem 0;}
	.main-nav .sf-menu li ul li:not(:last-child) a {padding: .625rem!important; border-bottom: 1px dashed #FFFFFF;}
	.main-nav .sf-menu li ul li:last-child a {padding: .625rem .625rem .3125rem!important;}

	/* Tab Navs */
	/*.nav-tabs#abstract-nav {font-size: 14px;}*/
	.nav-tabs#abstract-nav .nav-link {padding: .7rem;}
   	
/* ==========================================================================
   Sectional Styles
   ========================================================================== */

	/* Header */
	header {border-top: 3px solid #282560;}
	header h2 {font-size: 1.75rem;}
	header h2 .fa-solid {font-size: .75rem; color: #000000; vertical-align: middle;}
	header h3 {font-family: var(--bs-alt-font); font-size: 1.5rem;}
	.sticky-top {transition: all 0.25s ease-in; background-color: #FFFFFF;}
	/* style for when sitcky is applied */
	.stuck .sticky-top {-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; z-index: 100000;}
	.stuck .sticky-top h2, .stuck .sticky-top h3 {font-size: 110%;}
	.stuck .sticky-top h2 .fa-solid {font-size: .35rem;}
	.stuck .sticky-top .col-md-auto {-ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
	.stuck .sticky-top .col-md-7 {-ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%;}

	/* Slider */
	#image-slider img {width: 100%!important;}

	/* Quicklinks */
	section#quicklinks {background-color:#FFFFFF; background-image:url(../../files/images/layout/general/main-hero-shadow.png); background-position:top center; background-repeat:no-repeat; padding:1.5rem 0;}
	section#quicklinks a {padding: 1.5rem; text-align: center;}
	section#quicklinks a span.icon {height: 5rem; vertical-align: middle; width: 5rem; line-height: 5rem; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: var(--bs-primary); text-align: center; color: #FFFFFF; font-size: 2em; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s;}
	section#quicklinks a:hover span.icon {background-color: var(--bs-info-hover); -webkit-transform: rotate(405deg); -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -o-transform: rotate(405deg); transform: rotate(405deg);}
	section#quicklinks a span.icon i {-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	section#quicklinks h5 {margin: 1.75rem auto 0;}
	section#quicklinks p {font-size: .75rem;}

	a.quicklinks {background-color:var(--bs-primary); padding:0; cursor:pointer; display:block;}
	a.quicklinks:hover {background-color:var(--bs-primary-hover);}
	a.quicklinks .row {margin:0;}
	a.quicklinks .row div:first-child {background-color:#282560; padding:30px;}
	a.quicklinks:hover .row div:first-child {background-color:#3B71B8;}

	/* Countdown */
	#countdown-row {font-family: var(--bs-alt-font);}
	div.timeblock {width: 100%;}
	div.timeblock div.timer {color:var(--bs-pink-light); font-weight: 700; font-size: 5.0rem; line-height: 1.2em; text-align: center; width: 100%; text-shadow: 2px 2px #474747;}
	div.timeblock div.timer ul {display: inline-block; list-style:none; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px;}
	div.timeblock div.timer ul li {float: left; text-align: center; position: relative;}
	div.timeblock div.timer ul li.seperator {font-size: .7em;}
	div.timeblock div.timer ul li p { font-family:var(--bs-body-font-family); font-weight: 200; font-size: 0.25em; line-height: .9em; margin-bottom:0px; opacity: .7;}

	/* Cards */
	.card {padding:1rem;}
	.trackchairs > [class^='col'] {display: flex; align-items: stretch;}
	.trackchairs .card {padding:0; border:none; background-color: #fafafa; border-radius:calc(.25rem - 1px); font-size: .875rem; width: 100%;}
	.trackchairs .card .card-header {background-color: var(--bs-primary);}
	.trackchairs .card .card-header h2 {color:#FFFFFF; font-size:1.125rem; margin: .325rem 0; font-family: var(--bs-heading-font); text-align: center;}
	.trackchairs .card ul.check-list {margin-bottom:0;}
	.trackchairs .card ul.check-list li {padding-left:1.5em;}
	.trackchairs .card ul.check-list li:not(:last-child) {margin-bottom:.25rem;}
	.trackchairs .card ul.check-list li:before {content: "\f2bd"; margin-left: -1.75em;}
		
    /* Footer */
    footer {font-size: .65rem; color: #FFFFFF;}
	footer h2 {font-size: 1rem; margin-bottom:1rem;}
	footer a {color: var(--bs-warning)}
	footer a:hover {color: var(--bs-info)}

	/* Content */
	.accordion {font-size: 1rem; width:100%; margin: 0 auto; border-radius: .25rem;}
	.accordion-header, .accordion-body {background: white;}
	.accordion-header {padding: 1.5em; background: var(--bs-primary); color: white; cursor: pointer; font-size: .85rem; letter-spacing: .1em; transition: all .3s; text-transform: uppercase; display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
	.accordion__item {border-bottom: 1px solid var(--bs-primary-border); margin-bottom: .5rem;}
	.accordion__item .accordion__item {border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
	.accordion-header:hover {background: var(--bs-primary-dark); position: relative; z-index: 5;}
	.accordion-body {background: #fcfcfc; color: #353535; display: none;}
	.accordion-body__contents {padding: 1.5em 1.5em; font-size: .85em;}
	.accordion__item.active:last-child .accordion-header {border-radius: none;}
	.accordion:first-child > .accordion__item > .accordion-header {border-bottom: 1px solid transparent;}
	.accordion__item > .accordion-header:after {content: "\f150"; font-family: "Font Awesome 5 Free"; font-size: 1.2em; right:1rem; transition: .3s all;}
	.accordion__item.active > .accordion-header:after {transform: rotate(-180deg);}
	.accordion__item.active .accordion-header {background: var(--bs-pink);}
	.accordion__item .accordion__item .accordion-header {background: #f1f1f1; color: #353535;}
	/* Important Dates */
	#important-dates .item {display: flex; align-items: center; flex-direction: row; margin: 1.5rem 0; width: 100%; font-size:.85rem;}
	#important-dates .item a {color:var(--bs-info-dark);}
	#important-dates .item a:hover {color:var(--bs-danger-hover)}
	#important-dates .item .date {font-size: .825rem; font-weight: bold; text-align: center; margin-right: 1.25rem; line-height: 1.5rem; min-width: 100px; color:var(--bs-primary)}
	#important-dates .item .date span {font-family:var(--bs-alt-font); font-size: 3rem; color:var(--bs-danger)}
	#important-dates .item .description {flex-grow: 1!important; margin-bottom: 1rem; color:var(--bs-primary)}
			
/* ==========================================================================
   Form Styles
   ========================================================================== */
    
/* ==========================================================================
   Listing Template Styles
   ========================================================================== */
	
	.breadcrumb {font-size: .75rem; background-color: var(--bs-secondary-light); border-radius: .25rem; font-weight: bold;}
	
	a.sponsor {display: block; -webkit-transition: all 0.5s; transition: all 0.5s; outline: none;}
	a.sponsor > div {display: block; background-color: var(--bs-white); padding: 1rem; border-radius: .5rem; border: 1px solid rgba(var(--bs-primary-rgb), .25); box-shadow: 0 .125rem .25rem rgba(var(--bs-body-color-rgb),.075)!important;}
	a.sponsor:hover > div {border: 1px solid rgba(var(--bs-primary-rgb), .75);}
	a.sponsor > div > div {display: flex; align-items: center;}

/* ==========================================================================
   Table Styles
   ========================================================================== */

    table.no-border, table.no-border th, table.no-border tr, table.no-border td {border: none;}

	table.program {background-color: #FFF; border-collapse: separate; border-spacing: 5px;}
	table.program tbody tr th:first-child {width:15%;}
	table.program h2 {font-size:20px; margin-bottom:20px; color:#00A8B9;}
	table.program h3 {font-size:16px;}
	table.program h3 small {color:#333;}
	table.program h4 {font-size:14px;}

	table.general {background-color: #FFFFFF; border-collapse: separate; border-spacing: 3px;}
	table.general thead tr th {color: #FFFFFF;}
	table.general tbody tr td {text-align: center;}

    .responsive-data-table tbody tr th {width: 10%;}
    @media only screen and (max-width: 800px) {
    
		/* Force table to not be like tables anymore */
		.responsive-data-table table, 
		.responsive-data-table thead, 
		.responsive-data-table tbody, 
		.responsive-data-table th, 
		.responsive-data-table td, 
		.responsive-data-table tr { 
			display: block; 
		}
	 
		/* Hide table headers (but not display: none;, for accessibility) */
		.responsive-data-table thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
	 
		.responsive-data-table tr { border: 1px solid #ccc; }
	 
		.responsive-data-table th {white-space: normal!important;}
		
		.responsive-data-table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 6px!important; 
			white-space: normal;
			text-align:left;
			padding-top: 35px;
		}
	 
		.responsive-data-table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 11px;
			left: 6px;
			width: 100%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-weight: bold;
		}
		
		.responsive-data-table .wo-data td {padding-left:5px!important;}
        .responsive-data-table .w-thead thead tr{
            position: relative;
			top: 0;
			left: 0;
        }
	 
		/*
		Label the data
		*/
		.responsive-data-table td:before { content: attr(data-title); }
		
		.responsive-data-table .idates td {padding-left:5px!important;}
	}
	
	table.registration > thead > tr > th {padding-top:15px; padding-bottom:15px;}
	table.wo-data tbody tr th:first-child {width:auto;}
	table.registration > tbody > tr > td {text-align:center;}
	table.registration > tfoot > tr > td {padding:15px;}
   	
	@media only screen and (max-width: 800px) {
        .responsive-data-table tbody tr th {width: 100%; padding-left: 6px;}
		table.registration > tbody > tr > td, table.history > tbody > tr > td {text-align:left;}
		table.registration > tfoot > tr > td {padding-left:5px!important;}
	}
	
/* ==========================================================================
   Backgrounds
   ========================================================================== */
	
/* ==========================================================================
   Youtube Styles
   ========================================================================== */
   #yTvideo {background: #000; height: 500px; width: 100%; position: relative;}
   #yTvideo-text {width: 100%; height:100%; position: absolute; top: 0; left: 0;}
/* ==========================================================================
   Adaptive Styles
   ========================================================================== */
   
	@media only screen and (min-width: 1366px) and (max-width: 1599px) {}
	
	@media only screen and (min-width: 1200px) and (max-width: 1365px) {}
	
	@media only screen and (max-width: 1199px) {}
	
    @media only all and (width: 1024px) and (height: 768px) {}
	
	@media only screen and (min-width: 992px) and (max-width: 1199px) {}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		table.wo-data tbody tr th:first-child {width: 100%;}
	}
    
	@media only screen and (min-width: 601px) and (max-width: 767px) {
		.main-nav {padding: 7px;}
		.main-nav .sf-menu a {padding: 10px!important;}
		.main-nav .sf-menu li {margin: 0;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}		
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		
		.list-inline .list-inline-item {display:block!important;}
	}
	
	@media only screen and (min-width: 515px) and (max-width: 600px) {
		.sticky-top {position: relative;}
		.sticky-top .display-1, .sticky-top .display-4 {font-size: 3rem;}
		.stuck .sticky-top h2, .stuck .sticky-top h3 {font-size: 90%;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu a {padding: 10px!important;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}
		.main-nav .sf-menu li {margin: 0;}
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		div.timeblock div.timer {font-size: 2.75rem;}
		div.timeblock div.timer ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -30px;}
		
		.list-inline .list-inline-item {display:block!important;}
	}
	
	@media only screen and (min-width: 321px) and (max-width: 514px) {
		.stuck .sticky-top h2, .stuck .sticky-top h3, .stuck .sticky-top #WCPCCS {display: none;}
		.stuck .sticky-top .col-md-auto {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
		header h2 {font-size: 1.1rem;}
		header h3 {font-size: 1rem;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu a {padding: 10px!important;}
		.main-nav .sf-menu li {margin: 0;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}		
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		div.timeblock div.timer {font-size: 2.75rem;}
		div.timeblock div.timer ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -30px;}
		
		.list-inline .list-inline-item {display:block!important;}
	}	

	@media only all and (width: 320px) {
		.stuck .sticky-top h2, .stuck .sticky-top h3, .stuck .sticky-top #WCPCCS {display: none;}
		.stuck .sticky-top .col-md-auto {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
		.main-nav {padding: 7px;}
		.main-nav .sf-menu a {padding: 10px!important;}
		.main-nav .sf-menu li {margin: 0;}
		.main-nav .sf-menu, .main-nav ul.sf-menu {width: 100%;}
		
		table.wo-data tbody tr th:first-child {width: 100%;}
		div.timeblock div.timer {font-size: 2.75rem;}
		div.timeblock div.timer ul li {float: none; display: inline-block; text-align: center; position: relative;}
		div.timeblock div.timer ul li.seperator {top: -30px;}
		
		.list-inline .list-inline-item {display:block!important;}
	}
	
	@media (min-height: 500px) and (max-height: 768px){}