@media (max-width: 1200px) and (min-width: 992px) {
	.menuzord-menu > li > a {
	}
	.theme_menu .thm-btn {
		padding: 0 15px;
	}
	.theme_menu .right-column {
	    width: 300px;
	}

}

@media (max-width: 1199px) {
	.subscribe-form input {
		width: 100%;
		margin-bottom: 30px;
	}
	.awards .service-list li {
		width: 45%;
	}
	.main-logo {
	    margin: 15px 0 15px;
	    text-align: center;
	    width: 100%;
	}
	.header-bottom .top-info {
		width: 100%;
		text-align: center;
	}
	.header-bottom .header-bottom-bg {
	    background: #fff;
	    z-index: 999;
	    padding: 10px 15px 20px;
	}
}

@media (max-width: 1199px) and (min-width:992px){
	.why-choose .item:hover .inner-box {
	    padding: 0px 15px 0px 75px;
	    transition: .5s ease;
	}
	.why-choose .item:hover .icon_box span {
	    margin-top: -40px;
	}
}

@media (min-width: 992px) {
	.menuzord-menu li .indicator {
		display: none;
	}
}

@media (max-width: 991px) {
	.menuzord-responsive.menuzord {
	    padding: 0 15px;
	    min-height: 66px;
	}
	.menuzord .showhide {
	    height: 60px;
	    width: 30px;
	    padding: 18px 0 41px;
	    float: none;
	}
	.menuzord .showhide span {
	    display: block;
	    width: 100%;
	    height: 2px;
	    margin: 4px 0;
	    background: #D4AF37;
	}
	.menuzord-menu > li:first-child a {
	    padding-left: 20px;
	}
	.menuzord-menu ul.dropdown {
		padding: 0;
	}
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li > a,
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
	    padding-left: 55px !important;
	}
	.menuzord-menu ul.dropdown li a:before {
		top: 16px;
	}

	.theme_menu.stricky-fixed .main-logo {
	    display: none;
	}
	.right-area {
	}
	.nav_side_content .search_option form {
	    width: 250px;
	    top: 52px;
	}
	.theme_menu {
		background: #f7f7f7;
	}
	.main-logo {
	    margin: 15px 0 15px;
	    text-align: center;
	    width: 100%;
	}
	.nav_side_content {
	}
	.why-choose .item:hover .inner-box {
	    padding: 11px 21px 32px 80px;
	    transition: .5s ease;
	}
	.header-bottom ul li {
	    display: inline-block;
	    margin-left: 10px;
	    margin-bottom: 30px;
	}
	.header-bottom .header-bottom-bg {
		padding-bottom: 0;
	}

	.top-bar .top-bar-text {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	#polyglotLanguageSwitcher {
		float: left;
	}
	#polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {border: 0px;}


/*menu*/


.about-faq .img-box {
	margin-top: 30px;
}

.top-bar .social {
	width: 50%;
	text-align: right;
	
}
.why-choose {
	padding-bottom: 30px;
}
.why-choose .item {
	margin-bottom: 40px;
}
.about-faq .about-info {
	margin-bottom: 50px;
}

.latest-project .link {
	margin-bottom: 40px;
}

.awards .service-list li {
	width: 48%;
}
.awards:after {
	display: none;
}
.awards .service-list {
	text-align: center;
}
.awards .award-logo img {
	margin-bottom: 50px;
}

.sidebar_search {
    margin-top: 40px;
}

.consultations:after,
.consultations:before {
	width: 100%;
}

.consultations .text {
	margin-bottom: 30px;
}

.call-out .float_left,
.call-out .float_right {
	width: 100%;
	text-align: center;
}










}

@media (max-width: 768px) {

.top-bar .top-bar-text {
	width: 100%;
	float: none;
	text-align: center;
}
.why-choose {
	text-align: center;
}
.why-choose .item {
	display: inline-block;
}
.why-choose .item:hover .inner-box {
    padding: 30px 21px 57px 80px;
    transition: .5s ease;
}

.about-widget {

	margin-bottom: 30px;
}







}

