.showOn, .topNav .open {
	display: none;
}

@media screen and (max-width: 1230px) {
	html, body {
		min-width: 260px;
	}
	.menu {
		display: none;
	}
	.header-in, .main-in, .footer-in, .topBar-in, .searchBox-in {
		width: auto;
		margin: 0 auto;
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		max-width: 1100px;
	}
	.searchBtn, .basket {
		right: 15px;
	}
	.viamusica {
		right: 109px;
	}
	.row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	.row div[class^="col"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.row-pad5 div[class^="col"] {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.row-pad10 div[class^="col"] {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.row-pad5 {
		margin-left: -5px !important;
		margin-right: -5px !important;
	}
	.row-pad10 {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	img[src*="wysiwyg_thumbs"] {
		width: 100% !important;
		max-width: 50%;
		height: auto !important;
	}
	.slider {
		padding: 0 30px;
		position: relative;
	}
	.slider>.icon-sipka-left {
		left: -15px;
		width: 40px;
	}
	.slider>.icon-sipka-right {
		right: -15px;
		width: 40px;
	}
	.tabOver {
		display: none;
	}
	.ticketBuy-seats-resp {
		display: block;
		text-align: left;
		margin: 0 auto;
		max-width: 550px;
	}
	.ticketBuy-seats-resp.selects {
		max-width: 360px;
	}
	.searchBox-in form, .topFilter, .topFulltext {
		padding-left: 15px;
		padding-right: 15px;
	}
	.searchBox-in {
		padding-left: 0;
		padding-right: 0;
	}
	.lang {
		right: 215px;
	}
	.voucher .v1, .voucher .v2 {
		font-size: calc(2px + 1.5vw);
	}
	.voucher .v2 strong {
		font-size: calc(8px + 1.5vw);
	}
}

@media screen and (max-width: 960px) {
	.footer div[class^="col"] {
		padding: 0 15px;
		float: none;
		text-align: center !important;
		width: 100%;
		float: none;
		margin: 3px 0;
	}
	.footer p {
		padding: 5px 0;
	}
	.viamusica {
		right: 0;
	}
	.basket {
		right: 0;
		top: 0;
	}
	.searchBtn {
		right: 93px;
	}
	.searchBtn span {
		display: none;
	}
	.basket em {
		display: none;
	}
	.basket {
		background: #bf9d34;
		color: white;
	}
	.basket a span {
		display: inline;
		vertical-align: middle;
		line-height: 62px;
	}
	.basket i {
		color: white;
		vertical-align: middle;
	}
	.basket a {
		color: white;
		font-size: 1em;
		font-weight: 400;
		height: auto;
		padding: 0 15px;
		height: 62px;
	}
	.basketIco {
		position: static;
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
	.basket i {
		line-height: 1.2em;
	}
	.topNav nav {
		padding-right: 0;
	}
	.topNav {
		display: none;
		max-width: 360px;
	}
	.topNav--on .topNav {
		display: block;
	}
	.showOn {
		color: #94002a;
		display: inline-block;
		text-transform: uppercase;
		font-size: 1.25em;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		height: 62px;
		padding: 0 0;
	}
	.showOn span {
		display: inline-block;
		vertical-align: middle;
		margin-right: 20px;
	}
	.showOn span span {
		background: #94002a;
		height: 3px;
		width: 20px;
		display: block;
		margin: 5px auto;
		overflow: hidden;
	}
	.showOn span:after, .showOn span:before {
		content: " ";
		display: block;
		background: #94002a;
		height: 3px;
		width: 20px;
		display: block;
		margin: 0 auto;
		overflow: hidden;
	}
	.showOn strong {
		font-weight: 300;
		display: inline-block;
		vertical-align: middle;
		line-height: 62px;
	}
	.showOn:hover {
		color: #bf9d34;
	}
	.showOn:hover span span, .showOn:hover span:after, .showOn:hover span:before {
		background: #bf9d34;
	}
	.topNav a {
		text-align: left;
		padding: 10px 15px;
		line-height: 1.25em;
	}
	.topNav nav li {
		float: none;
	}
	.topNav ul {
		display: block;
	}
	.topNav a span {
		height: auto;
		padding: 0;
	}
	.topNav {
		padding-top: 10px;
		padding-bottom: 5px;
	}
	.steps li {
		width: 175px;
		padding: 0 10px;
	}
	.steps li img {
		width: 110px;
		height: 110px;
	}
	.steps li+li:after {
		width: 28px;
		left: -16px;
		background-size: contain;
		background-position: center center;
	}
	.content, .HP .content {
		padding: 15px 0;
	}
	.breadcrumbs {
		margin-bottom: -15px;
	}
	.slideCont {
		left: 15px;
	}
	.slider {
		margin-top: 0;
	}
	.cat a {
		min-height: 113px;
		padding-bottom: 8px;
	}
	/*
	.slider{ width: 100%; max-width: 100%; padding: 0 0;  position: relative; margin-top: 0;  }
	.slider-in{ overflow: visible; white-space: normal; padding-top: 0;  margin: 0 -10px;  padding: 0; width: auto; }
	.slider:after{ content: " "; display: block; clear: both; }
	.roll{ float: left; width: 50%;   padding: 10px; text-transform: uppercase;}
	.roll:nth-of-type(2n+1){ clear: left; }
	.roll:nth-of-type(n+5){ display: none; }
	.roll .card{ display: none; }
	.slider .cat a::before{ position: static; display: block; margin: 0 auto; width: 60px; }
	.slider .cat a{ padding: 15px 15px;  min-height: 200px;}
	.slider .cat a i { position: static; display: block; margin: 15px auto 0 auto; background: #B44C69; color: white; font-size: 24px; text-align: center; line-height: 42px; width: 42px; height: 42px; -moz-border-radius: 50%; border-radius: 50%; -webkit-border-radius: 50%;}
	.slider .cat{ font-size: 1.6em; }
	
	.slider>.icon-sipka-left{ display: none; }
	.slider>.icon-sipka-right{ display: none; }

	
	.categories .card{ display: none; }
	.categories .spec{ margin-top: 0 !important; background: #d6d6d1; padding: 15px;}
	.categories .col-3{ width: 50%; padding: 10px !important; margin: 0; }
	.darkBlock .main-in{ background: #E7E7E4; }
	.spec .circleBtn{ display: block; margin: 20px auto 0 auto;  line-height: 40px; font-size: 24px;}
	.spec a .ico{  font-size: 50px; margin-bottom: 20px; }
	.spec a{ min-height: 200px; display: block; }	
	.spec{ font-size: 1.6em; }
	*/
	.categoryList .card+.card {
		display: none;
	}
	.categoryList h2 {
		margin-top: 30px !important;
	}
	.spec {
		margin-top: 15px !important;
		min-height: 110px;
	}
	.detailHeaderText h1 {
		padding-right: 0;
	}
	.detailHeaderCont p {
		max-width: 100%;
	}
	.zal {
		margin: 0;
		max-width: 100%;
		margin-top: -3px;
		margin-bottom: 25px;
		float: none;
	}
	.zal ol li:first-child {
		border-left-width: 0;
	}
	.navig a, .navig span {
		width: 32px;
		font-size: 1em;
		line-height: 32px;
		min-width: 32px;
	}
	.catHeader .col-6 {
		margin: 0;
		width: 100%;
		float: none;
	}
	.sort {
		border-top: 3px solid #E7E7E4;
		padding: 0;
		width: 100%;
	}
	.allEvents {
		line-height: 2em;
	}
	.catHeader .right {
		text-align: left !important;
	}
	.searchBox-in .topFulltext {
		float: none;
		width: 100% !important;
		border-right: 0;
	}
	.searchBox-in .topFulltext .fulltext {
		display: flex;
		-ms-align-items: center;
		align-items: center;
	}
	.searchBox-in .topFulltext .fulltext p {
		flex: 100 1 auto;
	}
	.searchBox-in .topFulltext .fulltext p+p {
		margin: 0;
		flex: 1 100 auto;
		flex: auto;
	}
	.topFilter, .topFulltext {
		width: 100%;
	}
	.header-in .logo {
		font-size: 1.6em;
		font-size: calc(1em + 2vw);
	}
	.lang {
		right: 106px;
	}
	.eventList article h3 {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 760px) {
	.footerMenu .col {
		width: 100%;
		float: none;
		padding: 0 !important;
	}
	.footerMenu .main-in {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.footerMenu .subUL ul {
		display: none;
		background: #d6d6d1;
		margin: 0 -15px;
		padding: 5px 15px;
	}
	.subUL ul a {
		color: #313131;
		padding: 4px 0;
	}
	.level1 {
		border-bottom: 10px solid white;
		margin-bottom: 5px;
	}
	.footerMenu h4 span {
		display: block;
	}
	.footerMenu h4 {
		margin-bottom: 0;
		line-height: 42px;
		padding: 5px 0;
	}
	.footerMenu ul {
		padding: 15px 0;
	}
	.footerMenu .circleBtn {
		display: block;
		float: right;
		color: white;
		line-height: 42px;
		cursor: pointer;
	}
	.footerMenu .main-in {
		padding-bottom: 5px;
	}
	.subUL ul.rollOut {
		display: block;
	}
	.col-4, .col-6, .col-5, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width: 100%;
		float: none;
		margin: 0 0;
		clear: both;
	}
	.col-1, .col-2, .col-3 {
		width: 50%;
		margin: 0 0;
	}
	.row div[class^="col"]:first-child {
		margin-top: 0;
	}
	.row.separated div[class^="col"] {
		border: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.textBox .col-4+.col-4 {
		border-top: 1px solid #313131;
		margin-top: 25px;
		padding-top: 25px;
	}
	.cat a, .spec {
		min-height: 0;
	}
	.nextToNavig {
		float: none;
		text-align: center;
	}
	.navig {
		text-align: center;
	}
	.detailCont {
		padding: 15px;
		padding-top: 1px;
	}
	.detImg, .confirm {
		margin-left: -15px;
		margin-right: -15px;
	}
	.detailColums .col-6+.col-6 {
		margin-top: 30px;
	}
	.zalInContent {
		margin-left: -15px;
		margin-right: -15px;
	}
	.searchBox .row .col-4 {
		width: 33.3333%;
		margin: 0 0;
		float: left;
	}
	.content .bottomImg {
		margin: 15px -15px -15px -15px;
	}
	.vouchetSet .row .col-6:first-child {
		order: 3;
		padding-top: 15px;
	}
}

@media screen and (max-width: 650px) {
	.header-in .logo em.pml {
		display: none;
	}
	.header-in .logo em {
		display: block;
	}
	.basket {
		width: 50px;
	}
	.basket i {
		float: none;
		display: block;
		line-height: 27px;
	}
	.basket a span {
		line-height: 1.2em;
	}
	.basket a {
		line-height: 1.2em;
		padding-top: 5px;
		padding-left: 4px;
		padding-right: 4px;
	}
	.basketIco {
		margin: 0 0;
	}
	.searchBtn {
		right: 50px;
	}
	.searchBtn strong i {
		display: block;
		margin: 0 auto -4px auto;
		min-height: 32px;
		line-height: 36px !important;
	}
	.searchBtn {
		line-height: 1.2em;
		padding-top: 3px;
		width: 110px;
		padding: 3px 4px 0 4px;
		font-size: 1em;
	}
	.topBar-in {
		padding: 0;
	}
	.searchBtn span {
		display: none;
	}
	.showOn span {
		display: block;
		text-align: center;
		margin: 3px 0;
	}
	.showOn strong {
		line-height: 1.2em;
	}
	.showOn {
		padding: 5px 15px 0 15px;
	}
	.cart table, .cart tr, .cart td, .cart tbody {
		display: block;
		width: 100% !important;
		text-align: left;
		border: 0;
		background: transparent;
	}
	.cart .thRow, thead {
		display: none;
	}
	.cart table .cartItem td {
		width: 100%;
		border: 0;
		display: block;
		width: 100%;
	}
	.cart table .cartItem {
		background: #e7e7e4;
		position: relative;
		margin-top: 4px;
		padding-right: 40px;
	}
	.cart .remove {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.cart .suma {
		display: table;
		table-layout: fixed;
	}
	.cart .suma td {
		display: table-cell;
		width: 50%;
	}
	.searchBox .row .col-4 {
		width: 1000%;
		margin: 5px 0;
		float: none;
	}
	.cart td .icon-cross-small {
		position: absolute;
		right: 5px;
		top: 5px;
	}
	.lang {
		top: 52px;
	}
}

@media screen and (max-width: 580px) {
	.calendar {
		left: auto;
		right: -13px;
		top: 53px;
	}
	.calendar:after {
		left: auto;
		right: 30px;
		top: -34px;
		transform: rotate(90deg);
	}
	.ev .calendar:after {
		right: auto;
	}
	.eventList article {
		flex-flow: row wrap;
		align-items: stretch;
	}
	.evContR {
		width: 50%;
		border-width: 0 0 1px 0;
		margin-bottom: 0;
	}
	.evContL {
		order: 3;
	}
	.ev .img {
		width: 50%;
	}
	.evCal a {
		margin-bottom: 5px;
	}
}

@media screen and (max-width: 470px) {
	body {
		font-size: 1em;
	}
	h1 {
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.3em;
	}
	.col-1, .col-2, .col-3 {
		width: 100%;
		float: none;
		margin: 0;
		clear: both;
	}
	.potvrzeni {
		top: 10%;
		max-width: 280px;
		margin-left: -140px;
	}
	.potvrzeni .btn {
		float: none !important;
		display: block;
		margin: 10px auto;
		text-align: center;
		width: auto;
	}
	.help {
		position: static;
	}
	.help .popup {
		position: fixed;
		left: 2.5%;
		top: 75px;
		width: 95%;
		z-index: 10000;
		cursor: pointer;
	}
	.popup .arrow {
		display: none;
	}
	.grayBlock .steps li {
		display: block;
		text-align: center;
		width: auto;
	}
	.grayBlock .steps li+li {
		padding-top: 50px;
	}
	.grayBlock .steps li+li:after {
		width: 28px;
		left: 50%;
		margin-left: -15px;
		top: 0;
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.slider {
		width: 100%;
		max-width: 100%;
		padding: 0 0;
		position: relative;
		margin-top: 0;
	}
	.slider-in {
		overflow: visible;
		white-space: normal;
		padding-top: 0;
		margin: 0 -10px;
		padding: 0;
		width: auto;
	}
	.slider:after {
		content: " ";
		display: block;
		clear: both;
	}
	.roll {
		float: left;
		width: 50%;
		padding: 10px;
		text-transform: uppercase;
	}
	.roll:nth-of-type(2n+1) {
		clear: left;
	}
	.roll:nth-of-type(n+5) {
		display: none;
	}
	.roll .card {
		display: none;
	}
	.slider .cat a::before {
		position: static;
		display: block;
		margin: 0 auto;
		width: 60px;
	}
	.slider .cat a {
		padding: 15px 15px;
		min-height: 200px;
	}
	.slider .cat a i {
		position: static;
		display: block;
		margin: 15px auto 0 auto;
		background: #B44C69;
		color: white;
		font-size: 24px;
		text-align: center;
		line-height: 42px;
		width: 42px;
		height: 42px;
		border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.slider .cat {
		font-size: 1.6em;
	}
	.slider>.icon-sipka-left {
		display: none;
	}
	.slider>.icon-sipka-right {
		display: none;
	}
	.prepinac {
		display: none;
	}
	.slideCont {
		position: static;
		max-width: 100%;
		background: #ccccc6;
	}
	.slideShow img {
		width: 100%;
		height: auto;
		display: block;
		height: auto;
		display: none;
	}
	.slide {
		position: static;
		padding-top: 210px;
		background-size: auto 210px;
		background-position: center 0;
		display: block !important;
		opacity: 1 !important;
	}
	.slide+.slide {
		display: none;
	}
	.slider .cat a::before {
		display: none;
	}
	.roll {
		float: none;
		padding: 3px 0;
		text-transform: uppercase;
		width: 100%;
	}
	.slider .cat a {
		min-height: 0;
		text-align: left;
		padding-right: 60px;
	}
	.slider .cat a i {
		margin: 0;
		position: absolute;
		right: 10px;
		top: 9px;
	}
	.categories .card {
		display: none;
	}
	.categories .spec {
		margin-top: 0 !important;
		background: #d6d6d1;
		padding: 15px;
	}
	.categories .col-3 {
		width: 50%;
		padding: 10px !important;
		margin: 0;
	}
	.darkBlock .main-in {
		background: #E7E7E4;
	}
	.spec .circleBtn {
		display: block;
		margin: 20px auto 0 auto;
		line-height: 40px;
		font-size: 24px;
	}
	.spec {
		font-size: 1.6em;
	}
	.categories .spec {}
	.categories .row-pad10 .col-3 {
		width: 100%;
		padding: 3px 0 !important;
		margin: 0;
		float: none;
	}
	.spec .circleBtn {
		margin: 0;
		position: absolute;
		right: 10px;
		top: 11px;
	}
	.spec a .ico, .spec span .ico, .spec a img, .spec span img {
		display: none;
	}
	.spec a, .spec span {
		min-height: 0;
		text-align: left;
		display: block;
		padding-right: 50px;
	}
	.zal li a {
		font-size: .9em;
	}
	.ticketBuy-simple-table td {
		display: block;
		text-align: center !important;
		border-top: 0;
	}
	.ticketBuy-simple-table tr {
		display: block;
		margin-top: 5px;
	}
	.ticketBuy-simple-table .thRow {
		display: none;
	}
	.cal {
		display: block;
		text-align: left;
	}
	.cartSteps li+li:after {
		display: none;
	}
	.cartSteps li span {
		margin: 0 auto;
	}
	.detailHeaderIco, .catHeader h1 i {
		display: none;
	}
	.sort > span {
		float: none;
		display: block;
		width: 100%;
	}
	.detailHeader h1 i {
		position: static;
		top: 0;
		margin: 0;
	}
	.calendar {
		left: auto;
		right: -13px;
		top: 53px;
	}
	.calendar::after {
		left: auto;
		right: 30px;
		top: -34px;
		transform: rotate(90deg);
	}
}

@media (max-width: 420px) {
	.evContR {
		width: 100%;
		border-width: 0 0 0 0;
		order: 3;
		margin-top: 0;
		padding-bottom: 10px;
	}
	.evContL {
		order: 2;
	}
	.ev .img {
		width: 100%;
	}
	.ev .img {
		max-width: 100%;
	}
	.evCal .calendar {
		left: 0;
		right: auto;
	}
}

@media screen and (min-width: 960px) {
	.topNav {
		display: block !important;
	}
}