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

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

	.header-bottom {
		padding: 10px 25px;
	}
}

@media screen and (max-width:1024px) {
	header .menu>li>a, .menu-second-container .owl-item>li>a {
		padding: 7px 10px;
	}

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

	.login-button-row .target-button {
		min-width: 120px;
		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%;
	}

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

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

	.slots-row {
		gap: 30px;
	}

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

	.tabs-content a {
		width: calc((100% - 45px) / 4);
		padding: 10px 15px;
	}
}

@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: 7px 30px;
	}

	.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: 10px;
	}

	header .left-row {
		width: 100%;
		justify-content: space-between;
	}

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

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

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

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

	.login-button-row .target-button {
		width: 50%;
	}

	.toggle-menu {
		position: relative;
		display: block;
		width: 40px;
		height: 25px;
	}

	.toggle-menu span {
		position: absolute;
		display: block;
		height: 3px;
		border-radius: 3px;
		background: var(--basic-site-color);
		left: 0;
		transition: .3s;
	}

	.toggle-menu span:first-child {
		width: 100%;
		top: 0;
	}

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

	.toggle-menu span:last-child {
		width: 60%;
		bottom: 0;
	}

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

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

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

	header .primary_menu {
		position: fixed;
		background: var(--site-fone);
		color: var(--basic-color);
		max-width: 320px;
		width: calc(100vw - 80px);
		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;
	}

	header .primary_menu .widget_mslswidget {
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
	}

	header .primary_menu .widget_mslswidget img {
		width: 24px;
	}

	header .primary_menu .widget_mslswidget .current_language {
		order: -1;
		pointer-events: none;
	}

	header .primary_menu .menu {
		display: block;
	}

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

	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.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);
	}

	.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-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 a {
		width: calc((100% - 30px) / 3);
	}

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

	.ii-row .ii-btn {
		flex-basis: calc((100% - 15px) / 2);
		flex-grow: 0;
	}

	.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;
	}
}

@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;
	}

	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;
	}

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

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

	.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: auto;
		object-fit: none;
	}

	.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-item.column-4,
	.brand-col {
		width: 100%;
	}

	.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 {
		display: block;
	}

	.tabs-caption li {
		padding: 15px;
	}

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

	.tabs-content a {
		width: 100%;
	}

	.ii-row .ii-btn {
		flex-basis: 100%;
	}

	.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-bottom {
		padding: 30px 0;
	}

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