/* Media queries
------------------------------------------------------------ */
@media (min-width: 761px) {
	#header.sticky .main-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		border-bottom: 1px solid #E2102E;
	}
}

@media (max-width: 1060px) {
	
	.main-header {
		height: auto;
		padding-bottom: 22px;
	}
	
	.site-logo {
		display: block;
		float: none;
	}
	.site-logo img {
		margin: 0 auto;
	}
	
	.site-nav {
		float: left;
		width: 100%;
		margin-top: 0px;
	}
	
	.main-nav-container {
		position: static;
	}
	
	#header ul.main-nav li .sub-menu {
		left: 0;
		padding-top: 22px;
	}
	#header.sticky ul.main-nav li .sub-menu {
		padding-top: 18px;
	}
	
	ul.main-nav li.subscribe-li {
		position: absolute;
		top: 0px;
		right: 156px;
	}
	ul.social.header-social {
		position: absolute;
		top: 0px;
		right: 220px;
		margin-top: 0;
	}
	ul.main-nav li.hpd {
		position: absolute;
		top: 2px;
		right: 0px;
	}
	
	
	/*ul.social.header-social.header-social-top {
		
	}
	ul.social.header-social.header-social-bottom {
		display: block;
	}*/
	 
	
	
	.related-video {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	
	
	
	.ask-a-pro-content .main-content {
		padding: 16px 0 0;
	}
	.pro-info-container {
		margin-bottom: 16px;
	}
	.pro-qa-info {
		width: 100%;
		padding-right: 0;
		height: auto !important;
		margin-bottom: 16px;
	}
	.featured-text {
		margin-bottom: 67px;
	}
	.featured-abs-container {
		padding-right: 0;
	}
	.pro-image {
		height: auto !important;
	}
	.pro-info.kolona12 {
		width: 78.333%;
		height: auto !important;
	}
	.pro-info.kolona45 {
		width: 80%;
		height: auto !important;
	}
	.qa-sessions {
		padding: 0;
	}
	h2.qa-title, h2.qa-title {
		padding: 16px 0 8px;
	}
	
	
	
	.newsletter {
		padding: 16px 0 14px;
	}
	.newsletter .kolona12 {
		width: 100%;
		display: block;
		text-align: center;
		min-width: 100%;
		padding: 0;
		float: left;
	}
	.newsletter-title {
		margin: 0 0 4px;
	}
	.newsletter-form {
		margin-top: 14px;
	}
	.newsletter-form input {
		max-width: 100%;
	}
	.newsletter-form input[type="submit"], .newsletter-form input.wpcf7-submit {
		width: 100%;
	}
	.newsletter-form div.text-right {
		text-align: center;
	}
	
	/*.related-video.news-ticker .slick-track .news-item.slick-active + .news-item.slick-active + .news-item.slick-active:after {
		color: initial;
	}
	.related-video.news-ticker .slick-track .news-item.slick-active + .news-item.slick-active:after {
		color: transparent;
	}*/
	
		
}


@media (min-width: 761px) and (max-width: 1060px) {
	#header.sticky .site-logo {
		display: none;
	}
	#header.sticky .main-header {
		padding: 16px 0 18px;
	}
	.main-header, .site-logo, .site-nav {
		transition: all 0.3s;
	}
}


