@media (max-width: 767px) {
	#mobile-menu-navigation .eael-simple-menu-container::before, #mobile-menu-navigation .eael-simple-menu {
        top: 62px;
    }
	#mobile-menu-navigation .eael-simple-menu-container::before {
		left: -15px;
	}
	#mobile-menu-navigation .eael-simple-menu {
		left: 0;
		height: calc( 100vh - 62px );
	}
	.post-outer-box {
		padding: 50px 0;
	}
	.post-outer-box, .post-body {
		padding-left: 20px;
		padding-right: 20px;
	}
	.post-grid {
		gap: 30px;
	}
	.post-grid .post-item .post-thumbnail {
		width: 100%;
		aspect-ratio: 1.5;
		height: 100%;
	}
	.post-grid .post-item .post-item-inner {
		flex-direction: column;
		gap: 20px;
	}
	.post-grid .post-item .post-entry-head {
		margin-bottom: 20px;
	}
	.post-grid .post-item .post-title {
		font-size: 24px;
		line-height: 32px;
	}
	.post-grid .post-item .post-title {
		font-size: 16px;
		line-height: 24px;
	}
	.post-meta, .meta-item, .post-grid .post-item  .post-category a, .post-grid .post-item .post-meta, .post-grid.post-layout-horizontal .post-item .post-title {
		font-size: 12px;
		line-height: 16px;
	}
	.post-grid.post-listing-grid .post-item .post-excerpt {
    	-webkit-line-clamp: 4;
	}
	.post-grid.post-listing-grid.post-first-highlight .post-item:first-child .post-category > a, .post-grid.post-listing-grid.post-first-highlight .post-item:first-child .post-title, .post-grid.post-listing-grid.post-first-highlight .post-item:first-child .post-excerpt {
	    color: var(--primary-white);
	}
	.post-grid.post-listing-grid.post-first-highlight .post-item:first-child .post-excerpt {
    	-webkit-line-clamp: 5;
	}
	.post-grid.post-layout-horizontal .post-thumbnail {
		width: 70px;
		height: 50px;
	}
	.post-grid.post-layout-horizontal .post-item .post-item-inner {
		flex-direction: row;
	}
	.single .post-content .post-thumbnail {
		height: 250px;
	}
	#error-404 .eu9-search-form {
		padding: 20px;
	}
	#error-404 .eu9-search-form .btn-search {
		width: 52px;
		height: 52px;
		padding: 12px;
	}
    .single .social-media-list {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (min-width: 768px) {
	.post-inner-row {
		max-width: 100%;
	}
	.post-grid.post-listing-grid.post-first-highlight .post-item:first-child .post-thumbnail {
		aspect-ratio: 1.727;
		width: 100%;
		height: 100%;
	}
	.post-grid.post-listing-grid.post-first-highlight .post-item:first-child .post-entry {
		position: absolute;
		max-width: 70%;
		width: 100%;
		padding: 35px 30px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: var(--primary-white);
	}
	.single .post-content .post-thumbnail {
		height: 630px;
	}
	.single .social-media-share .social-media-list {
		position: sticky;
		top: 70px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
    	gap: 6px;
	}
	.post-grid.post-extra {
		grid-template-columns: repeat(3, 1fr);
	}
    .d-md-none {
        display: none;
    }
    .d-md-block {
        display: block;
    }
    .d-md-inline-block {
        display: inline-block;
    }
    .d-md-flex {
        display: flex;
    }
    .d-md-grid {
        display: grid;
    }
    .col-md-1 {
        width: 8.33333333%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-5 {
        width: 41.66666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-7 {
        width: 58.33333333%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-10 {
        width: 83.33333333%;
    }
    .col-md-11 {
        width: 91.66666667%;
    }
    .col-md-12 {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .d-lg-none {
        display: none;
    }
    .d-lg-block {
        display: block;
    }
    .d-lg-inline-block {
        display: inline-block;
    }
    .d-lg-flex {
        display: flex;
    }
    .d-lg-grid {
        display: grid;
    }
	.col-lg-1 {
		width: 8.33333333%;
	}
	.col-lg-2 {
		width: 16.66666667%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-4 {
		width: 33.33333333%;
	}
	.col-lg-5 {
		width: 41.66666667%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-7 {
		width: 58.33333333%;
	}
	.col-lg-8 {
		width: 66.66666667%;
	}
	.col-lg-9 {
		width: 75%;
	}
	.col-lg-10 {
		width: 83.33333333%;
	}
	.col-lg-11 {
		width: 91.66666667%;
	}
	.col-lg-12 {
		width: 100%;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
	#mobile-menu-navigation .eael-simple-menu-container::before {
		top: 50px;
		left: -25px;
	}
	#mobile-menu-navigation .eael-simple-menu {
        top: 50px;
		left: 0;
	}
    .share-button::before {
        background-size: 28px 28px;
    }
}
@media (max-width: 1199px) {
	#page {
		padding-top: 50px;
	}
	#mobile-menu-navigation {
		position: fixed;
		top: 0;
		transform: translateY(0);
	}
	#mobile-menu-navigation .eael-simple-menu-container::before {
		content: '';
		transition: all 0.35s ease;
		position: absolute;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.7);
		transition: all 0.25s ease;
		opacity: 0;
		visibility: hidden;
		z-index: 1;
	}
	#mobile-menu-navigation .eael-simple-menu-container.menu-slidein::before {
		opacity: 1;
		visibility: visible;
	}
	#mobile-menu-navigation .eael-simple-menu {
		display: flex!important;
		flex-direction: column;
		position: fixed;
		width: 100%;
		max-width: 300px;
		height: calc( 100vh - 50px );
		background: #000;
		transform: translateX(-100%);
		transition: all 0.35s ease;
		z-index: 2;
	}
	#mobile-menu-navigation .menu-slidein .eael-simple-menu {
		transform: translateX(0);
	}
	#mobile-menu-navigation .eael-simple-menu .menu-item, #mobile-menu-navigation .eael-simple-menu .menu-item > a {
		display: block;
		width: 100%;
	}
	#mobile-menu-navigation .eael-simple-menu .menu-item > a {
		text-align: left;
	}
	.post-main {
		width: 100%;
    	margin-bottom: 50px;
	}
	.post-pagination .page-numbers {
		width: 28px;
		font-size: 12px;
	}
	.post-pagination .page-numbers, .post-pagination .page-numbers.next, .post-pagination .page-numbers.prev {
		padding-left: 0;
		padding-right: 0;
	}
	.post-pagination .page-numbers.next, .post-pagination .page-numbers.prev {
		width: 30px;
	}
    .post-inner-row {
        max-width: 1024px;
    }
}
@media (min-width: 1200px) {
    .d-xl-none {
        display: none;
    }
    .d-xl-block {
        display: block;
    }
    .d-xl-inline-block {
        display: inline-block;
    }
    .d-xl-flex {
        display: flex;
    }
    .d-xl-grid {
        display: grid;
    }
	.col-xl-1 {
		width: 8.33333333%;
	}
	.col-xl-2 {
		width: 16.66666667%;
	}
	.col-xl-3 {
		width: 25%;
	}
	.col-xl-4 {
		width: 33.33333333%;
	}
	.col-xl-5 {
		width: 41.66666667%;
	}
	.col-xl-6 {
		width: 50%;
	}
	.col-xl-7 {
		width: 58.33333333%;
	}
	.col-xl-8 {
		width: 66.66666667%;
	}
	.col-xl-9 {
		width: 75%;
	}
	.col-xl-10 {
		width: 83.33333333%;
	}
	.col-xl-11 {
		width: 91.66666667%;
	}
	.col-xl-12 {
		width: 100%;
	}
    .post-inner-row {
        max-width: 1360px;
    }
    #mobile-menu-navigation .eael-simple-menu {
        display: flex;
        justify-content: flex-end;
    }
}
@media (min-width: 1440px) {
    .d-xxl-none {
        display: none;
    }
    .d-xxl-block {
        display: block;
    }
    .d-xxl-inline-block {
        display: inline-block;
    }
    .d-xxl-flex {
        display: flex;
    }
    .d-xxl-grid {
        display: grid;
    }
	.col-xxl-1 {
		width: 8.33333333%;
	}
	.col-xxl-2 {
		width: 16.66666667%;
	}
	.col-xxl-3 {
		width: 25%;
	}
	.col-xxl-4 {
		width: 33.33333333%;
	}
	.col-xxl-5 {
		width: 41.66666667%;
	}
	.col-xxl-6 {
		width: 50%;
	}
	.col-xxl-7 {
		width: 58.33333333%;
	}
	.col-xxl-8 {
		width: 66.66666667%;
	}
	.col-xxl-9 {
		width: 75%;
	}
	.col-xxl-10 {
		width: 83.33333333%;
	}
	.col-xxl-11 {
		width: 91.66666667%;
	}
	.col-xxl-12 {
		width: 100%;
	}
}
@media (min-width: 1800px) {
    .post-inner-row {
        max-width: 1400px;
    }
}