@media screen and (max-width:640px) {

	.content {
		width:100%;
	}

	.button-up {
		display:none !important;
	}

	.js-nav-btn {
	    width: 65px;
	    height: 65px;
	    padding:19px 6px;
	    background:#1b1b1b;
	}

	/* votes */
		.vote-title h2,
		.vote-title p {
			padding-left:15px;
			padding-right:15px;
		}

		.vote__item {
			float:none;
    		margin:0 auto 32px;
		}

		.vote__list .vote__item:nth-of-type(4n) {
			margin-right:auto;
		}
	/* votes */

	/* promo */
		.promo .content {
			display:block;
		}

		.promo__left,
		.promo__right {
			width:100%;
			float:none;
		}

		.promo__right {
			min-height:290px;
		}
	/* promo */

	/* footer */
		.footer {
			padding:20px;
		}

		.footer .content {
			display:block;
		}

		.footer__left,
		.footer__right {
			width:100%;
			text-align:center;
		}

		.footer__left {
			padding-bottom:14px;
		}

		.footer__right a {
			display:block;
			margin:0 auto 5px;
		}
	/* footer */

	/* bloggers */
		.bloggers {
			padding-top:40px;
		}

		.bloggers .content {
			padding-left:15px;
			padding-right:15px;
		}

		.bloggers__intro {
			width:100%;
		}

		.bloggers__item {
			width:100%;
			float:none;
			margin-bottom:30px;
		}

		.bloggers__btn {
			margin:20px auto;
		}

		.bloggers__item--winner {
			margin:0;
		}

		.bloggers__item--winner:before {
			position:absolute;
			display:block;
			content:"Победитель";
			top:20px;
			left:-5px;
			background:url("../img/ribbon.png") 0 0 no-repeat;
			color:#fff;
			font-size:14px;
			padding: 3px 15px;
			z-index:10;
			width:141px;
			height:29px;
			text-transform:uppercase;
			font-weight:700;
		}
	/* bloggers */

	/* intro */
		.intro {
			overflow:hidden;
			height: 650px;
			background:url("../img/mobile-bg.jpg") 50% 100% no-repeat;
			background-size:cover;
		}

		.intro-bg {
			display:none;
		}

		.intro__cnt {
			width:100%;
		}

		.intro__title {
			font-size:30px;
			padding: 10px 0;
			border-top: 2px solid #fff;
    		border-bottom: 2px solid #fff;
    		margin-bottom: 20px;
		}

		.intro__cnt {
			padding-left:15px;
			padding-right:15px;
			display:block;
			padding-top:70px;
		}

		.intro .logo-vash-dosug {
			top:23px;
			right:23px;
		}

		.intro .logo-vash-dosug img {
			height:25px;
		}

		.intro .logo-lexus {
			display:none;
		}

		.intro__desc {
			margin-bottom:20px;
		}

		.intro__mouse {
			display:none;
		}

		.intro__btns .btn {
			margin-bottom:10px;
		}

		.intro__btns .btn--big {
			background:rgba(0,0,0,0.75);
		}

		.intro__btns .btn--arrow {
			display:none;
		}

		.intro-bg {
			width: auto;
		    bottom: -91px;
		    height: 549px;
		    right: auto;
		    left: 0;
		    margin-left: -620px;
		}
	/* intro */

	/* nav */
		.js-nav-btn {
			top:5px;
			left:5px;
			transform:scale(0.8);
			opacity:0.75;
		}

		.nav__list {
			width:320px;
			padding-top:60px;
		}

		.nav__list__item {
			margin:11px 0 23px;
		}

		.nav__list .logo-vash-dosug {
			top:23px;
			right:23px;
		}

		.nav__list .logo-vash-dosug img {
			height:25px;
		}

		.nav__list__share {
			width:210px;
		}
	/* nav */

	/* popup */
		.popup {
			padding:20px;
		}

		.popup input[type="text"] {
			margin-bottom:5px;
			padding:5px 8px;
		}

		.popup__title {
			font-size:24px;
		}

		.popup__desc {
			margin-bottom:15px;
		}

		.popup__agree-block p {
			width:220px;
		}
	/* popup */

	.vote__item__content {
		width:102%;
		margin-left:-1%;
	}

	.winners {
		top:0;
		padding:20px;
	}

	.winners__list {
		overflow: scroll;
    	height: 410px;
	}
}

@media screen and (max-width:860px) and (orientation: landscape) {
	.lock-screen {
		display:flex;
		align-items:center;
		justify-content:center;
		position:fixed;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:#000 url("../img/mobile-port-bg.jpg") 50% 50% no-repeat;
		background-size:cover;
		z-index:1000;
	}

	.lock-screen p {
		font-size:20px;
		color:#fff;
		text-align:center;
		padding-left:20px;
		padding-right:20px;
	}
}

@media screen and (min-width:640px) and (max-width:1033px) {
	.js-nav-btn {
	    width: 70px;
	    height: 70px;
	    padding: 22px 9px;
	    background:#1b1b1b;
	}

	.intro {
		height:900px;
    	overflow:hidden;
	}

	.intro__cnt {
		align-items:flex-start;
		padding-top:200px;
	}

	.intro-bg {
		right:-4%;
	}

	.content {
		width:100%;
		padding-left:15px;
		padding-right:15px;
	}

	.js-nav-btn {
    	left: 20px;
    	top: 40px;
	}

	.vote__list {
		width:530px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}

	.intro__mouse,
	.button-up {
		display:none !important;
	}
}

@media screen and (min-width:375px) and (max-width:640px) {
	.vote__list {
		width:373px;
		margin:0 auto;
		position:relative;
		overflow:hidden;
	}

	.vote__item {
		float:left;
		width:166px;
		height:277px;
		margin:0 10px 20px;
	}

	.vote__item__votes {
		margin-left:-10px;
	}

	.vote__item__title {
    	width: 100%;
    	font-size:16px;
	}

	.vote__item__pic {
		min-height:auto;
		width:100%;
	}
}