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