/* Responsive styles
================================================== */




/* Medium Devices, Desktops */
@media (min-width : 992px) {

	.flexslider .slides img,
	.ts-flex-slider .flexSlideshow{
		height: 750px;
	}

	.track-table {
		font-size: 18px;
	}

	.live-race-tabs li a {
		padding-left:30px;
		padding-right:30px;
	}

	.race-main-heading {
		font-size:18px;
	}

	.homepage-event-title {
		font-size:28px;
	}
	.homepage-event-subtitle {
		font-size:20px;
		margin-top:2px;
	}
	.banner-title-content .breadcrumb {
		font-size:24px;
	}
	#main-container .event-detail-headings h3 {
		font-size:28px;
	}
	#main-container .event-detail-headings h1 {
		font-size:32px;
		line-height:36px;
	}
	#main-container .event-list-race-title {
		font-size:24px;
		padding-left:10px;
		padding-bottom:10px;
	}
	.driver-detail-infobox h1 {
		margin-top:80px;
	}
	.scoring-sidebar {
		padding-left:0px;
	}
	.widget-tab .nav-tabs>li>a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#scoreboard-practice-status {
		font-size:48px;
	}
	#scoreboard-racing-status h3 {
		font-size:32px;
	}

	.scoreboard-main-container td {
		font-size:30px;
	}

	.scoreboard-main-container th {
		font-size:28px;
	}

}

/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {

	/* Common */
	.parallax{
		padding: 60px 0;
	}

	/* Logo */
	.navbar-brand{
		width: auto;
	}

	.navbar-brand.navbar-bg{
		width: 25%;
	}

	.header2 .navbar-brand, .header3 .navbar-brand,
	.header4 .navbar-brand{
		padding-right: 0;
		padding-left: 0;
	}

	/* Navigation */
	ul.navbar-nav > li > a {
		padding: 27px 6px;
		font-size: 12px;
	}

	ul.navbar-nav > li:last-child a{
		padding-right: 4px;
	}

	/* Slideshow */

	#main-slide .slider-content h2{
		font-size: 36px;
	}
	#main-slide .slider-content h3{
		font-size: 22px;
		margin: 20px 0;
	}

	.slider.btn{
		padding: 5px 25px;
		margin-top: 5px;
		font-size: 16px;
	}

	#main-slide .carousel-indicators {
		bottom: 20px;
	}

	/* Cd Hero Slider */

	.cd-hero-slider .cd-btn{
		margin-top: 15px !important;
		font-size: 12px !important;
	}
	.cd-slider-nav ul li.video{
		display: none;
	}

	.cd-slider-nav{
		bottom: 40px !important;
	}

	/* Portfolio */

	.isotope-nav{
		margin: 0 auto 40px;
	}

	figure.effect-oscar figcaption{
		padding: 1.5em;
	}
	figure.effect-oscar figcaption::before{
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
	}
	figure.effect-oscar h3{
		margin-top: 0;
		font-size: 16px;
	}


	/* Feature */

	.feature-content h3,
	.feature-center-content h3{
		font-size: 14px;
		line-height: normal;
	}

	/* Featured tab */

	.featured-tab .tab-pane i.big {
		font-size: 150px;
	}

	.featured-tab .tab-pane,
	.landing-tab .tab-pane{
		text-align: left;
	}

	/* Team */

	.team{
		padding-bottom: 50px;
	}

	/* Pricing */

	.plan{
		margin-bottom: 60px;
	}

	/* Testimonial */

	.testimonial-content{
		padding: 0 30px;
	}

	/* Recent post */
	.recent-post{
		padding-bottom: 40px;
	}

	/* Back to top */

	#back-to-top.affix {
		bottom: 35px;
	}

	/* Video block */

	.video-block-head{
		margin-top: 30px;
	}

	/* Call to action */

	.call-to-action .btn.btn-primary{
		font-size: 12px;
	}

	/*-- Landing ---*/

	.hero-text{
		width: 95%;
	}
	.hero-title{
		font-size: 36px;
	}
	.hero-buttons a.btn {
		padding: 10px 20px;
	}

	.app-gallery figure.effect-oscar a{
		margin-top: 105px;
	}

	/* Blog single */
	.blog-post{
		padding-bottom: 40px;
	}

	.track-table {
		font-size: 18px;
	}

	.live-race-tabs li a {
		padding-left:30px;
		padding-right:30px;
	}

	.race-main-heading {
		font-size:20px;
	}

	.homepage-event-title {
		font-size:28px;
	}
	.homepage-event-subtitle {
		font-size:20px;
		margin-top:2px;
	}

	#main-container .event-detail-headings h1 {
		font-size:32px;
		line-height:36px;
	}

	#main-container .event-detail-headings h3 {
		font-size:28px;
	}
	#main-container .event-list-race-title {
		font-size:24px;
		padding-left:10px;
		padding-bottom:10px;
	}
	.driver-detail-infobox h1 {
		margin-top:80px;
	}

	#scoreboard-practice-status h3 {
		font-size:22px;
	}

	.scoreboard-main-container td {
		font-size:18px;
		padding-left:2px;
		padding-right:2px;
	}

	.scoreboard-main-container th {
		font-size:18px;
		padding-left:2px;
		padding-right:2px;
	}
	#scoreboard-racing-status h3 {
		font-size:22px;
	}

}

