@media screen and (max-width:1200px) {

	.main,
	.container,
	footer {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header-bottom {
		padding: 8px 0 10px;
	}
}

@media screen and (max-width:1024px) {
	header .menu>li>a {
		padding: 6px 10px;
	}

	header .right-row {
		gap: 15px;
	}

	.login-button-row .target-button {
		min-width: 96px;
		height: 38px;
		padding: 0 16px;
		box-shadow: none !important;
		border: 0;
		margin-top: 0;
	}

	.grid-columns {
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-areas: "item-1 item-2 item-3"
			"item-1 item-2 item-4"
			"item-1 item-5 item-6";
	}

	.adv-column {
		min-width: 100%;
		width: 100%;
	}

	.sections-menu-item.column-4 .item-row .title {
		font-size: 14px;
	}

	.adv-column--fixture .wp-block-image {
		width: 88px;
		padding: 12px 0 12px 12px;
	}

	.adv-column--fixture .wp-block-text {
		padding: 12px 14px 12px 10px;
	}

	.adv-column--fixture .wp-block-text > h3 {
		font-size: 20px;
		margin-bottom: 6px;
	}

	.adv-column--fixture .mapi-upcoming {
		padding: 10px 14px 12px;
	}

	.wp-block-bonus .title {
		font-size: 18px;
	}

	.wp-block-bonus .size {
		font-size: 28px;
	}

	.game-column img {
		height: 200px;
	}

	.game-column.more-btn {
		min-height: 200px;
	}

	.slots-row {
		gap: 30px;
	}

	.tabs-caption li {
		padding: 18px 13px;
	}

	.tabs-content .tabs-item {
		width: calc((100% - 30px) / 4);
		padding: 8px 12px;
	}
}

@media screen and (max-width:767px) {
	.mobile-hide {
		display: none;
	}

	.desctop-hide {
		display: block;
	}

	.main,
	.container,
	footer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-bottom {
		padding: 6px 0 8px;
	}

	.main {
		position: relative;
	}

	.main.menu-active:before {
		content: '';
		position: absolute;
		background: rgba(0, 0, 0, .7);
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 900;
	}

	header {
		transition: .3s;
	}

	body.fixed-header header {
		z-index: 2000;
	}

	header .header-top .container {
		flex-direction: column;
		gap: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	header .left-row {
		width: 100%;
		justify-content: center;
		position: relative;
		min-height: 40px;
	}

	header .logo img {
		width: auto;
		height: 36px;
	}

	body.fixed-header header .header-bottom {
		display: none;
	}

	header .right-row {
		width: 100%;
		gap: 0;
	}

	.login-button-row {
		width: 100%;
		gap: 8px;
	}

	.login-button-row .target-button {
		flex: 1;
		width: auto;
		min-width: 0;
		height: 36px;
		padding: 0 12px;
		font-size: 13px;
	}

	.toggle-menu {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		width: 40px;
		height: 40px;
	}

	.toggle-menu span {
		position: absolute;
		display: block;
		height: 2px;
		width: 22px;
		border-radius: 2px;
		background: #EFF1F8;
		left: 9px;
		transition: .2s;
	}

	.toggle-menu span:first-child {
		width: 22px;
		top: 12px;
	}

	.toggle-menu span:nth-child(2) {
		width: 22px;
		top: 50%;
		margin-top: -1px;
	}

	.toggle-menu span:last-child {
		width: 22px;
		bottom: 12px;
	}

	.toggle-menu.active span:first-child {
		transform: translateY(7px) rotate(45deg);
	}

	.toggle-menu.active span:nth-child(2) {
		opacity: 0
	}

	.toggle-menu.active span:last-child {
		width: 22px;
		transform: translateY(-7px) rotate(-45deg);
	}

	header .primary_menu {
		position: fixed;
		background: var(--header-fon, #000930);
		color: var(--basic-color);
		max-width: 320px;
		width: calc(100vw - 72px);
		height: 100vh;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 20px;
		top: 0;
		right: -320px;
		transition: .3s;
		z-index: 100;
	}

	header .primary_menu .menu:before {
		content: none;
	}

	header .primary_menu.active {
		right: 0;
	}

	footer .widget_mslswidget {
		margin-top: 0;
	}

	header .primary_menu .menu {
		display: block;
	}

	header .primary_menu .menu a {
		font-size: 1.1rem;
		padding: 7px 0;
	}

	header .primary_menu .menu > li > a {
		display: block;
		min-height: auto;
		border-radius: 0;
		background: transparent;
		padding: 8px 0;
		font-size: 1.1rem;
		line-height: 1.3;
	}

	header .primary_menu .menu > li.current-menu-item > a,
	header .primary_menu .menu > li.current-menu-ancestor > a {
		background: transparent;
		color: var(--fon-button, #1B9DD9);
	}

	header .primary_menu .menu > li.current-menu-item > a::after,
	header .primary_menu .menu > li.current-menu-ancestor > a::after {
		content: none;
	}

	header .primary_menu .menu > li:not(.current-menu-item):not(.current-menu-ancestor) > a:hover {
		background: transparent;
		color: #fff;
	}

	header .menu>li.menu-item-has-children {
		flex-wrap: wrap;
	}

	header .menu>li.menu-item-has-children:after {
		margin-left: 10px;
	}

	header .primary_menu .menu>li.menu-item-has-children .sub-menu {
		position: relative;
		display: none;
		visibility: visible;
		opacity: 1;
		width: calc(100% + 60px);
		background: transparent;
		padding-left: 10px;
		border: 0;
		border-radius: 0;
		top: 0;
		order: 2;
	}

	header .primary_menu .menu>li.menu-item-has-children .sub-menu::before {
		content: none;
	}

	header .primary_menu .menu>li.menu-item-has-children .sub-menu.active {
		display: block;
	}

	.widget_mslswidget .current_language {
		pointer-events: none;
	}

	body.fixed-header .main {
		padding-top: 120px !important;
	}

	.site-content .wp-block-columns {
		flex-wrap: wrap;
	}

	.site-content .wp-block-columns.bonus-row.revers {
		flex-direction: column-reverse;
	}

	.site-content .wp-block-column {
		flex-basis: 100%;
	}

	.icon-column {
		min-width: calc((100% - 30px) / 2);
		padding: 16px 16px;
	}

	.icon-columns-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		margin: 12px 0 18px;
	}

	.icon-column--tile {
		min-height: 52px;
		padding: 12px 10px;
	}

	.icon-column--tile .icon-column__label,
	.icon-column--tile h3 {
		font-size: 13px;
	}

	.grand-menu-row {
		flex-wrap: wrap;
	}

	.grand-menu-item {
		min-width: calc((100% - 15px) / 2);
	}

	.grid-columns {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	.grid-column {
		width: calc(50% - 5px);
	}

	.slots-col,
	.brands-table-2 .brand-tr {
		width: 100%;
	}

	.slots-title .title {
		font-size: 24px;
	}

	.in-namber-row {
		flex-wrap: wrap;
	}

	.in-namber-row .in-namber-item:nth-child(3) {
		width: 100%;
	}

	.sections-menu-item.column-4,
	.game-column,
	.in-namber-item,
	.brand-col {
		width: calc((100% - 15px) / 2);
	}

	.sections-menu-item.column-4 .item-row {
		min-height: 58px;
		padding: 8px 34px 8px 10px;
		gap: 10px;
	}

	.sections-menu-item.column-4 .item-row img {
		width: 40px;
		height: 40px;
	}

	.sections-menu-item.column-4 .item-row .title {
		font-size: 14px;
	}

	.sections-menu-item.column-4:before {
		right: 12px;
		width: 12px;
		height: 10px;
	}

	.site-block-table table tr th,
	.site-block-table table tr td {
		padding: 12px;
	}

	.site-block-table table td ul {
		margin: 0;
		padding-left: 1.15em;
	}

	.sections-menu-item.column-6 {
		width: calc((100% - 30px) / 3);
	}

	.brands-table-3 .brand-tr {
		display: block;
	}

	.brands-table-3 .title-td,
	.brands-table-3 .rating-td {
		text-align: center;
		width: 100%;
	}

	.brands-table-3 .rating-td {
		padding-left: 0;
		border-left: 0 !important;
		justify-content: center;
		gap: 20px;
		margin-top: 15px;
	}

	.player-reviews {
		padding: 20px;
	}

	.review-row,
	.offset-row {
		gap: 15px;
	}

	.review-col {
		width: calc(50% - 10px);
		padding: 20px;
	}

	.offset-col {
		width: calc((100% - 40px) / 3);
		padding: 20px 20px 5px;
	}

	.tabs-caption li {
		padding: 18px 10px;
	}

	.tabs-content .tabs-item {
		width: calc((100% - 30px) / 3);
	}

	.ii-row {
		flex-wrap: wrap;
		justify-content: center;
	}

	.footer-top {
		flex-wrap: wrap;
	}

	.footer-col {
		width: calc((100% - 30px) / 2);
	}

	.footer-top .footer-col:first-child {
		width: 100%;
	}

	.mobile-bonus {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.adv-column--fixture .adv-column__intro {
		align-items: flex-start;
	}

	.adv-column--fixture .wp-block-image {
		width: 72px;
		padding: 12px 0 12px 12px;
	}

	.adv-column--fixture .wp-block-image img {
		object-fit: contain;
		height: auto;
		max-height: 72px;
	}

	.adv-column--fixture .wp-block-text {
		padding: 12px 12px 10px 10px;
	}

	.adv-column--fixture .wp-block-text > h3 {
		font-size: 18px;
		margin-bottom: 6px;
	}

	.adv-column--fixture .wp-block-text > p {
		font-size: 14px;
		line-height: 1.55;
	}

	.adv-column--fixture .mapi-upcoming {
		padding: 8px 12px 12px;
	}
}

@media screen and (max-width:480px) {
	header .right-row {
		gap: 20px;
	}

	h1 {
		font-size: calc(1.375rem + 1.5vw);
		margin-bottom: 20px;
	}

	h2 {
		font-size: calc(1.325rem + 0.9vw);
		margin-top: 30px;
	}

	.site-content > h1:first-child,
	.site-content > h2:first-child,
	.site-content > h3:first-child {
		margin-top: 0;
	}

	h3 {
		font-size: calc(1.3rem + 0.6vw)
	}

	h4 {
		font-size: calc(1.275rem + 0.3vw)
	}

	.site-content .wp-block-columns {
		gap: 20px;
	}

	.wp-block-bonus {
		padding: 20px;
	}

	.wp-block-bonus .desc {
		max-width: none;
	}

	.game-column.more-btn {
		height: 200px;
	}

	.icon-column,
	.grand-menu-item {
		min-width: 100%;
	}

	.icon-columns-grid .icon-column {
		min-width: 0;
	}

	.icon-column--tile {
		min-height: 48px;
		padding: 10px 8px;
	}

	.icon-column--tile .icon-column__label,
	.icon-column--tile h3 {
		font-size: 12px;
	}

	.target-button {
		width: 100%;
	}

	.wp-block-table {
		overflow-x: auto;
	}

	.accordion .title_block {
		padding: 13px 40px 13px 15px;
	}

	.accordion .info {
		padding: 15px;
	}

	.accordion .title_block:before {
		right: 15px;
	}

	.grid-column,
	.game-column {
		width: 100%;
	}

	.adv-column {
		display: block;
	}

	.adv-column .wp-block-image {
		width: 100%;
		height: auto;
		text-align: center;
	}

	.adv-column .wp-block-image img {
		width: auto;
		height: 200px;
	}

	.adv-column--fixture {
		display: flex;
		flex-direction: column;
	}

	.adv-column--fixture .adv-column__intro {
		display: flex;
		align-items: flex-start;
		min-width: 0;
	}

	.adv-column--fixture .wp-block-image {
		width: 64px;
		flex-shrink: 0;
		padding: 12px 0 12px 12px;
		text-align: left;
	}

	.adv-column--fixture .wp-block-image img {
		width: 100%;
		height: auto;
		max-height: 64px;
		object-fit: contain;
	}

	.adv-column--fixture .wp-block-text {
		padding: 12px 12px 12px 10px;
	}

	.adv-column--fixture .wp-block-text > h3 {
		font-size: 18px;
		margin-bottom: 6px;
	}

	.adv-column--fixture .mapi-upcoming {
		margin-top: 0;
		padding: 8px 12px 12px;
	}

	.promoblock,
	.promo-button-row {
		flex-direction: column;
	}

	.promo-button-row>.target-button,
	.target-button-container {
		width: 100%;
	}

	.winners-table {
		display: flex;
		overflow-x: auto;
	}

	.winners-body {
		display: flex;
		flex-grow: 1;
	}

	.winners-head {
		display: block;
		flex-grow: 1;
	}

	.winners-tr {
		display: block;
		flex-grow: 1;
	}

	.winners-th,
	.winners-td {
		width: auto;
	}

	.in-namber-item .text {
		font-size: 36px;
		margin-top: 10px;
	}

	.sections-menu-item.column-6 {
		width: calc((100% - 15px) / 2);
	}

	.sections-menu-row {
		gap: 8px;
	}

	.sections-menu-item.column-4 {
		width: calc((100% - 8px) / 2);
	}

	.brand-col {
		width: 100%;
	}

	.sections-menu-item.column-4 .item-row {
		min-height: 52px;
		padding: 8px 28px 8px 8px;
		gap: 8px;
	}

	.sections-menu-item.column-4 .item-row img {
		width: 34px;
		height: 34px;
	}

	.sections-menu-item.column-4 .item-row .title {
		font-size: 13px;
	}

	.sections-menu-item.column-4:before {
		right: 8px;
		width: 11px;
		height: 9px;
	}

	.site-block-table table tr th,
	.site-block-table table tr td {
		padding: 10px;
		font-size: 14px;
		vertical-align: top;
	}

	.site-block-table table tr td[width] {
		width: auto;
	}

	.site-block-table table tr td:first-child {
		width: 40%;
	}

	.about-table .about-tr {
		padding: 10px;
	}

	.about-table .about-tr .title-td {
		width: 50%;
		flex-shrink: 0;
		padding-right: 5px;
	}

	.about-table .about-tr .details-td {
		padding-left: 5px;
	}

	.brand-tr,
	.rating-td {
		flex-direction: column;
		gap: 10px !important;
	}

	.brands-table-1 .rating-td {
		flex-direction: row;
		gap: 5px;
	}

	.brands-table-5 .brand-tr,
	.review-col,
	.offset-col {
		width: 100%;
	}

	.offset-row {
		margin: 15px 0;
		flex-wrap: wrap;
	}

	.tabs-caption {
		flex-wrap: wrap;
	}

	.tabs-caption li {
		flex: 1 1 50%;
		padding: 12px 8px;
		border-right: 1px solid rgba(27, 157, 217, 0.25);
		border-bottom: 1px solid rgba(27, 157, 217, 0.25);
	}

	.tabs-content {
		gap: 8px;
		padding: 14px 10px;
	}

	.tabs-content .tabs-item {
		width: calc((100% - 8px) / 2);
	}

	.footer-top {
		gap: 20px;
		padding: 40px 0 30px;
	}

	.footer-top .footer-col .logo-row,
	.footer-top .footer-col .buttons-row {
		gap: 20px;
		flex-direction: column;
	}

	.social-row {
		justify-content: center;
	}

	footer .body-lang {
		display: flex;
		justify-content: center;
		width: 100%;
	}

	footer .body-lang .widget_mslswidget {
		left: 50%;
		transform: translateX(-50%);
	}

	.footer-bottom {
		padding: 20px 0;
		text-align: left;
	}

	.footer-bottom p {
		text-align: left;
	}

	.text-404 h2 {
		font-size: 150px;
	}
}