@media (min-width:940px) {
 			.header .menu li{position: relative;}
 			.header .menu li ul{display: none; position: absolute; top: 50px; left: 27px; right: auto; background: #f2eedc; text-align: left; line-height: 22px; margin: 0; padding: 0; width: auto;}
			.header .menu li:hover ul{display: block; margin: 0;}
			.header .menu li ul li{display: block; padding:8px 0; margin: 0; width: 200px;}
			.header .menu li ul li a{display: block; color: #333; margin: 0 8px;}
		}
/***
 *     █████╗  █████╗  ██████╗
 *    ██╔══██╗██╔══██╗██╔═████╗
 *    ╚██████║╚█████╔╝██║██╔██║
 *     ╚═══██║██╔══██╗████╔╝██║
 *     █████╔╝╚█████╔╝╚██████╔╝
 *     ╚════╝  ╚════╝  ╚═════╝
 */

 @media (max-width:1170px) and (min-width:940px) {

iframe{width: 48% !important; height: 240px; margin-right: 2%; display: inline-block;}

body{min-width: 980px;}
.wrap{ width: 940px; padding: 1px 10px;}
h1{font-size: 26px;}
h2{font-size: 26px;}
.linkstabs{font-size: 26px;}
.linkstabs ul li{margin: 0 0 0 30px;}
.ttl-line:before{width: 940px;}

	.btn.more.center{margin-left: 380px;}

.cols .colhalf {width: 460px;}

.dateinfo{width: 200px;  padding: 8px 0;}
	.dateinfo .date{font-size: 25px; font-weight: 500; display: block;}
.gallery-four img{width: 23%; height: auto;}
.article.video {width: 48.5%; height: 300px;}



.header .wrap:before{background-size: 60%; background-repeat: no-repeat; opacity: 0.8}
	.header .menu li a{ margin: 0 7px; font-size: 15px;}

	.footer .col{width: 160px; padding-right: 10px;}
	.footer .col:nth-child(1){width: 270px; position: 0;}
	.footer .col:nth-child(5){width: 140px; text-align: right; padding-right: 0;}



.slider-front{height: 265px; width: 100%; padding-left: 10px; padding-right: 10px; left: -10px;}
.slider-front .slider{height: 265px; }

.news-front .articles .article{width: 298px; float: left; border:1px solid #e6e6e6; height: 330px; margin-right: 17px; position: relative;}
	.news-front .articles .article:nth-child(3){margin-right: 0;}
	.news-front .articles .article:nth-child(4){display: none;}
		.news-front .articles .article img{width: 298px; height: 200px;}

.info-front p{line-height: 24px; padding:0 35px;}
	.info-front br{display: none;}

.afisha-front ul li{width: 193px; }

.contact-front .map{width: 530px;}

.baner-front a{margin: 0 0.5%;} 
	.baner-front a img{width: 15%;} 


.afisha-page .articles .article{width: 940px; height: 350px;}
		.afisha-page .articles .article .btn{position: absolute; bottom: 16px; right:16px; left: auto; width: 150px;}

.arch-page .articles {width: 670px;}
	.arch-page .articles .article .btn{right:16px; left: auto; width: 160px;}

.articles.brights .article{width: 455px;margin-right: 15px;margin-bottom: 15px;}
	.articles.brights .article:nth-child(3n){margin-right: 15px;margin-bottom: 15px;}
	.articles.brights .article:nth-child(2n){margin-right: 0;}
		.articles.brights .article img{width: 455px !important; height: 210px !important;}

	.page.collectives .articles .article{width: 450px;  min-height: 475px; }

.news-page .articles .article {width: 460px; margin: 0 10px 10px 0;}
	.news-page .articles .article img {width: 250px; height: 250px;}
	.news-page .articles .article .btn{right:16px; left: auto; width: 160px;}
}


/***
 *    ███████╗██████╗  ██████╗
 *    ╚════██║╚════██╗██╔═████╗
 *        ██╔╝ █████╔╝██║██╔██║
 *       ██╔╝ ██╔═══╝ ████╔╝██║
 *       ██║  ███████╗╚██████╔╝
 *       ╚═╝  ╚══════╝ ╚═════╝
 */

 @media (max-width:939px) and (min-width:710px) {


iframe{width: 100% !important; height: 400px;}

body{min-width: 720px;}
.wrap{ width: 700px; padding: 1px 10px;}
.ttl-line:before{width: 700px;}

h1{font-size: 26px;}
h2{font-size: 26px;}
.linkstabs{font-size: 26px;}
.linkstabs ul li{margin: 0 0 0 30px;}

	.btn.more.center{margin-left: 260px;}

.cols .colhalf {width: 100%;}

.dateinfo{width: 200px;  padding: 8px 0;}
	.dateinfo .date{font-size: 25px; font-weight: 500; display: block;}
.gallery-four img{width: 47%; height: auto;}
.article.video {width: 100%; margin-right: 0;}

.sidebar{display: none;}


		.togglemenu{display: block;}
		.menu .close{display: block;}

.header .wrap:before{background-size: 60%; background-repeat: no-repeat; opacity: 0.4}
	.header .nav .menu{display: none; background: #493628; line-height: 27px; position: fixed; top: 0; left: 0; right: 0; text-align: left;}
	.header .nav.active .menu{display: block;}

	.header .menu li{display: block; float: none; width: 700px; margin:0 auto;}
	.header .menu li a{ margin: 0 3px;}

	.footer {}
	.footer .wrap{position: relative; padding-bottom: 150px;}
	.footer .col{width: 170px; padding-right: 10px; position: relative; z-index: 1;}
	.footer .col:nth-child(1){width: 700px;   position: absolute; bottom: 10px; left: 0; z-index: 2;}
	.footer .col:nth-child(5){width: 140px; text-align: right; padding-right: 0;}



.slider-front{height: 200px; width: 100%; padding-left: 10px; padding-right: 10px; left: -10px;}

.slider-front .slider{height: 200px; }

.news-front .articles .article{width: 335px; float: left; border:1px solid #e6e6e6; height: 330px; margin-right: 17px;margin-bottom: 17px;  position: relative;}
	.news-front .articles .article:nth-child(2n){margin-right: 0;}
		.news-front .articles .article img{width: 335px; height: 210px;}

.info-front{height: auto; background-size: cover;}
.info-front p{line-height: 24px; padding:0 35px 15px;}
	.info-front br{display: none;}

.afisha-front ul li{width: 308px;}
.afisha-front ul li img{width: 350px;}

.contact-front .map{width: 700px; float: none;}

.baner-front{text-align: center;}
.baner-front a{padding: 5px 0; margin: 0; display: inline-block; text-align: center; width: 32%} 
	.baner-front a img{width: 100%;} 


.afisha-page .articles .article{width: 100%; height: 350px;}
		.afisha-page .articles .article .btn{position: absolute; bottom: 16px; right:16px; left: auto; width: 150px;}

.arch-page .articles {width: 100%;}
	.arch-page .articles .article .btn{right:16px; left: auto; width: 160px;}

.articles.brights .article{width: 340px;margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(3n){margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(2n){margin-right: 0;}
		.articles.brights .article img{width: 415px !important; height: 210px !important;}

	.page.collectives .articles .article{width: 698px; min-height: auto; height: auto;}

.news-page .articles .article {width: 340px; height: 400px; margin: 0 10px 10px 0;}
	.news-page .articles .article img {width: 340px; height: 250px; margin-bottom: 5px;}
	.news-page .articles .article .btn{right:16px; left: auto; width: 160px;}
	.news-page .articles .article .date{margin-left: 20px}

}


/***
 *     ██████╗ ██╗  ██╗ ██████╗
 *    ██╔════╝ ██║  ██║██╔═████╗
 *    ███████╗ ███████║██║██╔██║
 *    ██╔═══██╗╚════██║████╔╝██║
 *    ╚██████╔╝     ██║╚██████╔╝
 *     ╚═════╝      ╚═╝ ╚═════╝
 */


 @media (max-width:709px) and (min-width:600px) {

iframe{width: 100% !important; height: 400px;}

body{min-width: 620px;}
.wrap{ width: 600px; padding: 1px 10px;}
.ttl-line:before{display: none;;}
.ttl-line h1,
.ttl-line h2{border-bottom: none;}

img.align-right{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}
div.align-right{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}

h1{font-size: 26px;}
h2{font-size: 26px;}
.linkstabs{font-size: 26px; display: block; margin-top: 0; height: auto;}
.linkstabs ul:after{clear: both; display: block; content: ''}
.linkstabs ul li{margin: 0 30px 5px 0 ;}

	.btn.more.center{margin-left: 210px;}

.cols .colhalf {width: 100%;}

.dateinfo{width: 200px;  padding: 8px 0;}
	.dateinfo .date{font-size: 25px; font-weight: 500; display: block;}
.gallery-four img{width: 47%; height: auto;}
.gallery-four img:nth-child(2n){margin-right: 0;}
.article.video {width: 100%; margin-right: 0;}

.sidebar{display: none;}

.header .wrap:before{background-size: 60%; background-repeat: no-repeat; opacity: 0.4}
	.header .nav .menu{display: none; background: #493628; line-height: 27px; position: fixed; top: 0; left: 0; right: 0; text-align: left;}

	.header .nav.active .menu{display: block;}

		.togglemenu{display: block;}
		.menu .close{display: block;}

	.header .menu li{display: block; float: none; width: 600px; margin:0 auto;}
	.header .menu li a{ margin: 0 3px;}
	.header .logo img{width: 260px;}

	.footer {}
	.footer .wrap{position: relative; padding-bottom: 150px;}
	.footer .col{width: 150px; padding-right: 10px; position: relative; z-index: 1;}
	.footer .col:nth-child(1){width: 600px;   position: absolute; bottom: 10px; left: 0; z-index: 2;}
	.footer .col:nth-child(4){ padding-right: 0;}
	.footer .col:nth-child(5){width: 130px; text-align: right; padding-right: 0;}



.slider-front{height: 200px; width: 100%; padding-left: 10px; padding-right: 10px; left: -10px;}

.slider-front .slider{height: 200px; }

.news-front .articles .article{width: 285px; float: left; border:1px solid #e6e6e6; height: 330px; margin-right: 17px;margin-bottom: 17px;  position: relative;}
	.news-front .articles .article:nth-child(2n){margin-right: 0;}
		.news-front .articles .article img{width: 335px; height: 210px;}

.info-front{height: auto; background-size: cover;}
.info-front p{line-height: 24px; padding:0 35px 15px;}
	.info-front br{display: none;}

.afisha-front ul li{width: 258px;}
.afisha-front ul li img{width: 300px;}

.contact-front .map{width: 600px; float: none;}

.baner-front{text-align: center;}
.baner-front a{padding: 5px 0; margin: 0; display: inline-block; text-align: center; width: 32%} 
	.baner-front a img{width: 100%;} 


.afisha-page .articles .article{width: 100%; height: 350px;}
		.afisha-page .articles .article .btn{position: absolute; bottom: 16px; right:16px; left: auto; width: 150px;}

.arch-page .articles {width: 100%;}
	.arch-page .articles .article .btn{right:16px; left: auto; width: 160px;}

.articles.brights .article{width: 290px;margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(3n){margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(2n){margin-right: 0;}
		.articles.brights .article img{width: 415px !important; height: 210px !important;}

	.page.collectives .articles .article{width: 100%; min-height: auto; height: auto;}

.news-page .articles .article {width: 290px; height: 400px; margin: 0 10px 10px 0;}
	.news-page .articles .article img {width: 340px; height: 250px; margin-bottom: 5px;}
	.news-page .articles .article .btn{right:16px; left: auto; width: 160px;}
	.news-page .articles .article .date{margin-left: 20px}


}

/***
 *    ██╗  ██╗ █████╗  ██████╗
 *    ██║  ██║██╔══██╗██╔═████╗
 *    ███████║╚█████╔╝██║██╔██║
 *    ╚════██║██╔══██╗████╔╝██║
 *         ██║╚█████╔╝╚██████╔╝
 *         ╚═╝ ╚════╝  ╚═════╝
 */




 @media (max-width:599px) and (min-width:460px) {

iframe{width: 100% !important; height: 270px;}

body{min-width: 460px;}
.wrap{ width: 440px; padding: 1px 10px;}
.ttl-line:before{display: none;;}
.ttl-line h1,
.ttl-line h2{border-bottom: none;}

img.align-right{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}
div.align-right{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}

h1{font-size: 26px;}
h2{font-size: 26px;}
.linkstabs{font-size: 26px; display: block; margin-top: 0; height: auto;}
.linkstabs ul:after{clear: both; display: block; content: ''}
.linkstabs ul li{margin: 0 30px 5px 0 ;}

	.btn.more.center{margin-left: 135px;}

.cols .colhalf {width: 100%;}

.dateinfo{width: 200px;  padding: 8px 0;}
	.dateinfo .date{font-size: 25px; font-weight: 500; display: block;}
.gallery-four img{width: 47%; height: auto;}
.gallery-four img:nth-child(2n){margin-right: 0;}
.article.video {width: 100%; height: 270px; margin-right: 0;}

.sidebar{display: none;}

.header{height: auto; text-align: center;}
.header .wrap{height: auto; padding-bottom: 51px;}
.header .wrap:before{background-repeat: no-repeat; opacity: 0.3; width: 100%; margin-left: 0; left: 0; right: 0;}


	.header .logo{float: none; display: inline-block; top: 0; margin: 15px 0;}
	.header .logo img{}
	.header .right{width: 100%; padding-bottom: 10px;}
	.header .right{float: none;}

		.togglemenu{display: block;}
		.menu .close{display: block;}
	.header .nav .menu{display: none; background: #493628; line-height: 27px; position: fixed; top: 0; left: 0; right: 0; text-align: left;}

	.header .nav.active .menu{display: block;}

	.header .menu li{display: block; float: none; width: 440px; margin:0 auto;}
	.header .menu li a{ margin: 0 3px;}

	.footer {}
	.footer .wrap{position: relative;}
	.footer .col{width: 400px; padding-bottom: 20px;}
	.footer .col:nth-child(2n){ padding-right: 0;}
	.footer .col:nth-child(5){text-align: left;}



.slider-front{height: 200px; width: 100%; padding-left: 10px; padding-right: 10px; left: -10px;}

.slider-front .slider{height: 180px; }

.news-front .articles .article{width: 100%; float: left; border:1px solid #e6e6e6; height: auto; margin-right: 17px;margin-bottom: 17px;  position: relative; padding-bottom: 30px;}
	.news-front .articles .article:nth-child(2n){margin-right: 0;}
		.news-front .articles .article img{width: 100%; height: auto;}

.info-front{height: auto; background-size: cover;}
.info-front p{line-height: 24px; padding:0 35px 15px;}
	.info-front br{display: none;}

.afisha-front ul li{width: 178px;}
.afisha-front ul li img{width: 300px;}

.contact-front .map{width: 100%; float: none;}

.baner-front{text-align: center;}
.baner-front a{padding: 5px 0; margin: 0; display: inline-block; text-align: center; width: 32%} 
	.baner-front a img{width: 100%;} 


.afisha-page .articles .article{width: 100%; height: auto; padding-bottom: 80px;}
		.afisha-page .articles .article .btn{position: absolute; bottom: 16px; right:16px; left: auto; width: 150px;}
		.afisha-page .articles .article img{width: 100%; float: none; margin: 0;}
		.afisha-page .articles .article p{margin: 0 10px; padding: 0;}

.arch-page .articles {width: 100%;}
	.arch-page .articles .article .btn{right:16px; left: auto; width: 160px;}

.articles.brights .article{width: 430px;margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(3n){margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(2n){margin-right: 0;}
		.articles.brights .article img{width:100% !important; height: auto !important;}

	.page.collectives .articles .article{width: 100%; min-height: auto; height: auto;}

.news-page .articles .article {width: 100%; height: auto; margin: 0 10px 10px 0; padding-bottom: 60px;}
	.news-page .articles .article img {width: 100%; height: auto; margin-bottom: 5px;}
	.news-page .articles .article .btn{right:16px; left: auto; width: 160px;}
	.news-page .articles .article .date{margin-left: 20px}



}


/***
 *    ██████╗ ██████╗  ██████╗
 *    ╚════██╗╚════██╗██╔═████╗
 *     █████╔╝ █████╔╝██║██╔██║
 *     ╚═══██╗██╔═══╝ ████╔╝██║
 *    ██████╔╝███████╗╚██████╔╝
 *    ╚═════╝ ╚══════╝ ╚═════╝
 */

 @media (max-width:460px) {

iframe{width: 100% !important; height: 200px;}
body{min-width: 320px;}
.wrap{ width: 300px; padding: 1px 10px;}
.ttl-line:before{display: none;;}
.ttl-line h1,
.ttl-line h2{}

img.align-right{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}
div.align-right{float: none; margin-left: 0; margin-bottom: 20px; width: 100%;}

h1{font-size: 26px; height: auto;}
h2{font-size: 26px; height: auto;}
.linkstabs{font-size: 26px; display: block; margin-top: 0; height: auto;}
.linkstabs ul:after{clear: both; display: block; content: ''}
.linkstabs ul li{margin: 0 30px 5px 0 ;}

	.btn.more.center{margin-left: 65px;}

.cols .colhalf {width: 100%;}

.dateinfo{width: 160px;  padding: 8px 0;}
	.dateinfo .date{font-size: 25px; font-weight: 500; display: block;}
.gallery-four img{width: 47%; height: auto;}
.gallery-four img:nth-child(2n){margin-right: 0;}
.article.video {width: 100%; height: 270px; margin-right: 0;}

.sidebar{display: none;}

.header{height: auto; text-align: center;}
.header .wrap{height: auto; padding-bottom: 51px;}
.header .wrap:before{background-repeat: no-repeat; opacity: 0.3; margin-left: 0; left: 0; right: 0; background-attachment: center center; width: auto;}


	.header .logo{float: none; display: inline-block; top: 0; margin: 15px 0;}
	.header .logo img{}
	.header .right{width: 100%; padding-bottom: 10px; float: none;}
		.header .right > span{font-size: 16px;}


		.togglemenu{display: block;}
		.menu .close{display: block;}
	.header .nav .menu{display: none; background: #493628; line-height: 27px; position: fixed; top: 0; left: 0; right: 0; text-align: left;}
	.header .nav.active .menu{display: block;}
	.header .menu li{display: block; float: none; width: 100%; margin:0 auto;}
	.header .menu li a{ margin: 0 3px;}

	.footer {}
	.footer .wrap{position: relative;}
	.footer .col{width: 100%; padding-bottom: 20px;}
	.footer .col:nth-child(2n){ padding-right: 0;}
	.footer .col:nth-child(5){text-align: left;}



.slider-front{height: 90px; width: 100%; padding-left: 10px; padding-right: 10px; left: -10px;}

.slider-front .slider{height: 90px; }
   .slider-front .slider .markers { display: none;}
.news-front .articles .article{width: 100%; float: left; border:1px solid #e6e6e6; height: auto; margin-right: 17px;margin-bottom: 17px;  position: relative; padding-bottom: 30px;}
	.news-front .articles .article:nth-child(2n){margin-right: 0;}
		.news-front .articles .article img{width: 100%; height: auto;}

.info-front{height: auto; background-size: cover;}
.info-front p{line-height: 24px; padding:0 35px 15px;}
	.info-front br{display: none;}

.afisha-front ul li{width: 260px;}
.afisha-front ul li img{width: 100%;}

.contact-front .map{width: 100%; float: none;}
.contact-front .widget{width: 100%; background-size: contain;}

.baner-front{text-align: center;}
.baner-front a{padding: 5px 0; margin: 0; display: inline-block; text-align: center; width: 32%} 
	.baner-front a img{width: 100%;} 


.afisha-page .articles .article{width: 100%; height: auto; padding-bottom: 80px;}
		.afisha-page .articles .article .btn{position: absolute; bottom: 16px; right:16px; left: auto; width: 110px;}
		.afisha-page .articles .article img{width: 100%; float: none; margin: 0;}
		.afisha-page .articles .article p{margin: 0 10px; padding: 0;}

.arch-page .articles {width: 100%;}
.arch-page .articles .article{height: auto; padding-bottom: 60px;}
	.arch-page .articles .article img {width: 100%; height: auto; margin-bottom: 5px;}
	.arch-page .articles .article .btn{right:16px; left: auto; width: 160px;}
	.arch-page .articles .article .date{margin-left: 20px}
	.arch-page .articles .article .btn{right:16px; left: auto; width: 160px;}

.articles.brights .article{width: 100%;margin-right: 10px;margin-bottom: 10px; height: auto;}
	.articles.brights .article:nth-child(3n){margin-right: 10px;margin-bottom: 10px;}
	.articles.brights .article:nth-child(2n){margin-right: 0;}
		.articles.brights .article img{width:100% !important; height: auto !important;}

	.page.collectives .articles .article{width: 100%; min-height: auto; height: auto;}
		.page.collectives .articles .article img{float: none; margin: 20px;	}
		.page.collectives .articles .article ul{margin: 0 20px 20px;}

.news-page .articles .article {width: 100%; height: auto; margin: 0 10px 10px 0; padding-bottom: 60px;}
	.news-page .articles .article img {width: 100%; height: auto; margin-bottom: 5px;}
	.news-page .articles .article .btn{right:16px; left: auto; width: 160px;}
	.news-page .articles .article .date{margin-left: 20px}

}