/*responsive*/
/* max-width 1199px */
@media (max-width: 1199px){
	.fulldetailsTop-bx .date-column {
		max-width: 215px;
	}
}

	/* max-width 1023px */
@media (max-width: 1023px){
	/*Enables mobile menu */
	.date-column label {
		font-size: 32px;
	}
	.fulldetailsTop-bx .date-column {
		max-width: 205px;
	}
	.qualifylist {
		max-width: 330px;
	}
	.date-column {
		max-width: 260px;
	}
}

@media (max-width: 1112px) {
	/*Enables mobile menu */
	.mtoggle {
		display: inline-block;
	}
	.navigation {
		background: #3a3b3e;
		display: none;
		width: -webkit-fill-available;
		margin-right: -15px;
		margin-left: -20px;
		float: none;
		overflow: hidden;
	}
	.navigation ul {
		padding: 20px 0px;
	}
	.navigation ul li {
		float: none;
	}
	.navigation ul li a {
		padding: 5px 15px;
	}
}

@media (max-width: 1030px) {
	.mtoggle {
		display: inline-block;
	}
	.navigation {
		background: #3a3b3e;
		display: none;
		width: -webkit-fill-available;
		margin-right: -15px;
		margin-left: -20px;
		float: none;
		overflow: hidden;
	}
	.navigation ul {
		padding: 20px 0px;
	}
	.navigation ul li {
		float: none;
	}
	.navigation ul li a {
		padding: 5px 15px;
	}
}