@media (max-width: 836px) {
	
	/*.video-title {
		padding: 12px 0 13px;
	}
	.video-title:after {
		display: none;
	}
	.video-description {
		display: block;
	}
	#video-read-more {
		display: none;
	}*/
	
	body h2.entry-contest-title {
		top: 0;
		margin: 29px 0 24px;
	}
	.contest-quiz:before {
		left: 14px;
	}
	
	.driver-item,
	.driver-item:nth-of-type(4n+4),
	.driver-item:nth-of-type(6n+6) {
		width: 32%;
		margin-right: 2%;
	}
	.driver-item:nth-of-type(3n+3) {
		margin-right: 0;
	}
	
	
	.newsletter-form input {
		max-width: 100%;
		margin-right: 0;
	}
	.newsletter-form input[type="submit"],
	.newsletter-form input.wpcf7-submit {
		width: 100%;
		top: 0;
	}
	.footer-social {
		display: none;
	}
	
	ul.footer-nav ul#menu-footer-menu li a {
		margin-left: 0;
		margin-right: 20px;
	}
	ul.footer-nav li a.footer-logo {
		margin-right: 10px;
	}
	div.wpcf7-mail-sent-ok,
	div.wpcf7-validation-errors { 
   		margin-top: 0px;
	    float: none;
	    clear: both;
	    margin-bottom: -25px;
	    margin-left: 0;
	}
	
	
}

@media (max-width: 760px) {
	
	#content {
		margin-top: 89px;
	}
	.slick-dots {
		display: none!important;
	}
	
	#header {
		position: fixed;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		z-index: 1000;
	}
	
	#mobile-menu-button, #mobile-menu {
		display: block;
	}
	
	.main-header {
		padding-bottom: 0;
	}
	#header.sticky .main-header {
		border-bottom: 1px solid #E2102E;
	}
	
	.sub-header {
		display: none;
	}
	
	.site-nav {
		display: none;
	}
	
	.site-logo {
		float: left;
	}
	
	.main-header .site-logo h1.site-title {
		margin: 13px 0 11px;
	}
	
	.site-logo img {
		margin: 0;
		max-width: 140px;
		max-height: 36px;
	}
	.rrdc-small {
		font-size: 13px;
	}
	.rrdc-small img {
		width: 18px;
		margin-right: 5px!important;
    	margin-top: 2px!important;
	}
	
	
	.item-title {
		font-size: 24px;
	}
	
	.item-info p {
		font-size: 11px;
		line-height: 1.3;
	}
	
	.fly-answer-button {
		font-size: 18px;
		line-height: 1;
		padding: 12px 0 11px;
	}
	
	.pro-label {
		font-size: 16px;
		line-height: 1;
		padding: 6px 6px 3px;
	}
	
	.home-slider .slick-dots li button {
		width: 16px;
		height: 16px;
		margin-right: 11px;
	}
	.home-slider .slick-arrow {
		display: none !important;
	}
	
	.series-videos .liner {
		padding: 0px 0px 15px;
	}
	
	
	.news-content {
		padding-top: 0;
	}
	.main-content.kolona34 {
		width: 100% !important;
		padding: 16px 0 32px;
	}
	.entry-image.featured-image {
		margin-top: -6px;
	}
	.social-share {
		margin: 0;
	}
	.sidebar.kolona14 {
		width: 100%;
		margin: 0;
	}
	.sidebar h2 {
		font-size: 30px;
	}
	.twitter-widget {
		margin-bottom: 30px;
		text-align: center;
	}
	.twitter-widget iframe{
		max-width: 100% !important;
		margin: 0 auto !important;
	}
	.sidebar {
		margin-bottom: 32px;
	}
	
	
	
	.series-videos-title {
		font-size: 18px;
		margin: 13px 0 0;
		text-align: left;
		letter-spacing: 0;
	}
	.series-videos-title:before {
		content:;
		display: none;
	}
	.series-videos .search-box {
		width: 100%;
		margin: 0;
	}
	.series-videos-title:after {
		top: -4px;
	}
	
	
	
	
	
    .thumb_gallery div {
        width: 49%;
        margin-right: 2%;
    }

    .thumb_gallery div:nth-of-type(3n) {
        margin-right: 2%;
    }

    .thumb_gallery div:nth-of-type(2n) {
        margin-right: 0;
    }
	
}


