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

	/* = Site Header
	---------------------------------------------------- */

	.site-header .image{
		background-size: auto 100%;
		height: 250px;
	}

	/* = Головна
	---------------------------------------------------- */

	.content.home .graduates{
		min-height: 0;
	}

}

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

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer .site-logo,
	.site-footer .site-title{
		display: none;
	}

	.bottom-navigation{
		margin-left: 0;
	}

	.site-footer-bottom{
		text-align: center;
	}

	.site-footer-bottom .copyrights{
		float: none;
	}

	.site-footer-bottom .menu{
		margin-top: 12px;
		display: block;
	}

	.site-footer-bottom .social{
		margin-top: 12px;
		display: inline-block;
		float: none;
	}

}

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

	/* = Site Header
	---------------------------------------------------- */

	.site-header .image{
		height: 220px;
		right: 50px;
	}

	/* = Головна
	---------------------------------------------------- */

	.content.home .university{
		display: none;
	}

	.content.home .graduates{
		width: 60%;
		border: none;
		margin-left: -4px;
		padding: 0;
	}

	.content.home .graduates h3{
		margin-top: 0;
	}

	.content.home .contacts{
		padding-left: 0;
		width: 40%;
	}

	/* = Підрозділи
	---------------------------------------------------- */

	.main-content.page.division.with-sidebar{
		padding-right: 8px;
	}

	.page.division .sidebar{
		display: none;
	}

	/* = Адміністрація
	---------------------------------------------------- */

	.content.administration section table tr{
		display: block;
	}

	.content.administration section table tr:nth-child(2n+1){
		background-color: #e9e9e9;
	}

	.content.administration section table td{
		background: none;
	}

	.content.administration section table .position{
		padding: 4px 5px 0;
		display: block;
		width: auto;
	}

	.content.administration section table .dean-deputies .position{
		padding-bottom: 4px;
	}

	.content.administration section table .members .position{
		font-weight: bold;
	}

	.content.administration section table .members .position:empty{
		display: none;
	}

	.content.administration section table .rank,
	.content.administration section table .name{
		display: inline-block;
		padding: 4px 5px;
	}

	/* = Персонал
	---------------------------------------------------- */

	.content.staff section table .email{
		display: none;
	}

	/* = Працівник
	---------------------------------------------------- */

	.content.employee .general{
		padding-bottom: 16px;
	}

	.content.employee .general .photo{
		margin-bottom: 5px;
		margin-right: 15px;
	}

	.content.employee .general.has-image .info{
		margin-left: 0;
	}

	.content.employee .general .info p{
		overflow: hidden;
		margin-top: 9px;
	}

	.content.employee .general .info p .label{
		width: auto;
		margin-bottom: 2px;
		float: none;
	}

	.content.employee .general .info p .label span{
		display: none;
	}

	.content.employee .general .info p .value{
		margin-left: 0;
	}

	/* = Самоврядування
	---------------------------------------------------- */

	.main-content.page.government.with-sidebar{
		padding-right: 8px;
	}

	.page.government .sidebar{
		display: none;
	}

}