/* max-width 991px */
@media (max-width: 991px){
	.latestUpdate-bar .left-panel, .latestUpdate-bar .left-panel.sec {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.latestUpdate-bar .right-panel, .latestUpdate-bar .right-panel.sec {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.trending-bar .left-panel {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.trending-bar .right-panel {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#center-part .left-panel {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#center-part .right-panel {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.mtoggle {
		display: inline-block;
	}
	.navigation {
	    background: #3a3b3e;
		display: none;
		width: -webkit-fill-available;
		margin-right: -15px;
		margin-left: -20px;
		float: none;
		overflow: hidden;
	}
	.navigation ul {
		padding: 20px 0px;
	}
	.navigation ul li {
		float: none;
	}
	.navigation ul li a {
		padding: 5px 15px;
	}
	.details-column.header2 .qualifylist > .mapimg {
		display: none;
	}
	.details-column.header2 .qualifylist .in {
		max-width: 250px;
	}
	.details-column.header2 .qualifylist .in.mobilehide {
		display: none;
	}
	.details-column.header2 .qualifylist .in {
		max-width: 280px;
	}
	.details-column.header2.sec, .details-column.header2.third {
		max-width: 408px;
	}
	.details-column.header2.third .qualifylist .in.lst {
		display: none;
	}
	/* calender */
	#top-part .left-panel{
		padding: 33px 10px 0px;
	}
	#top-part .left-panel,#top-part .right-panel {
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	.menu-bar ul li a {
		padding: 13px 11px 8px;
	}
	.player-column .player-rating .name {	
		font-size: 17px;
	}

}

@media (max-width: 767px){ 
	h1 {
		font-size: 30px;
		line-height: 30px;
	}
	h2 {
		font-size: 28px;
		line-height: 28px;
	}
	
	.topheadbannermobiel {
		margin-top: 0px;
		padding-bottom: 30px;
		display: inline-block;
		width: 100%;
		height: 340px;
		background-color: #F1F1F1;
		text-align: center;
		padding: 10px;
		margin: auto;
		padding-top: calc(50% - 170px);
	}
	
	.date-column > span.mobileshow {
		display: inline-block;
	}
	.date-column .primarylink.mobileshow {
		display: inline-block;
	}
	.countdown-column {
		display: none;
	}
	.details-column .primarylink {
		display: none;
	}
	.details-column .mapimg {
		width: 136px;
		height: auto;
	}
	.date-column label {
		font-size: 36px;
	    margin: 14px 0px;
		margin-left: 30px;
	}
	.date-column label span.mobilehide {
		display: none;
	}
	.date-column sub {
		display: none;
	}
	.date-column > span.fst {
		margin-left: 0px;
	}
	.date-column label > img {
		margin-top: -1px;
	}
	#center-part .left-side {
		flex: 0 0 100%;
		max-width: 100%;
	}
	#center-part .right-side {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.megaNews-bar h2 {
		margin: 15px 0px;
	}
	.advertise-panel.sec {
		max-width: 100%;
	}
	.search {
		display: none;
	}
	.megatabpanel .switchtab {
		display: block;
	}
	.standing-bx h3.mobilehide {
		display: none;
	}
	.megatabpanel .standing-bx.active {
		display: block;
	}
	.megatabpanel .standing-bx {
		display: none;
	    background: #fff;
		padding-top: 15px;
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	.date-column .primarylink {
		margin-left: 0px;
	}
	.details-column.header2 {
		max-width: 260px; 
	}
	.details-column.header2.sec .qualifylist .in.last {
		display: none;
	}
	.details-column.header2.sec {
		max-width: 140px;
	}
	.details-column.header2 .qualifylist > .mapimg.smallscreenhide {
		margin-top: 0;
	}
	.details-column.header2.third .qualifylist > .mapimg.smallscreenhide {
		display: none;
	}
	.details-column.header2.third {
		max-width: 280px;
	}
	.megatabpanel .standing-bx.active {
		border-top: 0px !important; 
	}
	.megatabpanel .row.desktophide {
		display: block;
	}
	.ads-columns.videos .video {
		margin: 0px -15px;
	}
	.ads-columns.videos .title {
		font-size: 22px;
	}
	.votepanel {
		width: 100%;
	}
	
	.chat-comments {
		width: 100%;
	}
	.ads-columns img {
		max-width: 100%;
	}
	.ads-columns.videos .title {
		font-size: 14px;
		line-height: 20px;
	}
	.chat-column.subcomments {
		padding-left: 0;
	}
	.chat-comments h5 span {
		font-size: 0px;
	}
	.chat-comments h5 span i.hidedesktop {
		font-size: 16px;
		display: block;
		margin: 15px 0px 0px;
	}
	.chat-comments h5 figure {
		display: inline-block;
	    margin-bottom: 10px;
	}
	.chat-comments .commentsback {
		margin-top: -18px;
		margin-left: 50px;
	}
	
	/* calender */
	#top-part .left-panel h1{
		text-align:center;
	}
	/* team */
	.top-cal.mobilehide {
		display: block;
	}
	.headprt > figure {
		width: 10%;
	}
	.headprt .team-name {
		width: 79%;
	}
	
	.team-panel-bar .team-column > figure{
		display:block;
		text-align:center;  
		width: 100%;
		margin: 0;
	}
	.team-panel-bar .team-column .team-name{
		width: 100%;
		text-align:center;
	}
	.team-panel-bar .team-column .team-name .crs-lgo{
		display:none;
	}
	.player-column .cars-using{
		display:none;
	}
	.cars-using.mobile{
		display:block;
		padding: 0;
	}
	.cars-using.mobile figure{
		display:block;
		margin-bottom:10px;
	}
	.cars-using.mobile figure img{
		display:inline-block;
	}
	.player-column .player-rating .name,.player-column .player-rating .position,.player-column .player-rating figure span,.player-column .player-rating figure i {
		display:none;
	}
	.team-panel-bar .team-column {
		margin-bottom:10px;
	}
	.tabs-bar.white{
		background:#fff;
	}
	.tabs-bar.white .bg{
		padding:0;
	}
	.followers li a {
		color:#1f2024;
	}
	.menu-bar {
		background:#1f2024;
		padding-bottom: 4px;
	}
	.followers {
		display: none;
	}
	.followers.bgs{
		display:block;
		padding: 8px 0px 0px;
	}
	.sub #center-part{
		padding:0px;
	}
	.driver-statistics.mobile ,.driver-information.mobile,.progress-bottom-bar.mobile{
		display:block;
	}
	.driver-statistics{
		display:none;
	}
	.abt-drivers{
		width:49%;
		float:left;
		margin-right:2%;
	}
	.abt-drivers:last-child{
		margin-right:0;
	}
}

