@media only screen and (max-width: 990px) {
	body.nav-open .site-header:before {
		content: "";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 10;
	}
	.right-header {
		position: fixed;
		top: 0;
		right: -290px;
		width: 270px;
		background: #f9f9f9;
		bottom: 0;
		z-index: 9999;
		-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / .5);
    	box-shadow: 0 0 10px 0 rgb(0 0 0 / .5);
    	padding: 20px 15px;
    	transition: all 0.3s ease-in-out 0s;
	}
	body.nav-open .right-header {
		right: 0;
	}
	.admin-bar .right-header {
		top: 32px;
	}
	.site-header {
		background: #f9f9f9;
		border-bottom: 1px solid #ddd;
		overflow-x: hidden;
	}
	.mobile-nav {
		display: block;
	}
	.main-menu {
		display: none;
	}
	.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;
	}
	.right-header ul {
		margin: 0;
	}
	.right-header ul li {
		display: block;
		margin: 0 -15px;
	}
	.right-header ul li:after {
		display: none;
	}
	.right-header ul li a {
		border-top: 1px solid #ececec;
		padding: 15px;
		text-transform: uppercase;
		display: block;
		color: #545454;
	}
	.right-header ul li a:hover,
	.right-header ul li.current-menu-item a {
		background: #a90d0d;
		color: #FFF;
	}
	.search-form {
		margin-bottom: 20px;
	}
	.right-header .work-info li a {
		text-transform: initial;
	}
	body.nav-open .close-menu {
		opacity: 1;
		visibility: visible;
	}
	body.home .site-main .col-md-9 {
		order: 1;
	}
	body.home .site-main .col-md-3 {
		order: 2;
	}
	.site-main .row {
		display: 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: 767px) {
	.site-bottom {
		padding-bottom: 2px;
	}
	.site-bottom .row {
		display: block;
	}
	.elementor .about-section .e-flexbox-base {
		display: block;
	}
	.at-posts-category {
		display: block;
	}
	.widget .gallery-columns-1 {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}
	.widget .gallery-columns-1 .gallery-item {
		width: calc(50% - 5px);
		padding: 0;
	}
	.page-nav .page-numbers {
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		margin: 0 3px;
	}
	h1 {
		font-size: 28px;
	}
	.single .page-title {
		font-size: 24px;
		line-height: 34px;
	}
}