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

	#nav ul, #wrap {
		width: 660px !important;
	}
	#nav3, #nav8, #hall, #network, .partners_logo, .map, .organizers {
		display: none !important;
	}
	#nav1, #nav2, #nav4 {
		width: 186px !important;
	}
	#fastnav a {
		border-bottom: 1px solid #111 !important;
		border-right: 1px solid #111 !important;
	}
	
	.castle_left, .castle_right, #contacts-left, #contacts-right {
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		padding: 0 !important;
		float: none !important;
	}
	.castle_right iframe {
		width: 100% !important;
	}
	.photos189 li, .photos189 a, .photos189 a div, .photos189 img {
		width: 123px !important;
		height: 123px !important;
	}
	
	.field span {
		margin: 5px 0 0 200px !important;
		display: block !important;
	}
	
	.topics {
		width: 290px !important;
	}

}

@media screen and (max-width: 660px) {
	
	body {
		margin: 0 0 20px 0 !important;
	}
	.mobile {
		display: block !important;
	}
	#wrap {
		width: 100% !important;
	}
	#nav, #logo, #fastnav, .flags, .castle_right {
		display: none !important;
	}
	#partners {
		-webkit-columns: 1 !important;
		-moz-columns: 1 !important;
		columns: 1 !important;
	}
	.box {
		width: auto !important;
		border-right: none !important;
		padding: 20px 15px !important; /* to fit 320px width */
		float: none !important;
	}
	a.take, a.learn {
		float: left !important;
	}
	a.take {
		margin: 0 10px 0 0 !important;	
	}

	.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
		font-size: 14px !important;
		font-weight: bold !important;
		overflow: hidden !important;
	}	
	.large {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: bold !important;
	}
	.fifty, .topics {
		width: 100% !important;
		margin: 0 0 20px 0 !important;
		padding: 0 !important;
		float: none !important;
	}
    .table {
		display: block !important;
		overflow-x: auto !important;
    }
	
	#social li {
		margin: 0 0 5px 5px !important;
	}

	.field, .checkbox {
		margin: 0 0 10px 0 !important;
	}
	.field label {
		width: 100% !important;
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
		text-align: left !important;
		display: block !important;
		float: none !important;
	}
	.submit, .field span {
		margin-left: 0 !important;
	}
	.field input, .field select, .field textarea {
		width: 100% !important;
		box-sizing: border-box !important;
	}
	.label {
		font-size: 14px !important;
		line-height: 20px !important;
		font-weight: bold !important;
		padding: 0 0 0 20px !important;
	}

	.highlights-list {
		-webkit-column-count: 1 !important; /* Chrome, Safari, Opera */
		-moz-column-count: 1 !important; /* Firefox */
		column-count: 1 !important;
	}

}

.mobile {
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #222;
	margin: 0 0 20px 0;
	padding: 20px;
	text-transform: uppercase;
	text-align: center;
	display: none;
}
.mobile select {
	width: 100%;
	box-sizing: border-box;
	border: 0;
	margin: 10px 0 0 0;
	padding: 5px;
}