/* Small Devices Potrait */
@media (max-width : 767px){

  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a  {
    border-bottom: 1px white #ddd !important;
    border-radius: 4px 4px 0 0 !important;
    margin-bottom: 0 !important;
  }

	.heading .title-icon{
		float: none !important;
		margin: 0 0 20px;
		display: inline-block;
	}
	
	/* Common */
	.parallax{
		padding: 60px 0;
	}
	.style-switch-button{
		display: none;
	}

	.heading{
		text-align: center;
	}



	h2.title{
		font-size: 28px;
		border-left: 0;
	}

	.title-desc{
		line-height: normal;
		padding: 6px 55px 0;
	}

	.btn.btn-primary{
		padding: 8px 22px;
	}

	h2{
		font-size: 28px;
	}

	/* Logo */
	.navbar-brand.navbar-bg{
		height: 50px;
  		line-height: 50px;
  		width: auto;
	}
	.navbar-brand.navbar-bg img{
		background-size: contain;
		width: 160px;
	}

	/* Navigation */
	ul.navbar-nav > li > a {
		padding-top: 13px;
		padding-bottom: 13px; 
		padding-right: 8px;
		font-size: 16px;
		border-bottom: 1px solid red;
	}

	.navbar-collapse{
		background: #333333;
	}

	.navbar-collapse ul.navbar-nav > li > a{
		color: #fff;
	}

	.navbar-collapse ul.navbar-nav > li.active > a,
	.navbar-collapse ul.navbar-nav > li:hover > a{
		color: #ee3b24;
	}

	.dropdown-menu > ul > li > a {
		padding: 10px 20px;
	}

	/* Slideshow */

	#main-slide .slider-content{
		margin-top: -35px;
	}

	#main-slide .slider-content h2{
		font-size: 18px;
		line-height: normal;
	}
	#main-slide .slider-content h3{
		font-size: 12px;
		line-height: normal;
		margin: 0;
	}

	.slider.btn{
		display: none;
	}

	#main-slide .carousel-control{
		display: none;
	}

	#main-slide .carousel-indicators {
		bottom: 0;
	}


	/* About */

	.about{
		padding-top: 40px;
	}

	.about.angle:before{
		position: relative;
	}


	/* Service */

	.service-content{
		display: inline-block;
		margin-bottom: 30px;
	}

	/* Portfolio */

	.isotope-nav{
		margin: 0 auto 40px;
	}

	.isotope-nav ul li a{
		padding: 5px 10px;
		margin-bottom: 10px;
		display: inline-block;
	}

	figure.effect-oscar h3{
		margin-top: 25%;
	}

	#isotope .isotope-item .grid{
		padding-left: 10px;
		padding-right: 10px;
	}


	/* Image block */

	.img-block-right {
  		padding-right: 50px;
	}

	.img-block-head h2{
		font-size: 16px;
	}

	.img-block-head h3{
		font-size: 28px;
	}

	.image-block-content{
		padding: 0;
	}

	/* Featured tab */
	.featured-tab{
		padding: 0 30px;
	}

	.featured-tab .tab-pane i.big {
		font-size: 150px;
	}

	.featured-tab .tab-pane,
	.landing-tab .tab-pane{
		text-align: left;
		padding-left: 0;
		padding-top: 30px;
	}

	/* Facts */

	.facts{
		padding-bottom: 20px;
		padding-left:10px;
		padding-right:10px;
	}

	.facts-num span{
		font-size: 28px;
		margin-top: 20px;
	}

	.facts i {
		font-size: 32px;
	}

	/* Team */

	.team{
		padding-bottom: 50px;
	}

	/* Pricing */

	.plan{
		margin-bottom: 60px;
	}

	/* Testimonial */

	.testimonial-content{
		padding: 0 30px;
	}

	/* Recent post */
	.recent-post{
		padding-bottom: 40px;
	}

	/* Copyright */
	.copyright-info{
		font-size: 13px;
	}

	#back-to-top{
		right: 20px;
	}
	#back-to-top.affix {
		bottom: 20px;
	}

	/* Call action */

	.call-to-action .btn.btn-primary{
		float: none !important;
		margin-top: 20px;
	}

	/*-- Landing ---*/

	.hero-section{
		padding-top: 90px;
	}

	.hero-text{
		width: 100%;
		padding-right: 0;
	}
	.hero-title{
		font-size: 36px;
	}
	.hero-buttons a.btn {
		padding: 10px 20px;
	}

	.app-gallery figure.effect-oscar a{
		margin-top: 105px;
	}

	.hero-images img{
		display: none;
	}

	.landing_facts .facts-num span {
		font-size: 48px;
		margin-top: 20px;
	}

	.landing_facts .facts i{
		font-size: 30px;
	}

	/* Blog single */
	.blog-post{
		padding-bottom: 40px;
	}


	.track-table {
		font-size: 16px;
	}

	.live-race-tabs li a {
		padding-left:20px;
		padding-right:20px;
	}


	.race-main-heading {
		font-size:16px;
		line-height:19px;
	}

	.banner-title-content .breadcrumb {
		font-size:16px;
	}

	#recent-driver-tiles {
		margin-left:10px;
	}

	#main-container .event-detail-headings h3 {
		font-size:26px;
	}

	#main-container .event-detail-headings h1 {
		font-size:28px;
		line-height:32px;
	}

	#main-container .event-list-race-title {
		font-size:20px;
		padding-left:10px;
		padding-bottom:10px;
	}

	#main-container .driver-detail-infobox {
		text-align:center;
	}
	#main-container .driver-detail-photo img {
		margin: 0 auto;
	}
	.widget-tab .nav-tabs>li>a {
		font-size:13px;
	}

	#scoreboard-practice-status h3 {
		font-size:18px;
	}

	.scoreboard-main-container td {
		font-size:16px;
		padding-left:2px;
		padding-right:2px;
	}

	.scoreboard-main-container th {
		font-size:16px;
		padding-left:2px;
		padding-right:2px;
	}

	.hp-track-tile-name {
		font-size:16px;
	}
	#hp-track-type {
		font-size:14px;
	}
	.card .card-content .hp-track-location {
		font-size:14px;
		line-height:16px;
	}
	.card .hp-card-action {
		padding-left:3px;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		font-size:15px;
	}
	.hp-track-tile-content .hp-track-status {
		font-size:15px;
	}
	.card .card-content {
		padding-left:5px;
		padding-right:5px;
		padding-top:10px;
		padding-bottom:3px;
	}

}

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {

	.heading .title-icon{
		float: none !important;
		margin: 0 0 20px;
		display: inline-block;
	}

	.facts-num span {
		font-size:22px;
	}

	/* Slideshow */

	#main-slide .slides img{
		height: 230px;
	}

	#main-slide .item img{
		height: 250px;
	}

	.track-table {
		font-size: 13px;
	}

	.live-race-tabs li a {
		padding-left:10px;
		padding-right:10px;
	}
	.live-race-table td{
		font-size:14px;
	}

	.race-main-heading {
		font-size:16px;
		line-height:19px;
	}

	#recent-driver-tiles {
		margin-left:10px;
	}

	#main-container .race-history-table tbody tr td {
		font-size: 14px;
		padding-left:1px;
		padding-right:1px;
	}
	#main-container .race-history-table thead tr th {
		font-size: 14px;
		padding-left:1px;
		padding-right:1px;
	}

	#main-container .btn {
		margin-bottom:5px;
		margin-top:5px;
	}
	#main-container .btn .btn-nopaddo {
		margin-bottom:0px;
		margin-top:0px;
	}

	#main-container .event-detail-headings h1 {
		font-size:26px;
		line-height:32px;
	}
	#main-container .event-detail-headings h3 {
		font-size:24px;
	}
	#main-container .event-detail-headings h4 {
		font-size:16px;
		line-height:16px;
	}

	#main-container .event-list-race-title {
		font-size:18px;
		padding-left:10px;
		padding-bottom:10px;
	}

	#main-container .event-list-round-title {
		font-size:22px;
	}
	.race-list-winners-subtitle {
		font-size:20px;
	}
	.race-summary-table tbody tr td {
		font-size: 14px;
	}
	.track-record-box {
		padding-left:2px;
		padding-right:2px;
	}

	.card .card-content {
		font-size:13px;
		line-height:1.4em;
	}
	.card .card-content h4 {
		font-size:15px;
	}
	.card .card-content br {
		display:block;
	}

	#scoreboard-practice-status h3 {
		font-size:13px;
		white-space:nowrap;
	}

	.scoreboard-main-container td {
		font-size:14px;
		padding-left:2px;
		padding-right:2px;
	}

	.scoreboard-main-container th {
		font-size:14px;
		padding-left:2px;
		padding-right:2px;
	}
}

/* Custom, iPhone Retina */ 
@media (max-width : 320px) and (max-width: 478px)  {



}