/* ==========================================================================
CUSTOM RESPONSIVE CSS
========================================================================== */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.album-carousel .owl-stage-outer {
	    min-height: 440px;
	}

	h1 .no-wrap {
	    white-space: nowrap;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.line-segment.line-segment-left {
	    right: -4px;
	    left: initial;
	}

	.line-segment.line-segment-right {
	    left: -4px;
	}

	/*.navbar-viewport-top {
	    background-color: transparent;
	}*/


	.redwheel-logo-icon {
	    display: inline-block;
	}

	.album-carousel .owl-stage-outer {
	    min-height: 540px;
	}

	.job-title {
	    display: inline-block;
	    min-height: 64px;
	}

	.speaker-img {
	    width: 100%;
	    max-width: 100%;
	    margin: 0px auto;
	}

	header h1, .registration-header h1 {
	    font-size: 3.8rem;
	    line-height: 3.8rem;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 0.7rem;
    	padding-left: 0.7rem;
	}

	.album-carousel .owl-stage-outer {
	    min-height: 400px;
	}

	.album-carousel-item img, .album-carousel-item video {
	    width: 80%!important;
	    max-width: 400px;
	    margin: auto;
	    -webkit-transition: all 0.3s ease-in-out;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	    margin-top: 10%!important;
	}

	.album-carousel .owl-item.active.center img, .album-carousel .owl-item.active.center video {
	    margin-top: 0%!important;
	    width: 100%!important;
	    max-width: 500px;
	}

	.job-title {
	    display: inline-block;
	    min-height: 84px;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.2rem;
    	padding-left: 1.2rem;
	}

	.album-carousel .owl-stage-outer {
	    min-height: 460px;
	}

	.album-carousel-item img, .album-carousel-item video {
	    max-width: 500px;
	}

	.album-carousel .owl-item.active.center img, .album-carousel .owl-item.active.center video {
	    max-width: 600px;
	}

}

@media screen and (max-height: 600px) {
	header.full-height-section, section.full-height-section {
		min-height: 100%;
		height: auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}