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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 992px) {
	.wrapper{
	width: 750px;
	}
	.header{
	background: #ffec8b;
	}
	.top_menu{
	background: #ffec8b;
	}
	.sideLeft{
		background: #ffec8b;
	}
	.content{
		background: #ffec8b;
	}
	.footer {
		background: #ffec8b;
		height: 45xp;
	}
	.afisha_slider .wpb_wrapper .vc_images_carousel{
		width: 100% !important;
	}
}
@media only screen and (max-width : 768px) {
	.wrapper{
	width: 450px;
	}
	.header{
	background: #ffec8b;
		height: 100px;
		border-radius: 3px;
	}
	.top_menu{
	background: #ffec8b;
		margin-top: 4px;
		height: 25px;
	}
	.sideLeft{
		background: #ffec8b;
		width: 100%;
		margin-top: 4px;
		float: none;
	}
	.bar {
		background: #ffec8b;
		border-radius: 2px;
		width: 98%;
		height: 50px;
	}
	.content{
		background: #ffec8b;
		width: 100%;
		margin-top: 4px;
		height: 250px;
		float: none;
	}
	.footer {
		background: #ffec8b;
		height: 35xp;
		margin-top: 4px;
	}
}
@media only screen and (max-width : 480px) {
	.wrapper{
	width: 320px;
	}
}
	
/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
header{
		display: none;
	}
	.mobile-mnu{
		display: block;
	}
	#precontent{
		overflow: hidden;
	}
	#precontent .wrap h2{
		font-size: 28px;
		top: 30vh;
	}
	.afisha-box{
		width: 98%;
		margin-bottom: 20px;
	}
	#afisha-content .wrap{
		width: 90%;
	}
	#afisha-content .wp-block-button a{
		display: inline-block;
		padding: 0pc 46px;
	}
	.news-box{
		padding: 0;
	}
	.news-box .image-new{
		width: 100%;
	}
	.news-box .info-news{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	.news-box .info-news h2{
		font-size: 19px;
		text-align: center;
	}
	.news-box .info-news a{
		display: block;
		text-align: center;
	}
	#films-content img{
		width: 100%;
	}
	.game-films .info-film{
		width: 90%;
	}
	.film-box{
		padding: 0;
	}
	.film-box .img-film{
		width: 100%;
	}
	.film-box .info-film{
		width: 100%;
		position: relative;
	}
	#afisha-content img{
		width: 100%;
	}
	.mob-production{
		top: 30vh !important;
		font-size: 30px !important;
	}
	#precontent .wrap ul{
		top: 50vh;
		font-size: 14px;
	}
	.forma{
		width: 90%;
	}
	#contacts-footer-production .wrap{
		width: 100%;
	}
	#contacts-footer-production .wrap h3{
		font-size: 28px;
	}
	#contacts-footer-production .wrap .adress p{
		font-size: 18px;
	}
	.header-wrap{
		display: none;
	}
	.constructor h2{
		font-size: 28px !important;
	}
	.constructor h4,
	.constructor p{
		width: 100% !important;
	}
	.bg-video{
		transform: scale(3);
	}
	.about-films .wrap{
		position: static;
	}
	.about-films .wrap h4{
		font-size: 34px;
	}
	.abt-grid h4{
		font-size: 18px;
	}
	.abt-slider .slide .wrap{
		padding: 0;
	}
	.abt-slider .slide .wrap h4{
		font-size: 30px;
	}
	.abt-slider .slide img{
		height: 450px;
	}
	.about-arenda .wrap h4{
		width: 100%;
		font-size: 18px;
		margin: 25px 0;
	}
	.abt-slid-btn{
		display: inline-block;
		padding: 17px 20px;
	}
	.parners a{
		width: 100%;
		display: block;
		padding: 14px;	
	}
	.popup{
		width: 95% !important;
	}
	#padding{
		width: 90%;
	}
	#mob-text p, #padding p{
		font-size: 14px !important;
	}
	#bg-grey p{
		font-size: 14px !important;
	}
	#kurs-content h3{
		font-size: 28px !important;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
