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

	/* = Із вкладками
	---------------------------------------------------- */

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

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

}

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

	/* = Із вкладками
	---------------------------------------------------- */

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

}

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

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

	.site-header .site-logo{
		height: 94px;
		width: 90px;
	}

	.site-header .news h4 a{
		background-color: #a3a3a3;
	}

	.site-header .news ul li.first,
	.site-header .news ul li.second,
	.site-header .news ul li.third{
		background-color: #f3f3f3;
	}

	.site-header .news ul li.first h5 a,
	.site-header .news ul li.second h5 a,
	.site-header .news ul li.third h5 a{
		color: #4f4f4f;
	}

	.site-header .news ul li.first .date,
	.site-header .news ul li.second .date,
	.site-header .news ul li.third .date{
		color: #8d8d8d;
	}

	/* = Із вкладками
	---------------------------------------------------- */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.widget-recent-news ul li.first,
	.widget-recent-news ul li.second,
	.widget-recent-news ul li.third{
		border-color: #fff;
	}

	.widget-recent-news ul li.first .date,
	.widget-recent-news ul li.second .date,
	.widget-recent-news ul li.third .date{
		color: #8d8d8d;
	}

	.widget-upcoming-seminars ul li.first,
	.widget-upcoming-seminars ul li.second,
	.widget-upcoming-seminars ul li.third{
		border-color: #fff;
	}

	.widget-upcoming-seminars ul li.first .speakers,
	.widget-upcoming-seminars ul li.second .speakers,
	.widget-upcoming-seminars ul li.third .speakers{
		color: #8d8d8d;
	}

}

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

	.site-footer .site-logo{
		height: 49px;
		width: 47px;
	}

}

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

	/* = Із вкладками
	---------------------------------------------------- */

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

}