
.responsive body {
	min-width: 240px;
}

.responsive img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .art-content-layout img, .responsive .art-content-layout video {
	max-width: 100%;
	height: auto !important;
}

.responsive.responsive-phone .art-content-layout img {
	margin: 1%;
}

.responsive.responsive-phone .art-collage, .responsive.responsive-tablet .art-collage {
	margin: 0 !important;
}

.responsive .art-content-layout .art-sidebar0, .responsive .art-content-layout .art-sidebar1, .responsive .art-content-layout .art-sidebar2 {
	width: auto !important;
}

.responsive .art-content-layout, .responsive .art-content-layout-row, .responsive .art-layout-cell {
	padding: 0;
}

.responsive .image-caption-wrapper {
	width: auto;
}

.responsive.responsive-tablet .art-block, .responsive.responsive-tablet .art-vmenublock {
	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 .art-responsive-embed {
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}

.responsive .art-responsive-embed embed, .responsive .art-responsive-embed iframe, .responsive .art-responsive-embed object {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.responsive .art-header {
	width: auto !important;
	max-width: none !important;
	min-height: 100px !important;
	min-width: 0 !important;
	margin-top: 1%;
	text-align: center;
}

.default-responsive .art-header {
	height: auto;
}

.default-responsive .art-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 .art-header .art-headline, .default-responsive .art-header .art-slogan {
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	margin: 2% !important;
	text-align: center !important;
}

.default-responsive .art-header .art-headline a, .default-responsive .art-header .art-slogan {
	white-space: normal !important;
}

.default-responsive .art-header .art-logo {
	display: inline-block;
	margin: auto !important;
	left: auto;
	top: auto !important;
	width: auto;
	height: auto;
}

.responsive .art-header .art-slidenavigator {
	position: absolute;
}

.default-responsive .art-header .art-positioncontrol {
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	width: auto;
	height: auto;
	margin: auto;
}

.responsive .art-header #art-flash-area {
	display: none;
}

.default-responsive .art-header > .art-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 .art-header .art-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;
}

.default-responsive .art-header .art-textblock.nitro-lazy {
	background-image: none !important;
}

.responsive .art-header .art-textblock * {
	text-align: center !important;
}

.default-responsive .art-header .art-shapes > .art-textblock, .default-responsive .art-header .art-slide-item > .art-textblock {
	display: none !important;
}

.default-responsive .art-header .art-shapes > .art-textblock *, .default-responsive .art-header .art-slider .art-textblock * {
	text-align: center !important;
	width: auto !important;
	height: auto !important;
	display: block;
}

.responsive .art-header > .art-textblock > div {
	width: 100%;
}

.responsive .art-nav-inner, .responsive nav.art-nav {
	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: center !important;
}

.responsive nav.art-nav {
	min-width: 1%;
	margin-top: 1%;
	margin-right: 1% !important;
	margin-left: 1% !important;
}

.responsive .art-nav {
	padding-left: 0;
	padding-right: 0;
}

.responsive .art-nav ul.art-hmenu {
	float: none;
	text-align: center;
	display: none;
}

.responsive .art-hmenu-extra1, .responsive .art-hmenu-extra2, .responsive .art-nav ul.art-hmenu li {
	float: none;
}

.responsive .art-nav ul.art-hmenu > li, .responsive .art-nav ul.art-hmenu > li:first-child, .responsive .art-nav ul.art-hmenu > li:last-child {
	margin-left: 0;
	margin-right: 0;
}

.responsive .art-nav ul.art-hmenu > li:before {
	display: none;
}

.responsive .art-nav ul.art-hmenu a {
	margin-top: 1px !important;
	margin-bottom: 1px !important;
	height: auto;
	white-space: normal;
}

.responsive .art-nav ul.art-hmenu > li:first-child > a {
	margin-top: 0 !important;
}

.responsive .art-nav ul.art-hmenu > li:last-child > a {
	margin-bottom: 0 !important;
}

.responsive .art-nav .ext, .responsive .art-nav ul.art-hmenu > li > ul, .responsive .art-nav ul.art-hmenu > li > ul > li, .responsive .art-nav ul.art-hmenu > li > ul > li a {
	width: auto !important;
}

