@media (min-width: 992px) and (max-width: 1199px) {
	.server-list {
		width: auto;
		left: 30px;
		right: 30px;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@media (max-width: 1199px) {

	html, body {
		overflow-x: hidden;
	}

	/* Header */
	.header {
		padding-top: 30px;
	}
	.main-menu,
	.mini-profile {
		display: none;
	}
	.mobile-nav__toggle {
		display: block;
	}
	.header-line {
	    margin: 30px 0;
	}

	/* Hero */
	.hero__collage {
	    right: -288px;
	}

	/* How to start */
	.how-to-start {
		padding-top: 216px;
	}
	.how-to-start__header {
		margin-bottom: 60px;
	}
	.how-to-start__header .section-header__title {
		margin-bottom: 24px;
	}
	.how-to-start .section-header__desc {
		margin-bottom: 44px;
	}
	.instruction {
		padding: 60px 0;
	}
	.instruction-item {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/* News */
	.news {
		padding: 60px 0;
	}
	.news-carousel .slick-track {
		padding-top: 60px;
	}

	/* Social */
	.social {
		padding: 60px 0;
	}
	.social-item {
		padding-bottom: 30px;
	}
	.social-item__logo {
		width: 60px !important;
	}
	.social-item__members img {
		width: 180px !important;
	}

}

@media (max-width: 991px) {

	.container {
		max-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Hero */
	.server-list {
		display: block;
		padding: 0 15px 40px;
		overflow-x: scroll;
		white-space: nowrap;
		background: none;
		bottom: -192px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.server-item {
		display: inline-block;
		margin: 0 15px;
		padding: 30px;
		min-width: 198px;
		width: auto;
		background-color: #fff;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 0px 6px 32px rgba(47, 8, 95, 0.3);
		-moz-box-shadow: 0px 6px 32px rgba(47, 8, 95, 0.3);
		box-shadow: 0px 6px 32px rgba(47, 8, 95, 0.3);
	}

	/* How to start */
	.how-to-start__quote {
		padding: 15px;
		font-size: 16px;
		line-height: 26px;
	}
	.instruction {
		padding-bottom: 30px;
	}
	.instruction-item {
		margin-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
		height: auto;
	}
	.instruction-item__text {
		height: auto !important;
	}
	.instruction-item__btn {
		display: inline-block;
		max-width: 308px;
		width: 100%;
	}

	/* News */
	.news-item__body {
		padding: 30px 15px;
	}

	/* Social */
	.social {
		padding-bottom: 30px;
	}
	.social-item {
		margin-bottom: 30px;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* Footer */
	.footer {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.footer .col-12 {
		margin-bottom: 30px;
	}
	.footer__logo {
		margin-bottom: 30px;
	}
	.copyright__small {
		margin-bottom: 30px;
	}

	/* Content */
	.content {
		margin-bottom: 60px;
	}
	.page-transfers {
		padding-bottom: 60px;
	}
	.profile-stats {
		margin-bottom: 30px;
	}
	.profile-stats__item-first {
		margin-bottom: 15px;
	}
	.profile-stats__item-first p {
		display: inline-block;
		white-space: nowrap;
	}
	.profile-cards {
		margin-bottom: 15px;
	}
	.profile-card {
		margin-bottom: 15px;
	}
	.page-about__section {
	}
	.page-about__section_type_highlighted {
	    padding-top: 44px;
	    padding-bottom: 44px;
	}
	.page-about__section_text_left,
	.page-about__section_text_right {
	    margin-left: 0;
	    margin-right: 0;
	    padding-right: 30px;
	    padding-left: 30px;
	}
	.page-about__section-1 {
		margin-top: 24px;
		padding: 0 !important;
		color: #333;
		background: none !important;
	}
	.page-about__section-1 h2 {
		margin-bottom: 52px;
		color: #333;
	}
	.page-about__section-video,
	.page-about__section-4,
	.page-about__section-6 {
		margin-left: -30px;
		margin-right: -30px;
	}
	.page-about__section-video > iframe {
		height: 386px !important;
	}
	.page-about__section-3 > .row > .col-12:first-child {
		margin-bottom: 44px;
	}
	.page-about__section-3 > .row > .col-12:last-child {
		text-align: center;
	}
	.page-about__section-5 > .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.page-about__section-5 > .row > .col-12:first-child {
		text-align: center;
	}
	.page-about__section-5 > .row > .col-12:last-child {
		margin-bottom: 44px;
	}
	.page-about__section-image {
		display: none;
	}
	.page-roulette__balance,
	.page-roulette__nav,
	.roulette-carousel__start-holder,
	.page-roulette__h2 {
		margin-bottom: 68px;
	}
	.roulette-carousel {
		margin-bottom: 34px;
	}
	.roulette-prize-list__categories {
		margin-bottom: -60px;
	}
	.about-roulette__image {
		display: none;
	}
	.about-roulette .row .col-12 {
		padding-bottom: 60px;
	}

}

@media (max-width: 959px) {

	/* News */
	.news-carousel .news-item__wrapper {
		padding: 0 20px;
	}
	.news-carousel .slick-slide .news-item {
		-webkit-box-shadow: 0px 6px 32px rgba(47,8,95,0.3);
		-moz-box-shadow: 0px 6px 32px rgba(47,8,95,0.3);
		box-shadow: 0px 6px 32px rgba(47,8,95,0.3);
	}

}

@media (max-width: 767px) {

	/* Hero */
	.hero,
	.hero .container {
		height: auto;
	}
	.hero__content {
		padding-bottom: 174px;
		position: relative;
		z-index: 5;
	}
	.hero__collage {
		max-width: none;
		right: -320px;
	}

	/* Content */
	.profile-stats {
		margin-top: 30px;
	}
	.donate-wrapper {
		margin-bottom: 90px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.donate-form {
		margin-bottom: 52px;
	}
	.page-about__section-quote {
		margin: 0 45px;
	}
	.page-about__section-quote br {
		content: '';
	}

}

@media (max-width: 575px) {

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

	.hidden-xs {
		display: none;
	}

	/* Header */
	.mobile-nav__close {
		right: 30px;
		left: auto;
	}

	/* Section */
	.section-header__title {
		font-size: 30px;
		line-height: 41px;
	}

	/* Hero */
	.hero {
		padding-top: 82px;
	}
	.hero__content {
		padding-top: 182px;
		padding-bottom: 112px;
	}
	.hero__h1 {
		margin-bottom: 30px;
		font-size: 20px;
		line-height: 28px;
	}
	.hero__h1 span {
		font-size: 46px;
		line-height: 62px;
	}
	.hero__action {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		-moz-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start; 
	}
	.hero__action .btn {
		margin-bottom: 20px;
	}
	.hero__collage {
		width: 620px !important;
		right: -260px;
	}
	.server-list {
		padding-left: 5px;
		padding-right: 5px;
		bottom: -202px;
	}
	.server-item {
		margin-left: 10px;
		margin-right: 10px;
	}

	/* How to start */
	.how-to-start {
		padding-top: 200px;
	}
	.how-to-start__header {
	    margin-bottom: 30px;
	}
	.how-to-start__header .section-header__title {
		margin-bottom: 15px;
	}
	.how-to-start .section-header__desc {
		margin-bottom: 30px;
	}
	.instruction {
	    padding: 30px 0 0;
	}

	/* News */
	.news {
	    padding: 30px 0;
	}
	.news .section-header__title {
		margin-bottom: 15px;
	}
	.news-carousel .news-item__wrapper {
		padding: 0 10px;
	}
	.news-item__title {
	    font-size: 18px;
	    line-height: 24px;
	}
	.news-carousel .slick-track {
		padding-top: 20px;
		padding-bottom: 60px;
	}
	.news-carousel .slick-center {
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    transform: scale(1);
	}

	/* Social */
	.social {
	    padding: 30px 0 0;
	}
	.social-item__title {
	    font-size: 18px;
	    line-height: 24px;
	}

	/* Footer */
	.footer {
		padding: 30px 0 15px;
	}
	.footer .col-12 {
		margin-bottom: 15px;
	}
	.footer__logo {
	    margin-bottom: 15px;
	}
	.copyright__small {
	    margin-bottom: 15px;
	}

	/* Popup */
	.popup {
	    padding: 15px;
	}
	.fancybox-button {
	    top: 0px !important;
	    right: 0 !important;
	}

	/* Content */
	.content {
		margin-bottom: 30px;
	}
	.page-transfers {
		padding-bottom: 30px;
	}
	.table-wrapper table,
	.table-wrapper tbody,
	.table-wrapper tr,
	.table-wrapper td {
		display: block;
	}
	.table-wrapper tr {
		padding: 10px 0;
	}
	.table-wrapper td {
		padding: 5px 0;
		text-align: left;
	}
	.donate-wrapper {
	    margin-bottom: 30px;
	}
	.donate-form {
		margin-bottom: 30px;
		padding: 30px 15px;
		min-height: 0;
	}
	.bonus__inner {
	    padding: 30px 15px;
	}
	.bonus__prize {
	    padding-top: 30px;
	    font-size: 66px;
	}
	.bonus__prize span {
	    font-size: 26px;
	}
	.bonus__price {
	    font-size: 30px;
	    line-height: 42px;
	}
	.bonus__price-old {
	    font-size: 20px;
	    line-height: 28px;
	}
	.page-about__section {
		margin-bottom: 30px;
	}
	.page-about__section h2 {
	    font-size: 32px;
	    line-height: 44px;
	}
	.page-about__section_type_highlighted {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.page-about__section-1 h2 {
		margin-bottom: 30px;
	}
	.page-about__section-video > iframe {
		height: 300px !important;
	}
	.page-about__section-quote {
		margin-bottom: 15px;
	}
	.page-roulette__nav > div:first-child {
		margin-bottom: 15px;
	}

	.page-roulette__balance,
	.page-roulette__nav,
	.roulette-carousel__start-holder,
	.page-roulette__h2 {
		margin-bottom: 48px;
	}
	.roulette-carousel__start-holder {
		margin-bottom: 68px;
	}
	.roulette-carousel {
		margin-bottom: 24px;
	}
	.roulette-prize-list__categories {
		margin-bottom: -30px;
	}
	.roulette-prize-list__categories .roulette-prize__wrapper {
		margin-bottom: 48px;
	}
	.roulette-winner__prize-holder {
	    padding: 0;
	}
	.about-roulette {
		padding-top: 90px;
	}
	.about-roulette__title {
		font-size: 32px;
		line-height: 44px;
	}
	.about-roulette .row .col-12 {
		padding-bottom: 30px;
	}
	.about-roulette__close {
		top: 30px;
		right: 15px;
	}

}