@media (max-width: 659px){ 
	.largeUpdated-box {
		display: block;
	}
	.largeUpdated-box .figure-bx, .largeUpdated-box.sec .figure-bx {
		width: 100%;
		margin-bottom: 15px;
	}
	.largeUpdated-box .context-bx, .largeUpdated-box.sec .context-bx {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	.qualifylist > .mapimg {
		display: none;
	}
	.qualifylist, .details-column.header2 {
		max-width: 130px;
	}
	.qualifylist ul li > span:nth-child(4) {
		display: none;
	}
	.qualifylist ul li > span:nth-child(3) {
		font-size: 0;
	}
	.fulldetailsTop-bx.sec .qualifylist label, .details-column.header2 .qualifylist label {
		font-size: 0;
	}
	.fulldetailsTop-bx.sec .qualifylist label span, .details-column.header2 .qualifylist label span {
		font-size: 12px;
		display: block;
		float: left;
	}
	.qualifylist ul li > span:nth-child(3) em {
		font-size: 12px;
		display: inline-block;
		vertical-align: -webkit-baseline-middle;
	    float: left;
	}
	.details-column.header2.third {
		max-width: 130px;
	}
	.details-column.header2.third  .qualifylist label i.sm-icon {
		margin-right: 5px;
		float: left;
		margin-top: 3px;
	}
	.ads-columns.videos .title br {
		display:none;
	}
	/* calender */
	.team-details {
		width: 60%;
	}
}

@media (max-width: 539px){ 
	.mainblog-bx.toppanel .context-bx > div {
		padding-left: 0px;
		margin-top: -20px;
	}
	/* calender */
	.DivSelectyze {
		max-width: 75px;
	}
	.country-pnl span {
		font-size: 21px;
		line-height: 27px;
	}
	.headprt .team-name {
		width: 75%;
	}
	.top-cal.mobilehide .form-group.sm .DivSelectyze {
		width: 150px;
		max-width:150px;
	}
	.headprt > figure {
		margin-top: 12px;
	}
}

@media (max-width: 479px){ 
	.date-column, .fulldetailsTop-bx .date-column {
		max-width: 190px;
	}
	.details-column .mapimg {
		width: 120px;
		margin-top: 12px;
		margin-right: 0;
	}
	.date-column label {
		margin: 12px 0px 8px;
		margin-left: 30px;
	}
	.details-column.header2.sec {
		max-width: 122px;
	}
	.logo {
		max-width: 175px;
	}
	/* calender */
	.team-panel .map-img figure {
		width: 85px;
		margin-top: 25px;
	}
	.next-race a {
		font-size: 14px;
		padding-top: 1px;
	}
	.next-race a.dwn:after {
		top: 2px;
		background-size: 10px;
	}
	.form-group label {
		margin-right: 5px;
	}
	.headprt .team-name {
		width: 72%;
	}
	.top-cal.mobilehide .form-group.sm .DivSelectyze {
		width: 120px;
		max-width: 120px;
	}
	.menu-bar ul li a, .followers li a {
		padding: 13px 8px 8px;
	}
}

@media (max-width: 379px){ 
	.flag ul li {
		margin-left: 15px;
	}
	.headprt .team-name .primarylink {
		font-size: 23px;
	}
	.headprt .team-name {
		width: 70%;
	}
	.player-part .driver-name {
		width: 65%;
	}
	.form-group label {
		margin-right: 0;
	}
	.top-cal.mobilehide .form-group.sm .DivSelectyze {
		width: 106px;
		max-width: 106px;
	}
	.DivSelectyze a {
		padding: 0px 5px;
		font-size: 13px;
	}
	#top-part .left-panel h1 {
		font-size: 35px;
	}
	.name-pnl figure {
		margin-right: 0px;
	}
}

@media only screen and (max-width: 1113px){
	.container {
		max-width: 1115px !important;
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media only screen and (max-width: 1112px) {
	.navigation {
		padding-left: 0;
		background-color: #1f2024;
		width: 100%;
		left: 0%;
		right: 0;
		margin-right: 0;
		margin-left: 0;
		position: fixed;
		height: 130%;
		overflow: inherit;
		z-index: 999999;
		top: 0;
		padding: 40px;
	}

	.navigation ul.navul {
		margin: 0 40px;
	}

	.navigation ul li {
		float: none;
	}

	img.mobnavlogo {
		width: 170px;
	}

	p.mobileshow.socialbuttonstxt {
		color: #67686a;
		font-size: 12px;
		text-align: center;
		width: 100%;
		border-top: solid 1px #8080804d;
		padding: 10px;
	}

	.socialbuttons.mobileshow {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}

	.socialbuttons.mobileshow {
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
		display: inline-block!important;
	}

	.mtoggle.change {
		z-index: 999999999999;
		position: fixed;
		right: 10;
	}

	.mtoggle {
		display: inline-block;
	}

	.socialbuttons.mobileshow i {
		font-size: 32px;
		color: #fff;
		margin: 10px;
	}

	.navigation .footer-links ul {
		padding: 0;
	}

	.navigation .footer-links li a {
		font-size: 12px;
		font-weight: 500;
		padding: 0;
	}

	.mobileshow.editonbuttons {
		text-align: center;
		width: 100%;
	}

	.navigation ul.navul li a {
		text-align: center;
		font-size: 18px;
		line-height: 28px;
	}

	.navigation ul li a {
		padding: 5px 15px;
	}

	.editonbuttons img {
		display: inline-block;
		padding: 0 10px;
	}

	.date-column .primarylink.mobileshow {
		display: none;
	}

	.navigation .mobileshow {
		display: inline-block!important;
	}


	.navigation li.active a:after {
		max-width: 200px;
		left: calc(50% - 100px);
	}

}