/*==========  Desktop First Method  ==========*/

@media only screen and (max-width : 1500px) {
.oform_za {
	display:none;
}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1300px) {
.container{
	width: 98%;
}
}

@media only screen and (max-width : 1300px) {
.soderjanie img{
	width: 100%;
}
.actors_descr{
	margin-right: 50px;
}
.sheme_link img {
    width: 100%;
}
}

@media only screen and (max-width : 1150px) {
.more.str:before{
	right: 103px;
}
.head_ser button {
	right: 4%;
}
.logo{
	width: 16%;
}
.page_mnu{
	width: 74%;
}
.logo_two{
	width: 16%;
}
.foot_mnu{
	width: 56%;
}
.phone_foot{
	width: 21%;
}
.head_ser input{
	width: 100%;
}
.phone_head{
	width: 21%;
}
.zakaz{
	width: 40%;
}
.sayt_bar{
	width: 35%;
}
.right_main{
	width: 60%;
}
.karta a img{
	width: 100%;
}
.news_img{
	width: 100%;
    display: block;
    text-align: center;	
}
.news_deskr{
	width: 100%;
    display: block;
    text-align: center;	
}
.next{
	width: 49%;
	display: inline-block;
}
.lokac{
	width: 49%;
	display: inline-block;
}
.postanovki{
	width: 100%;
	margin-right: 0px;
}
.grid-item{
	width: 49%;
}
.detail{
	width: 100%;
	margin-bottom: 20px;
}
.koment_avatar{
	width: 8%;
}
.koment_nick{
	width: 20%;
}
.koment_time{
	width: 25%;
}
.acter{
	width: 50%;
	margin-right: 0%;
}
.acter_last{
	width: 34%;
}
.capsha{
	margin-left: 12%;
}
.foto_det a img {
    height: auto !important;
}
}
@media only screen and (max-width : 1000px) {
.more.str:before{
	right: 202px;
	top: 44px;
}
.capsha {
    margin-left: 0%;
}
.next{
	width: 100%;
    display: block;
    text-align: center;	
}
.lokac{
	width: 100%;
    display: block;
    text-align: center;	
}
.actors_descr{
	margin-right: 0px;
	margin-bottom: 50px;
	width: 100%;
}
.koment_avatar{
	width: 15%;
}
.koment_nick{
	width: 34%;
}
.koment_time{
	width: 44%;
}
.page_forma_tov input{
	width: 100%;
	padding-right: 0px;
}
.page_forma_tov label{
	padding-right: 0px;
}
.page_forma_tov textarea{
	width: 100%;
	margin-left: 0px;
}
.more label{
	width: 65%;
}
.capsha img{
	margin-top: 10px;
}
.capsha img{
	margin-left: 0px;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 850px) {
.page_mnu{
    width: 63%;
}
.logo{
	width: 25%;
}
.foot_mnu{
	width: 63%;
}
.logo_two{
	width: 25%;
}
.phone_head{
	width: 100%;
    display: block;
    text-align: center;	
}
.phone_foot{
	width: 100%;
    display: block;
    text-align: center;	
}
.more.str:before{
	right: 114px;
}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

	.mobile_hide{display: none !important;}
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
.karta{
	width: 100%;
    display: block;
    text-align: center;	
}
.row {
    margin-left: 0px;
    margin-right: 0px;
}
.koment_deskr p{
	padding-left: 0px;
}
.koment_head{
	padding-left: 0px;
}
.karta a img{
	width: 100%;
    display: block;
    text-align: center;	
}
.zakaz{
	width: 47%;
}
.sayt_bar{
	width: 100%;
    display: table-footer-group;
    text-align: center;	
}
.right_main{
	width: 100%;
    display: table-header-group;
    text-align: center;	
}
.next{
	width: 49%;
	padding-bottom: 20px;
	display: inline-block;
}
.lokac{
	width: 49%;
	display: inline-block;
}
.days_btn_rep{
	padding-left: 0px;
}
.actors_name{
	padding-left: 0px;
}
.acter{
    width: 50%;
    margin-right: 0%;
}
.acter_last{
    width: 50%;
}
.more label{
	width: 100%;
}
.mesta_itigo{
	padding-left: 0%;
}
.more.str:before{
	right: 170px;
}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 600px) {
.more.str:before{
	right: 13px;
}
.head_ser button {
	right: 2%;
}
.actors_name_det {
	display: block;
    width: 90%;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}
.left_det {
	width: 100%;
    display: block;
    margin: 0 auto;
}
.page_mnu{
	width: 100%;
	padding-bottom: 26px;
}
.page_mnu ul li{
	width: 100%;
    display: block;
    text-align: center;
}
.logo{
	width: 100%;
	display: block;
    text-align: center;
}
.logo_two{
	width: 100%;
	display: block;
    text-align: center;
}
.foot_mnu{
	width: 100%;
	padding-top: 15px;
}
.foot_mnu ul li{
	width: 100%;
    display: block;
    text-align: center;
}
.phone_foot{
	width: 100%;
    display: block;
    text-align: center;
}
.footer_mnu ul li:before{
	display: none;
}
.footer_mnu ul li{
	display: block;
    text-align: center;
    width: 100%;
    padding-right: 0px;
}
.zakaz{
    width: 100%;
    display: block;
    text-align: center;	
}
.head_ser{
	width: 100%;
    display: block;
    text-align: center;	
}
.head_ser input{
	width: 100%;
}
.phone_head{
	width: 100%;
    display: block;
    text-align: center;	
}
.next{
	width: 100%;
    display: block;
    text-align: center;	
}
.lokac{
	width: 100%;
    display: block;
    text-align: center;	
}
.actors_descr{
	width: 100%;
	margin-bottom: 50px;
}
.acters div:nth-child(2n) {
    margin-right: 0%;
}
.white_col{
	padding-left: 3%;
    padding-right: 3%;
}
.more select{
	width: 100%;
}
.more input{
	width: 100%;
}
.more textarea{
	width: 100%;
}
.checkbox_cel label{
	width: 70%;
}
.tab{
	text-align: center;
    margin: 0 auto;
    margin-top: 17px;
}
.tab button{
	text-align: center;
    margin: 0 auto;
    float: none;
}
.tab a{
	float: none;
    margin: 0 auto;
}
.knopki ul li.active a{
	text-align: center;
    margin: 0 auto;
}
.knopki ul li{
	margin: 0 auto;
    text-align: center;
    display: block;
}
.knopki ul li a{
	margin: 0 auto;
}
}
@media only screen and (max-width : 500px) {
.main_day_choose {
	padding-left: 0px;
}
.page_inform {
    display: block;
    width: 100%;
    margin-bottom: 7px;
}
.sel {
	margin-bottom: 12px;
	width:100%;
}
.acter{
	width: 100%;
    float: none;
}
.acter_last{
	min-height: 72px;
    display: block;
    padding-top: 21px;
   	float: none;
    width: 100%;
}
.more select{
	font-size: 12px;
}
.mesta_itigo ul li span{
	margin-right: 22%;
}
.mesta_itigo ul li i{
	right: 44px;
}
.soderjanie{
	overflow: hidden;
}
.soderjanie img {
    /*width: 127%;
    height: 250px;*/
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 400px) {
.soderjanie img {
    /*width: 127%;
    height: 220px;*/
}
.mesta_itigo ul li i{
	top: 30px;
}
.main_day_data {
	padding-left: 0px;
}
.main_day {
	width: 100%;
    text-align: center;
}
.main_day_choose {
	width: 100%;
    display: block;
}
.main_day_choose ul li {
	display: block;
    padding-top: 3px;
    margin: 0 auto;
}
.day_title {
    display: block;
    width: 100%;
    padding-top: 7px;
}
.days_time {
    display: block;
    width: 100%;
    position: relative;
}
.days_btn_bilet {
    display: block;
    width: 100%;
    text-align: center;
}
.btn_bilet {
	margin: 0 auto;
	display: block;
}
.postanovki{
	width: 100%;
}
.grid-item{
	width: 100%;
}
.itim_info{
	padding: 10px 10px;
}
.moon ul li.active a:before{
	top: 21px;
}

}

@media only screen and (max-width : 320px) {
.more select {
    font-size: 11px;
}
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {


}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}