.responsive .art-nav ul.art-hmenu ul {
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
	display: none !important;
	position: relative !important;
	visibility: visible !important;
}

.responsive .art-nav ul.art-hmenu li.active > ul {
	display: block !important;
}

.responsive .art-nav ul.art-hmenu ul li.active > a {
	font-weight: 700;
}

.art-nav .art-menu-btn {
	border: 1px solid #404040;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
	display: none;
	-svg-background: linear-gradient(to bottom, #707070 0, #000 100%);
	background: -ms-linear-gradient(top, #707070 0, #000 100%);
	background: -moz-linear-gradient(top, #707070 0, #000 100%);
	background: -o-linear-gradient(top, #707070 0, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
	background: -webkit-linear-gradient(top, #707070 0, #000 100%);
	background: linear-gradient(to bottom, #707070 0, #000 100%);
	margin: 3px;
	outline: 0;
	padding: 5px;
	position: relative;
	vertical-align: bottom;
	width: 20px;
}

.art-nav .art-menu-btn span {
	background: #e0e0e0;
	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;
}

.art-nav .art-menu-btn:hover span {
	background: #f3f3f3;
}

.responsive .art-nav .art-menu-btn {
	display: inline-block;
}

.responsive .art-nav .art-hmenu.visible {
	display: block;
}

.responsive .art-nav ul.art-hmenu > li > ul > li:first-child:after {
	display: none;
}

.responsive .art-nav ul.art-hmenu ul a {
	padding-left: 4% !important;
}

.responsive .art-nav ul.art-hmenu ul ul a {
	padding-left: 6% !important;
}

.responsive .art-nav ul.art-hmenu ul ul ul a {
	padding-left: 8% !important;
}

.responsive .art-nav ul.art-hmenu ul ul ul ul a {
	padding-left: 10% !important;
}

.responsive .art-nav ul.art-hmenu ul ul ul ul ul a {
	padding-left: 12% !important;
}

.responsive .art-nav ul.art-hmenu > li > ul {
	padding: 1px;
}

.responsive .art-nav ul.art-hmenu > li > ul:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.responsive .art-sheet {
	width: auto !important;
	min-width: 240px !important;
	max-width: none !important;
	margin-right: 1% !important;
	margin-left: 1% !important;
	margin-top: 1% !important;
}

#art-resp, #art-resp-desktop, #art-resp-phone-landscape, #art-resp-phone-portrait, #art-resp-tablet-landscape, #art-resp-tablet-portrait {
	display: none;
}

@media all and (max-width:979px) {
	#art-resp, #art-resp-t {
		display: block;
	}
	
	#art-resp-m {
		display: none;
	}
}

@media all and (max-width:480px) {
	#art-resp, #art-resp-m {
		display: block;
	}
	
	#art-resp-t {
		display: none;
	}
}

@media (min-width:1200px) {
	#art-resp-desktop {
		display: block;
	}
}

@media (min-width:980px) and (max-width:1199px) {
	#art-resp-tablet-landscape {
		display: block;
	}
}

@media (min-width:768px) and (max-width:979px) {
	#art-resp-tablet-portrait {
		display: block;
	}
}

@media (min-width:480px) and (max-width:767px) {
	#art-resp-phone-landscape {
		display: block;
	}
}

@media (max-width:479px) {
	#art-resp-phone-portrait {
		display: block;
	}
}

.responsive .art-content-layout, .responsive .art-content-layout-row, .responsive .art-layout-cell {
	display: block;
}

.responsive .art-layout-cell {
	width: auto !important;
	height: auto !important;
}

.responsive .art-content-layout-row:after, .responsive .art-content-layout:after, .responsive .art-layout-cell:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.responsive .art-post {
	border-radius: 0;
}

.responsive .art-footer-inner {
	width: auto;
	padding: 2% !important;
}

.responsive .art-footer {
	margin-top: 1%;
}

.responsive .responsive-tablet-layout-cell {
	width: 50% !important;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell {
	width: 33.33% !important;
}
