/* Work around for legacy IE */
@media only screen and (min-width:320px) and (max-width:480px) {
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  ul,
  .ie6-7 .mbp-c #menu-bar .menu-wrapper  .sf-menu li {
    left: auto;
  }
}

@media only screen and (max-width: 600px) {
    #logo {
	width: 22%;
   }
   .head-wrapper.small #logo {
	width: 20% !important;
}
    .menu-toggle{
        display:none !important;
    }
    .meanmenu-reveal {
	background: #080c76 !important;
   }
   .mean-container .mean-bar {
	background: transparent !important;
   }
.mean-container .mean-nav {
	background: #080c76 !important;
	margin-top: 78px;
	position: absolute;
}

.mean-container .mean-bar {
	position: sticky !important;
	top: -12px;
	position: absolute;
	margin-bottom: -71px;
}

.mean-container a.meanmenu-reveal {
	top: 15px;
	right: 20px !important;
}
.mean-nav .block {
	margin-bottom: 0 !important;
}
.hero-slider {
	width: 100%;
	height: 300px;
	position: relative;
}
.hero-slider .carousel-cell {
	width: 100%;
	height: 300px;
}
.selector_title {
	font-size: 1.2rem;
}
.sldr {
	height: 249px;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 2px;
    text-align: center;
}
.head-wrapper {
	padding: 22px 0 0 0;
	width: 100%;
	z-index: 9;
	position: relative;
	top: 0;
	height: 70px;
}
.whatlok .inner img {
	width: 30%;
	margin-bottom:10px;
}
.whatloko {
	display: grid;
	grid-template-columns: 50% auto;
}
.aos-init.aos-animate {
	margin-bottom: 20px;
}
.whatlok .inner span {
	font-weight: bold;
}
.region-secondary-content {
    position: relative;
    width:100%;
    overflow:hidden;
}

#block-block-7 {
	padding: 9px 0;
}
.flex-viewport {
	overflow: visible !important;
}
.flex-direction-nav{display: none;}
#block-block-1 {
	height: 290px;
}
.harz {
	font-size: 22px;
}
.testm1_2 {
	font-size: 25px;
	margin: 25px auto;
}
#page > footer {
	padding-left: 20px;
	padding-right: 20px;
}
#block-block-3 {
	padding: 50px 20px;
}
.sbubs {
	line-height: 1.5;
	font-size: 20px;
	margin-bottom: 20px;
}
#block-simplenews-8 #simplenews-block-form-8 {
	float: none;
}
#simplenews-block-form-8 .form-item input.form-text {
	width: 91%;
	margin-bottom: 20px;
}
ul.policies {
	float: none;
}
.rghtDesk {
	float: none;
}
#block-block-6 {
	display: flex;
	flex-direction: column;
	align-items: end;
	justify-content: end;
}
.expl-wrap {
	color: #fff;
	position: relative;
	padding: 20px;
}
.exph-wrap {
	font-size: 1.7em;
}
.expl-d {
	font-size: 14px;
}
.tax_img, #block-block-6 {
	height: 355px;
}

.tax_tyto {
	font-size: 26px;
	font-family: 'NiveaBoldOT';
}
.tax_title {
	bottom: 0;
	padding: 20px 10px;
}
.tax_img{
	height: 355px;
	display: flex;
	flex-direction: column;
	justify-content: end;
}

}


@media only screen and (min-width: 787px){
  .w50 {width: 50%;}
  .col-4 {float: left;
    width: 25%;
  }
.view33 .view-content {
    /* float: left; */
    /* width: 33.3333333333333%; */
    display: grid;
    grid-template-columns: 33.3% 33.3% 33.3%;
    grid-gap: 10px;
}
  .w25 .views-row {float: left;
    width: 25%;
  }
  .whatloko {margin: 0 120px;}
  .front-reviews{height: 470px;
    overflow: scroll;
  }
  .sbubs, #block-simplenews-8 {
    float: left;
    width: 50%;
  }
  .testm1 {padding: 150px 0px 100px 0;}
  #block-simplenews-8 {float: right;}
}