@media (max-width: 1329.98px) {

}

@media (max-width: 1219.98px) {
	.header__menu {
		overflow: auto;
		overflow: overlay;
	}

	.menu > li > ul {
		display: none;
	}

	.header__search {
		width: 240px;
	}

	html:-ms-fullscreen .game__caption-fullscreen-btn {
		position: fixed;
		left: 0;
		top: 10px;
		z-index: 999999;
		margin: 0;
		background: #fff;
		border-radius: 0 10px 10px 0;
	}

	html:-moz-full-screen .game__caption-fullscreen-btn {
		position: fixed;
		left: 0;
		top: 10px;
		z-index: 999999;
		margin: 0;
		background: #fff;
		border-radius: 0 10px 10px 0;
	}

	html:-webkit-full-screen .game__caption-fullscreen-btn {
		position: fixed;
		left: 0;
		top: 10px;
		z-index: 999999;
		margin: 0;
		background: #fff;
		border-radius: 0 10px 10px 0;
	}

	html:fullscreen .game__caption-fullscreen-btn {
		position: fixed;
		left: 0;
		top: 10px;
		z-index: 999999;
		margin: 0;
		background: #fff;
		border-radius: 0 10px 10px 0;
	}
}

@media (max-width: 999.98px) {

}

@media (max-width: 767.98px) {
	h1, .h1 {
		font-size: 24px;
		margin-bottom: 20px
	}

	h2, .h2 {
	    font-size: 20px;
	}

	.page-header {
	    margin-bottom: 20px;
	}

	.content {
		padding-left: 12px;
		padding-right: 12px;
	}

	.header__logo {
		flex: 0 0 auto;
		width: 50%;
		padding: 0 40px 0 10px;
	}

	.nav-btn {
		right: 10px;
	}

	.nav a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header__menu {
		flex: 0 0 auto;
		width: 50%;
		position: relative;
		display: flex;
		overflow: visible;
	}

	.menu-btn {
		display: flex;
		align-items: center;
		border: none;
		background: none;
		font-family: var(--title-font);
		flex-grow: 1;
		min-width: 1px;
		padding: 0 0 0 10px;
		font-size: 14px;
		line-height: 20px;
	}

	.menu-btn svg {
		color: inherit;
		margin-left: 5px;
	}

	html.is-menu-open .menu-btn svg {
		transform: rotate(180deg);
	}

	.menu {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		display: block;
		background: var(--green-4);
		padding: 10px 0;
		font-size: 12px;
		line-height: 16px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: 0.3s var(--bezier);
		max-height: 70vh;
		overflow-y: auto;
	}

	html.is-menu-open .menu {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.menu > li > a,
	.menu > li > ul a {
		display: block;
		color: var(--denim-blue);
		text-decoration: none;
		padding: 7px 10px;
		height: auto;
		box-shadow: none !important;
	}

	.menu > li > ul a {
		padding-left: 20px;
	}

	.menu > li > a:hover,
	.menu > li > ul a:hover {
		color: var(--header-color);
		background-color: rgba(255, 255, 255, 0.08);
	}

	.menu > li > ul {
		display: block;
		position: static;
		background: none;
		margin: 0;
		padding: 0;
		min-width: 0;
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: none;
	}

	.search-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		border: none;
		padding: 0;
		width: 50px;
		background: none;
		color: inherit;
		transform: scaleX(-1);
	}

	.header__search {
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		top: 0;
		height: 100%;
		background: var(--green-3);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-100%);
		transition: 0.3s var(--bezier);
	}

	html.is-search-open .header__search {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}

	.search {
		padding: 0 10px;
	}

	.search-close-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
		border: none;
		background: none;
		width: 40px;
		height: 40px;
		margin: 0 -5px 0 5px;
	}

	.search__results {
		left: 0;
	}

	.autocomplete-suggestions {
		max-height: 70vh !important;
	}

	.search__result-link, .search__result-item {
		padding-left: 10px;
		padding-right: 10px;
	}

	.tabs__content {
		position: static !important;
		padding: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	.tabs__item {
		display: block !important;
	}

	.tabs__item-header {
		display: block;
		border: none;
		color: inherit !important;
		text-decoration: none;
		background: #efefef;
		border-radius: 0;
		padding: 15px 15px;
		font-size: 14px;
		line-height: 17px;
		font-weight: 500;
		text-align: left;
		width: 100%;
		position: relative;
	}

	.tabs__item-header:after {
		content: '';
		position: absolute;
		right: 13px;
		top: 50%;
		width: 8px;
		height: 8px;
		border-style: solid;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
		margin-top: -5px;
		opacity: .7;
	}

	.tabs__item-header:hover {
		background: #f7f7f7;
	}

	.tabs__item.is-open .tabs__item-header {
		background: #fff;
	}

	.tabs__item.is-open .tabs__item-header:after {
		transform: rotate(-135deg);
		margin-top: 0px;
	}

	.tabs__item-content {
		padding: 15px;
		background: #fff;
		box-shadow: 0 5px 5px -5px rgb(0 0 0 / 20%) inset;
		display: none;
	}

	.tabs__item.is-open .tabs__item-content {
		display: block;
	}

	.tabs__nav {
		display: none;
	}

	.tabs__item:first-child .tabs__item-header {
		border-radius: 10px 10px 0 0;
	}

	.tabs__item:last-child:not(.is-open) .tabs__item-header,
	.tabs__item:last-child .tabs__item-content {
		border-radius: 0 0 10px 10px;
	}

	.game__overlay {
		display: none;
	}

	.cookie-alert {
        padding: 10px 0 20px;
    }

    .cookie-alert__inner {
        display: block;
        text-align: center;
    }

    .cookie-alert__content {
        font-size: 12px;
    }

    .cookie-alert__footer {
        margin-left: 0;
        margin-top: 10px;
    }

    .page-content {
    	display: block;
    }

    .page-content__aside {
    	width: auto;
    	margin-left: 0;
    	margin-top: 30px;
    }
}

@media (max-width: 575.98px) {
	.catalog {
		grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
	}

	.game__frame-wrapper {
		aspect-ratio: auto;
	}

	.game__frame-wrapper:before {
		display: none;
	}

	.game__frame-inner {
		position: static;
		height: auto;
	}

	.game__frame-content {
		width: auto;
		height: auto;
		max-height: none;
		aspect-ratio: auto !important;
	}

	.game__frame-content-place {
	    display: block;
	}

	.game__caption {
		flex-wrap: wrap;
	}

	.game__caption-content {
		max-width: calc(100% - 140px);
	}

	.game__caption-rating {
		order: 1;
		margin-left: 10px;
	}

	.game__caption-buttons {
		order: 2;
		margin-left: 0;
		margin-right: auto;
		margin-top: 10px;
	}

	.game__caption-like {
		display: flex;
		align-items: center;
	}

	.game__caption-like-count {
		position: static;
		margin: 0 0 0 5px;
	}

	.game__caption-fullscreen {
		order: 3;
		margin-left: auto;
		margin-top: 5px;
	}

	.game__video-content {
        width: auto;
        height: auto;
    }

    .category-catalog {
	    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
	    grid-gap: 5px;
	}

	.blog-item {
		margin-bottom: 10px;
	}

	.content-404 h1 {
	    font-size: 150px;
	    margin: 0 0 30px;
	}

	.content-404 p {
	    font-size: 16px;
	    margin: 0 0 30px;
	}
}