/**
 * Desktop layout: full-width header/footer bars with centered inner content.
 */

@media screen and (min-width: 993px) {
	html,
	body {
		width: 100%;
		max-width: none;
		min-width: 0;
		margin: 0;
	}

	#page,
	.site,
	.af-whole-wrapper {
		width: 100%;
		max-width: none;
		margin: 0;
	}

	.container-wrapper,
	.morenews-header .container-wrapper,
	.morenews-header .af-container-row,
	footer.site-footer .container-wrapper,
	footer.site-footer .af-container-row,
	.primary-footer .container-wrapper,
	.secondary-footer .container-wrapper,
	.site-info .container-wrapper,
	.aft-main-breadcrumb-wrapper.container-wrapper,
	#content.container-wrapper {
		box-sizing: border-box;
		width: 100%;
		max-width: 1440px;
		margin-left: auto;
		margin-right: auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	#main-navigation-bar,
	.morenews-header .top-header,
	.morenews-header .mid-header-wrapper,
	.morenews-header .bottom-bar-flex,
	footer.site-footer,
	.primary-footer,
	.secondary-footer,
	.site-info {
		width: 100%;
	}

	.main-navigation .toggle-menu,
	.main-navigation .ham {
		display: none !important;
	}

	.main-navigation .menu .menu-mobile {
		display: none !important;
		position: static !important;
		width: auto !important;
		transform: none !important;
	}

	.main-navigation #primary-menu > ul.menu-desktop,
	.main-navigation .menu-desktop,
	.main-navigation .menu-desktop > ul {
		display: flex !important;
	}

	.aft-hide-on-mobile {
		display: inline-block !important;
	}

	.aft-show-on-mobile {
		display: none !important;
	}

	.af-main-banner-featured-posts .af-sec-post.col-4,
	.af-main-banner-featured-posts .col-4 {
		width: 25%;
		max-width: 25%;
		float: left;
	}

	.af-main-banner-featured-posts .af-container-row {
		display: flex;
		flex-wrap: wrap;
	}

	.featured-category-item {
		width: 33.3333%;
	}

	.af-main-banner-featured-posts .read-img.read-bg-img,
	.morenews-widget .read-img.read-bg-img {
		min-height: 180px;
	}

	.af-main-banner-featured-posts .read-img.read-bg-img img.pgc-game-thumbnail,
	.morenews-widget .read-img.read-bg-img img.pgc-game-thumbnail {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
}

@media screen and (min-width: 1200px) {
	.container-wrapper,
	.morenews-header .container-wrapper,
	#content.container-wrapper {
		padding-left: 30px;
		padding-right: 30px;
	}

	.af-main-banner-featured-posts .af-sec-post.col-4,
	.af-main-banner-featured-posts .col-4 {
		width: 25%;
		max-width: 25%;
	}
}