/* ---------------------------------------------------------
	4. Styles for responsive breakpoints
	---------------------------------------------------------*/
@media (max-width: 1024px) {
	#header .frame{padding:20px 26px 19px 18px;}
	#header .list li{margin:0 0 0 5px;}
	#nav ul{font-size:12px;}
	#nav li{padding:0 7px 0 0;}
	#nav > ul > li:before{margin:-5px 7px -6px 0;}
	#nav .drop-holder{
		width:auto;
		float:none;
		overflow:hidden;
		padding:15px 40px;
		margin:0;
	}
	#nav li.has-drop-down.hover .drop{
		top:100%;
		left:-38px;
		right:-47px;
	}
	#nav .column{width:134px;}
	.visual-section h1{
		font-size:42px;
		line-height:40px;
	}
	.visual-section .text-holder{top:25px;}
	.visual-section.gallery h1{font-size:52px;line-height:50px;}
	.call-box{margin-left:0;}
	.call-box strong{
		font-size:22px;
		margin:0 0 5px;
	}
	#content{padding:16px 0 66px;}
	.info-block .txt{padding:20px 15px 10px;}
	.review-block .photo{width:150px;}
	.review-block .photo img{
		width:100% !important;
		height:auto;
	}
}
@media only screen and (max-width: 1023px) {
	.weather-box img{
		width:90px !important;
		height:auto;
	}
	#sidebar .search-form{
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding:0 33px 0 0;
	}
	#sidebar .search-form input[type="search"]{
		padding:5px 0 5px 7px;
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		overflow:hidden;
	}
	#nav {display: none;}
	.menu-opener{display:inline;}
	#header .form-holder{display:none;}
	.gateways-block{display:none;}
}
@media (max-width: 767px){
	html,body{height:100%;}
	body{background:#273d7f;}
	#header .frame{
		overflow:hidden;
		padding:29px 26px 19px 18px;
	}
	.logo:before{display:none;}
	.logo{
		background:url(../img/logo.png) no-repeat;
		background-size:contain;
		width:150px;
		height:75px;
	}
	/*.menu-opener{display:inline;}*/
	/*#header .form-holder{display:none;}*/
	/*#nav,*/
	/*.gateways-block{display:none;}*/
	.menu-right{margin-right:0;}
	#header{background:#273d7f;}
	#header:before{
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:18px;
		background:url(../img/bg-header.png);
		content:"";
		box-shadow:0 2px rgba(0,0,0,0.5) inset;
		-webkit-box-shadow:0 2px rgba(0,0,0,0.5) inset;
	}
	#header:after{display:none;}
	.visual-section{
		background:none;
		padding:0;
		margin:0 -2px;
	}
	.visual-section .text-holder{
		position:static;
		width:auto;
		padding:18px 18px 5px;
	}
	.visual-section h1,
	.visual-section.gallery h1{
		color:#FFFFFF;
		font-size:25px;
		line-height:30px;
		margin:0 0 5px;
	}
	.visual-section h1 br{display:none;}
	.visual-section .switcher{position:static;}
	.breadcrumbs,
	.breadcrumbs-wrapper:first-child .breadcrumbs{
		padding:10px 0 13px;
		margin:0;
	}
	#sidebar,
	.admissions-block #sidebar{padding:0;}
	#content{padding:0;}
	.right.th{
		float:none !important;
		margin-left:0;
	}
	.add-nav{margin:0 0 15px;}
	#main{
		margin:0;
		padding:0 2px 10px;
	}
	.contacts{
		float:none;
		width:auto;
		padding:0 0 22px;
		max-width:100%;
	}
	#footer .col-r{
		width:auto;
		float:none;
	}
	#footer > .row{
		padding-left:18px;
		padding-right:18px;
	}
	h1{
		font-size:25px;
		line-height:30px;
		margin:0 0 25px;
	}
	#content ul,
	#main .list{
		margin:0 0 25px 11px;
		padding:15px 0 0;
	}
	#content li,
	#main .list li{
		margin:0 0 24px 21px;
	}
	#content li:before,
	#main .list li:before{background:#969696 !important;top:4px;}
	.more-news .columns:before, .journalists-block .columns:before,
	.video-box .img{display:none;}
	.weather-box img{float:none;}
	.news-block .medium-4.columns{padding-top:15px !important;}
	.three-cols .columns{padding-top:15px !important;}
	.news-block .columns:first-child,
	.more-news .columns:first-child,
	.three-cols .columns:first-child{padding-top:0;}
	.more-news .columns{
		height:auto !important;
		padding-top:10px;
	}
	.info-block{margin:0 -2px 12px;}
	.links-list{max-width:100%;}
	.info-block img{
		width:100%;
		float:none;
	}
	.info-block .txt{padding:17px;}
	.info-block .holder{min-height:10px;}
	.journalists-block .col{
		float:none;
		margin:0 0 10px;
		width:auto;
	}
	#main .journalists-block ul{
		margin:0 0 10px;
		float:none;
		padding:0;
	}
	.more-news,
	.more-news.mark,
	.more-news.mark2{
		margin:0 -2px;
		padding:31px 6px 10px;
	}
	.news-block{
		margin:0 -2px;
		padding:13px 6px 39px;
	}
	.alert-box.alert{padding:25px 25px 25px 90px;}
	.alert-box.alert:before{left:15px;}
	.full-post{padding:0;}
	.post-list{padding:0 0 20px;}
	.news-form{margin:0 0 10px;}
	.news-form .select-area{max-width:none;}
	.blue-box{max-width:none;}
	#sidebar .search-form{margin:0 0 15px;}
	.unit:last-child .blue-box{margin:0 0 10px;}
	#main .department ul{
		margin:0;
		-moz-column-count: 1;
		-moz-column-gap: 0px;
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;
		column-count: 1;
		column-gap: 0px;
	}
	.post-list.course{
		margin:0 0 10px;
	}
	.post-list.course h2{
		margin:0 0 8px;
		font-size:16px;
		font-weight:700;
		word-spacing:-2px;
	}
	.post-list .credits{
		position:static;
		display:block;
		max-width:none;
	}
	.events-box{margin-bottom:10px;}
}
@media (max-width: 479px){
	#footer .col{
		float:none;
		width:auto;
		margin:0 0 10px;
		clear:both;
		overflow:hidden;
		padding:22px 0 0;
	}
	#footer{padding:35px 0 0;}
	#footer > .row{padding-bottom:10px;}
	#footer .copy-row{
		background:none;
		border:none;
		text-align:left;
		padding:0 20px 20px;
	}
	.weather-box img{float:left;}
	.news-block .head{padding-bottom:0;}
	.news-block .head .btn-all{
		float:none;
		margin:0 0 5px;
	}
	.review-block .photo{
		width:100px;
		margin:5px 20px 0 0;
	}
	.review-block .text{overflow:visible;}
}