@media screen and (min-width: 1550px) {
	.section.grass-effect:before {
		top: -140px;
		height: 314px;
	}

	.section.line:before {
		top: -170px;
		height: 358px;
	}

	.section-image-and-text .wrapper {
		padding-top: 130px;
		padding-bottom: 80px;
	}

	.section3 .section-h2 {
		margin-top: 90px;
	}

	.wrapper.more-padding-bottom {
		padding-bottom: 210px;
	}
}
@media screen and (max-width: 1160px) {
	.section3 .section-h2,
	.section7 .section-h2,
	.section9 .section-h2 {
		margin-top: 20px;
	}

	.section3 .container .item {
		margin: 10px;
	}

	.section3 .container .item .item-description {
		font-size: 16px;
		line-height: 21px;
	}

	.section7 .symbols-items-second {
		margin-top: 0;
		justify-content: center;
	}

	.section7 .symbols-items-second .item {
		width: 44%;
		max-width: 450px;
		margin: 30px 15px 0;
	}

	.section7 .symbols-items-second .item .item-title {
		font-size: 22px;
	}

	.section7 .symbols-items-second .item .item-info {
		font-size: 16px;
		line-height: 21px;
	}

	.section1:after {
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		bottom: -120px;
		height: 281px;
	}

	.section.grass-effect:before {
		top: -80px;
		height: 194px;
	}

	.section.line:before {
		top: -100px;
		height: 178px;
		background-repeat: no-repeat;
	}

	.section-image-and-text .container .item.item-img img {
		max-width: 440px;
	}
}

@media screen and (max-width: 1070px) {
	.section3 .container {
		justify-content: center;
	}

	.section3 .container .item {
		width: 46%;
	}
}

