/* #Media Queries
================================================== */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

	.home-hero {
		padding: 75px 0;
	}
	
	.home-hero .hero-car {
		max-width: 50%;
		right: -50px;
		bottom: 0;
		transform: none;
		top: unset;
	}
	
	.home-hero .hero-bg {
		opacity: 20%;
		right: 0;
	}
	
	.home-hero .hero-bg img {
		max-width: unset;
	}

}

@media all and (min-width: 992px) {
	
	.dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		margin-top: 0;
	}
	
	.nav-item:hover .dropdown-menu {
		visibility: visible;
		opacity: 1;
		top: 100%;
	}
	
	.nav-toggle {
		display: none;
	}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	#menu-nav-menu {
		padding-top: 30px;
	}
	
	.navbar .mega-menu .dropdown-menu,
	.navbar .dropdown-menu {
		display: none;
		background: #f0f0f0;
		padding: 10px;
		margin-top: 0;
		transition: none;
	}
	
	.navbar .mega-menu .sub-header {
		width: 100%;
		padding: 0 15px;
		text-align: left;
	}
	
	.navbar .dropdown {
		position: relative;
	}
	
	.navbar .dropdown .nav-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 20px;
		padding: 18px 20px 20px 20px;
		line-height: 1;
		border-left: 1px solid #f0f0f0;
		cursor: pointer;
	}
	
	.navbar .dropdown .nav-toggle i {
		-webkit-transition: all 0.2s ease;/* Safari 3.2+, Chrome */
		-moz-transition: all 0.2s ease;/* Firefox 4-15 */
		-o-transition: all 0.2s ease;/* Opera 10.5-12.00 */
		transition: all 0.2s ease;/* Firefox 16+, Opera 12.50+ */
	}
	
	.navbar .dropdown .nav-toggle.active i {
		transform: rotate(180deg);
	}
	
	.cta-form::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 12;
		background: #08034F;
		opacity: 0.65;
	}
	
	.cta-form .image-desk {
		display: none;
	}
	
	.cta-form .image-mobile {
		display: block;
	}
	
	.dual-cta {
		padding: 50px 0 20px;
	}
	
	.dual-cta .col-lg-6 {
		margin-bottom: 30px;
	}
	
	.ribbon {
		padding: 100px 0;
		margin: 0;
	}
	
	.ribbon::before {
		height: 100%;
		/* transform: skewY(0deg) !important; */
	}
	
	.ribbon img {
		max-height: 350px;
		margin-bottom: 50px;
	}
	
	footer {
		text-align: center;
	}
	
	.footer-top li:first-of-type {
		margin-top: 45px
	}
	
	.footer-bottom {
		padding: 25px 0;
	}
	
	.footer-bottom .social a {
		margin: 0 7.5px;
	}
	
	.navbar-light .navbar-nav .nav-link {
	  margin-bottom: 15px;
	  font-size: 16px;
	  justify-content: center;
	}
	
	.navbar .mega-menu .dropdown-menu, .navbar .dropdown-menu {
		display: block;
		text-align: center;
		margin-bottom: 15px;
		background: #F2F4F7;
	}
	
	.navbar {
		overflow: auto;
		max-height: 100vh;
	}
	
	.dropdown-item {
		font-size: 12px;
		background: none !important;
	}
	
	.dropdown-toggle::after {
		display: none;
	}
	
	.about-header-top {
		padding-bottom: 150px;
	}
	
	.about-header-bottom img {
		position: static;
		max-height: 500px;
		width: auto;
		margin-top: -150px;
		margin-bottom: 30px;
	}
	
	.image-carousel .image-slide {
		width: 350px;
		height: 350px;
	}
	
	.mission-statement {
		padding: 50px 0;
	}
	
	.mission-statement .col-lg-7 {
		padding: 0 80px;
	}
	
	.mission-statement .col-lg-7::before {
		left: 0;
	}
	
	.mission-statement .col-lg-7::after {
		right: 0;
	}
	
	.general-content,
	.cta {
		padding: 50px 0;
	}
	
	.team {
		padding: 50px 0;
	}
	
	.member-card {
		margin-bottom: 30px;
	}
	
	.test-slide {
		display: block !important;
	}
	
	.test-content {
		width: 100%;
		padding: 45px 45px 80px;
	}
	
	.test-img {
		width: 100%;
		height: 300px;
	}
	
	.testimonials .testimonial {
		font-size: 22px;
		line-height: 1.4;
	}
	
	.testimonials .slick-dots {
		left: 45px;
		bottom: 45px;
	}
	
	.blog-single-header {
		padding-bottom: 20vh;
	}
	
	.blog-single-img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  max-height: 30vh;
	  width: auto;
	  max-width: 100%;
	}
	
	.blog-single-content {
	  padding-top: 20vh;
	}

}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.cta-form .image-mobile {
	  width: auto;
	  height: 100%;
	  left: 50%;
	  top: 0;
	  transform: translateX(-50%);
	}
	
	.car-card {
		margin-bottom: 15px;
		height: 250px;
	}
	
	.car-card .overlay,
	.car-card .car-type-image,
	.car-card h4 {
		opacity: 1;
	}
	
	.family-slider .slick-prev {
		left: 30px;
	}
	
	.family-slider .slick-next {
		right: 30px;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
	
	.member-card {
		margin-bottom: 15px;
	}
	
}