/***************************************************
    MEDIA QUERIES for STUDIO 123
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
***************************************************/

.touch .gallery-slider {
	display: none;
}

.touch .gallery-flex {
	display: block;
}

@media screen and (max-width: 959px) {

	.wrap {
		max-width: 728px;
	}

	.tablet-hide {
		display: none;
	}

	.pc-hide {
		display: block;
	}

	.tablet-c1 {
		width: 1.709401709401709% !important;
	}

	.tablet-c2 {
		width: 5.982905982905982% !important;
	}

	.tablet-c3 {
		width: 10.25641025641026% !important;
	}

	.tablet-c4 {
		width: 14.52991452991453% !important;
	}

	.tablet-c5 {
		width: 18.8034188034188% !important;
	}

	.tablet-c6 {
		width: 23.07692307692307% !important;
	}

	.tablet-c7 {
		width: 27.35042735042735% !important;
	}

	.tablet-c8 {
		width: 31.62393162393162% !important;
	}

	.tablet-c9 {
		width: 35.89743589743589% !important;
	}

	.tablet-c10 {
		width: 40.17094017094017% !important;
	}

	.tablet-c11 {
		width: 44.44444444444444% !important;
	}

	.tablet-c12 {
		width: 48.71794871794871% !important;
	}

	.tablet-c13 {
		width: 52.99145299145299% !important;
	}

	.tablet-c14 {
		width: 57.26495726495726% !important;
	}

	.tablet-c15 {
		width: 61.53846153846153% !important;
	}

	.tablet-c16 {
		width: 65.8119658119658% !important;
	}

	.tablet-c17 {
		width: 70.08547008547008% !important;
	}

	.tablet-c18 {
		width: 74.35897435897435% !important;
	}

	.tablet-c19 {
		width: 78.63247863247862% !important;
	}

	.tablet-c20 {
		width: 82.9059829059829% !important;
	}

	.tablet-c21 {
		width: 87.17948717948717% !important;
	}

	.tablet-c22 {
		width: 91.45299145299144% !important;
	}

	.tablet-c23 {
		width: 95.72649572649572% !important;
	}

	.tablet-c24 {
		width: 100% !important;
		margin-right: 0 !important;
	}

	/*** GRID - sub cols ***/
	.col .col,
	.col .col .col {
		margin-right: 2.564102564102564%;
	}

	.col .tablet-c1 {
		width: 1.709401709401709%;
	}

	.col .tablet-c2 {
		width: 5.982905982905982%;
	}

	.col .tablet-c3 {
		width: 10.25641025641026%;
	}

	.col .tablet-c4 {
		width: 14.52991452991453%;
	}

	.col .tablet-c5 {
		width: 18.8034188034188%;
	}

	.col .tablet-c6 {
		width: 23.07692307692307%;
	}

	.col .tablet-c7 {
		width: 27.35042735042735%;
	}

	.col .tablet-c8 {
		width: 31.62393162393162%;
	}

	.col .tablet-c9 {
		width: 35.89743589743589%;
	}

	.col .tablet-c10 {
		width: 40.17094017094017%;
	}

	.col .tablet-c11 {
		width: 44.44444444444444%;
	}

	.col .tablet-c12 {
		width: 48.71794871794871%;
	}

	.col .tablet-c16 {
		width: 65.8119658119658%;
	}

	/*** NAVIGATION ***/
	#navigation {
		display: none;
	}

	#pageHeader .wrap {
		position: relative;
		padding-bottom: 70px;
	}

	.menu-switch {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 70px;
		height: 50px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(../images/css/mob-menu-switch.png) no-repeat 0 0;
		cursor: pointer;
	}

	.menu-open .menu-switch {
		background-position: 0 -50px;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.mob-nav {
		position: absolute;
		width: 220px;
		height: auto;
		background: #313131;
		padding: 10px;
		z-index: 9999;
	}

	#mobmenu {
		margin: 0;
		padding: 0;
	}

		#mobmenu ul {
			margin: 0;
			padding: 0;
		}

		#mobmenu li {
			padding: 0;
		}

		#mobmenu > li {
			border-top: 1px solid #777;
		}

			#mobmenu > li:first-child {
				border-top: 0;
			}

		#mobmenu a {
			display: block;
			position: relative;
			color: #fff;
			text-decoration: none;
			line-height: 18px;
			padding: 10px;
		}

		#mobmenu .sub > a {
			padding-right: 30px;
		}

			#mobmenu .sub > a span {
				position: absolute;
				top: 8px;
				right: 5px;
				width: 24px;
				height: 24px;
				overflow: hidden;
				background: url(../images/css/mob-menu-arrow.png) no-repeat 0 0;
			}

		#mobmenu .open > a span {
			background-position: 0 -24px;
		}

		#mobmenu .on > a {
			color: #fed500;
		}

		#mobmenu > .open {
			background: #777;
		}

		#mobmenu > li > ul > .open {
			background: #909090;
		}

		#mobmenu ul {
			display: none;
		}

		#mobmenu .open > ul {
			display: block;
		}

	.mob-nav {
		display: none;
	}

	.menu-open .mob-nav {
		display: block;
	}

	.menu-open {
		width: 100%;
		overflow-x: hidden;
	}

	/*** GLOBAL & Typ ***/
	h1 {
		margin-bottom: 30px;
	}

	h2, h3, h4, h4, h5, h6 {
		margin-top: 30px;
		margin-bottom: 15px;
	}

	p, ul, ol, blockquote {
		margin-top: 20px;
		margin-bottom: 20px;
	}

		p + ul,
		p + ol {
			margin: -10px 0 20px 0;
		}

	blockquote {
		padding: 0 20px;
	}

	hr {
		margin: 30px 0;
	}

	.table-wrapper {
		margin: 20px 0;
	}

	.video-wrapper,
	.googlemaps-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px;
		width: 100% !important;
	}

	.media-left,
	.media-right,
	.media-center {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
		width: 100% !important;
	}

	th, td {
		padding: 12px;
	}

	.intro,
	.content,
	.side-content,
	.content-footer,
	.gallery {
		margin-bottom: 30px;
	}

	/*** LAYOUT ***/
	#pageHeader,
	#pageContainer,
	#pageFooter,
	#navigation,
	#slider {
		padding-right: 20px;
		padding-left: 20px;
	}

	#pageContainer {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.path {
		margin-bottom: 50px;
	}

	.print {
		margin-top: 30px;
	}

	.share-header {
		margin-top: -20px;
		margin-bottom: 30px;
	}

	.share-footer {
		margin-top: 30px;
		padding-top: 30px;
	}

	.home-box:nth-child(2n),
	.ft-item:nth-child(2n) {
		margin-right: 0;
	}

	.home-box img {
		width: 100%;
	}

	.side-items {
		padding-top: 0;
	}

	.side-item {
		float: left;
		margin: 0;
		margin-right: 2.564102564102564%;
		word-wrap: break-word;
		width: 48.71794871794871%;
		min-height: 0;
	}

	#searchBox {
		bottom: 0;
	}

	#logo {
		width: 210px;
		height: 112px;
	}

		#logo a {
			width: 210px;
			height: 112px;
			background-image: url(../images/interface/footer-logo.gif);
		}

	.banner a {
		display: block;
	}

	.slide-image img {
		display: block;
		width: 100%;
	}

	.footer-box {
		width: 100%;
		margin-bottom: 10px;
	}

	#footer-container .wrap {
		background-position: 100% 95%;
	}

	.prev,
	.next {
		width: 36px;
		height: 36px;
		background-image: url(../images/css/flex-controls.png);
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		margin-top: -18px;
		z-index: 5;
	}

	.prev {
		background-position: 0 0;
		left: 0;
	}

	.next {
		background-position: 0 -72px;
		right: 0;
	}

	.prev:hover {
		background-position: 0 -36px;
	}

	.next:hover {
		background-position: 0 -108px;
	}

	/*** Display flex slider, hide default gallery ***/
	.gallery-slider {
		display: none !important;
	}

	.gallery-flex {
		display: block !important;
		position: relative;
	}

	/*** PAGINATOR ***/
	.paginator-holder {
		margin-top: 30px;
		padding-top: 30px;
	}

	.basic-list a {
		width: 46px;
		overflow: hidden;
		text-indent: -9999px;
		padding: 0;
	}

		.basic-list a span {
			left: 6px;
		}

	/*** SEARCH ***/
	.main-search-box,
	.search-results {
		margin-bottom: 30px;
	}

	.search-item {
		padding-left: 8.56353591160221%;
	}

	/*** CATALOG ***/
	.catalog-options {
		margin-bottom: 30px;
	}

	.catalog-listing {
		margin-bottom: 10px;
	}

	.article-box:nth-child(2n) {
		margin-right: 0;
	}

	.article-box:nth-child(2n+1) {
		clear: left;
	}

	/*** ARTICLE ***/
	.article-info {
		margin-bottom: 30px;
	}

	/*** Cookie ***/
	#CookieWarning #iewarning {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	#ie-container {
		width: 768px !important;
	}
}