@media only screen and (min-width: 768px){

	/* = Site Header
	---------------------------------------------------- */

	.mobile-navigation{
		display: none !important;
	}

	/* = Підрозділи
	---------------------------------------------------- */

	.content.division section > div{
		display: block !important;
	}

	/* = Персонал
	---------------------------------------------------- */

	.content.staff section > div{
		display: block !important;
	}

	/* = Самоврядування
	---------------------------------------------------- */

	.content.government section > div{
		display: block !important;
	}

	/* = Shortcode
	---------------------------------------------------- */

	.curriculum section > div{
		display: block !important;
	}

	/* = Widgets
	---------------------------------------------------- */

	.widget-taxonomy-list ul{
		display: block !important;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	select.empty{
		color: #c3c3c3;
	}

	input:-ms-input-placeholder { color: #c3c3c3; }
	input::-webkit-input-placeholder { color: #c3c3c3; }
	input:-moz-placeholder { color: #c3c3c3; opacity: 1; }
	input::-moz-placeholder { color: #c3c3c3; opacity: 1; }

	textarea:-ms-input-placeholder { color: #c3c3c3; }
	textarea::-webkit-input-placeholder { color: #c3c3c3; }
	textarea:-moz-placeholder { color: #c3c3c3; opacity: 1; }
	textarea::-moz-placeholder { color: #c3c3c3; opacity: 1; }

	/* = Site Header
	---------------------------------------------------- */

	.site-header .wrap{
		padding: 0;
	}

	.site-header-area{
		height: auto;
		background-image: none;
		margin: 0;
	}

	.home .site-header-area{
		padding-top: 154px;
	}

	.internal .site-header-area{
		padding: 6px 0 8px 50px;
		min-height: 27px;
	}

	.home .site-header-area:after{
		content: "";
		border-bottom: solid 1px #ebebeb;
		position: absolute;
		display: block;
		top: 40px;
		right: 0;
		left: 0;
	}

	.home .site-header .site-logo{
		background-position: center;
		background-size: contain;
		left: 16px;
		top: 51px;
	}

	.internal .site-header .site-logo{
		display: none;
	}

	.home .site-header .site-title{
		letter-spacing: 0.2px;
		left: 120px;
		top: 51px;
	}

	.internal .site-header .site-title{
		font-size: 13px;
		line-height: 14px;
		letter-spacing: 0.1px;
		display: inline-block;
		position: relative;
		left: auto;
		top: auto;
	}

	.site-header .site-title a span{
		font-weight: bold;
	}

	.internal .site-header .site-title a span:last-child{
		text-align: inherit;
	}

	.site-header .site-title a span em{
		font-weight: normal;
	}

	.home .site-header .site-title a span em{
		line-height: 20px;
		font-size: 16px;
	}

	.internal .site-header .site-title a span em{
		line-height: 12px;
		font-size: 11px;
	}

	.site-header .language-switcher{
		width: 66px;
		right: 5px;
		top: 4px;
	}

	.site-header .language-switcher a{
		margin-left: 1px;
		height: 32px;
		width: 32px;
	}

	.site-header .top-menu{
		display: none;
	}

	.site-header .news{
		float: none;
	}

	.site-header .news h4{
		margin-bottom: 1px;
		margin-right: 0;
		float: none;
	}

	.site-header .news h4 a{
		padding: 6px 20px;
		border-radius: 0;
		box-shadow: none;

		font-size: 16px;
		letter-spacing: 0.2px;
		font-weight: bold;
		color: #fff;
	}

	.site-header .news ul{
		margin-right: 0;
	}

	.site-header .news ul li.first,
	.site-header .news ul li.second,
	.site-header .news ul li.third{
		width: auto;
		padding: 10px 20px;
		margin-bottom: 2px;
		border-radius: 0;
		box-shadow: none;
	}

	.site-header .news ul li h5{
		line-height: 16px;
		font-size: 13px;
	}

	.site-header .news ul li .date{
		line-height: 16px;
	}

	.site-header .section-menu{
		display: none;
	}

	.site-header .navigation-button{
		display: block;
	}

	.site-header .search-form{
		display: block;
	}

	.site-header .image{
		display: none;
	}

	/* = Site Navigation
	---------------------------------------------------- */

	.site-navigation{
		display: none;
	}

	/* = Breadcrumbs
	---------------------------------------------------- */

	.breadcrumbs{
		display: block;
	}

	/* = Site Main
	---------------------------------------------------- */

	.internal .site-main{
		background-color: #f5f5f5;
		padding-bottom: 1px;
	}

	.site-main .main-content{
		margin: 0;
	}

	.site-main .main-content.page{
		background: none;
		border: none;
	}

	.site-main .main-content.page.no-sidebar,
	.site-main .main-content.page.with-sidebar{
		padding: 0;
	}

	.site-main .main-content.page.with-sidebar .content-area{
		width: auto;
		float: none;
	}

	.mobile-search-form{
		display: block;
	}

	/* = Content
	---------------------------------------------------- */

	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5{
		font-weight: bold;
	}

	.page-title{
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 6px;
	}

	/* = Підрозділи
	---------------------------------------------------- */

	.content.division h1{
		padding: 0;
		margin: 0 0 12px;
		background: none;
		border-radius: 0;
		border: 0;

		font-size: 18px;
		line-height: 22px;
		color: #333;
	}

	.content.division h1 span{
		display: none;
	}

	.content.division .tabs-wrap{
		padding-left: 0;
	}

	.content.division .tabs{
		display: none;
	}

	.content.division section{
		padding-top: 0;
		border-top: solid 1px #dedede;
		display: block !important;
		float: none;
	}

	.content.division .tabs + section{
		border-top: 0;
	}

	.content.division section > h2{
		padding: 7px 15px 7px 1px;
		margin-bottom: 0;
		cursor: pointer;

		font-weight: normal;
		line-height: 18px;
		font-size: 14px;
	}

	.content.division section > h2.hidden{
		display: block;
	}

	.content.division section.expanded > h2{
		color: #ff2b00;
	}

	.content.division section > h2:after,
	.content.division section > h2:before{
		content: "";
		background-color: #989898;
		position: absolute;
		display: block;
		height: 1px;
		width: 8px;
		top: 15px;
	}

	.content.division section > h2:after{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.content.division section > h2:after{
		right: 1px;
	}

	.content.division section.expanded > h2:after{
		background-color: #ff2b00;
		right: 6px;
	}

	.content.division section > h2:before{
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.content.division section > h2:before{
		right: 6px;
	}

	.content.division section.expanded > h2:before{
		background-color: #ff2b00;
		right: 1px;
	}

	.content.division section > div{
		padding-top: 8px;
		padding-bottom: 14px;
		display: none;
	}

	.content.division section.staff > div{
		padding-bottom: 10px;
		margin: 0 -20px;
	}

	.content.division section.staff td{
		padding: 3px 20px;
	}

	.content.division section.seminars .post .title,
	.content.division section.courses .year,
	.content.division section.news .post .title{
		line-height: 18px;
		font-size: 14px;
	}

	.content.division section.courses .year:first-child{
		padding-top: 0;
	}

	.content.division section.news .post .meta{
		margin-bottom: 5px;
	}

	/* = Адміністрація
	---------------------------------------------------- */

	.content.administration h1{
		margin-bottom: 15px;
	}

	.content.administration section h2{
		font-size: 14px;
		line-height: 18px;
		color: #333;
	}

	.content.administration h1 + section h2{
		padding-top: 0;
		border-top: 0;
	}

	.content.administration section.dean-office table{
		margin-bottom: 15px;
	}

	.content.administration section table tr{
		padding: 0 20px;
		margin: 0 -20px;
	}

	.content.administration section table .position{
		padding: 4px 0 0;
	}

	.content.administration section table .rank,
	.content.administration section table .name{
		padding: 4px 0;
	}

	.content.administration section .email{
		margin-bottom: 6px;
	}

	/* = Персонал
	---------------------------------------------------- */

	.content.staff h1{
		margin-bottom: 10px;
	}

	.content.staff section{
		border-top: solid 1px #dedede;
	}

	.content.staff h1 + section{
		border-top: 0;
	}

	.content.staff section h2{
		padding: 7px 15px 7px 1px;
		margin-bottom: 0;
		cursor: pointer;

		line-height: 16px;
		font-size: 12px;
	}

	.content.staff h1 + section h2{
		padding-top: 7px;
		border-top: 0;
	}

	.content.staff section h2:after,
	.content.staff section h2:before{
		content: "";
		background-color: #989898;
		position: absolute;
		display: block;
		height: 1px;
		width: 8px;
		top: 15px;
	}

	.content.staff section h2:after{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.content.staff section h2:after{
		right: 1px;
	}

	.content.staff section.expanded h2:after{
		right: 6px;
	}

	.content.staff section h2:before{
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.content.staff section h2:before{
		right: 6px;
	}

	.content.staff section.expanded h2:before{
		right: 1px;
	}

	.content.staff section h2 a{
		text-decoration: none;
	}

	.content.staff section > div{
		padding: 8px 0;
		margin: 0 -20px;
		display: none;
	}

	.content.staff section table td{
		padding: 3px 20px;
	}

	.content.staff section table .email{
		display: table-cell;
	}

	/* = Працівник
	---------------------------------------------------- */

	.content.employee .general{
		border-top: 0;
	}

	.content.employee .section > h2{
		font-weight: normal;
	}

	/* = Випускники
	---------------------------------------------------- */

	.content.graduates .post .desktop.title{
		display: none;
	}

	.content.graduates .post .mobile.title{
		display: block;
	}

	.content.graduates .post .info p{
		margin-bottom: 8px;
	}

	.content.graduates .post .info p > span:first-child{
		margin-bottom: 3px;
		display: block;
		color: #333;
	}

	.content.graduates .post .info p > span:first-child span{
		display: none;
	}

	/* = Самоврядування
	---------------------------------------------------- */

	.content.government h1{
		padding: 0;
		margin: 0 0 12px;
		background: none;
		border-radius: 0;
		border: 0;

		font-size: 18px;
		line-height: 22px;
		color: #333;
	}

	.content.government h1 span{
		display: none;
	}

	.content.government .tabs-wrap{
		padding-left: 0;
	}

	.content.government .tabs{
		display: none;
	}

	.content.government section{
		padding-top: 0;
		border-top: solid 1px #dedede;
		display: block !important;
		float: none;
	}

	.content.government .tabs + section{
		border-top: 0;
	}

	.content.government section > h2{
		padding: 7px 15px 7px 1px;
		margin-bottom: 0;
		cursor: pointer;

		font-weight: normal;
		line-height: 18px;
		font-size: 14px;
	}

	.content.government section > h2.hidden{
		display: block;
	}

	.content.government section.expanded > h2{
		color: #ff2b00;
	}

	.content.government section > h2:after,
	.content.government section > h2:before{
		content: "";
		background-color: #989898;
		position: absolute;
		display: block;
		height: 1px;
		width: 8px;
		top: 15px;
	}

	.content.government section > h2:after{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.content.government section > h2:after{
		right: 1px;
	}

	.content.government section.expanded > h2:after{
		background-color: #ff2b00;
		right: 6px;
	}

	.content.government section > h2:before{
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.content.government section > h2:before{
		right: 6px;
	}

	.content.government section.expanded > h2:before{
		background-color: #ff2b00;
		right: 1px;
	}

	.content.government section > div{
		padding-top: 8px;
		padding-bottom: 14px;
		display: none;
	}

	.content.government section.news .post .title{
		line-height: 18px;
		font-size: 14px;
	}

	.content.government section.news .post .meta{
		margin-bottom: 5px;
	}

	/* = Семінари
	---------------------------------------------------- */

	.page.seminars .page-title{
		display: none;
	}

	.page.seminars .page-title + article{
		padding-top: 0;
		border-top: 0;
	}

	.page.seminars .sidebar{
		margin-bottom: 0;
		padding-top: 0;
	}

	/* = Новини
	---------------------------------------------------- */

	.page.news .page-title{
		display: none;
	}

	.page.news .page-title + article{
		padding-top: 0;
		border-top: 0;
	}

	.page.news .sidebar{
		margin-bottom: 0;
		padding-top: 0;
	}

	/* = Контакти
	---------------------------------------------------- */

	.page.contacts .content-area{
		padding-top: 0;
	}

	.page.contacts .page-title,
	.page.contacts .page-title + hr{
		display: none;
	}

	.content .map{
		margin: 0 -20px;
	}

	.content .map a img{
		border: 0;
	}

	.content .map a span{
		margin: 0 20px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.collapsed-block .block-header{
		font-weight: normal;
	}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth{
		width: auto;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}

	.curriculum{
		margin-top: 15px;
	}

	.curriculum section{
		border-top: 1px solid #dedede;
		margin: 0 -20px;
	}

	.curriculum section:last-child{
		border-bottom: 1px solid #dedede;
	}

	.curriculum section h3{
		font-size: 14px;
		line-height: 18px;
		font-family: 'magistralcregular';
		padding: 11px 20px;
		margin-bottom: 0;
		cursor: pointer;
	}

	.curriculum section:first-child h3{
		padding-top: 11px;
		border-top: 0;
	}

	.curriculum section h3:after,
	.curriculum section h3:before{
		content: "";
		background-color: #989898;
		position: absolute;
		display: block;
		height: 1px;
		width: 8px;
		top: 20px;
	}

	.curriculum section h3:after{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.curriculum section h3:after{
		right: 21px;
	}

	.curriculum section.expanded h3:after{
		right: 26px;
	}

	.curriculum section h3:before{
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.curriculum section h3:before{
		right: 26px;
	}

	.curriculum section.expanded h3:before{
		right: 21px;
	}

	.curriculum section > div{
		display: none;
	}

	.curriculum section table tr{
		display: block;
		padding: 0 15px;
		line-height: 0;
		font-size: 0;
	}

	.curriculum section table tbody tr:nth-child(2n+1){
		background-color: #e9e9e9;
	}

	.curriculum section table th,
	.curriculum section table td{
		font-size: 11px;
		line-height: 14px;
		box-sizing: border-box;
		display: inline-block;
	}

	.curriculum section table th{
		border-top: none;
		color: #888;
	}

	.curriculum section table th.title{
		display: none;
	}

	.curriculum section table td.title{
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 0;
		display: block;
		width: auto;
	}

	.curriculum section table .lectures,
	.curriculum section table .practicals{
		text-align: left;
		width: 18%;
	}

	.curriculum section table .labs{
		text-align: left;
		width: 15%;
	}

	.curriculum section table .perweek{
		text-align: left;
		width: 26%;
	}

	.curriculum section table .attestation{
		text-align: left;
		width: 23%;
	}

	.project .title{
		font-size: 14px;
		line-height: 18px;
	}

	.project p{
		font-size: 12px;
		line-height: 16px;
	}

	.font-size-10, .font-size-11, .font-size-12,
	.font-size-13, .font-size-14, .font-size-15,
	.font-size-16, .font-size-17, .font-size-18,
	.font-size-19, .font-size-20, .font-size-21,
	.font-size-22, .font-size-23, .font-size-24,
	.font-size-25, .font-size-26, .font-size-27,
	.font-size-28, .font-size-29, .font-size-30,
	.font-size-31, .font-size-32, .font-size-33,
	.font-size-34, .font-size-35, .font-size-36,
	.font-size-37, .font-size-38, .font-size-39,
	.font-size-40, .font-size-41, .font-size-42,
	.font-size-43, .font-size-44, .font-size-45,
	.font-size-46, .font-size-47, .font-size-48,
	.font-size-49, .font-size-50, .font-size-51,
	.font-size-52, .font-size-53, .font-size-54,
	.font-size-55, .font-size-56, .font-size-57,
	.font-size-58, .font-size-59, .font-size-60,
	.font-size-61, .font-size-62, .font-size-63,
	.font-size-64, .font-size-65, .font-size-66,
	.font-size-67, .font-size-68, .font-size-69,
	.font-size-70, .font-size-71, .font-size-72,
	.font-size-73, .font-size-74, .font-size-75,
	.font-size-76, .font-size-77, .font-size-78,
	.font-size-79, .font-size-80, .font-size-81,
	.font-size-82, .font-size-83, .font-size-84,
	.font-size-85, .font-size-86, .font-size-87,
	.font-size-88, .font-size-89, .font-size-90{
		font-size: inherit;
	}

	.line-height-10, .line-height-11, .line-height-12,
	.line-height-13, .line-height-14, .line-height-15,
	.line-height-16, .line-height-17, .line-height-18,
	.line-height-19, .line-height-20, .line-height-21,
	.line-height-22, .line-height-23, .line-height-24,
	.line-height-25, .line-height-26, .line-height-27,
	.line-height-28, .line-height-29, .line-height-30,
	.line-height-31, .line-height-32, .line-height-33,
	.line-height-34, .line-height-35, .line-height-36,
	.line-height-37, .line-height-38, .line-height-39,
	.line-height-40, .line-height-41, .line-height-42,
	.line-height-43, .line-height-44, .line-height-45,
	.line-height-46, .line-height-47, .line-height-48,
	.line-height-49, .line-height-50, .line-height-51,
	.line-height-52, .line-height-53, .line-height-54,
	.line-height-55, .line-height-56, .line-height-57,
	.line-height-58, .line-height-59, .line-height-60,
	.line-height-61, .line-height-62, .line-height-63,
	.line-height-64, .line-height-65, .line-height-66,
	.line-height-67, .line-height-68, .line-height-69,
	.line-height-70, .line-height-71, .line-height-72,
	.line-height-73, .line-height-74, .line-height-75,
	.line-height-76, .line-height-77, .line-height-78,
	.line-height-79, .line-height-80, .line-height-81,
	.line-height-82, .line-height-83, .line-height-84,
	.line-height-85, .line-height-86, .line-height-87,
	.line-height-88, .line-height-89, .line-height-90{
		line-height: inherit;
	}

	.desktop-content{
		display: none;
	}

	.mobile-content{
		display: block;
	}

	.space{
		display: none;
	}

	/* = Sidebar
	---------------------------------------------------- */

	.sidebar{
		width: auto;
		max-width: 480px;
		padding-top: 10px;
		margin-right: 0;
		float: none;
	}

	.widget-title{
		padding: 6px 20px;
		margin: 0 -20px 10px;
		background-color: #a3a3a3;
		border-radius: 0;
		border: 0;

		letter-spacing: 0.2px;
		color: #fff;
	}

	/* = Widgets
	---------------------------------------------------- */

	.widget-taxonomy-list{
		border-bottom: 1px solid #fff;
		margin-right: -20px;
		margin-left: -20px;
		padding: 0;
	}

	.widget-taxonomy-list .widget-title{
		margin: 0;
		padding: 10px 20px;
		background: none;
		cursor: pointer;
		color: #333;
	}

	.widget-taxonomy-list .widget-title:after,
	.widget-taxonomy-list .widget-title:before{
		content: "";
		background-color: #717171;
		position: absolute;
		display: block;
		height: 1px;
		width: 8px;
		top: 20px;
	}

	.widget-taxonomy-list .widget-title:after{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.widget-taxonomy-list .widget-title:after{
		right: 21px;
	}

	.widget-taxonomy-list.expanded .widget-title:after{
		right: 26px;
	}

	.widget-taxonomy-list .widget-title:before{
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.widget-taxonomy-list .widget-title:before{
		right: 26px;
	}

	.widget-taxonomy-list.expanded .widget-title:before{
		right: 21px;
	}

	.widget-taxonomy-list ul{
		padding: 5px 20px 5px 40px;
		display: none;
	}

	.widget-taxonomy-list li.current-cat a{
		color: inherit;
	}

	.widget-taxonomy-list li.current-cat a:after,
	.widget-taxonomy-list li.current-cat a:before{
		content: "";
		background-color: #414141;
		position: absolute;
		display: block;
		height: 2px;
	}

	.widget-taxonomy-list li.current-cat a:after{
		width: 8px;
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: -17px;
		top: 7px;
	}

	.widget-taxonomy-list li.current-cat a:before{
		width: 5px;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		left: -19px;
		top: 8px;
	}

	.widget-taxonomy-list div{
		margin: 0 20px;
	}

	.widget-recent-news{
		margin-right: -20px;
		margin-left: -20px;
	}

	.widget-recent-news .widget-title{
		margin-bottom: 5px;
	}

	.widget-recent-news ul{
		background: none;
		margin: 0;
	}

	.widget-recent-news ul li{
		padding: 10px 20px;
		margin: 0;
	}

	.widget-recent-news ul li.first,
	.widget-recent-news ul li.second,
	.widget-recent-news ul li.third{
		border-width: 2px 0 0;
		background: none;
	}

	.widget-recent-news ul li.first:first-child{
		border-top-width: 0;
	}

	.widget-recent-news ul li h5{
		margin-bottom: 5px;
		line-height: 16px;
		font-size: 13px;
	}

	.widget-recent-news ul li .date{
		margin-bottom: 4px;
	}

	.widget-recent-news ul li.first .excerpt,
	.widget-recent-news ul li.second .excerpt,
	.widget-recent-news ul li.third .excerpt{
		font-size: 12px;
		line-height: 16px;
		color: #666;
	}

	.widget-news-archive{
		display: none;
	}

	.widget-upcoming-seminars{
		margin-right: -20px;
		margin-left: -20px;
	}

	.widget-upcoming-seminars .widget-title{
		margin-bottom: 5px;
	}

	.widget-upcoming-seminars ul{
		background: none;
		margin: 0;
	}

	.widget-upcoming-seminars ul li{
		padding: 10px 20px;
		margin: 0;
	}

	.widget-upcoming-seminars ul li.first,
	.widget-upcoming-seminars ul li.second,
	.widget-upcoming-seminars ul li.third{
		border-width: 2px 0 0;
		background: none;
	}

	.widget-upcoming-seminars ul li.first:first-child{
		border-top-width: 0;
	}

	.widget-upcoming-seminars ul li h5{
		margin-bottom: 5px;
		line-height: 16px;
		font-size: 13px;
	}

	.widget-upcoming-seminars ul li .departments,
	.widget-upcoming-seminars ul li .speakers{
		margin-bottom: 4px;
	}

	.widget-upcoming-seminars ul li.first .excerpt,
	.widget-upcoming-seminars ul li.second .excerpt,
	.widget-upcoming-seminars ul li.third .excerpt{
		font-size: 12px;
		line-height: 16px;
		color: #666;
	}

	.widget-seminars-archive{
		display: none;
	}

	.widget-graduates{
		margin-right: -20px;
		margin-left: -20px;
		padding: 0;
	}

	.widget-graduates ul{
		padding: 0 20px;
	}

	.widget-search{
		display: none;
	}

	.widget-notice .widget-title{
		margin: 0 -20px 10px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.bottom-navigation > ul > li{
		width: 30.8%;
	}

	.bottom-navigation > ul > li:nth-child(4){
		padding-left: 0;
		clear: left;
	}

}

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

	/* = Головна
	---------------------------------------------------- */

	.home .content-area{
		margin-bottom: 0;
	}

	.content.home .graduates{
		width: auto;
		margin-bottom: 22px;
		float: none;
	}

	.content.home .contacts{
		width: auto;
		margin: 0 -20px;
		float: none;
	}

	.content.home .contacts img{
		border-width: 1px 0 0;
	}

	.content.home .contacts a img.small{
		display: none;
	}

	.content.home .contacts a img.big{
		display: block;
	}

}

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

	/* = Core Classes
	---------------------------------------------------- */

	.alignleft,
	.alignright{
		margin: 0 0 20px;
		float: none;
	}

	img.alignleft,
	img.alignright{
		display: block;
	}

	/* = Персонал
	---------------------------------------------------- */

	.content.staff section table .email{
		display: none;
	}

}

@media only screen and (min-width: 480px){

	.bottom-navigation li ul{
		display: block !important;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	h1{
		font-size: 20px;
		line-height: 24px;
	}

	h2{
		font-size: 18px;
		line-height: 22px;
	}

	h3{
		font-size: 16px;
		line-height: 20px;
	}

	h4{
		font-size: 14px;
		line-height: 18px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.mobile-navigation li.menu-item-has-children a{
		padding: 10px 12px;
	}

	.mobile-navigation li.menu-item-regular a{
		padding: 9px 12px;
	}

	.mobile-navigation li.menu-item-has-children > a i{
		right: 0;
	}

	.mobile-navigation li.menu-item-has-children ul{
		padding: 8px 12px 12px;
	}

	/* = Головна
	---------------------------------------------------- */

	.content.home .graduates div{
		width: auto;
		margin-top: 12px;
		float: none;
	}

	/* = Підрозділи
	---------------------------------------------------- */

	.content.divisions h1{
		margin-bottom: 15px;
	}

	.content.divisions section{
		margin-bottom: 0;
	}

	.content.divisions section .thumb{
		display: none;
	}

	.content.divisions section .text{
		border-top-color: #fff;
		border-bottom: 0;
		margin-left: 0;
		min-height: 0;
		padding: 0;
	}

	.content.divisions h1 + section .text{
		border-top: 0;
	}

	.content.divisions section .text .title{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 0;
	}

	.content.divisions section .text .title a{
		display: inline-block;
		padding: 5px 0;
	}

	.content.divisions section .text p{
		display: none;
	}

	.content.division section.staff .name > span{
		display: block;
	}

	.content.division section.staff .position{
		display: none;
	}

	/* = Адміністрація
	---------------------------------------------------- */

	.content.administration section table{
		border-bottom: 0;
	}

	.content.administration section table tr{
		margin: 0 0 5px;
		padding: 0;
	}

	.content.administration section table tr:nth-child(2n+1){
		background: none;
	}

	.content.administration section table .members .position{
		margin-bottom: 5px;
	}

	.content.administration section table .rank,
	.content.administration section table .name{
		width: auto;
	}

	.content.administration section table .rank{
		color: #999;
	}

	.content.administration section.dean-office table .rank,
	.content.administration section.council table .head .rank,
	.content.administration section.council table .head-deputy .rank,
	.content.administration section.council table .secretary .rank{
		margin-right: 10px;
	}

	.content.administration section.council table .members .rank,
	.content.administration section.council table .members .name{
		display: block;
	}

	.content.administration section.council table .members .rank:empty,
	.content.administration section.council table .members .rank span{
		display: none;
	}

	/* = Персонал
	---------------------------------------------------- */

	.content.staff section table .name > span{
		display: block;
	}

	.content.staff section table .position{
		display: none;
	}

	/* = Працівник
	---------------------------------------------------- */

	.content.employee .general .photo{
		background-size: contain;
		height: 120px;
		width: 100px;
	}

	.content.employee .general.has-image .info{
		min-height: 119px;
	}

	.content.employee .section > div{
		padding: 10px 15px 3px;
	}

	/* = Випускники
	---------------------------------------------------- */

	.content.graduates .post{
		padding-bottom: 5px;
		padding-top: 16px;
	}

	.content.graduates .post .thumb{
		background-size: contain;
		height: 120px;
		width: 100px;
	}

	/* = Самоврядування
	---------------------------------------------------- */

	.content.government section.team .member{
		width: 50%;
	}

	.content.government section.team .member:nth-child(3n+1){
		clear: none;
	}

	.content.government section.team .member:nth-child(2n+1){
		clear: left;
	}

	/* = Контакти
	---------------------------------------------------- */

	.content .card div .label{
		width: auto;
		font-weight: bold;
		margin: 0 0 2px;
		float: none;
	}

	.content .card div .label span{
		display: none;
	}

	.content .card div .text{
		margin-left: 0;
	}

	.content .wpcf7 input[type="submit"]{
		width: 100%;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.collapsed-block .block-content{
		padding: 10px 15px 3px;
	}

	.gallery-images li{
		width: 50%;
	}

	.gallery-images li:nth-child(3n+1){
		clear: none;
	}

	.gallery-images li:nth-child(2n+1){
		clear: left;
	}

	.project{
		padding: 5px 0 2px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer-top{
		background-color: #e5e5e5;
		padding: 0;
	}

	.site-footer-top .wrap{
		padding: 70px 0 0;
	}

	.site-footer .site-logo{
		background-size: contain;
		background-position: center;
		display: block;
		left: 18px;
		top: 10px;
	}

	.site-footer .site-title{
		display: block;
		left: 83px;
		top: 10px;
	}

	.site-footer .site-title a span{
		font-weight: bold;
	}

	.site-footer .site-title a span em{
		font-size: 11px;
	}

	.bottom-navigation > ul > li{
		width: auto;
		border-bottom: solid 1px #e9e9e9;
		margin-bottom: 0;
		padding-left: 0;
		float: none;
	}

	.bottom-navigation > ul > li > a{
		padding: 7px 20px;
		background-color: #dbdbdb;
		display: block;

		font-size: 12px;
		line-height: 16px;
		font-family: 'magistralcregular';
		color: #7d7d7d;
	}

	.bottom-navigation li.menu-item-has-children > a i{
		width: 30px;
		height: 30px;
		margin-top: -15px;
		position: absolute;
		cursor: pointer;
		display: block;
		right: 8px;
		top: 50%;
	}

	.bottom-navigation li.menu-item-has-children > a i:after,
	.bottom-navigation li.menu-item-has-children > a i:before{
		content: "";
		background-color: #b6b6b6;
		position: absolute;
		display: block;
		height: 2px;
		width: 8px;
		top: 14px;
	}

	.bottom-navigation li.menu-item-has-children > a i:after{
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.bottom-navigation li.menu-item-has-children > a i:after{
		left: 13px;
	}

	.bottom-navigation li.menu-item-has-children.expanded > a i:after{
		left: 9px;
	}

	.bottom-navigation li.menu-item-has-children > a i:before{
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.bottom-navigation li.menu-item-has-children > a i:before{
		left: 9px;
	}

	.bottom-navigation li.menu-item-has-children.expanded > a i:before{
		left: 13px;
	}

	.bottom-navigation li ul{
		margin-top: 0;
		padding: 10px 20px;
		display: none;
	}

	.bottom-navigation li ul li{
		border-top: 1px solid #e9e9e9;
	}

	.bottom-navigation li ul li:first-child{
		border-top: none;
	}

	.bottom-navigation li ul li a{
		display: inline-block;
		padding: 5px 0;

		font-size: 11px;
		line-height: 15px;
		color: #000;
	}

}

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

	/* = Core Classes
	---------------------------------------------------- */

	.wrap{
		padding: 0 10px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.home .site-header .site-logo{
		left: 10px;
	}

	.home .site-header .site-title{
		left: 110px;
	}

	.site-header .news h4 a{
		padding: 6px 11px;
	}

	.site-header .news ul li.first,
	.site-header .news ul li.second,
	.site-header .news ul li.third{
		padding: 10px;
	}

	.site-header .search-form{
		padding: 10px;
	}

	.site-header .search-form .submit{
		right: 11px;
	}

	/* = Site Main
	---------------------------------------------------- */

	.mobile-search-form{
		margin: 0 -10px;
		padding: 10px;
	}

	/* = Content
	---------------------------------------------------- */

	.page-title{
		font-size: 16px;
		margin-bottom: 6px;
	}

	/* = Головна
	---------------------------------------------------- */

	.content.home .contacts{
		margin: 0 -10px;
	}

	.content.home .contacts a img.small{
		display: block;
	}

	.content.home .contacts a img.big{
		display: none;
	}

	/* = Підрозділи
	---------------------------------------------------- */

	.content.division h1{
		font-size: 16px;
	}

	.content.division section.staff > div{
		margin: 0 -10px;
	}

	.content.division section.staff td{
		padding: 2px 10px;
	}

	/* = Персонал
	---------------------------------------------------- */

	.content.staff section > div{
		margin: 0 -10px;
	}

	.content.staff section table td{
		padding: 2px 10px;
	}

	/* = Самоврядування
	---------------------------------------------------- */

	.content.government section.sponsors a{
		width: auto;
	}

	.content.government section.sponsors a.right{
		margin-left: 0;
		margin-bottom: 10px;
		float: none;
	}

	/* = Контакти
	---------------------------------------------------- */

	.content .map{
		margin: 0 -10px;
	}

	.content .map a span{
		margin: 0 10px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.curriculum section{
		margin: 0 -10px;
	}

	.curriculum section h3{
		padding: 8px 10px;
	}

	.curriculum section:first-child h3{
		padding-top: 8px;
	}

	.curriculum section h3:after,
	.curriculum section h3:before{
		top: 17px;
	}

	.curriculum section h3:after{
		right: 11px;
	}

	.curriculum section.expanded h3:after{
		right: 16px;
	}

	.curriculum section h3:before{
		right: 16px;
	}

	.curriculum section.expanded h3:before{
		right: 11px;
	}

	.curriculum section table tr{
		padding: 0 5px;
	}

	/* = Sidebar
	---------------------------------------------------- */

	.widget-title{
		padding: 6px 10px;
	}

	/* = Widgets
	---------------------------------------------------- */

	.widget-taxonomy-list{
		margin-right: -10px;
		margin-left: -10px;
	}

	.widget-taxonomy-list .widget-title{
		padding: 8px 12px;
	}

	.widget-taxonomy-list .widget-title:after,
	.widget-taxonomy-list .widget-title:before{
		top: 18px;
	}

	.widget-taxonomy-list .widget-title:after,
	.widget-taxonomy-list.expanded .widget-title:before{
		right: 13px;
	}

	.widget-taxonomy-list.expanded .widget-title:after,
	.widget-taxonomy-list .widget-title:before{
		right: 18px;
	}

	.widget-taxonomy-list li.current-cat a:after{
		left: -15px;
	}

	.widget-taxonomy-list li.current-cat a:before{
		left: -17px;
	}

	.widget-taxonomy-list ul{
		padding-right: 10px;
		padding-left: 30px;
	}

	.widget-taxonomy-list div{
		margin: 0 10px;
	}

	.widget-recent-news,
	.widget-upcoming-seminars{
		margin-right: -10px;
		margin-left: -10px;
	}

	.widget-recent-news .widget-title,
	.widget-upcoming-seminars .widget-title{
		margin-bottom: 2px;
	}

	.widget-recent-news ul li,
	.widget-upcoming-seminars ul li{
		padding: 10px;
	}

	.widget-graduates{
		margin-right: -10px;
		margin-left: -10px;
	}

	.widget-graduates ul{
		padding: 0 10px;
	}

	.widget-notice .widget-title{
		margin: 0 -10px 10px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer .site-logo{
		left: 8px;
	}

	.site-footer .site-title{
		left: 73px;
	}

	.bottom-navigation > ul > li > a{
		padding: 7px 10px;
	}

	.bottom-navigation li.menu-item-has-children > a i{
		right: 0;
	}

	.bottom-navigation li ul{
		padding: 8px 10px;
	}

}