/* 1024 */

@media screen and (max-width:1024px) {
	.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: #fff;
	}
	.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;
		border-bottom: 2px solid #0ea7b5;
		border-right: none;
	}

	.main-menu__item:first-child {
		border-left: none;
	}

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

	.main-menu__list {
		overflow: auto;
		position: fixed;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		background-color: #054146;
		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%);
	}

	.hamburger.is-active + .main-menu__list {
		transform: translateY(0);
		opacity: 1;
	}
	
	.btn-mobile {
		display: block;
		margin-top: 25px;
		text-align: center;
	}

	.header__logo {
		margin: 0 0 0 1vw;
	}

	.header__bonus {
		margin: 0 30px 0 0;
	}
	
	.btn_desk {
		display: none;
	}

	.main-banner {
		position: static;
		padding-bottom: 30px;
	}

} 

/* 850 */

@media screen and (max-width: 850px) {
	p, li {
		line-height: 1.4;
	}

	h2 {
		margin-bottom: 20px;
	}

	.faq__title {
		margin-bottom: 30px;
	}

	h3 {
		margin-bottom: 15px;
	}

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

	ul {
		margin-top: 20px;
	}

	ol {
		margin-top: 10px;
	}

	.bonus-steps__item {
		padding-left: 6vw;
	}

	.bonus-steps__item:nth-child(2):after {
		margin: 0 1vw;
	}

	.content-top {
		padding: 20px 0;
	}

	.bonus-steps {
		display: none;
	}

	.content-middle,
	.rating {
		padding: 30px 0;
	}

	.content__btn,
	.bonus__btn {
		margin-top: 20px;
	}

	.bonus-banner__btn {
		margin-top: 0;
	}

	.rating__star {
		width: 30px;
		height: 27px;	
	}

	.faq {
		padding: 10px 0 50px
	}

	.footer__logo img {
		width: auto;
	}

	.bonus-page .rating {
		padding-top: 10px;
	}
}

/* 765 */

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

	.bonus-steps__item {
		display: block;
		max-width: 210px;
		margin: 0 auto;
		padding-left: 45px;
	}

	.bonus-steps__item:nth-child(-n+2) {
		padding-bottom: 130px;
	}

	.bonus-steps__item:nth-child(-n+2):after {
		position: absolute;
		bottom: 0;
		right: 40px;
		margin: 0;
		-moz-transform: rotate(90deg); 
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	.bonus-steps__item:before {
		bottom: auto;
	}
	
	.rating__star {
		width: 25px;
		height: 22px;
	}

	.rating__star + .rating__star {
		margin-left: 0;
	}

	.faq {
		padding-bottom: 30px;
	}

	.faq__box + .faq__box {
		margin-top: 30px;
	}

	.footer {
		padding: 20px 0;
	}
	h1 {
		font-size: 30px;
	}
	.main-banner__text{
		font-size: 15px;
	}
	h2{
		font-size: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	h3{
		font-size: 23px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

/* 605 */

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

	.header__bonus {
		width: 100%;
		margin: 0 0 25px;
	}

	.h1 {
		font-size: 60px;
	}

	.main-menu {
		top: 5px;
	}

	h2  {
		font-size: 40px;
	}

	h3 {
		font-size: 30px;
	}
	
	h4 {
		font-size: 17px;
	}

	.rating__row {
		padding-right: 20px;
		padding-left: 20px;
	}

	.rating__title {
		width: 100%;
	}

	.rating__star-box {
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}

	.rating__text {
		font-size: 14px;
		top: 12px;
	}

	.footer__logo {
		margin-bottom: 15px;
	}

	.footer__copy {
		margin-top: 15px;
	}

	.bonus__box {
		padding: 25px 0;
	}

	.bonus__box:nth-child(even) .wrapper {
		display: table;
	}

	.bonus__box:nth-child(even) .bonus__item-img {
		display: table-header-group;
	}

	.bonus__item {
		display: block;
	}

	.bonus__title {
		margin-bottom: 15px;
	}

	.bonus__item-text {
		width: 100%;
		margin: 20px 0 0;
		padding: 0;
	}

	.bonus__item-img {
		width: 70%;
		margin: 0 auto;
		text-align: center;
	}
}

/* 426 */

@media screen and (max-width: 426px) {
	.header__item {
		width: 70%;
	}

	.main-menu {
		top: 0;
	}

	.bonus-banner__top {
		font-size: 54px;
	}

	.bonus-banner_size_s {
		font-size: 38px;
	}

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

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

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

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

	.rating .rating__star {
		width: 20px;
		height: 19px;
	}

	.faq__box {
		padding-left: 0;
	}

	.faq__box-text {
		padding: 20px 10px 0;
	}

	.bonus__item-img {
		width: 100%;
	}
}