/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
.header .logo img { width:100%; }
.multifunction-action img { width:100%; }
}
@media (min-width: 569px) and (max-width: 767px){

}
@media (max-width:767px) {
	#navbar ul li:hover ul.dropdown-menu { display: none; }
	#navbar ul li.open ul.dropdown-menu { display: block; }
	.header .header-right .header-right-top { margin:0; }
	.header .header-right { width:100%; float:left; }
	.header .logo { float:left; width:100%; text-align:center; }
	.header .logo img { display:inline-block; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #000; }
	.navbar-inverse .navbar-toggle { border:none; padding:0; margin-right:0; }
	.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color:transparent; }
	.navbar { float:left; width:100%; }
	.navbar-nav { float:left; width:100%; margin:0; }
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { border:none; }
	.navbar-collapse { border:none; }
	.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { border:none; }
	.navbar-inverse .navbar-nav > li > a { padding:0; }
	.nav > li { border-bottom: 1px solid #000; padding: 5px 0; }
	
	.footer .footer-top img.beste-img { display:none; }
	
	
	.content-home { padding:40px 0; }
	.row { padding:0 15px; }
	.content h1 { font-size:22px; line-height:22px; }
	.content-home .top-title p { padding:0; }
	.sunrise-block { padding:30px 0; }
	.sunrise-block .pad-con { margin:0; }
	.sunrise-block ul li { padding:20px 0; }
	.sunrise-block ul li .image { margin-bottom:20px; }
	.multifunction-action { text-align:center; }
	.multifunction-action img { display:inline-block; float:none; }
	.multifunction-action .multi-detail { margin:0; }
	.header .header-right .header-right-top ul { padding:0; text-align:center; }
	.header .header-right .header-right-top ul li { padding:10px 0; margin:0; font-size:20px; }
	
	.banner .btn { font-size: 30px; line-height: 40px; }
	.banner .btn-contact { padding:0 24px; }
	.banner .btn-zaubershow { padding:0 24px 0 40px; font-size:30px; }
	.banner .btn-quickchange { padding:0 10px 0 30px; font-size:26px; }
	.banner .btn-tellershow  { padding: 0 40px 0 37px; }
	.banner img.kindershow-change { width:50%; }
	.banner .btn-hupomobil { padding: 0 35px 0; }
	.banner .btn span { font-size: 14px; left: 8px; line-height: 26px; top: 5px; }
	
	
	
	.multifunction-action img { margin:0; }
	
	.contact-page .col-md-6.col-sm-6.padding { float:left; padding:0 0 0 10px; }
	.content-right { padding:0; }
	.content-left { padding:0; }
	.contact-page { padding:40px 0; }
	.show-name { padding-bottom:20px; }
	.contact-page .email-add { padding-bottom:20px; }
	.contact-name { padding-bottom:20px; }
	.contact-page .address-block { padding:0; }
	
	.content-zaubershow { padding:40px 0; }
	.content-zaubershow .zaubershow-block p { padding:10px 0; }
	.content-animation { padding:40px 0; }
	.content-animation .animation-block p { padding:10px 0; }
	.content-closeup { padding:40px 0; }
	.content-closeup .closeup-block p { padding:10px 0; }
	.content-kindershow { padding:40px 0; }
	.content .content-kindershow h6 { padding:0 0 20px 0; }
	.content-kindershow .kindershow-block p { padding:10px 0; }
	.content-hupomobil { padding:40px 0; }
	.content-hupomobil .hupomobil-block p { padding:10px 0; }
	.content-backstage { padding:40px 0; }
	.content-backstage .backstage-block p { padding:0 0 20px 0; }
	.content-video { padding:40px 0; }
	.content-video .video-block ul li { margin:0 0 20px 0; }
	
	.content .content-referenz .referenz-block.hotel-service h1 { padding-top:30px; }
	.call-to-action .icon-list { float:left; width:100%;	}
	.call-to-action .contact-us { float:left; width:100%; padding:0; }
	.call-to-action .icon-list img { width: 50px; }
	.call-to-action .icon-list ul li { padding: 0 0 0 22px; }
	.call-to-action .contact-us h1 { font-size: 28px; line-height: 28px; }
	.call-to-action .contact-us p { font-size: 18px; line-height: 24px; }
}

@media (min-width: 768px) {
	#navbar ul li.open ul.dropdown-menu { display: none; }
}
@media (min-width: 768px) and (max-width: 991px){
.header .logo img { width:100%; }
.navbar-inverse .navbar-nav > li > a { padding: 0 10px 8px; font-size:14px; line-height:14px; }
.sunrise-block ul li .image { margin-bottom:30px; }
.multifunction-action .multi-detail { margin:0; padding:0; }
.multifunction-action img { width:100%; margin:0; }

.content h1 { font-size:26px; line-height:26px; }
.content-left { padding:0px; }
.content-right { padding:0px; } 

.content .content-animation h1.main-title { font-size: 18px; line-height:18px; }
.content-video .video-block ul li { padding: 0 15px; margin: 0 0 30px; }
.call-to-action .icon-list ul li { padding: 0 10px; }
.call-to-action .contact-us { padding:0 0 0 20px; }
.call-to-action .contact-us h1 { font-size:30px; line-height:30px;  }

	.footer .footer-top img.beste-img { display:none; }
}

@media (min-width: 992px) and (max-width: 1200px){
.navbar-inverse .navbar-nav > li > a { padding:0 16px 8px; }
.content h1 { font-size: 30px; }
	.footer .footer-top img.beste-img { display:none; }
}
@media (min-width: 1201px) and (max-width: 1500px){
		.footer .footer-top img.beste-img { display:none; }
}



/*---------- Large Desktop , Large Screen End ----------*/