@media only screen and  (max-width : 768px) {
	.go-home {
		right:6px;
	}
	#content {
		padding-bottom:1px;
	}
	#content .column1 { width:300px;}
	.play-body.photo-contest #content .column1 {
		width:47%;
	}
		.play-body.photo-contest #content .column1 img {
			max-width:100%;
		}
	.sharer {
		width: auto;
		margin:10px -44px 0px;
		left:0px;
		padding:20px 15px;
	}
		.sharer .url {
			background-position:center center;
			background-repeat:no-repeat;
		}
		.sharer .col3 {
		}
		.sharer .col3.righ {
			margin-right:10px;
		}
		.thanks-body .sharer .url {
			margin:0px -2.5%;
			width:105%;
		}

	.question-title-wrapper {max-width: 400px}
	.answers {
		width: 100%;
		margin:20px 0px;
	}
	.answers .answer {
		width: 48%;
		margin:1%;
		height: auto;
	}
	.answers .answer.image {
		height:auto;
	}
	.answers .answer.image .text {
		position:relative;
                bottom: 0;
	}
	.congrats-text img {
		max-width:100%;
	}
	iframe {max-width: 100%;}
	.url {
		width: 100%;
		margin:0px auto;
		background-position: top center;
	}
	.participations {margin-left:-30px;}
	.ranking-row .name {
		clear:right;
	}
	.ranking-row  {
		height: auto;
	}

	.overlay-popup.popup-languages .popup {
		width:90%;
	}

	#footer_img_container {
		margin:0px 0px;
	}

}
@media only screen and  (max-width : 740px) {
	.play-body.photo-contest .sel-image,
	.thanks-body .sel-image {
		max-width:100%;
	}
	.go-home {
		right:0px;
	}
	.play-body.photo-contest #content .column1 {
		width:100%;
	}
		.play-body.photo-contest #content .column1 img {
			width:100%;
		}
	.plain .promo {
		float:none;
		width:auto;
		height:auto;
		padding-bottom:20px;
		border-bottom:1px dashed #eaeaea;
		margin-bottom:20px;
	}
	.sharer {
		width: auto;
		margin:10px -50px 0px;
		left:0px;
		padding:20px 0px;
	}
		.sharer .url {
			background:transparent;
			width:auto;
			height:auto;
			line-height:70px;
			border:1px solid #E6E6E6;
			margin:10px;
		}
		.sharer .col3 {
			width:auto;
			float:none;
		}

	#content {
		padding:50px 10px 30px;
	}
	.wrapper {margin-top:0px;}
	#content .column1, #content .column2, #content .column3 {
		width: 94%;
		padding: 0px 3%;
		margin-bottom:20px;
	}
	#content .shadow {
		background:#ECECEC;
		padding-top:20px;
	}
	.counter  {
		background:#ECECEC;
/*
		margin:20px -19px;
*/
		margin:20px -3%;
		margin:20px calc(-3% - 10px);
		margin:20px -webkit-calc(-3% - 10px);
		margin:20px -moz-calc(-3% - 10px);
		padding:10px 0px;
	}
	.thanks-body .counter {
		margin:20px -3%;
		padding:10px 0px;
	}
	.counter .clearfix {
		width: 280px;
		margin:10px auto;
	}
	#content .sharer .column1,
	#content .sharer .column2 {
		padding-bottom:20px;
		border-bottom:1px solid #ececec;
	}
	.question-title-wrapper {
		width: 60%;
	}
	.question-title, .question-number {
		font-size: 16px;
	}
	.countdown {
		width: 90px;
		height: 90px;
		font-size:13px;
		line-height: 13px;
		padding:10px;
		margin-top:0px;
	}
		.countdown .count {
			width: 70px;
			font-size: 40px;
			line-height: 45px;
		}
	#content .button.next {
		width: 100%;
	}
	.answers .answer.text {
		width: 98%;
		margin:1%;
		height: 65px;
		line-height: 65px;
	}
	.col3 {
		width: 50%;
		margin-bottom:10px;
	}
		.col3.center {border-right:0px; border-left:none;}
		.col3.share {
			width: 100%;
			border-top:1px solid #E6E6E6;
		}
	.btn-count-0 .col3,
	.btn-count-1 .col3,
	.btn-count-2 .col3,
	.btn-count-3 .col3 {
		 float:none !important;
	}

	.nav {
		height: auto;
		margin-bottom:30px;
	}
	.nav li {
		float:none;
		margin:0px 0px 15px 0px;
		text-align: center;
	}
	.participations {
		width: 100%;
		margin:10px 0px;
	}
	.participation {
/*
		width: 100%;
		max-width: 352px;
*/
		width: auto;
		float: none;
		clear:left;
		margin:5px auto;
	}
	.participation .num{
		width: 12%;
		margin-right:1%;
	}
	.participation .name {
		/*width: 87%;*/
		width:auto;
		float:none;
		clear:right;
		display:block;
	}
		.participation .name .user-name {
			display:block;
			width:auto;
			margin-left:100px;
		}
		#last-elements .participation .name {
			width:auto;
		}
			#last-elements .participation .name .user-name {
				margin-left:55px;
			}
	.participation .promo-text {
		height:auto;
	}
	.winners .ranking-row {
		width: 100%;
		height: 41px;
	}
	.ranking-row .name {
		width:auto!important;
		float:none;
	}
	.ranking-row {
		background:#fff;
	}
		.ranking-row .num {
			width: 12%;
			margin-right:1%;
		}
		.ranking-row .scount {
			width: 33%;
			text-align: center;
			padding-left: 0px;
			padding-top: 20px;
			background-position: top center;
		}
	.popup .main-image {
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	.popup .info {
		width:100%;
		float:none;
		margin-bottom:15px;
	}
		.popup .info .user-info span.likes,
		.popup .info .user-info span.recruited {
			font-size:15px;
			white-space:nowrap;
		}

	.parts.my {
		margin-bottom:0px;
	}

	.sharer .parts {
		width:50%;
		float:left;
		text-align:center;
		font-size:1em;
		padding: 20px 0px 0px 0px;
		background:transparent!important;
	}
		.sharer .parts:before {
			content:"";
			display:block;
			width:29px;
			height:29px;
			margin:0px auto;
			-webkit-transition: all 0.4s;
			-moz-transition: all 0.4s;
			-ms-transition: all 0.4s;
			-o-transition: all 0.4s;
			transition: all 0.4s;
		}
		.sharer .parts.view:before {
			background:url('/images/winners.png') top left no-repeat;
		}
			.sharer .parts.view:hover:before {
				background-position:bottom left;
			}
		.sharer .parts.my:before {
			background:url('/images/flag.png') top left no-repeat;
		}
			.sharer .parts.my:hover:before {
				background-position:bottom left;
			}

	#header {
		margin-bottom:50px;
	}

	body.home-body #content,
	body.thanks-body #content {
		padding-bottom:0px;
	}
	body.home-body .sharer,
	body.thanks-body .sharer {
		padding-bottom:0px;
		margin:10px -10px 0px;
	}
	body.home-body #content .button.view-participations,
	body.thanks-body #content .button.view-participations {
		margin-bottom:0px;
	}
	body.home-body #content .sharer .column1,
	body.thanks-body #content .sharer .column1 {
		margin-top:0px;
		margin-bottom:0px;
		border-bottom:none;
	}
	body.home-body #content .sharer .column2,
	body.thanks-body #content .sharer .column2 {
		margin-top:0px;
	}
		body.home-body #content .sharer .column2 .counter,
		body.thanks-body #content .sharer .column2 .counter {
			margin-top:5px;
		}

	body.home-body .sharer .url,
	body.thanks-body .sharer .url {
		margin:0px 0px 20px;
		width:auto;
	}
	body.home-body .col3,
	body.thanks-body .col3 {
		margin-top:0px;
		margin-bottom:0px;
		padding:5px 0px 15px 0px;
	}
	body.home-body .btn-count-2.like.center .col3.like,
	body.home-body .btn-count-2.like.center .col3.right,
	body.home-body .btn-count-3 .col3.like,
	body.home-body .btn-count-3 .col3.center,
	body.thanks-body .btn-count-2.like.center .col3.like,
	body.thanks-body .btn-count-2.like.center .col3.right,
	body.thanks-body .btn-count-3 .col3.like,
	body.thanks-body .btn-count-3 .col3.center {
		float:left!important;
		width:50%;
		margin:0px;
	}
	body.home-body .btn-count-2.like.center .col3.right,
	body.home-body .btn-count-3 .col3.center,
	body.thanks-body .btn-count-2.like.center .col3.right,
	body.thanks-body .btn-count-3 .col3.center {
		border-left:1px solid #E6E6E6;
		margin-left:-1px;
	}
	body.home-body .btn-count-3 .col3.share,
	body.thanks-body .btn-count-3 .col3.share {
		clear:left;
	}
	body.home-body .btn-count-1 .col3.share,
	body.thanks-body .btn-count-1 .col3.share {
		border-top:none;
	}

	.popup .info .user-info .name {
		max-height: 60px;
		overflow: hidden;
	}
}

@media only screen and (min-width:811px) {
	body {
		background-color:#001021;
		background-image:url(/images/bg.jpg);
		background-position:center 0;
		background-repeat:no-repeat;
		background-size:cover;
	}
}