@media only screen and (max-width: 990px) {
	.main-menu > .container {
		position: relative;
	}
	.menu-main {
		position: absolute;
		top: 100%;
		left: 15px;
		width: 270px;
		background: #212121;
		margin-top: 20px;
		opacity: 0;
		visibility: hidden;
	}
	.main-menu ul li {
		display: block;
	}
	.main-menu.open .menu-main {
		opacity: 1;
		visibility: visible;
		margin-top: 0;
	}
	.main-menu .sub-menu {
		position: static;
		display: none;
		opacity: 1;
		margin-top: 0;
		visibility: visible;
		background: rgba(255, 255, 255, 0.1);
	}
	.main-menu .sub-menu li a {
		font-size: 13px;
		padding-left: 25px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	.main-menu .arrow {
		display: block;
	}
	.mobile-menu {
		display: inline-block;
	}
}

@media only screen and (max-width: 768px) {
	.site-brand,
	.right-header {
		text-align: center;
	}
	.left-thumb .post-thumb {
		float: none;
		width: auto;
		max-width: 400px;
		margin-right: 0;
	}
	.site-footer {
		text-align: center;
	}
	.site-footer .socials {
		padding: 10px 0;
		text-align: center;
	}
}

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