/*-------- Media Queries --------*/

/* 1200px */
@media screen and (min-width : 1200px) {
	.container {
		max-width: 1170px;
	}
}

/*992 - 1200px */
@media screen and (max-width : 1200px) {
	.slick-slide > div {
		width: 300px;
		margin: 0 auto;
	}

	.offer__posters_btn {
		width: 280px;
	 }

	 .menu li a {
		 font-size: 12px;
	}

	.menu li {
		margin-right: 15px;
	}

	.teatr-boxes_frame {
		left: 32%;
	}

	.single-news__img_frame {
		width: 510px;
		height: 332px;
	}

	.history__box_image:after {
		right: -24px;
	}

	.single-news__right_img {
		height: 100%;
	}

	.contacts__left-box a {
		font-weight: 500;
	}

	.offer__posters_btn a {
		font-size: 12px;
	}
}

/*768 - 992px */
@media screen and (max-width : 992px) {
	.slick-slide > div {
		width: 320px;
	}

	.menu {
		display: none!important;
	}

	.teatr-boxes_img {
		padding-top: 40px;
		padding-left: 0;
	}

	.teatr-boxes_text {
		right: 0;
	}

	h2:before {
		width: 25%;
	}

	.gallery__box {
		width: 50%;
	}

	.gallery__box:last-child {
		display: none;
	}
	
	.news__box {
		width: 48%;
	}

	#overlay-button {
		display: block;
	}

	.bread, .breadcrumbs-line {
		display: none;
	}

	.repertuar__boxes {
		-webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	}

	.repertuar__boxes .repertuar__box:nth-child(3n+2) {
		margin: 0 0 10px 0;
	}

	#overlay-button {
		right: 0%;
	}

	.repertuar__box {
		width: 48%;
		margin-bottom: 10px;
	}

	.afisha__box {
		width: 45%;
		padding: 10px;
	}

	.afisha__box:nth-child(3n+2) {
		margin: 0 0 0 0;
	}

	.afisha-single h1 {
		margin-top: 15px;
	}

	.single-news__img_frame {
		display: none;
	}

	.single-news__left {
		margin-bottom: 30px;
		padding: 0 0 25px 0;
		border-bottom: 1px solid #F1AE4B;;
	}

	.single-news__right_boxes {
		display: flex;
	}

	.single-news__right_box:nth-child(2) {
		padding: 0 10px;
	}

	.img-comp-img img {
		width: 100%;
	}

	.director__img:after {
		width: 64%;
		left: 49px;
		bottom: -48px;
	}

	.director__text {
		margin-top: 100px;
	}

	.makers__box {
		width: 46%;
	}

	.map:after {
		display: none;
	}

	.map {
		margin-top: 30px;
	}

	.teatr-boxes_frame {
		display: none;
	}

	.contacts__left-box a span {
		display: block;
	}
}

@media screen and (min-width : 992px) and (max-width : 992px) {
	.single-news__right_boxes {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
        	flex-direction: column;
	}

	.single-news__right_box:nth-child(2) {
		padding: 0;
	}
}

/*576 - 768px */
@media screen and (max-width : 768px) {
	.teatr-boxes_text {
		width: 100%;
	}

	.teatr-boxes_frame {
		display: none;
	}

	h2:before {
		content: '';
		background: #F1AE4B;
		height: 1px;
		width: 50%;
		position: absolute;
		left: 50%;
		margin-left: -25%;
		top: 120%;
	}

	.slick-next {
		right: 25px;
	}

	.slick-prev {
		left: 25px;
	}

	.news__box {
		width: 80%;
	}

	.news__boxes {
		justify-content: center;
	}

	.afisha__box {
		width: 80%;
		padding: 10px;
	}

	.offer__posters_btn {
		width: 100%;
	}

	.single-news__right_boxes {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	}

	.img-comp-img img {
		height: 300px;
	}

	.img-comp-container {
		height: 350px;
	}

	.director__img:after {
		width: 86%;
		left: 45px;
		bottom: -48px;
	}

	.managers__box {
		padding: 20px;
	}

	.makers__box, .managers__box, .actor__box {
		width: 70%;
	}

	.footer {
		text-align: center;
	}

	.tab {
		flex-wrap: wrap;
	}
}

/*320 - 576px */
@media screen and (max-width : 576px) {
	.logo {
		width: 70px;
	}

	.header {
		padding-bottom: 70px;
	}

	.partners__box {
		width: 40%;
	}

	#overlay-button {
		top: 7%;
	}

	.slick-slide > div {
		width: auto;
	}

	.repertuar__box {
		width: 80%;
	}

	.repertuar__boxes {
		-webkit-box-pack: center;
    		-ms-flex-pack: center;
          justify-content: center
	}

	.repertuar {
		padding-top: 0;
	}

	.programm-lists {
		padding-top: 50px;
	}

	.history h1 {
		font-size: 42px;
	}

	.history__box_image:after {
		display: none;
	}

	.director__img:after {
		display: none;
	}

	.director__text {
		margin-top: 40px;
	}

	.managers__boxes {
		justify-content: center;
	}

	h1 {
		font-size: 36px;
	}

	.gallery__box {
		width: 100%;
	}

	.teatr-boxes_text {
		padding: 80px 29px 24px;
	}

	.main {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.about {
		padding-top: 100px;
    		padding-bottom: 420px;
	}

	.actors, .gallery, .news {
		padding: 100px 0;
	}
}

@media screen and (max-width : 422px) {
	.afisha__box {
		width: 95%;
		padding: 5px;
	}

	.offer__posters_btn a {
		font-size: 12px;
	}

	.afisha-single h1 {
		font-size: 45px;
	}
}