/* The Support/E-Mail/"Kredit beantragen" block below the logo is designed
   for the wide desktop top bar. On mobile it stacks under the logo and adds
   ~300px of height before the sticky nav bar even starts, duplicating the
   "Jetzt Kredit beantragen" call to action already in that nav bar. Hide it
   and let the mobile menu (which repeats these links) take over instead. */
@media (max-width: 767px) {
	.header-bottom .top-info {
		display: none !important;
	}
	.header-bottom .header-bottom-bg {
		padding: 12px 15px !important;
	}
	.header-bottom .main-logo {
		margin: 0 !important;
	}
	.header-bottom .main-logo img {
		max-height: 46px;
	}
}

/* Hero slider (Revolution Slider) captions are placed with fixed pixel
   offsets tuned for desktop widths. Below 768px those offsets push the
   heading, paragraph and CTA buttons outside the visible viewport, so on
   mobile we replace the absolute pixel layout with a centered, stacked one. */
@media (max-width: 767px) {
	.rev_slider_wrapper,
	.rev_slider_wrapper .rev_slider,
	.rev_slider_wrapper #slider1 > ul {
		height: 460px !important;
	}

	/* The prev/next arrows are vertically centered on the whole slide by the
	   theme's own JS config. The caption now fills most of that vertical
	   space, so the arrows land on top of the text. Slides already auto-
	   rotate, so drop the manual arrows here instead of relocating them. */
	.rev_slider_wrapper .tparrows {
		display: none !important;
	}

	/* Since every slide's caption now sits in the same spot (see below),
	   the outgoing and incoming slide would otherwise show two overlapping
	   captions for the length of the fade transition. Cut the outgoing
	   slide's caption immediately so only the incoming one is ever visible. */
	.rev_slider_wrapper .tp-revslider-slidesli:not(.active-revslide) .tp-parallax-wrap {
		display: none !important;
	}

	.rev_slider_wrapper .tp-parallax-wrap {
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 88% !important;
		max-width: 340px !important;
		text-align: center !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(2) {
		top: 34px !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(3) {
		top: auto !important;
		bottom: 90px !important;
		left: 27% !important;
		width: 150px !important;
		max-width: none !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(4) {
		top: auto !important;
		bottom: 90px !important;
		left: 73% !important;
		width: 150px !important;
		max-width: none !important;
	}

	/* Neutralise the plugin's own JS-driven in/out tween on the caption
	   chain (it animates opacity/transform on these wrappers every frame):
	   without this, the exit tween of the outgoing caption visibly ghosts
	   over the incoming one for the ~1s transition. Captions now hard-cut
	   with the slide instead of fading/sliding, trading the animation for
	   a guaranteed clean read on mobile/tablet. */
	.rev_slider_wrapper .tp-mask-wrap,
	.rev_slider_wrapper .tp-loop-wrap {
		opacity: 1 !important;
		transform: none !important;
		width: 100% !important;
	}
	.rev_slider_wrapper .tp-caption {
		position: relative !important;
		display: block !important;
		left: 0 !important;
		top: 0 !important;
		white-space: normal !important;
		font-size: 100% !important;
		line-height: normal !important;
		transform: none !important;
		opacity: 1 !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(2) .tp-caption {
		width: 100% !important;
		max-width: 100% !important;
	}

	.rev_slider_wrapper .slide-content-box h3 {
		font-size: 14px !important;
		line-height: 1.3 !important;
		margin-bottom: 4px !important;
	}
	.rev_slider_wrapper .slide-content-box h1 {
		font-size: 24px !important;
		line-height: 1.15 !important;
		margin-bottom: 8px !important;
	}
	.rev_slider_wrapper .slide-content-box p {
		font-size: 12px !important;
		line-height: 1.4 !important;
	}
	.rev_slider_wrapper .slide-content-box p br {
		display: none;
	}
	.rev_slider_wrapper .slide-content-box .button a.thm-btn {
		font-size: 10.5px !important;
		padding: 11px 12px !important;
		height: auto !important;
		line-height: 14px !important;
		white-space: nowrap !important;
		margin-right: 0 !important;
	}
}

/* Same fixed-pixel-offset problem as above, but tablet portrait (768-991px)
   has more room to work with, so the caption box, buttons and type scale
   are sized up rather than reusing the phone treatment verbatim. */
@media (min-width: 768px) and (max-width: 1199px) {
	.rev_slider_wrapper .tp-revslider-slidesli:not(.active-revslide) .tp-parallax-wrap {
		display: none !important;
	}

	/* Same overlap as on mobile: the theme centers the prev/next arrows on
	   the full slide height, which now collides with the taller caption. */
	.rev_slider_wrapper .tparrows {
		display: none !important;
	}

	.rev_slider_wrapper .tp-parallax-wrap {
		position: absolute !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 80% !important;
		max-width: 480px !important;
		text-align: center !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(2) {
		top: 60px !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(3) {
		top: auto !important;
		bottom: 60px !important;
		left: 30% !important;
		width: 190px !important;
		max-width: none !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(4) {
		top: auto !important;
		bottom: 60px !important;
		left: 70% !important;
		width: 190px !important;
		max-width: none !important;
	}

	/* Neutralise the plugin's own JS-driven in/out tween on the caption
	   chain (it animates opacity/transform on these wrappers every frame):
	   without this, the exit tween of the outgoing caption visibly ghosts
	   over the incoming one for the ~1s transition. Captions now hard-cut
	   with the slide instead of fading/sliding, trading the animation for
	   a guaranteed clean read on mobile/tablet. */
	.rev_slider_wrapper .tp-mask-wrap,
	.rev_slider_wrapper .tp-loop-wrap {
		opacity: 1 !important;
		transform: none !important;
		width: 100% !important;
	}
	.rev_slider_wrapper .tp-caption {
		position: relative !important;
		display: block !important;
		left: 0 !important;
		top: 0 !important;
		white-space: normal !important;
		font-size: 100% !important;
		line-height: normal !important;
		transform: none !important;
		opacity: 1 !important;
	}
	.rev_slider_wrapper .tp-parallax-wrap:nth-of-type(2) .tp-caption {
		width: 100% !important;
		max-width: 100% !important;
	}

	.rev_slider_wrapper .slide-content-box h3 {
		font-size: 16px !important;
		line-height: 1.3 !important;
		margin-bottom: 6px !important;
	}
	.rev_slider_wrapper .slide-content-box h1 {
		font-size: 34px !important;
		line-height: 1.15 !important;
		margin-bottom: 10px !important;
	}
	.rev_slider_wrapper .slide-content-box p {
		font-size: 14px !important;
		line-height: 1.45 !important;
	}
	.rev_slider_wrapper .slide-content-box .button a.thm-btn {
		font-size: 12px !important;
		padding: 13px 14px !important;
		height: auto !important;
		line-height: 15px !important;
		white-space: nowrap !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 1199px) {
	/* Desktop pulls the slider 90px up under the nav bar for a full-bleed
	   effect; the nav bar is opaque here, so on mobile/tablet that band just
	   hides the top of the caption instead. Cancel the overlap. */
	.rev_slider_wrapper {
		margin-top: 0px;
	}

}

@media (max-width: 600px) {

}

@media (max-width: 575px) {

}

@media (max-width: 550px) {
	.megamenu .default-form.register-form {
		width: 100%;
	}
	.default-form-area {
		width: 100%;
	}
}
@media (max-width: 420px) {

}




@media only screen and (min-width: 1200px){
.container {padding: 0;}
.container-fluid{padding: 0;}      
}

@media only screen and (min-width: 991px){
  .mobile-menu {
    display: none;
  }      
}
@media only screen and (max-width: 991px){
    

/*=================== mobile-menu ======================*/

  .navigation {
    display: none;
  } 

  .main-menu .collapse {
    border: 0px;
    max-height: 300px;
    display: none !important;
    overflow: auto !important;
  } 

  .main-menu .collapse.in, 
  .main-menu .collapsing {
    display: block !important;
  } 

  .main-menu .navbar-header{
    padding: 14px 0px;
    float: none;
  }  

  .main-menu .navbar-toggle {
    float: none;
    margin: 0;
    display: block;
  }  

  .main-menu .navbar-toggle .icon-bar {
    background: #D4AF37;
    width: 30px;
  }  
/*=================================menu=======================*/


      
}