@media (min-width: 0) and (max-width: 991px) {
	body {
		padding-top: 0;
	}
	.navbar {
		min-height: 57px;
	}
	.navbar-toggle {
		margin: 11px 0;
	}
	.navbar-default {
		border: 0;
	}
	.navbar-default .navbar-brand {
		position: absolute;
		left: 50%;
		top: 0;
		padding: 0;
		margin: 0 0 0 -97.5px;
		height: auto;
	}
	.navbar-default .navbar-brand > img {
		width: 195px;
		height: auto;
	}

	.navbar-default {
		font-family: inherit;
		font-size: 14px;
	}
	.navbar-collapse {
		position: absolute;
		top: 57px;
		left: 0;
		z-index: 100;
		background: #fff;
		padding: 0 10px;
		/*max-height: 340px;*/
		height: 100vh;
		overflow-x: scroll;
	}
	.navbar-collapse .navbar-nav {
		margin: 0;
		text-transform: none;
	}
	.navbar-collapse .navbar-nav + .navbar-nav {
		border-top: 1px solid #e5e5e5;
	}
	.navbar-collapse .navbar-nav > li > a {
		padding: 5px 0;
	}

	body > section .container {
		background: #404040;
	}
	body > section > .container > .row {
		margin-left: 0;
		margin-right: 0;
	}
	.content {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.content .row {
		margin-left: -7.5px;
		margin-right: -7.5px;
	}
	.main {
		border: 0;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.first-news .media-left, .first-news .media-body {
		display: block;
		width: auto;
		padding: 0;
	}
	.first-news .media-body {
		background: #fff;
		padding: 10px;
	}
	.first-news .media-left {
		height: 165px;
		overflow: hidden;
		text-align: center;
		background: white;
	}
	.first-news .media-left img {
		margin: auto;
		max-width: 100%;
	}
	.first-news .label-post {
		margin: 0;
	}
	.first-news .excerpt {
		height: 73px;
		overflow: hidden;
	}

	.right-sidebar {
		padding-right: 8.5px;
	}
	
	h3.bg-warning {
		margin-bottom: 0;
	}
	.home-news, .main-events .media {
		margin: 0;
		padding: 10px;
		background: #fff;
	}
	.home-news + .home-news {
		margin: 0;
		padding: 10px;
	}
	.home-news .media-left, .main-events .media .media-left {
		padding: 10px;
	}
	.home-news .media-left a, .main-events .media .media-left a {
		width: 78px;
		height: 48px;
		overflow: hidden;
		display: block;
	}
	.home-news .media-left img, .main-events .media .media-left img {
		width: auto;
		height: 48px;
	}
	.home-news .media-heading, .main-events .media .media-heading {
		font-size: 14px;
		margin: 0;
	}
	.home-news .media-body, .main-events .media .media-body {
		vertical-align: middle;
		padding-right: 10px;
	}
	.main-events > div {
		height: auto;
		margin: 0;
	}
	.main-events > div + div .media {
		border-top: 1px solid #e7e7e7;
	}
	
	body > footer {
		padding: 0;
	}
	body > footer .list-inline {
		text-align: center;
		margin: 20px 0;
	}
	body > footer .list-inline > li {
		display: block;
		height: auto;
	}
	body > footer .list-inline > li > a {
		line-height: 1.3;
	}
	body > footer .list-inline > li:last-child {
		margin-top: 10px;
	}
	body > footer .list-inline > li:last-child > a {
		color: #bbbbbb;
	}
	
	.breadcrumb > li + li::before {
		color: #fff;
	}
	.breadcrumb > li > a {
		color: #fff;
	}

	.open-article {
		margin-top: 20px!important;
	}
	.open-article .media-body {
		display: block;
		width: auto;
		padding: 0;
	}

	.other-material h3 {
		color: #fff;
	}
	.other-material .media {
		background: #fff;
		padding: 10px;
	}
	.other-material > .row > div {
		padding: 0;
	}
	.other-material > .row > div + div {
		margin-top: 10px;
	}

	.home-news .media-left, .main-events .media .media-left {
		padding: 0;
		padding-right: 10px;
		width: 78px;
		height: 48px;
	}
	.home-news .media-left:before, .main-events .media-left:before {
		width: 78px;
		height: 48px;
	}
	.media-body img {
		max-width: 100%;
		height: auto;
	}
	.media-body iframe {
		max-width: 100%;
		height: auto;
		min-height: 360px;
	}
}

@media (min-width: 0) and (max-width: 767px) {
	.open-article .pull-left, .open-article .pull-right {
		padding: 0 0 10px 0;
		display: block;
		width: 100%;
	}
	.open-article .pull-left img, .open-article .pull-right img {
		width: 100%;
		height: auto;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-default .navbar-brand {
		padding-top: 20px;
		margin-right: 20px;
	}
	.navbar-default .navbar-brand img {
		width: 200px;
		height: auto;
	}
	.navbar-default .navbar-right {
		margin-top: 0;
	}
	.navbar-default .navbar-right > li {
		float: none;
		margin-top: 6.5px;
	}
	.top-news-carusel {
		padding: 25px;
	}
	.top-news-carusel .media {
		height: 105px;
	}
	.top-news-carusel .carousel-control.left {
		left: -20px;
	}
	.top-news-carusel .carousel-control.right {
		right: -20px;
	}
	.other-material > .row > div {
		padding-right: 40px;
	}
	.other-material .media-body > .row > div:nth-child(2) {
		padding: 0;
	}
	.other-material > .row > div + div .media::before {
		left: -20px;
	}
	.main {
		border: 0;
	}
	.content {
		border-right: 1px solid #e7e7e7;
	}
}

@media (min-width: 992px) {
	.main-events .media .media-left, .main-events .media .media-body {
		display: block;
		width: auto;
		padding: 0;
	}
}