@media (max-width: 620px) {

	.entry-image.kolona13 {
	    width: 100%;
	    margin: 0;
	    height: auto !important;
	}

	.archive_news_page {
		width: 94%!important
	}
	
	.video-results .article-item.kolona13 {
		width: 100%;
		margin-right: 0;
		height: auto !important;
	}
	 
	
	.sponsors-box {
		margin: 0 auto 24px;
		width: 100%;
		text-align: center;
	}
	
	figure.sponsors-figure img {
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	.sponsors-box .sponsors-figure {
		height: auto;
	}
	 
	
	
	.hero,
	.hero > .wrapper > .container {
		padding: 0;
	}
	.hero-box {
		padding: 0;
		background: none;
	}
	.main-slider-container {
		width: 100%;
		height: auto !important;
	}
	.main-slider-container .item-info {
		background: rgba(0,0,0,0.5);
	}
	.home-slider .slick-dots {
		top: 0;
		right: 0;
		padding: 8px 0 20px;
		padding-left: 20px;
		padding-right: 3px
	}
	.featured-driver {
		background: none;
		width: 100%;
		margin: 0;
		padding: 12px;
		height: auto !important;
	}
	.pro-label {
		position: static;
		background: none !important;
		color: #FFCD06 !important;
		font-size: 28px;
		line-height: 1;
		display: block;
		padding: 0;
		margin: 0 0 12px;
		width: 100%;
		display: block;
	}
	.featured-driver:hover .pro-label a {
		color: #FFCD06 !important;
	}
	.featured-driver figure {
		position: relative;
		width: 40%;
		margin: 0;
		float: right;
	}
	.featured-driver .item-info {
		background: none;
		position: static;
		display: block;
		float: left;
		width: 60%;
		margin-bottom: 45px;
		padding: 0;
		padding-right: 16px;
	}
	.featured-driver .item-title {
		font-size: 22px;
		margin: 0 0 8px;
		line-height: 1;
		width: 100%;
		display: block;
	}
	.featured-driver .item-info p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 0;
		width: 100%;
		display: block;
	}
	.fly-answer-button {
		bottom: 12px;
		left: 12px;
		right: auto;
		width: auto;
		display: block;
		float: left;
		background: #e2102e;
		color: #fff;
		font-size: 18px;
		line-height: 1;
		text-align: center;
		padding: 7px 10px 7px;
	}
	
	
	
	.news-ticker {
		position: relative;
	}
	.news-ticker-title {
		display: block;
		width: 100%;
	}
	.ticker {
		position: static;
		float: left;
		width: 100%;
		height: auto;
		padding: 8px;
	}
	.ticker:before {
		content: none;
		display: none;
	}
	.news-item a, .news-item span {
		font-size: 16px;
	}
	.news-item a:after {
		content: ;
		display: none;
	}
	.news-item span {
		display: block;
		float: left;
		width: 100%;
		margin-top: 4px;
	}
	.ticker .slick-arrow {
		z-index: 2;
	}
	.ticker .slick-arrow.slick-next:after {
		display: none;
	}
	.home .ticker .slick-arrow.slick-prev {
		left: 12px;
		right: auto;
	}
	.ticker .slick-arrow.slick-prev:focus:before {
		border-right-color: #fff;
	}
	.ticker .slick-arrow.slick-next:focus:before {
		border-left-color: #fff;
	}
	
	
	
	.yt-video,
	.yt-video > .wrapper > .container {
		padding: 0;
	}
	.video-title-container {
		padding: 0 16px;
	}
	.yt-video-control {
		background: none;
		padding: 0;
	}
	.yt-player {
		width: 100%;
	}
	.yt-playlist {
		width: 100%;
		padding: 16px;
		height: auto !important;
		margin: 0;
	}
	.playlist-container {
		height: 100% !important;
		width: 100% !important;
	}
	.jspContainer, .jspPane {
		width: 100% !important;
		height: 100% !important;
		position: static !important;
	}
	.help-content .jspTrack {
		display: none;
	}
	.playlist-title {
		border-top: none;
		padding-top: 0;
	}
	.yt-playlist:after {
		content: ;
		display: none;
	}
	.video-title.no-description:after {
		content: ;
		display: none;
	}
	.video-title:after {
		display: none;
	}
	.related-video {
		margin-top: 0;
		margin-bottom: 0;
		background: rgba(0,0,0,0.46);
		padding: 16px;
	}
	.related-video.news-ticker .video-ticker {
		padding-right: 0;
		/*position: static;*/
		float: left;
		width: 100%;
		height: auto;
	}
	.related-video.news-ticker .related-title {
		padding: 0;
		color: #fff;
	}
	.related-video.news-ticker .news-item, .related-video .news-item {
		text-align: left;
		padding: 0;
		margin-top: -5px;
	}
	.related-video.news-ticker .news-item span {
		margin-right: 4px;
		display: inherit;
		width: inherit;
	}
	.related-video.news-ticker .slick-track .news-item.slick-active:after {
		color: transparent !important;
	}
	.video-ticker .slick-arrow {
		top: -32px;
		display: none !important;
	}
	.related-video.news-ticker .slick-track .news-item:after {
		color: transparent;
	}
	
	
	
	.modal-dialog .modal-content {
		max-width: 100%;
		max-height: 100% !important;
		height: 100% !important;
		margin: 0 auto;
		padding-bottom: 32px;
	}
	.help-content-container {
		padding: 0 10px 16px 16px;
		height: 100% !important;
	}
	.help-content {
		overflow: auto !important;
		height: 100% !important;
		width: 100% !important;
	}
	.help-content .jspContainer {
		overflow: auto !important;
	}
	.help-content .jspContainer .jspPane {
		overflow: auto !important;
	}
	
	
	
	
	.about-content {
		width: 100%;
	}
	.section-content {
		display: block;
		padding-top: 16px;
		border-top: 1px solid #DCDCDC;
	}
	.section-content:nth-of-type(1) {
		padding-top: 0;
		border-top: none;
	}
	.section-content header h1 {
		margin: 0 0 12px;
	}
	.section-content h4 {
		margin: 8px 0 4px;
	}
	.page-template-template-about .main-content .about-content .section-content ul {
		margin-bottom: 10px;
	}
	.page-template-template-about .sidebar {
		width: 100%;
		display: none;
	}
	
	
	
	.top-title-container {
		padding: 24px 0;
	}
	.top-title {
		font-size: 32px;
		margin: 0 0 4px;
		line-height: 32px;
	}
	.ask-a-pro-content .top-title {
		margin: 4px 0 12px;
	}
	
	
	
	img.alignleft {
		width: 100%;
		height: auto;
	}
	img.alignright {
		width: 100%;
		height: auto;
	}
	.wp-caption.alignleft {
		width: 100% !important;
		height: auto;
	}
	.wp-caption.alignright {
		width: 100% !important;
		height: auto;
	}
	.wp-caption.aligncenter {
		width: 100% !important;
		height: auto;
	}
	.img.alignleft,
	img.alignright,
	.wp-caption.alignleft,
	.wp-caption.alignright,
	.wp-caption.aligncenter {
		margin-left: 0;
		margin-right: 0;
	}
	
	blockquote {
		float: left;
		margin-left: 28px;
		font-style: italic;
	}
	
	
	
	.answer-small-figure {
		width: 15%;
	}
	.answer-column {
		width: 85%;
	}
	
	
	.footer_bottom {
		padding: 28px 0 28px;
	}
	.footer-left,
	#main-menu {
		width: 100%;
	}
	ul.footer-nav li {
		width: 100%;
		text-align: center;
	}
	ul.footer-nav ul#menu-footer-menu {
		margin: 14px 0 10px;
	}
	ul.footer-nav ul#menu-footer-menu li {
		width: 100%;
		padding: 3px 0;
		text-align: center;
	}
	ul.footer-nav ul#menu-footer-menu li a,
	ul.footer-nav li a.footer-logo {
		margin: 0;
	}
	.copyright {
		text-align: center;
	}
	
		
}

