/*

Responsive style for phones & tablets

*/

.no-mob {
	display: inline-block !important;
}
.no-mob-block {
	display: block !important;
}
.o-mob {
	display: none !important;
}

@media (max-width: 812px) {
	
	.o-mob {
		display: block !important;
	}
	.no-mob-block {
		display: none !important;
	}
	.no-mob {
		display: none !important;
	}
	
	.container {
		width: auto;
		min-width: 300px;
		padding: 0 12px;
	}
	
	.header {
		padding: 0 0 10px;
		border-bottom: 1px solid #6e9f27;
	}
	.header .navbar-toggler {
		float: right;
		color: #6e9f27;
		display: inline-block;
		outline: none !important;
		padding: 0;
		width: 30px;
		margin-top: 15px;
		font-size: 32px;
		text-align: center;
	}
	
	.header .logo > span {
		font-size: 12px;
		margin: 20px 0 0;
	}
	
	
	.header .search {
		float: none;
		clear: both;
		width: 100%;
		margin: -14px 0 0;
	}
	.header .search .btn {
		right: -3px;
	}
	
	.sidebar {
		display: none;
	}
	
	.navbar {
		display: none;
		width: 100%;
		padding: 0;
	}
	.navbar .container {
		margin: 0;
		width: 100%;
	}
	.navbar .navbar-collapse {
		display: block !important;
	}
	.navbar .navbar-nav {
		float: none;
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	.navbar ul li {
		float: none;
		width: 100%;
	}
	.navbar .navbar-nav > li {
		padding: 4px 0 0;
		border: none;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.navbar .navbar-nav > li:last-child {
		border: none;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.navbar .dropdown-menu {
		box-shadow: none;
	}
	.navbar .navbar-nav > li a {
		padding-left: 20px;
	}
	.navbar .navbar-nav > li.active {
		padding-left: 0;
	}
	.navbar .dropdown-menu a.dropdown-item {
		padding-left: 20px;
	}
	.navbar .dropdown-menu a.dropdown-item:last-child {
		border-bottom: 0;
	}
	
	.breadcrumbs {
		display: none;
	}
	
	
	.content {
		padding-top: 10px;
	}
	
	.content .column-main {
		padding: 0;
	}
	.content .column-main h1,
	.content .column-main h2,
	.content .column-main .content > h3,
	.content .b-title {
		text-align: center;
	}
	.content h1,
	.content h2,
	.content h3,
	.content .b-title {
		font-size: 21px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	.content h2,
	.content .b-title {
		font-size: 19px;
		line-height: 26px;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.content .breadcrumbs {
		text-align: center;
	}
	
	.content .article-block-cat {
		float: none;
		width: 100% !important;
		margin: 0 0 10px 0;
		box-shadow: none;
		border: 1px solid #ddd;
	}
	.content .article-block-cat img {
		width: 100%;
		height: 100%;
	}
	
	.content .block-related .article-block-cat {
		margin-bottom: 10px;
	}
	
	.content .article-block-short {
		float: none;
		margin: 0 0 10px 0;
		padding: 5px 10px 15px 0;
		width: 100%;
		height: auto;
	}
	.content .article-block-short .title {
		text-align: center;
	}
	
	
	.article .toc_title {
		text-align: center;
	}
	
	
	.alpha span {
		display: block;
		color: #333;
		margin-right: 5px;
	}
	.alpha a {
		font-size: 15px;
		font-weight: normal;
		margin: 0 5px 0 0;
	}

	
	.content .article p {
		font-size: 15px;
		line-height: 23px;
	}
	
	.article {
		font-size: 15px;
		line-height: 21px;
		padding-right: 0;
	}
	
	.article blockquote::before {
		display: none;
	}
	.article blockquote {
		padding: 10px 15px;
	}
	.article blockquote p {
		padding: 0 0 2px 0;
	}
	
	.article iframe {
		width: 70% !important;
	}
	
	.article .wp-caption p {
		text-align: center;
	}
	
	
}