@media screen and (max-width: 1000px) {
	.top-menu,
	.top-menu .wrapper,
	.top-menu .top-menu-items {
		display: block;
	}

	.top-menu.fixed-menu .wrapper {
		padding: 0 15px;
	}

	.top-menu .wrapper-mob {
		margin-left: 0;
		display: none;
	}

	.button.button-top {
		display: none;
	}

	.top-menu {
		max-height: 100%;
		overflow-y: auto;
	}

	.top-menu.mobile-top-menu-open .wrapper-mob {
		display: block;
	}

	.top-menu .top-menu-items li a {
		padding: 0 15px;
		align-items: center;
		justify-content: flex-start;
	}

	.top-menu .top-menu-items li a:before {
		display: none;
	}

	.top-menu .menu-burger-mobile {
		display: block;
	}

	.top-menu.mobile-top-menu-open .menu-burger-mobile .burger-line1 {
		top: 5px;
		-webkit-transform:rotate(-42deg);
		-moz-transform:rotate(-42deg);
		-ms-transform:rotate(-42deg);
		-o-transform:rotate(-42deg);
		transform: rotate(-42deg);
	}

	.top-menu.mobile-top-menu-open .menu-burger-mobile .burger-line3 {
		top: 0;
		-webkit-transform:rotate(42deg);
		-moz-transform:rotate(42deg);
		-ms-transform:rotate(42deg);
		-o-transform:rotate(42deg);
		transform: rotate(42deg);
	}

	.top-menu.mobile-top-menu-open .menu-burger-mobile .burger-line2 {
		display: none;
	}

	.section7 .symbols-items .item {
		width: calc(50% - 20px);
		border-width: 2px;
	}

	.section7 .symbols-items .item .item-info .item-info-line {
		margin-top: 5px;
		font-size: 13px;
	}


	.section7 .wrapper {
		padding-bottom: 32px;
	}

	.section7 .symbols-items .item .item-info {
		max-width: 84px;
		margin: 0 auto;
	}

	.section7 .symbols-items .item .item-img img {
		max-width: 72px;
	}

	.section8 {
		padding-bottom: 0;
	}

	.section12 {
		padding-top: 30px;
		padding-bottom: 0;
	}

	.top-menu .top-menu-items li ul {
		display: block;
		background: none;
		position: relative;
		max-width: 100%;
	}

	.top-menu .top-menu-items li ul li a {
		padding-left: 25px;
	}

	.top-menu .top-menu-items li a {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.top-menu .top-menu-items li {
		height: auto;
		padding: 0;
	}

	.top-menu .menu-img img.logo3_header {
		margin-left: 0;
	}

	.top-menu.mobile-top-menu-open {
		background-color: #040D26;
	}

	.top-menu .menu-img img {
		opacity: 1;
	}

	.section7 .symbols-items:before {
		display: none;
	}

	.section7 .symbols-items:after {
		display: none;
	}

	.section8 .container:after {
		display: none;
	}

	.section1-inners .section1-media:after {
		width: 586px;
		height: 584px;
		right: -40px;
		top: -90px;
	}

	.section1-inners .section1-media {
		max-width: 260px;
		position: relative;
		z-index: 1;
	}

	.section1-game2 .section1-inners .section1-media {
		max-width: 182px;
		position: relative;
		z-index: 1;
		padding-right: 100px;
	}

	.section1-game3 .section1-inners .section1-media {
		max-width: 412px;
		position: relative;
		z-index: 1;
		padding-right: 0;
	}
}

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

	.section1 .wrapper:after {
		width: 242px;
		height: 270px;
	}

	.section1 h1 {
		font-size: 40px;
		margin-top: -40px;
	}


	.section1 p {
		font-size: 16px;
	}

	.button {
		font-size: 14px;
	}

	.section-h2 {
		font-size: 28px;
		padding-bottom: 5px;
	}

	.section2 .drop-select {
		border-radius: 24px;
		margin-top: 10px;
	}

	.container p,
	p.container-p {
		font-size: 16px;
		margin-top: 8px;
		line-height: 21px;
	}

	.section2 .wrapper {
		padding-bottom: 20px;
	}

	.drop-select .drop-select-default {
		padding: 15px 46px 15px 18px;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 700;
		font-family: 'Roboto', sans-serif;
	}

	.drop-select .drop-select-default:after {
		right: 18px;
	}

	.drop-select .drop-select-container {
		padding: 18px 18px 15px 18px;
		font-size: 16px;
	}

	.drop-select .drop-select-container ul li,
	.drop-select .drop-select-container ol li {
		font-size: 16px;
	}

	.section2 .container {
		padding-left: 0;
		position: relative;
		padding-top: 20px;
		padding-bottom: 280px;
		min-height: auto;
	}

	.section2 .container:before {
		width: 300px;
		height: 240px;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		margin: auto;
		display: block;
	}
	.section.grass-effect:before {
		top: -60px;
		height: 148px;
	}


	.wrapper.more-padding-bottom {
		padding-bottom: 60px;
	}

	.section4 .section-h2,
	.section8 .section-h2 {
		margin-top: 0;
  	}

	.section4 .container {
		margin-top: 15px;
	}

	.section-image-and-text .wrapper {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.wrapper.more-padding-bottom {
		padding-bottom: 60px;
	}

	.section4 .wrapper {
		padding-top: 55px;
	}

	.section-image-and-text.grass-effect .wrapper {
		padding-top: 40px;
		padding-bottom: 50px;
	}

	.section-image-and-text .container {
		flex-direction: column;
	}

	.section12.section-image-and-text .container {
		flex-direction: column-reverse;
		gap: 20px;
	}

	.section-image-and-text .container .item.item-img {
		display: flex;
		flex-grow: 1;
		justify-content: center;
	}

	.section-image-and-text .container .item.item-img img {
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
	}

	.section6 {
		padding-bottom: 40px;
	}

	.section7 {
		margin-top: 0;
		position: relative;
	}

	.section-image-and-text .container.image-first .item.item-info {
		margin-left: 0;
		margin-top: 20px;
	}

	.section-image-and-text .container.image-second .item.item-info {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.footer .wrapper {
		padding-top: 0;
		padding-bottom: 20px;
  }

	.footer .container.container-links {
		padding-top: 0;
		justify-content: start;
		flex-wrap: wrap;
	}

	.footer .container .links-group {
		padding-top: 30px;
	}

	.footer .logos-list {
		flex-wrap: wrap;
		margin-top: 30px;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.footer .logos-list li {
		list-style: none;
		margin: 10px;
	}

	.copyright .wrapper {
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 12px;
		line-height: 14px;
	}

	.section6 .container.image-first .item.item-info {
		padding-bottom: 0;
	}

	.container-casino:after {
		display: none;
	}

	.section3 .wrapper {
		padding-bottom: 40px;
	}

}

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

	.section1 .row-buttons {
		margin-top: 25px;
		display: block;
	}

	.section1 .row-buttons .button {
		margin-right: 0;
		margin-top: 24px;
	}


	.section1:after {
		bottom: -70px;
		height: 150px;
	}

	.section1 {
		padding: 90px 0 80px;
		background-position: right;
	}

	.section1:before {
		height: 650px;
	}

	.section2 {
		padding-top: 110px;
	}

	.section3 {
		padding-top: 40px;
	}

	.section3 .container .item {
		border-radius: 27px;
	}

	.section.line:before {
		top: -50px;
		height: 118px;
	}

	.section5 .container {
		padding: 50px 0;
	}

	.section5.section-image-and-text .container .item.item-img img {
		width: 90%;
	}

	.section6 .container {
		padding: 50px 0 0;
		gap: 30px;
	}

	.section6.section-image-and-text .container {
		flex-direction: column-reverse;
	}

	.section1-inners {
		gap: 50px;
		flex-direction: column-reverse;
	}

	.section1-inners .section1-media {
		max-width: 170px;
	}

	.section1-game2 .section1-inners .section1-media {
		max-width: 118px;
		padding-right: 0;
	}

	.section1-game2 .section1-inners .section1-media:after {
		width: 326px;
		height: 329px;
		right: -77px;
		top: -40px;
	}


	.section1-game3 .section1-inners .section1-media {
		max-width: 236px;
		padding-right: 0;
	}

	.section1-inners .section1-media:after {
		width: 346px;
		height: 344px;
		right: -40px;
		top: -40px;
	}

	.section9 .section-h2 {
		padding-bottom: 20px;
	}

	.section3 .container .item .item-content {
		padding-top: 5px;
	}

}

@media screen and (max-width: 620px) {
	.section7 .symbols-items-second .item {
		width: 100%;
		max-width: 100%;
		margin: 30px 0 0;
	}

	.section7 .symbols-items-first {
		display: block;
	}

	.section7 .symbols-items-first-group {
		margin-top: 0;
	}

	.section7 .symbols-items-second .item .item-img {
		display: flex;
		flex-grow: 1;
		justify-content: center;
	}

	.section7 .symbols-items-first .item .item-info .item-info-line {
		font-size: 13px;
	}

	.section8 .container {
		flex-direction: column;
	}

	.section8 .container .item {
		margin: 15px 0 0;
	}

	.section8 .container .item ul {
		margin-top: 15px;
	}

	.section8 .container .item ul li {
		font-size: 16px;
		line-height: 21px;
	}

	.section8 .container .item.red {
		margin-top: 0;
	}


}

@media screen and (max-width: 545px) {
	.section3 .container {
		margin-top: 0;
	}

	.section3 .container .item {
		width: 100%;
		min-height: 0;
		margin: 25px 0 0;
	}

	.section3 .container .item .item-sticker {
		right: auto;
		top: -17px;
		left: -15px;
	}


	.section.grass-effect:before {
		top: -40px;
		height: 98px;
	}

	.section1:after {
		bottom: -50px;
		height: 110px;
	}

	.section2 {
		padding-top: 60px;
	}

	.section.line:before {
		top: -50px;
		height: 78px;
	}

	.section9 .wrapper {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 430px) {
	.section.line:before {
		top: -34px;
		height: 66px;
	}

	.footer .container .links-group {
		width: calc(50% - 35px);
	}
}