/** Fixed video box for devices heigher than iPhone 4 and width less than 621xp **/
@media (max-width: 620px) and (min-height: 481px) and (orientation: portrait) {
	.video-boss {
		position: fixed;
		top: 60px;
		z-index: 999;
		border-bottom: 1px solid #E2102E;
	}
	.video-title-container {
		padding-top: 57.25%;
	}
	body.tax-series #header.sticky .main-header,
	body.single-video #header.sticky .main-header {
		border-bottom: none;
	}
}
@media (max-width: 480px) {
	#popup_banner input[type="text"], 
	#popup_banner input[type="email"] {
		width: 100%;
		margin: 0 0 10px;
	}
	.popup_banner_wrapper {
		margin-right: 0;
	}
	.remodal-close {
		top: 5px!important;
    	right: 5px!important;
	}
	.remodal {
		padding: 30px!important;
	}
}

@media (max-width: 440px) {
	
	.pro-image {
		width: 100% !important;
		margin-bottom: 16px;
	}
	.pro-info,
	.pro-info.kolona12,
	.pro-info.kolona45 {
		width: 100% !important;
		padding-left: 0 !important;
	}
	h2.qa-title, h2.qa-title {
		padding-top: 0;
	}
	.qa-session-answer {
		position: relative;
	}
	.answer-small-figure {
		display: none;
	}
	.answer-small-figure.answer-xsmall-figure {
		display: block;
		width: 32px;
		position: absolute;
		top: 10px;
		left: -48px;
	}
	.answer-small-figure.answer-xsmall-figure img {
		border: 1px solid #BBB;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		z-index: 10;
	}
	.answer-column {
		width: 85%;
		margin-left: 15%;
		padding-left: 0;
	}
	.answer-container {
		padding: 14px 20px 14px;
	}
	.answer-container:before,
	.answer-container:after {
		/*content: ;
		display: none;*/
	}
	.answer-container:before {
		top: 16px;
		left: -11px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #bbbbbb;
	}
	.answer-container:after {
		top: 16px;
		left: -9px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #f1f1f1;
	}
	
	
	
	
	.archive .main-content {
		padding: 16px 0;
	}
	.ask-a-pro-content .main-content {
		padding-bottom: 0;
	}
		
	.entry-image.kolona13 {
		width: 100%;
		margin: 0;
		height: auto !important;
	}
	.entry-content.kolona23 {
		width: 100%;
		height: auto !important;
	}
	.archive h2.entry-title,
	.archive .entry-title,
	.search-results h2.entry-title,
	.search-results .entry-title {
		font-size: 24px;
		margin: 12px 0 5px;
	}
	.archive .entry-meta,
	.search-results .entry-meta {
		border-bottom: none;
		padding-bottom: 2px;
	}
	.archive .article-item,
	.search-results .article-item {
		padding-bottom: 18px;
		margin-bottom: 18px;
		border-bottom: 1px solid #DCDCDC;
	}
	.video-results .article-item .button.button-abs {
		bottom: 15px;
	}
	.archive .article-item:nth-last-of-type(1),
	.search-results .article-item:nth-last-of-type(1) {
		border-bottom: none;
	}
	
}



@media (max-width: 320px) {
	
	/* VIDEO */
	.series-videos {
		padding: 0 0 28px;
	}
	
	.video-box-title {
		font-size: 18px;
		line-height: 1;
		margin: -2px 0 0;
	}
	
	
	
	/*.sponsors-box {
		width: 60%;
		margin: 30px auto 0 !important;
		display: block;
		text-align: center;
		float: none;
	}*/
	
	.sponsors-container {
		text-align: center;
	}
	
	
	
	
    ul.tabovi li {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2px;
    }
}