/*************************************
 +Responsive
*************************************/

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

	.wrapper-header {
		height: 95px;
	}

	.home aside, .single-post aside, .single-repertoar aside,
	.home .content, .single-post .content, .single-repertoar .content {
		width: 100%;
		float: none;
	}

	header.master h1 {

	}

	.wrapper-menus {
		width: 80%;
	}

	.menu-1-container, .menu-2-container, .menu-3-container, .menu-language {

	}


	.wrapper-content {
		margin-top: 182px;
	}

	ul.news-list li {
		padding: 0;
		width: 31%;
		float: left;
	}

		ul.news-list li.first {
			padding: 0 2% 0 0;
		}

		ul.news-list li.middle {
			padding: 0 1%;
		}

		ul.news-list li.last {
			padding: 0 0 0 2%;
		}

	a.meta-archive {
		float: right;
		background-position: left 0px top 9px no-repeat;
	}

}



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

	.menu-1-container, .menu-2-container, .menu-3-container, .menu-language {
		margin-left: 18px;
	}

	.menu-1-container {
		padding-bottom: 2px;
	}


	.wrapper-menus {
		/* height: 68px; */
	}

}


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

	.single-repertoar .content .entry,
	.single-post .content .entry {
		width: 100%;
	}

	.content,
	.single-post aside,
	.single-repertoar aside,
	.home aside,
	.page-template-page-template__jukebox-php .content,
	._page-template-page-template__program-php .content,
	.home .o-divadle {
		padding: 0 4%;
		width: 92% !important;
	}

	.home mark {
		font-size: 70%;
	}

		.home mark * {
			line-height: 100%;
		}

	ul.jukebox-list.video li {

	}

	.program .program-month {
		width: 46%;
		display: inline-block;
		vertical-align: top;
		padding: 0 1.5%;
		/*min-width: 236px;*/
		margin: 0 0 2.5em;
	}

}



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

	.content,
	.single-post aside,
	.single-repertoar aside,
	.home aside /*ul.news-list li*/ {
		padding: 0 4% !important;
		width: 92% !important;
	}

	.bg, .bg2, .wrapper-header {
		background-image: none !important;
	}

	ul.news-list li {
		width: 92% !important;
		padding: 0 !important;
		float: none;
	}

	.program .program-month {
		float: none;
		width: 100%;
		padding: 0;
	}


		.menu-1-container ul.sub-menu {
			padding-top: 4px;
			line-height: 140%;
		}

	a.meta-archive {
		margin-left: 4%;
	}

}


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

	.flex {
		display: block;
	}

	.show-responsive-menu {
		display: block;
		float: right;
	}

	.wrapper-content {
		margin-top: 0;
	}

	.menu-1-container, .menu-2-container, .menu-3-container, .menu-language {
		width: 100%;
		display: none;
		margin-left: 0;
		font-size: 90%;
	}

	header.master, .wrapper-content {

	}

	.bg, .bg2, .bg_ncg, .wrapper-header {
		position: relative;
	}

	.wrapper-header {
		height: auto;
	}

	header.master h1, .wrapper-menus {
		width: 50% !important;
		float: left;
	}

	.home mark {
		font-size: 40%;
	}

		.home mark * {
			line-height: 100%;
		}

	.menu {
	}

		.menu-language {
			padding: 0;
		}

		.menu li,
		.menu-language li {
			display: block !important;
			text-align: right !important;
			margin: 0 !important;

		}

		header.master h1:after, .menu:after {
			content: ".";
			visibility: hidden;
			display: block;
			height: 0;
			clear: both;
		}

			ul.sub-menu {
				display: block !important;
				position: relative !important;
				top: -3px !important;
				padding-top: 0 !important;
				margin: 0 0 6px 0;
				left: 0 !important;
			}

				ul.sub-menu li {

				}

	header.master h1 {
		margin-bottom: 10px;
	}

		header.master h1 a {
			width: 150px;
			height: 76px;
		}

	.menu-1-container, .menu-2-container {
		width: auto !important;
	}

		.menu-2-container:after {

		}


		.menu-3-container ul li {
	    display: inline-block !important;
	}

	.content,
	.single-post aside,
	.single-repertoar aside {
		padding: 2% !important;
		width: 100% !important;
	}

	a.meta-archive {
		margin: 0 2%;
	}

	.page-template-default .content,
	.page-template-page-template__jukebox-php .content,
	._page-template-page-template__program-php .content,
	.home .o-divadle {
		padding: 0 2%;
	}

}