@media (min-width: 300px) and (max-width: 766px) {
	header .top {display: block;}
	header .top .logo {display: block;}
	header .top .logo img {max-width: 150px;}
	header .top .phone {
		display: block;
		width: 100%;
		text-align: center;
	}
		header .top .phone:before {content: '';}
	header .top .phone a {padding-right: 5px;}
	header {padding-bottom: 0;}
	.about h2 {margin: 10px auto;font-size: 24px;}
	.text .buttons .btn-pink {font-size: 18px;}
	#nav-icon1, #nav-icon2 {
		width: 34px;
		height: 24px;
		position: absolute;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		right: 24px;
		top: 32px;
	}

	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
		display: block;
		position: absolute;
		height: 5px;
		width: 100%;
		background: #fff;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon1 span:nth-child(1) {
		top: 0px;
	}

	#nav-icon1 span:nth-child(2) {
		top: 8px;
	}

	#nav-icon1 span:nth-child(3) {
		top: 16px;
	}

	#nav-icon1.open span:nth-child(1) {
		top: 10px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	#nav-icon1.open span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}

	#nav-icon1.open span:nth-child(3) {
		top: 10px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.show-menu {display: block!important;}
	.menu ul {text-align: center;display: none;}
	.menu ul li {display: block;}
	.text h1 {font-size: 20px;margin-top: 10px;}
	.text h2 {font-size: 30px;}
	.text p {font-size: 14px;}
	.text .buttons .btn-pink {display: block;margin: 10px auto;max-width: 250px;}
	.text .buttons .btn-vopros {display: block;margin: 10px auto;max-width: 250px;}
	.about .items {display: block;}
	.services .form form .form-control {width: 250px;margin-bottom: 8px;}
	.films-all {margin: 10px auto;}
	.films-all .film-single {height: auto;}
	.films-all .film-single:nth-child(even) .film-single-text p {
		margin: 18px 0;
	}
	.films-all .film-single:nth-child(odd) .film-single-text p {
		margin: 18px 0;
	}
	.films-all {margin: 10px auto;}
	.films-all .film-single:nth-child(even) .film-single-text a {display: block;
		max-width: 275px;
		margin: 20px auto;}
		.films-all .film-single:nth-child(odd) .film-single-text a {display: block;
			max-width: 275px;
			margin: 20px auto;}
			.films-all .film-single:last-child .film-single-text a {margin-bottom: 13px;}
			.films-all .film-single:nth-child(odd) .film-single-text h2 {font-size: 18px;margin: 20px;line-height: 22px;text-align: center;}
			.films-all .film-single:nth-child(even) .film-single-text h2 {font-size: 18px;margin: 20px;line-height: 22px;text-align: center;}
			.films-all .film-single:nth-child(even) .film-single-text a {margin-bottom: 24px;}
			.films-all .film-single:nth-child(odd) .film-single-text a {margin-bottom: 24px;}
			.films-all .film-single:nth-child(odd) .film-single-img {height: 200px;width: 100%;float: none;}
			.films-all .film-single:nth-child(even) .film-single-img {height: 200px;width: 100%;float: none;}
			.films-all .film-single:nth-child(odd) .film-single-text {text-align: center;display: block;width: 100%;padding: 10px;}
			.films-all .film-single:nth-child(even) .film-single-text {text-align: center;display: block;width: 100%;padding: 10px;}
			.f-nav {position: relative;}
			.items-kak {display: block;}
			.items-kak .item-kak {
				display: block;
				width: 100%;
				padding-left: 59px;
				margin: 20px auto;
			}
			#kak h3 {
				font-size: 20px;
			}
			}
			.copyrite {
				text-align: center;
			}
			.copyrite p {font-size: 14px;
				opacity: .7;}
				.icons a {padding-top: 0!important;}