/* 1270 */

@media screen and (max-width:1270px) {
	.bonus-banner__img {
		max-height: 100%;
	}
}

/* 1024 */

@media screen and (max-width:1024px) {
	.header {
		padding-right: 120px;
		position: static;
	}

	.main-menu {
		background-color: transparent;
		bottom: auto;
		left: auto;
		top: 10px;
	}

	.hamburger {
		display: inline-block;
		overflow: visible;
		cursor: pointer;
		padding: 15px;
		-webkit-transition-timing-function: linear;
				transition-timing-function: linear;
		-webkit-transition-duration: .15s;
				transition-duration: .15s;
		-webkit-transition-property: opacity,-webkit-filter;
		transition-property: opacity,-webkit-filter;
		transition-property: opacity,filter;
		transition-property: opacity,filter,-webkit-filter;
		position: relative;
		z-index: 15;
	}
	.hamburger-box {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 24px;
	}
	.hamburger-inner {
		top: 50%;
		display: block;
		margin-top: -2px;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
		position: absolute;
		width: 40px;
		height: 4px;
		-webkit-transition-timing-function: ease;
				transition-timing-function: ease;
		-webkit-transition-duration: .15s;
				transition-duration: .15s;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		border-radius: 4px;
		background-color: #000;
	}
	.hamburger-inner:after, .hamburger-inner:before {
		display: block;
		content: "";
	}
	.hamburger-inner:before {
		top: -10px;
	}
	.hamburger-inner:after {
		bottom: -10px;
	}
	.hamburger--stand .hamburger-inner {
		-webkit-transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
		transition: background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
		transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms;
		transition: transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s, background-color 0s linear 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.15s;
	}
	.hamburger--stand .hamburger-inner:before {
		-webkit-transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
		transition: top 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
		transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
		transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
	}
	.hamburger--stand .hamburger-inner:after {
		-webkit-transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
		transition: bottom 75ms ease-in 75ms, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
		transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
		transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
	}
	.hamburger--stand.is-active .hamburger-inner {
		-webkit-transition: background-color 0s linear 0.15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		transition: background-color 0s linear 0.15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s;
		transition: transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0s linear 0.15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
		background-color: transparent;
	}
	.hamburger--stand.is-active .hamburger-inner:before {
		top: 0;
		-webkit-transition: top 75ms ease-out 0.1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: top 75ms ease-out 0.1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: top 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
	}
	.hamburger--stand.is-active .hamburger-inner:after {
		bottom: 0;
		-webkit-transition: bottom 75ms ease-out 0.1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: bottom 75ms ease-out 0.1s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		transition: bottom 75ms ease-out 0.1s, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
		-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
	}

	.main-menu__item {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.main-menu__item + .main-menu__item {
		margin-left: auto;
	}

	.main-menu__list {
		overflow: auto;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background: -webkit-linear-gradient(0deg, #ff4949, #0ea7b5);
		background: -moz-linear-gradient(0deg, #ff4949, #0ea7b5);
		background: -ms-linear-gradient(0deg, #ff4949, #0ea7b5);
		background:  -o-linear-gradient(0deg, #ff4949, #0ea7b5);
		background: linear-gradient(0deg, #ff4949, #0ea7b5);
		padding: 50px 0;
		-webkit-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		opacity: 0;
		transform: translateY(-100%);
	}

	.main-menu__item,
	.main-menu__item:first-child {
		border-bottom: 2px solid #0e868c;
		border-left: none;
		border-right: none;
	}

	.hamburger.is-active + .main-menu__list {
		transform: translateY(0);
		opacity: 1;
	}

	.header__item:last-child {
		display: none;
	}
	
	.btn-mobile {
		display: block;
		margin-top: 25px;
	}
	
	.btn-mobile:first-child a{
		color: #fff;
		width: 100%;
		text-align: center;
		margin-right: 0;
		border-bottom: 2px solid #0e868c;
		padding: 17px 0;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
	}

	.header__item {
		width: auto;
	}

	.header__text {
		margin-left: 20px;
	}
	
	.main-banner,
    .bonus-page .main-banner{
    	padding: 5vh 0 3vh;
    }
	
	.main-banner {
		position: static;
	}

	.bonus-banner__item + .bonus-banner__item {
		margin-left: 2%;
	}

	.bonus-banner__item:nth-child(-n+2):after {
		margin-left: 0;
	}

	.footer__text {
		width: 60%;
	}
} 

/* 850 */

@media screen and (max-width: 850px) {
	h1 {
		font-size: 30px;
	}
	.header {
		padding-right: 0;
	}

	.bonus-banner__title {
		font-size: 60px;
	}

	.bonus-banner__item {
		font-size: 24px;
	}

	.main__content {
		padding: 30px 0;
	}

	p, li {
		line-height: 1.4;
	}

	h2 {
		margin-bottom: 10px;
	}

	p + p,
	li + li {
		margin-top: 15px;
	}

	ul {
		margin-top: 20px;
	}

	ol {
		margin-top: 10px;
	}
}

/* 737 */

@media screen and (max-width: 765px) {
	.header__text {
		width: 100%;
		margin: 10px 0 0;
		font-size: 16px;
	}

	.header__banner-title {
		font-size: 44px;
	}

	.bonus-banner__box {
		padding: 4vh 2vh 3vh;
	}

	.bonus-banner__img {
		max-height: 50%;
	}

	.bonus-banner__item {
		display: block;
		padding-left: 0;
	}

	.bonus-banner__item + .bonus-banner__item {
		margin-top: 20px;
		margin-left: 0;
	}

	.bonus-banner__item:nth-child(-n+2):after {
		display: block;
		transform: rotate(90deg);
		margin: 0 auto;
	}

	.bonus-banner__item:before {
		position: static;
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}

	.rating__item-title {
		width: 70%;
	}

	.rating__item-value {
		width: 28%;
	}

}

/* 600 */

@media screen and (max-width: 605px) {
	body {
		font-size: 14px;
	}

	.main-menu {
		top: 5px;
	}

	h2 ,
	.bonus-banner__title {
		font-size: 40px;
		margin-bottom: 25px;
	}

	.bonus-banner__img {
		right: -2vh;
	}

	.content__btn-box {
		margin-top: 20px;
	}

	.faq {
		padding: 30px 0;
	}

	.footer__logo {
		margin: 0 0 20px;
	}

	.footer__text {
		width: 100%;
		margin: 15px 0 0;
	}

	.bonus__item {
		display: block;
		text-align: center;
	}

	.bonus__title {
		text-align: center;
	}

	.bonus__item:first-child {
		width: 70%;
		margin: 0 auto;
	}

	.bonus__item:last-child {
		width: 100%;
		margin: 20px auto 0;
	}
}

/* 425 */

@media screen and (max-width: 425px) {
	.header__item:first-child {
		width: 65%;
	}

	.main-menu {
		top: 0;
	}

	.header__bonus {
		display: block;
	}

	.header__bonus {
		margin-right: 0;
	}

	.header__btn {
		margin-top: 25px;
	}

	.main__content {
		padding: 20px 0;
	}

	.bonus-banner__title {
		font-size: 34px;
	}

	.bonus-banner__img {
		max-height: 30%;
		bottom: 7vh;
		right: -1vh;
	}

	h2 {
		font-size: 34px;
	}

	p + p,
	ul {
		margin-top: 10px;
	}

	li+li {
		margin-top: 5px;
	}

	.rating__box-title {
		margin-bottom: 25px;
	}

	.rating__item-title,
	.rating__item-value {
		font-size: 18px;
	}

	.bonus__item:first-child {
		width: 90%;
	}
}