@media (max-width: 1900px) {
	.b-gradient{
		width: 100%;
		left: 0;
		transform: none;
	}
}
@media (max-width: 1306px) {
	/* -------------- begin header css -------------- */
	.container{
		max-width: 100%;
	}
	.b-social{
		display: none;
	}
 	.b-header{
 		z-index: 99999;
 	}
	.btn-burger{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		font-size: 14px;
		color: #ffffff;
		text-transform: uppercase;
	}
	.btn-burger i{
		font-weight: 600;
		font-size: 15px;
		line-height: 1;
		text-transform: uppercase;
		color: #FFFFFF;
		margin: 0 11px 0 0;
	}
	.b-header__content{
		justify-content: flex-end;
	}
	.btn-burger.active i{
		font-size: 21px;
	}
	.btn-burger.active i:before{
		content: "\e905";
	}
	.b-nav{
		position: absolute;
		top: 121%;
		left: 0;
		background: radial-gradient(47.34% 69.88% at 50% 0%, rgba(142, 121, 108, 0.3) 0%, rgba(142, 133, 119, 0) 100%), linear-gradient(0deg, rgba(21, 16, 13, 0.8), rgba(21, 16, 13, 0.8)), #FFFFFF;
		width: 100%;
		padding: 30px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
		height: 100vh;
		overflow: auto;
	}
	.b-nav.active{
		opacity: 1;
		visibility: visible;
		transition: 0.3s;
		z-index: 100;
	}
	.b-nav > ul{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.b-nav > ul > li:hover .b-submenu{
		transition: inherit;
	}
	.b-submenu.active{
		display: block;
	}
	.b-nav > ul > li:hover > a:after{
		transform: none;
	}
	.b-nav > ul > li > a.active:after{
		transform: rotate(180deg);
	}
	.b-nav > ul > li {
		margin: 0;
	}
	.b-nav > ul > li > a{
		padding: 15px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		justify-content: center;
	}
	.b-submenu{
		opacity: 1;
		visibility: visible;
		transition: inherit;
		z-index: 5;
		background: none;
		display: none;
		position: static;
		box-shadow: none;
		text-align: center;
		padding: 0 0 15px 0;
	}
	.b-nav ul li.b-dropdown-item.active .b-submenu{
		display: block;
	}
	.b-promo{
		padding: 158px 0 12px 0;
	}
	.b-promo:after{
		background-attachment: local;
	}
	.b-promo-title{
		font-size: 38px;
	}
	.b-promo__text{
		max-width: 587px;
	}
	.b-header-nav ul li:after{
		margin: 0 15px;
	}
	.b-promo-server__item img{
		height: 142px;
		object-fit: cover;
	}
	/* -------------- end header css -------------- */
	.b-title-item{
		font-size: 38px;
		margin: 0 0 24px 0;
	}
	.b-chips-slider__big-bg img{
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.b-present{
		max-width: 400px;
		margin: 30px auto 0;
	}
	.b-advantages-nav ul li a{
		width: 145px;
	}
	.b-set-item__bottom .b-promo__btn{
		width: 250px;
	}
	.b-present-top:after{
		right: 45px;
	}


}
@media (max-width: 1199px) {
	/* -------------- begin header css -------------- */

	/* -------------- end header css -------------- */


	.b-footer{
		padding: 34px 0 50px 0;
	}
	.b-footer > .container > .row > div{
		flex-wrap: wrap;
	}
	.b-footer-right{
		width: 100%;
		margin: 37px 0 0 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.b-footer-right .btn-lk{
		width: 181px;
		margin: 0 20px 0 0;
	}
	.b-footer-right .btn-download{
		width: 181px;
		margin: 0 20px 0 0;
	}
	.b-footer-right__row{
		flex-direction: row-reverse;
	}
	.b-footer-right__row p{
		margin: 0 0 0 20px;
	}
	.b-footer:after{
		background: url(../images/footer-bg_md.png) bottom right no-repeat;
	}
	.b-footer > .container > .row > div{
		padding-right: 120px;
	}
}	
@media (max-width: 991px) {
	/* -------------- begin header css -------------- */
	.container{
		max-width: 100%;
	}
	.b-header{
		position: absolute;
	}
	.b-dots{
		display: none;
	}
	.b-logo{
		margin: 0 23px 0 0;
	}
	.b-promo {
	    padding: 149px 0 20px 0;
	}
	.b-promo-title{
		font-size: 32px;
	}
	.b-promo__text p{
		font-size: 16px;
	}
	.b-promo__text{
		max-width: 428px;
	}
	.b-arrow__prev{
		left: 22px;
	}
	.b-arrow__next{
		right: 22px;
	}
	.b-header-nav ul li:after{
		margin: 0 7px;
	}
	.b-header-nav ul li a{
		font-size: 12px;
	}	
	.b-header:after{
		height: 25px;
	}
	/* -------------- end header css -------------- */
	.b-section{
		padding: 50px 0;
	}
	section{
		background-attachment: local !important;
	}
	p{
		font-size: 16px;
		line-height: 1.4;
	}
	.b-chips{
		padding-top: 70px;
	}
	.b-chips .b-arrow {
		top: 40%;
	}
	.b-chips-slider__big-text{
		padding: 0 0 80px 0;
	}
	.b-promo-container {
	    margin: 0 0 57px 0;
	}
	.b-promo-server__item-name{
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.b-promo-server__item-btn{
		font-size: 13px;
	}
	.b-chips-slider__big-item{
		height: 450px !important;
	}
	.b-advantages-nav ul li{
		width: 20%;
		margin: 0;
	}
	.b-advantages-nav ul li a{
		width: 100%;
		font-size: 16px;
		background-size: contain !important;
	}
	.b-advantages-content img{
		height: 340px;
		object-fit: cover;
	}
	.b-set-item__bottom .b-promo__btn {
	    width: 210px;
	}
	.b-set-item_2 .b-set-item__content{
		margin-bottom: 30px;
	}
	.b-set-item{
		padding: 35px 0 0 0;
	}
	.b-set-item_1, .b-set-item_3 {
	    margin: 15px 0 0 0;
	    padding: 47px 0 0 0;
	}	
	.b-set-item__label{
		margin: 0 auto 25px;
	}
	.b-set-item__name{
		font-size: 25px;
		margin: 0 0 25px 0;
	}
	.b-set-item__content{
		margin: 0 auto 20px;
	}
	.b-set-item__bottom-price{
		font-size: 26px;
	}
	.b-title{
		margin: 0 auto 35px;
	}
	.b-title-item{
		font-size: 32px;
		margin: 0 0 15px 0;
	}
	.b-title p{
		font-size: 16px;
	}
	.b-faq-item__top span{
		font-size: 19px;
	}
	.b-faq-item{
		padding: 18px 0;
	}
	.b-faq-bottom{
	    padding: 9px 15px;
	}
	.b-faq-bottom__right .b-social{
		margin: 0 25px 0 0;
	}
	.b-faq-bottom__right .b-social{
		display: block;
	}
	.b-faq-bottom__left{
		display: block;
	}
	.b-faq-bottom__left img{
		margin: 0 0 7px 0;
	}
	.b-faq-bottom__left span{
		font-size: 16px;
	}
	.b-footer{
		padding: 30px 0 40px 0;
	}
	.b-footer-left{
		width: 100%;
		margin: 0 0 39px 0;
		text-align: center;
	}
	.b-footer-left p{
		max-width: 546px;
		margin: 0 auto 20px;
	}
	.b-footer-logo{
		width: 182px;
		height: 79px;
		margin: 0 auto 28px;
	}
	.b-footer-logo img{
		object-fit: contain;
		width: 100%;
	}
	.b-footer-item{
		text-align: center;
		width: 33.333333%;
	}
	.b-footer-right{
		justify-content: center;
	}
	.b-footer > .container > .row > div{
		padding-right: 15px;
	}	
}	

@media (max-width: 767px) {
	/* -------------- begin header css -------------- */
	.b-header .container{
		position: static;
	}
	.b-container:before , .b-container:after{
		background: linear-gradient(90deg, rgba(29, 25, 22, 0.6) 0%, rgba(29, 25, 22, 0) 100%);
	}
	.b-dots-top{
		display: none;
	}
	.yellow-btn__big{
		padding: 0 15px;
	}
	.b-promo__btn{
		margin: 0 18px 0 0;
	}
	.b-header{
		padding: 5px 0;
	}
	.b-header > .container > .row > div{
		justify-content: space-between;
	}
 	.b-header__content{
		position: fixed;
		top: 0;
		left: 0;
		background: radial-gradient(47.34% 69.88% at 50% 0%, rgba(142, 121, 108, 0.3) 0%, rgba(142, 133, 119, 0) 100%), linear-gradient(0deg, rgba(21, 16, 13, 0.8), rgba(21, 16, 13, 0.8)), #FFFFFF;
		width: 100%;
		height: 100vh;
		padding: 30px 15px 30px 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		transition: 0.3s;
		display: block;
		overflow: auto;
	}
	.b-logo__xs{
		display: block;
		margin: 0 auto 30px;
	}
	.b-header__content.active{
		opacity: 1;
		visibility: visible;
		transition: 0.3s;
		z-index: 100;
	}
	.b-nav > ul > li:hover > a:after{
		transform: none;
	}
	.b-nav > ul > li:hover > a.active:after{
		transform: rotate(180deg);
	}
	.b-nav > ul > li .b-submenu.active{
		display: block;
	}
	.btn-burger.active{
		z-index: 9999;
	}
	.btn-burger.active span{
		display: none;
	}
	.btn-burger.active i{
		margin: 0;
	}
	.b-nav{
		position: static;
		background: none;
		padding: 0;
		margin: 0;
	    display: flex;
	    flex-direction: column;		
	}
	.b-header__right{
		flex-wrap: wrap;
		margin: 40px 0 0 0;
		order: 3;
	}
	.b-header__right .btn-lk{
		width: 100%;
		margin: 0 0 12px 0;
	}
	.b-header__right .b-language{
		flex-shrink: 0;
	}
	.b-header__right .btn-download{
		flex-grow: 1;
	}
	.b-header__right .b-language ul{
		top: auto;
		bottom: 100%;
		border-radius: 4px 4px 0 0; 
	}
	.b-header__right .b-language .b-language-btn{
		transform: rotate(180deg);
	}
	.b-header__right .b-language.active .b-language-btn{
		bottom: 130px;
		top: auto;
		transform: none;
	}
	.b-promo-container{
		margin: 0 -15px 50px -15px;
	}
	.b-promo__text{
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-promo__btns{
		padding: 0 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin: 36px 0 0 0;
	}
	.b-promo:after{
		height: 440px;
		width: 100%;
		background-size: cover;
	}
	.b-promo__text{
		max-width: 440px;
	}
	.b-header-nav{
		position: static;
		order: 2;
	}
	.b-nav > ul{
		order: 1;
	}
	.b-header-nav ul{
		display: block;
	}
	.b-header-nav ul li{
		margin: 0;
	}
	.b-header-nav ul li:after{
		display: none;
	}
	.b-header-nav ul li a{
		font-weight: 500;
		font-size: 15px;
		line-height: 1;
		text-transform: uppercase;
		text-decoration: none;
		color: #FFFFFF;
		padding: 15px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-promo-server__col{
		margin: 15px 0;
	}
	.b-promo-server .b-title {
	    margin: 0 0 20px 0;
	}	
	.b-promo-server__row{
		justify-content: center;
	}
	.b-promo-server__item:after{
		width: 100%;
	}
	/* -------------- end header css -------------- */
	.b-chips-slider__thumbs{
		width: 100%;
	}
	.b-chips {
	    padding-top: 35px;
	}	
	.b-chips-slider__thumbs-container{
		top: -23px;
		display: none;
	}
	.b-chips-slider__thumbs-item img{
	    filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.5));
	    max-width: 70px;
	}
	.b-chips-slider__thumbs-item{
		padding: 0 5px 25px 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-chips .b-title{
		margin: 0 0 50px 0;
	}
	.b-chips .b-arrow {
	    top: 101px;
	}	
	.b-chips-slider__big-text{
		position: static;
		padding: 25px 15px 15px 15px;
		background: none;
		display: block;
	}
	.b-chips-slider__big-bg{
		height: 200px;
		position: relative;
	}
	.b-chips-slider__big-bg:before{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: linear-gradient(180deg, rgba(29, 25, 22, 0) 0%, #231E1B 100%);
		opacity: 0.8;
	}
	.b-chips-slider__big{
		height: inherit;
	}
	.b-chips-slider__big-item{
		height: inherit !important;
	}
	.b-chips-slider__big-name{
		font-size: 20px;
		margin: 0 0 15px 0;
	}
	.b-arrow-down{
		display: none;
	}

	.b-advantages-nav ul li{
		width: auto;
	}
	.b-advantages-nav ul li a{
		height: auto;
		font-size: 14px;
		padding: 10px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-advantages-content img{
		height: 270px;
	}
	.b-advantages{
		padding-bottom: 0px;
	}
	.b-server{
		opacity: 1;
	}
	.b-server-row{
		justify-content: center;
	}
	.b-server-img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.b-server-img:before{
		height: 100%;
	}
	.b-server-col{
		margin: 15px 0;
	}
	.b-server-content{
		margin: 0 0 30px 0;
	}
	.b-set-row{
		justify-content: center;
	}
	.b-set-col{
		margin-bottom: 180px;
	}
	.b-set-item_1, .b-set-item_3{
		margin: 0;
		padding: 75px 0 0 0;
	}
	.b-set-item_2{
		padding: 85px 0 0 0;
	}
	.b-promo-code__top{
		text-align: center;
	}
	.b-promo-code__btn{
		margin: 0 auto 0;
	}
	.b-set-col:last-child{
		margin-bottom: 0px;
	}
	.b-faq-item__top span {
	    font-size: 16px;
	    line-height: 1.3;
	}
	.b-faq-content{
		margin: 0 auto 35px;
	}
	.b-faq-bottom{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 25px 15px;
	}
	.b-faq-bottom__left{
		margin: 0 0 25px 0;
	}
	.b-faq-bottom__left img{
		margin: 0 auto 15px;
	}
	.b-faq-bottom__right{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.b-faq-bottom__right .b-social{
		margin: 0 0 25px 0;
	}

	.order-sm-1{
		order: 1;
	}
	.order-sm-2{
		order: 2;
	}
	.order-sm-3{
		order: 3;
	}
	.order-sm-4{
		order: 4;
	}
	.order-sm-5{
		order: 5;
	}
	.b-footer > .container > .row > div{
		justify-content: center;
	}
	.b-footer-item{
		width: 50%;
		margin: 0 0 30px 0;
	}
	.b-footer-right{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin: 0;
	}
	.b-footer-right .btn-lk{
		margin: 0 0 20px 0;
	}
	.b-footer-right .btn-download{
		margin: 0 0 20px 0;
	}
	.btn-info{
		margin: 24px 0 0 0;
	}
	.b-download-content__row{
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.b-download-content__row-item{
		margin: 15px 0;
		width: 100%;
	}
	.btn-reg{
		width: 100%;
		max-width: 360px;
	}
	.b-download-content__row-item ul li a{
		font-stretch: 12px;
	}
	.b-download{
		min-height: auto;
		padding: 110px 0 25px 0;
	}
	.b-download-top .b-title-item {
	    margin: 0 0 30px 0;
	}
	.b-title-item br{
		display: none;
	}	
	.b-download-content .b-title {
	    margin: 0 0 25px 0;
	}	
	.b-present-top:after{
		right: 0px;
	}
	.b-present-top p{
		padding: 0 40px 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.b-present-top p br{
		display: none;
	}
	.b-advantages .tab-pane:before, .b-advantages .tab-pane:after{
		display: none;
	}
}	
@media (max-width: 479px) {
	/* -------------- begin header css -------------- */
	.b-promo {
	    padding: 95px 0 20px 0;
	}	
	.b-promo__btns{
		display: block;
	}
	.b-promo-title{
		font-size: 26px;
		margin: 0 0 20px 0;
	}
	.b-promo__text p{
		font-size: 15px;
	}
	.b-arrow{
		font-size: 14px;
	}	
	.b-arrow__prev{
	    left: 9px;
	}
	.b-arrow__next{
	    right: 9px;
	}	
	/* -------------- end header css -------------- */
	.b-title-item{
		font-size: 26px;
	}


	.b-footer{
		padding: 30px 0;
	}
	.b-footer-item{
		width: 100%;
	}
	.b-footer:after{
		display: none;
	}
}
@media (max-width: 359px) {
	.b-download-content__row-item ul{
		display: block;
	}
	.b-download-content__row-item ul li{
		margin: 15px 0;
	}



}
