.responsive body {
 min-width: 240px;
}
.responsive img {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.responsive .hh-content-layout img, .responsive .hh-content-layout video {
 max-width: 100%;
 height: auto !important;
}
.responsive.responsive-phone .hh-content-layout img {
 margin: 1%;
}
.responsive.responsive-phone .hh-collage, .responsive.responsive-tablet .hh-collage {
 margin: 0 !important;
}
.responsive .hh-content-layout .hh-sidebar0, .responsive .hh-content-layout .hh-sidebar1, .responsive .hh-content-layout .hh-sidebar2 {
 width: auto !important;
}
.responsive .hh-content-layout, .responsive .hh-content-layout-row, .responsive .hh-layout-cell {
 display: block;
}
.responsive .hh-content-layout, .responsive .hh-content-layout-row {
 padding: 0;
}
.responsive .image-caption-wrapper {
 width: auto;
}
.responsive.responsive-tablet .hh-vmenublock, .responsive.responsive-tablet .hh-block {
 margin-left: 1%;
 margin-right: 1%;
 width: 48%;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.responsive .hh-responsive-embed {
 height: 0;
 padding-bottom: 56.25%;
 /* 16:9 */
 position: relative;
}
.responsive .hh-responsive-embed iframe, .responsive .hh-responsive-embed object, .responsive .hh-responsive-embed embed {
 height: 100%;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%;
}
.responsive .hh-sheet {
 width: auto !important;
 min-width: 240px !important;
 max-width: none !important;
 margin-right: 1% !important;
 margin-left: 1% !important;
}
#hh-resp {
 display: none;
}
 @media all and (max-width: 959px) {
#hh-resp, #hh-resp-t {
 display: block;
}
#hh-resp-m {
 display: none;
}
}
 @media all and (max-width: 480px) {
#hh-resp, #hh-resp-m {
 display: block;
}
#hh-resp-t {
 display: none;
}
}
#hh-resp-desktop {
 display: none;
}
#hh-resp-tablet-landscape {
 display: none;
}
#hh-resp-tablet-portrait {
 display: none;
}
#hh-resp-phone-landscape {
 display: none;
}
#hh-resp-phone-portrait {
 display: none;
}
 @media (min-width: 1200px) {
#hh-resp-desktop {
 display: block;
}
}
 @media (min-width: 980px) and (max-width: 1199px) {
#hh-resp-tablet-landscape {
 display: block;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
#hh-resp-tablet-portrait {
 display: block;
}
}
 @media (min-width: 480px) and (max-width: 767px) {
#hh-resp-phone-landscape {
 display: block;
}
}
 @media (max-width: 479px) {
#hh-resp-phone-portrait {
 display: block;
}
}
@media (max-width: 767px) {
.kbox  {
 width: auto;
}
.linkbox  {
 width: 90%;
 margin: 1% auto;
}
.logocontainer {
 float: none;
}
.rightcontainer, .leftcontainer {
 float : none;
 margin: 10px 0;
}
.box {
 width: 85%;
}
.headlinecont {
 display: none;
}
/* dynamic width nav */
.responsive nav.hh-nav, .responsive .hh-nav-inner {
 width: auto !important;
 position: relative !important;
 top: auto !important;
 left: auto !important;
 right: auto !important;
 bottom: auto !important;
 margin-top: 0;
 margin-bottom: 0;
 min-width: 0;
 text-align: right !important;
 padding-right: 5px;
}
.responsive nav.hh-nav {
 min-width: 1%;
}
.responsive .hh-nav {
 padding-left: 0;
 padding-right: 0;
}
/* full width hmenu, instead of inline-block */
.responsive .hh-nav ul.hh-hmenu {
 float: none;
 text-align: center;
 display: none;
}
/* elements on different lines */
.responsive .hh-nav ul.hh-hmenu li, .responsive .hh-hmenu-extra1, .responsive .hh-hmenu-extra2 {
 float: none;
}
/* horizontal margins */
.responsive .hh-nav ul.hh-hmenu>li:first-child, .responsive .hh-nav ul.hh-hmenu>li:last-child, .responsive .hh-nav ul.hh-hmenu>li {
 margin-left: 0;
 margin-right: 0;
}
/* separator */ 
.responsive .hh-nav ul.hh-hmenu>li:before {
 display: none;
}
/* vertical distance between items */
.responsive .hh-nav ul.hh-hmenu a {
 margin-top: 1px !important;
 margin-bottom: 1px !important;
 text-align: right !important;
 height: auto;
 white-space: normal;
}
.responsive .hh-nav ul.hh-hmenu>li:first-child>a {
 margin-top: 0 !important;
}
.responsive .hh-nav ul.hh-hmenu>li:last-child>a {
 margin-bottom: 0 !important;
}
/* fixes for extended menu */
.responsive .hh-nav .ext, .responsive .hh-nav ul.hh-hmenu>li>ul, .responsive .hh-nav ul.hh-hmenu>li>ul>li, .responsive .hh-nav ul.hh-hmenu>li>ul>li a {
 width: auto !important;
}
/* submenu position on hover */
.responsive .hh-nav ul.hh-hmenu ul {
 left: auto !important;
 right: auto !important;
 top: auto !important;
 bottom: auto !important;
 display: none !important;
 position: relative !important;
 visibility: visible !important;
}
.hh-nav .hh-menu-btn {
 display: none;
 margin: 4px;
 outline: none;
 padding: 6px;
 position: relative;
 vertical-align: bottom;
 width: 30px;
}
.hh-nav .hh-menu-btn span {
 background: #fff;
 border-radius: 2px;
 display: block;
 height: 4px;
 margin: 4px 1px;
 position: relative;
 -moz-transition: background .2s;
 -o-transition: background .2s;
 -webkit-transition: background .2s;
 transition: background .2s;
}
.hh-nav .hh-menu-btn:hover span {
 background: #f3f3f3;
}
.responsive .hh-nav .hh-menu-btn {
 display: inline-block;
}
.responsive .hh-nav .hh-hmenu.visible {
 display: block;
}
.responsive .hh-nav ul.hh-hmenu>li>ul>li:first-child:after {
 display: none;
}
.responsive .hh-nav ul.hh-hmenu ul a {
 padding-left: 4% !important;
}
.responsive .hh-nav ul.hh-hmenu ul ul a {
 padding-left: 6% !important;
}
.responsive .hh-nav ul.hh-hmenu ul ul ul a {
 padding-left: 8% !important;
}
.responsive .hh-nav ul.hh-hmenu ul ul ul ul a {
 padding-left: 10% !important;
}
.responsive .hh-nav ul.hh-hmenu ul ul ul ul ul a {
 padding-left: 12% !important;
}
.responsive .hh-nav ul.hh-hmenu>li>ul {
 padding: 5px;
}
.responsive .hh-nav ul.hh-hmenu>li>ul:before {
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
}
}
.responsive .hh-header {
 width: auto !important;
 max-width: none !important;
 min-height: 100px !important;
 min-width: 0 !important;
 text-align: center;
}
.default-responsive .hh-header {
 height: auto;
}
.default-responsive .hh-header * {
 position: relative;
 text-align: center;
 -webkit-transform: none !important;
 -moz-transform: none !important;
 -o-transform: none !important;
 -ms-transform: none !important;
 transform: none !important;
}
.default-responsive .hh-header .hh-headline, .default-responsive .hh-header .hh-slogan {
 display: block !important;
 top: 0 !important;
 left: 0 !important;
 margin: 2% !important;
 text-align: center !important;
}
.default-responsive .hh-header .hh-headline a, .default-responsive .hh-header .hh-slogan {
 white-space: normal !important;
}
.default-responsive .hh-header .hh-logo {
 display: inline-block;
 margin: auto !important;
 left: auto;
 top: auto !important;
 width: auto;
 height: auto;
}
.responsive .hh-header .hh-slidenavigator {
 position: absolute;
}
.default-responsive .hh-header .hh-positioncontrol {
 display: block !important;
 position: relative !important;
 top: auto !important;
 right: auto !important;
 bottom: auto !important;
 left: auto !important;
 margin: 2% auto !important;
 width: auto !important;
 height: auto !important;
}
.responsive .hh-header #hh-flash-area {
 display: none;
}
/* Search and other elements in header element directly */
.default-responsive .hh-header>.hh-textblock {
 position: relative !important;
 display: block !important;
 margin: 1% auto !important;
 width: 75% !important;
 top: auto !important;
 right: auto !important;
 bottom: auto !important;
 left: auto !important;
}
.default-responsive .hh-header .hh-textblock {
 position: relative !important;
 display: block !important;
 margin: auto !important;
 left: 0 !important;
 right: 0 !important;
 top: auto !important;
 height: auto !important;
 width: auto;
 background-image: none;
}
/* '.hh-header *' used noram align, but for '.hh-textblock *' we must force align because of preview */
.responsive .hh-header .hh-textblock * {
 text-align: center !important;
}
.default-responsive .hh-header .hh-shapes > .hh-textblock, .default-responsive .hh-header .hh-slide-item > .hh-textblock {
 display: none !important;
}
.default-responsive .hh-header .hh-shapes > .hh-textblock * {
 text-align: center !important;
 width: auto !important;
 height: auto !important;
 display: block;
}
.default-responsive .hh-header .hh-slider .hh-textblock * {
 text-align: center !important;
 width: auto !important;
 height: auto !important;
 display: block;
}
/* For icons like facebook, rss, etc. */
.responsive .hh-header>.hh-textblock>div {
 width: 100%;
}
.responsive .hh-content-layout, .responsive .hh-content-layout-row, .responsive .hh-layout-cell {
 display: block;
}
.responsive .hh-layout-cell {
 width: auto !important;
 height: auto !important;
}
.responsive .hh-content-layout:after, .responsive .hh-content-layout-row:after, .responsive .hh-layout-cell:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.responsive .responsive-tablet-layout-cell, .responsive.responsive-tablet .hh-footer .hh-content-layout .hh-layout-cell {
 margin: 1%;
 width: 98% !important;
 float: left;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell, .responsive.responsive-tablet .hh-footer .hh-content-layout .responsive-layout-row-2 .hh-layout-cell {
 width: 48% !important;
}
.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell, .responsive.responsive-tablet .hh-footer .hh-content-layout .responsive-layout-row-3 .hh-layout-cell {
 width: 31% !important;
}
.responsive .hh-post {
 border-radius: 0;
}
.responsive .hh-footer-inner {
 width: auto;
 padding: 2% !important;
}
.responsive .headlinecont {
 text-align: right;
}
.responsive h2.headline {
 text-align: right;
 font-size: 20px;
}
.responsive h3.slogan {
 text-align: right;
 font-size: 16px;
}
.responsive .logocontainer {
 margin: 0;
}
.responsive img.logo {
 padding: 5%;
}