header{
		display: none;
	}
	.mobile-mnu{
		display: block;
	}
	#precontent{
		overflow: hidden;
	}
	#precontent .wrap h2{
		font-size: 28px;
		top: 30vh;
	}
	.afisha-box{
		width: 98%;
		margin-bottom: 20px;
	}
	#afisha-content .wrap{
		width: 90%;
	}
	#afisha-content .wp-block-button a{
		display: inline-block;
		padding: 0pc 46px;
	}
	.news-box{
		padding: 0;
	}
	.news-box .image-new{
		width: 100%;
	}
	.news-box .info-news{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	.news-box .info-news h2{
		font-size: 19px;
		text-align: center;
	}
	.news-box .info-news a{
		display: block;
		text-align: center;
	}
	#films-content img{
		width: 100%;
	}
	.game-films .info-film{
		width: 90%;
	}
	.film-box{
		padding: 0;
	}
	.film-box .img-film{
		width: 100%;
	}
	.film-box .info-film{
		width: 100%;
		position: relative;
	}
	#afisha-content img{
		width: 100%;
	}
	.mob-production{
		top: 30vh !important;
		font-size: 30px !important;
	}
	#precontent .wrap ul{
		top: 50vh;
		font-size: 14px;
	}
	.forma{
		width: 90%;
	}
	#contacts-footer-production .wrap{
		width: 100%;
	}
	#contacts-footer-production .wrap h3{
		font-size: 28px;
	}
	#contacts-footer-production .wrap .adress p{
		font-size: 18px;
	}
	.header-wrap{
		display: none;
	}
	.constructor h2{
		font-size: 28px !important;
	}
	.constructor h4,
	.constructor p{
		width: 100% !important;
	}
	.bg-video{
		transform: scale(3);
	}
	.about-films .wrap{
		position: static;
	}
	.about-films .wrap h4{
		font-size: 34px;
	}
	.abt-grid h4{
		font-size: 18px;
	}
	.abt-slider .slide .wrap{
		padding: 0;
	}
	.abt-slider .slide .wrap h4{
		font-size: 30px;
	}
	.abt-slider .slide img{
		height: 450px;
	}
	.about-arenda .wrap h4{
		width: 100%;
		font-size: 18px;
		margin: 25px 0;
	}
	.abt-slid-btn{
		display: inline-block;
		padding: 17px 20px;
	}
	.parners a{
		width: 100%;
		display: block;
		padding: 14px;	
	}
	.popup{
		width: 95% !important;
	}
	#padding{
		width: 90%;
	}
	#mob-text p, #padding p{
		font-size: 14px !important;
	}
	#bg-grey p{
		font-size: 14px !important;
	}
	#kurs-content h3{
		font-size: 28px !important;
	}
}

