/*

    ////////////////////////////////////////////////////////////
    //
    // L8M
    // 
	//
	// Contains CSS (for screen).
    // 
	// Filesource /public/default/css/screen/responsive.css
	// Version    $Id: responsive.css 514 2016-09-19 15:21:11Z nm $
    //
    ////////////////////////////////////////////////////////////

    ////////////////////////////////////////////////////////////
    // general
    ////////////////////////////////////////////////////////////
    
*/

@media (min-width: 1600px) {
	.post-creative-content {
	    padding: 0 6%;
	}
}

@media screen and (min-width: 992px) and (max-width: 1250px) {
	.swiper-slider-1 .swiper-slide-caption {
		height: 44vw;
		padding: 58px 0;
		padding-right: 38px;
		padding-left: 38px;
	}
}

@media (min-width: 1200px) {
	.quote-modern-2 {
		padding: 70px 80px;
	}
	
	.owl-style-3 {
	    padding: 0 215px;
	}
	
	.card-corporate .card-title a {
	    padding: 30px 0 30px 66px;
	    font-size: 18px;
	}
	
	*+.post-creative-content {
	    margin-top: 24px;
	}
}

@media screen and (max-width: 1199px) {

}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.configurator-side.configurator-container.fixed {
		width: 310px;
	}
}


@media screen and (max-width: 1099px) {

}

@media (min-width: 992px) {
	.quote-modern {
		padding: 45px 30px;
	}
	
	.quote-modern-text {
		padding-top: 65px;
		font-size: 18px;
	}
	
	.quote-modern-text::before {
	    font-size: 100px;
	}
	
	.owl-style-3 .owl-stage-outer {
	    margin-left: -85px;
	    margin-right: -85px;
	    padding-left: 85px;
	    padding-right: 85px;
	}
	
	.owl-style-3 {
	    padding: 0 160px;
	}
	
	.product-figure {
	    min-height: 200px;
	}
	
	* + .card-group-custom {
	    margin-top: 30px;
	}
	
	* + .card-group-custom-1 {
	    margin-top: 20px;
	}
	
	.card-corporate .card-title a {
	    font-size: 16px;
	}
	
	*+.post-creative-time {
	    margin-top: 15px;
	}
}

@media screen and (max-width: 991px) {
	.configurator-side.configurator-container.fixed {
		position: relative;
		top: 0;
		background-color: transparent;
		box-shadow: none;
		padding: 0;
		margin-left: 0;
		margin-right:0;
		width: 100%;
		margin-top: .5rem;
	}
	
	.swiper-slider-1 .swiper-slide-caption {
		padding: 58px 0;
		padding-right: 38px;
		padding-left: 38px;
	}
	
	.swiper-slider-1 h4.slogan,
	.swiper-slider-1 .slogan {
		font-size: 2.9vw;
		margin-bottom: 0!important;
	}
	
	.swiper-slider-1 h1.font-size-lg {
		font-size: 5vw;
		margin-bottom: 3vw!important;
		margin-top: 3vw!important;
	}
	
	.swiper-slider-1 h3 {
		font-size: 3vw;
		margin-bottom: 0!important;
	}	
	
	.swiper-slider-1 .button-wrap {
		margin-top: 9vw!important;
	}
	
	.isotope-filters-list>* {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.swiper-slider-1 .swiper-slide-caption {
		height: 70vw;
	}
}

@media (min-width: 768px) {}
	.quote-modern .unit {
	    display: inline-flex;
	    text-align: left;
	}
	
	.owl-style-3 .owl-stage-outer::before {
	    position: absolute;
	    content: '';
	    top: 20px;
	    right: 0;
	    bottom: 20px;
	    left: 0;
	    border-radius: 60px;
	    background: rgba(255, 255, 255, 0.57);
	    transform: scaleY(0.9);
	}
	
	.owl-style-3 .owl-stage-outer {
	    margin-left: -60px;
	    margin-right: -60px;
	    padding-left: 60px;
	    padding-right: 60px;
	}
	
	.owl-style-3 {
	    padding: 0 120px;
	}
	
	main .owl-dots {
	    margin-top: 45px;
	}
	
	.card-corporate .card-title a {
	    padding: 25px 0 25px 56px;
	}
	
	.owl-style-7 {
	    padding: 0 75px;
	}
	
	*+.post-creative-content {
	    margin-top: 18px;
	}
	
	*+.post-creative-time {
	    margin-top: 12px;
	}
}

@media screen and (max-width: 768px) {
	.isotope-filters-list-wrap::before {
		background-color: transparent;
	}
}

@media screen and (max-width: 767px) {
	.swiper-slider-1 .swiper-slide-caption {
		height: 80vw;
	}
	
	.owl-style-3 {
		padding: 0 15px;
	}
	
	.owl-style-3 .owl-stage-outer {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}	
	
	.owl-style-7 {
		padding: 0 15px;
	}
	
	.font-size-md-2 {
		font-size: 1.7em;
	}
	
	h4.slogan, .slogan {
		font-size: 1.2em;
	}
}


@media screen and (max-width: 648px) {
	.hasCookieWarning footer {
		padding-bottom: 90px !important;
	}
}

@media screen and (max-width: 575px) {
	.navbar-expand .navbar-nav .dropdown-menu {
		left: -52px;
	}
	
	.swiper-slider-1 .swiper-slide-caption {
		height: 103vw;
	}
}

@media screen and (max-width: 480px) {
	body {
		padding-top: 6.5rem;
	}
	
	.hasCookieWarning footer {
		padding-bottom: 110px !important;
	}
	
	.location-links {
		border-color: #000000;
		font-size: 12px;
	}
	
	.location-links a {
		font-size: 10px;
	}
	
	body .navbar {
		padding: 1.5rem 0;
	}
	
	.stepper-with-button .btn-primary {
		font-size: 14px;
		padding: 5px 10px;
		height: 33px;
		width: 135px;
		margin-top: 20px;
		margin-left: 10px;
		margin-right: 0;
	}
	
	.p-5.configurator-item-text {
		padding-right: 15px!important;
		padding-left: 15px!important;
	}
}

@media screen and (max-width: 359px) {
	.location-links {
		font-size: 11px;
	}
	
	.location-links a {
		font-size: 9px;
	}
}

@media screen and (max-width: 320px) {
	.hasCookieWarning footer {
		padding-bottom: 110px !important;
	}
}


@media screen and (max-width: 320px) {
	.hasCookieWarning footer {
		padding-bottom: 110px !important;
	}
}