@charset "utf-8";

@media all and (min-width: 1024px) and (max-width: 50000px) { 

}

@media all and (min-width: 768px) and (max-width: 1024px) {

}


@media all and (max-width: 480px) { 
		
		.main-banner .caption h2 {font-size: 22px;}
		#tabs ul li a { font-size: 10px; }
		#tabs ul li { font-size: 0.5rem !important;}
	.number, .separator {    height: 11rem;    font-size: 2rem;    line-height: 6rem;}
	section.coming-soon .continer h5 {  font-size: 1.2rem;    line-height: 40px;    margin-bottom: 100px;}
	#js-days:after, #js-hours:after, #js-minutes:after, #js-seconds:after {    bottom: 40px;}
	.cs {padding: 10px 0px;}
	.countdown-container {    height: 60%;}
	.side-teasers {font-size:2rem !important;}
	section.coming-soon .continer h4, section.fassaden .continer h4 {    font-size: 1.5rem;}
	.mob-spacer4 {margin-top:4rem;}
}


/* Portrait */
@media screen and (orientation:portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation:landscape) { /* Landscape styles here */ }


/* CSS for iPhone, iPad, and Retina Displays */

/* Non-Retina */
@media screen and (-webkit-max-device-pixel-ratio: 1) {
}

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
} 

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}