/* 2 Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
	header{
		display: none;
	}
	.mobile-mnu{
		display: block;
	}
	#precontent{
		overflow: hidden;
	}
	#precontent .wrap h2{
		font-size: 28px;
		top: 30vh;
	}
	.afisha-box{
		width: 98%;
		margin-bottom: 20px;
	}
	#afisha-content .wrap{
		width: 90%;
	}
	#afisha-content .wp-block-button a{
		display: inline-block;
		padding: 0pc 46px;
	}
	.news-box{
		padding: 0;
	}
	.news-box .image-new{
		width: 100%;
	}
	.news-box .info-news{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	.news-box .info-news h2{
		font-size: 19px;
		text-align: center;
	}
	.news-box .info-news a{
		display: block;
		text-align: center;
	}
	#films-content img{
		width: 100%;
	}
	.game-films .info-film{
		width: 90%;
	}
	.film-box{
		padding: 0;
	}
	.film-box .img-film{
		width: 100%;
	}
	.film-box .info-film{
		width: 100%;
		position: relative;
	}
	#afisha-content img{
		width: 100%;
	}
	.mob-production{
		top: 30vh !important;
		font-size: 30px !important;
	}
	#precontent .wrap ul{
		top: 50vh;
		font-size: 14px;
	}
	.forma{
		width: 90%;
	}
	#contacts-footer-production .wrap{
		width: 100%;
	}
	#contacts-footer-production .wrap h3{
		font-size: 28px;
	}
	#contacts-footer-production .wrap .adress p{
		font-size: 18px;
	}
	.header-wrap{
		display: none;
	}
	.constructor h2{
		font-size: 28px !important;
	}
	.constructor h4,
	.constructor p{
		width: 100% !important;
	}
	.bg-video{
		transform: scale(3);
	}
	.about-films .wrap{
		position: static;
	}
	.about-films .wrap h4{
		font-size: 34px;
	}
	.abt-grid h4{
		font-size: 18px;
	}
	.abt-slider .slide .wrap{
		padding: 0;
	}
	.abt-slider .slide .wrap h4{
		font-size: 30px;
	}
	.abt-slider .slide img{
		height: 450px;
	}
	.about-arenda .wrap h4{
		width: 100%;
		font-size: 18px;
		margin: 25px 0;
	}
	.abt-slid-btn{
		display: inline-block;
		padding: 17px 20px;
	}
	.parners a{
		width: 100%;
		display: block;
		padding: 14px;	
	}
	.popup{
		width: 95% !important;
	}
	#padding{
		width: 90%;
	}
	#mob-text p, #padding p{
		font-size: 14px !important;
	}
	#bg-grey p{
		font-size: 14px !important;
	}
	#kurs-content h3{
		font-size: 28px !important;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	header{
		display: none;
	}
	.mobile-mnu{
		display: block;
	}
	#precontent{
		overflow: hidden;
	}
	#precontent .wrap h2{
		font-size: 28px;
		top: 30vh;
	}
	.afisha-box{
		width: 98%;
		margin-bottom: 20px;
	}
	#afisha-content .wrap{
		width: 90%;
	}
	#afisha-content .wp-block-button a{
		display: inline-block;
		padding: 0pc 46px;
	}
	.news-box{
		padding: 0;
	}
	.news-box .image-new{
		width: 100%;
	}
	.news-box .info-news{
		width: 100%;
		margin: 10px 0;
		position: relative;
	}
	.news-box .info-news h2{
		font-size: 19px;
		text-align: center;
	}
	.news-box .info-news a{
		display: block;
		text-align: center;
	}
	#films-content img{
		width: 100%;
	}
	.game-films .info-film{
		width: 90%;
	}
	.film-box{
		padding: 0;
	}
	.film-box .img-film{
		width: 100%;
	}
	.film-box .info-film{
		width: 100%;
		position: relative;
	}
	#afisha-content img{
		width: 100%;
	}
	.mob-production{
		top: 30vh !important;
		font-size: 30px !important;
	}
	#precontent .wrap ul{
		top: 50vh;
		font-size: 14px;
	}
	.forma{
		width: 90%;
	}
	#contacts-footer-production .wrap{
		width: 100%;
	}
	#contacts-footer-production .wrap h3{
		font-size: 28px;
	}
	#contacts-footer-production .wrap .adress p{
		font-size: 18px;
	}
	.header-wrap{
		display: none;
	}
	.constructor h2{
		font-size: 28px !important;
	}
	.constructor h4,
	.constructor p{
		width: 100% !important;
	}
	.bg-video{
		transform: scale(3);
	}
	.about-films .wrap{
		position: static;
	}
	.about-films .wrap h4{
		font-size: 34px;
	}
	.abt-grid h4{
		font-size: 18px;
	}
	.abt-slider .slide .wrap{
		padding: 0;
	}
	.abt-slider .slide .wrap h4{
		font-size: 30px;
	}
	.abt-slider .slide img{
		height: 450px;
	}
	.about-arenda .wrap h4{
		width: 100%;
		font-size: 18px;
		margin: 25px 0;
	}
	.abt-slid-btn{
		display: inline-block;
		padding: 17px 20px;
	}
	.parners a{
		width: 100%;
		display: block;
		padding: 14px;	
	}
	.popup{
		width: 95% !important;
	}
	#padding{
		width: 90%;
	}
	#mob-text p, #padding p{
		font-size: 14px !important;
	}
	#bg-grey p{
		font-size: 14px !important;
	}
	#kurs-content h3{
		font-size: 28px !important;
	}
}


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

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

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.page-template-new .wpb_wrapper{
		padding-right: 6% !important;
		padding-left: 6% !important;
	}
	.afisha_slider .wpb_wrapper{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.afisha_slider .wpb_wrapper .vc_images_carousel{
		width: 100% !important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.page-template-new .wpb_wrapper{
		padding-right: 12% !important;
		padding-left: 12% !important;
	}
		
	.afisha_slider .wpb_wrapper{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.afisha_slider .wpb_wrapper .vc_images_carousel{
		width: 100% !important;
	}
	.afisha_slider .vc_column-inner{
		padding-top: 0 !important;
	}

	.page-template-new .mob_padding_2per .wpb_wrapper{
		padding-right: 2% !important;
		padding-left: 2% !important;
	}

	.page-template-new .mob_padding_2per .mob_padding_12per .wpb_wrapper{
		padding-right: 12% !important;
		padding-left: 12% !important;
	}

	.page-template-new .mob_padding_bottom_5per{
		padding-bottom: 5% !important;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.col-md-8.menu-header{
		width: 70%;
	}

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.afisha_slider .wpb_wrapper .vc_images_carousel{
		width: 100% !important;
	}
	.afisha_slider .wpb_wrapper .vc_images_carousel img{
		width: 100% !important;
		height: auto !important;
	}

}


@media only screen and (max-width : 1200px) {
	.afisha_slider .wpb_wrapper .vc_images_carousel{
		width: 100% !important;
	}
	.afisha_slider .wpb_wrapper .vc_images_carousel img{
		width: 100% !important;
		height: auto !important;
	}

}