@media screen and (max-width: 767px) {

	.wrap {
		max-width: 460px;
	}

	.mob-hide {
		display: none;
	}

	.mob-c1 {
		width: 1.709401709401709% !important;
	}

	.mob-c2 {
		width: 5.982905982905982% !important;
	}

	.mob-c3 {
		width: 10.25641025641026% !important;
	}

	.mob-c4 {
		width: 14.52991452991453% !important;
	}

	.mob-c5 {
		width: 18.8034188034188% !important;
	}

	.mob-c6 {
		width: 23.07692307692307% !important;
	}

	.mob-c7 {
		width: 27.35042735042735% !important;
	}

	.mob-c8 {
		width: 31.62393162393162% !important;
	}

	.mob-c9 {
		width: 35.89743589743589% !important;
	}

	.mob-c10 {
		width: 40.17094017094017% !important;
	}

	.mob-c11 {
		width: 44.44444444444444% !important;
	}

	.mob-c12 {
		width: 48.71794871794871% !important;
	}

	.mob-c13 {
		width: 52.99145299145299% !important;
	}

	.mob-c14 {
		width: 57.26495726495726% !important;
	}

	.mob-c15 {
		width: 61.53846153846153% !important;
	}

	.mob-c16 {
		width: 65.8119658119658% !important;
	}

	.mob-c17 {
		width: 70.08547008547008% !important;
	}

	.mob-c18 {
		width: 74.35897435897435% !important;
	}

	.mob-c19 {
		width: 78.63247863247862% !important;
	}

	.mob-c20 {
		width: 82.9059829059829% !important;
	}

	.mob-c21 {
		width: 87.17948717948717% !important;
	}

	.mob-c22 {
		width: 91.45299145299144% !important;
	}

	.mob-c23 {
		width: 95.72649572649572% !important;
	}

	.mob-c24 {
		width: 100% !important;
		margin-right: 0 !important;
	}

	/*** GRID - sub cols ***/
	.col .col,
	.col .col .col {
		margin-right: 2.564102564102564%;
	}

	.col .mob-c1 {
		width: 1.709401709401709%;
	}

	.col .mob-c2 {
		width: 5.982905982905982%;
	}

	.col .mob-c3 {
		width: 10.25641025641026%;
	}

	.col .mob-c4 {
		width: 14.52991452991453%;
	}

	.col .mob-c5 {
		width: 18.8034188034188%;
	}

	.col .mob-c6 {
		width: 23.07692307692307%;
	}

	.col .mob-c7 {
		width: 27.35042735042735%;
	}

	.col .mob-c8 {
		width: 31.62393162393162%;
	}

	.col .mob-c9 {
		width: 35.89743589743589%;
	}

	.col .mob-c10 {
		width: 40.17094017094017%;
	}

	.col .mob-c11 {
		width: 44.44444444444444%;
	}

	.col .mob-c12 {
		width: 48.71794871794871%;
	}

	/*** GLOBAL & Typ ***/
	h1 {
		margin-bottom: 20px;
	}

	h2, h3, h4, h4, h5, h6 {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	h1 {
		font-size: 2.285em;
	}

	h2 {
		font-size: 1.85em;
	}

	h3 {
		font-size: 1.715em;
	}

	h4 {
		font-size: 1.5em;
	}

	h5 {
		font-size: 1.285em;
	}

	h6 {
		font-size: 1.14em;
	}

	p, ul, ol, blockquote {
		margin-top: 20px;
		margin-bottom: 20px;
	}

		p + ul,
		p + ol {
			margin: -10px 0 20px 0;
		}

	blockquote {
		padding: 0 20px;
	}

	hr {
		margin: 20px 0;
	}

	.table-wrapper {
		margin: 20px 0;
	}

	.video-wrapper,
	.googlemaps-wrapper {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 10px;
	}

	th, td {
		padding: 8px 10px;
		font-size: 12px;
	}

	.intro,
	.content,
	.side-content,
	.content-footer,
	.gallery {
		margin-bottom: 20px;
	}

	/*** LAYOUT ***/
	#pageHeader,
	#pageContainer,
	#pageFooter,
	#navigation,
	#slider {
		padding-right: 10px;
		padding-left: 10px;
	}

	#pageContainer {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.path {
		display: none;
	}

	.print {
		display: none;
	}

	.share-header {
		margin-top: -10px;
		margin-bottom: 20px;
	}

	.share-footer {
		margin-top: 30px;
		padding-top: 30px;
	}

	.path {
		display: none;
	}

	.side-items {
		display: none;
	}

	.side-item {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
		min-height: 0;
	}

		.side-item img {
			display: block;
			width: 100%;
		}

	.slide-content {
		display: none;
	}

	.search-submit {
		width: 30px;
		height: 30px;
		background: url(../images/css/search-button.png) no-repeat 0 0;
		text-indent: -9999px;
		border: none;
		padding: 0;
		float: none;
		margin: 0;
		position: absolute;
		right: 0;
	}

		.search-submit:hover,
		.search-submit:active {
			background: url(../images/css/search-button.png) no-repeat 0 0;
			cursor: pointer;
		}

	/*** PAGINATOR ***/
	.paginator a {
		display: none;
	}

	.paginator .on {
		display: block;
	}

	.prevPage a,
	.nextPage a {
		display: block;
	}

	/*** SEARCH ***/
	.main-search-box,
	.search-results {
		margin-bottom: 20px;
	}

	.main-search-box {
		padding: 10px;
	}

	.main-search {
		padding: 0;
	}

	.results-dd {
		padding: 10px 0 0;
		margin: 10px 0 0;
		text-align: left;
		line-height: 1.5em;
	}

		.results-dd p {
			display: block;
			margin: 0 0 10px;
		}

		.results-dd select {
			display: block;
			margin-left: 0;
		}

	.search-item {
		padding-left: 10.25641025641026%;
	}

	/*** CATALOG ***/
	.catalog-options {
		margin-bottom: 20px;
	}

	.catalog-listing {
		margin-bottom: 0;
	}

	.catalog-options {
		padding: 10px;
	}

	.sort {
		padding: 0;
	}

		.sort p {
			line-height: normal;
			display: block;
			margin: 0 0 10px;
		}

	.sort-main {
		display: block;
		padding: 5px;
		border: 1px solid #c4c3c3;
		position: relative;
		background: #fff;
	}

	.sort .panel {
		position: relative;
		z-index: 1;
	}

	.sort li {
		display: none;
		margin: 0 0 5px;
		clear: both;
		min-height: 36px;
	}

		.sort li.on {
			display: block;
			margin-bottom: 0;
		}

		.sort li:first-child {
			margin-right: 0;
		}

		.sort li:last-child {
			margin-bottom: 0;
		}

	.sort a {
		float: left;
	}

	.sort .switch {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 2;
		width: 46px;
		height: 46px;
		overflow: hidden;
		background: url(../images/css/sort-switch.png) no-repeat 0 0;
	}

	.sort.open .switch {
		background-position: 0 -46px;
	}

	.sort.open li {
		display: block;
	}

		.sort.open li.on {
			margin-bottom: 5px;
		}

			.sort.open li.on:last-child {
				margin-bottom: 0;
			}

	/*** ARTICLE ***/
	.article-info {
		margin-bottom: 20px;
	}

	/*** Cookie ***/
	#CookieWarning #iewarning {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	#ie-container {
		width: 100% !important;
		padding: 85px 0 0 0 !important;
		background-position: 50% 0 !important;
	}

	#iewarning h3 {
		font-size: 16px !important;
	}

	.article-info-price del,
	.article-info-price strong {
		display: block;
	}
}

@media screen and (max-width: 460px) {
	.article-info-price del,
	.article-info-price strong {
		display: block;
		font-size: 14px;
	}

	.article-info li {
		padding: 10px;
	}
}