@media all and (max-width: 1270px){
	.container{
		max-width: 1000px;
	}
	h1{
		font-size: 80px;
		line-height: 87px;
	}
	#top{
		padding: 95px 0 0;
	}
	.top-content__sub{
		padding: 14px 0 30px;
		font-size: 24px;
	}
	.top-content__link{
		max-width: 409px;
		height: 65px;
		font-size: 20px;
	}
	.top-content{
		max-width: 541px;
	}
	.top__img{
		width: calc(100% - 541px);
	}
	.top__img img:first-child{
		display: none;
	}
	.top__img img:nth-child(2){
		display: block;
	}
	#history {
		padding: 80px 0 40px;
	}
	.title{
		font-size: 80px;
		line-height: 87px;
	}
	.modal-book__title{
		font-size: 72px;
		line-height: 78px;
	}
	.history{
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.history__title{
		position: absolute;
	}
	.history-top{
		padding: 0 0 44px;
		flex-direction: column;
		align-items: flex-end;
	}
	.history-top__left{
		width: calc(100% - 465px);
		padding: 10px 0 40px 40px;
	}
	.history-top__right{
		max-width: 715px;
		width: 100%;
	}
	.video{
		flex-direction: column-reverse;
		position: relative;
	}
	.video__content{
		width: 100%;
	}
	.history-bottom{
		max-width: 715px;
		width: 100%;
		padding: 30px 0 0;
		align-self: flex-end;
	}
	.video__nav{
		position: absolute;
		bottom: -33px;
		transform: translateY(100%);
		width: auto;
	}
	.history-video__item{
		width: 635px;
	}
	.history-video__item a{
		height: 359px;
	}
	.history-video__item.two {
		width: 302px;
	}
	.history-video__item.two a{
		height: 169px;
	}
	.how__title{
		padding-left: calc(100% - 715px);
	}
	.how-top__left{
		width: 100%;
	}
	.how-top__right{
		max-width: 100%;
	}
	.how-img{
		max-width: 425px;
	}
	.how-content{
		max-width: calc(100% - 425px);
	}
	.how-bottom{
		padding: 25px 0 0;
	}
	.how-bottom__modal{
		margin: 35px 0 0;
	}
	#how {
		padding: 40px 0 40px;
	}
	.how{
		padding: 80px 0 90px;
		position: relative;
	}
	.how-wrapper{
		min-height: unset;
		background: radial-gradient(41.64% 212.46% at 30.68% 35.29%, #38383A 0%, #131313 100%);
		position: relative;
		overflow: hidden;
	}
	.how-wrapper:before{
		display: block;
	}
	#guide {
		padding: 40px 0 40px;
	}
	.guide-box{
		padding: 38px 0 0;
		margin-left: -21px;
	}
	.guide-box__content{
		width: calc(100% - 512px);
	}
	.guide-box__img{
		margin: 25px 0 0;
	}
	#news-arrow{
		display: none;
	}
	#news {
		padding: 40px 0 0;
	}
	.news__title{
		padding: 0 0 29px;
	}
	.news__cotnent {
		max-width: 509px;
	}
	.news__img{
		width: calc(100% - 509px - 30px);
	}
	.about{
		padding: 80px 0;
	}
	.about-content__sub{
		font-size: 24px;
		padding: 30px 0 30px;
	}
	.about__link {
		margin: 30px 0 0;
	}
	.about-content {
		width: calc(100% - 453px - 36px);
		margin-left: 36px;
	}
	.how-wrapper:before, #about.show:before, #top:before{
		background: url(img/top-line-1000.svg) no-repeat center;
	}
	.footer-info {
		width: calc(100% - 357px - 10px);
		max-width: 540px;
		padding: 10px 0 0;
	}
	.footer-phone .footer-phone__item{
		width: 50%;
	}
	.footer__social a:first-child{
		width: fit-content;
	}
	.footer__social a:last-child{
		padding: 0;
	}
	.footer__social{
		justify-content: space-between;
	}
	.modal-book__bottom span{
		font-size: 20px;
	}
}
@media all and (max-width: 1000px){
	.modal-book__title{
		padding: 30px 20px 20px 20px;
		height: 115px;
	}
	.book-content{
		padding: 0 20px 0 20px;
		max-height: calc(100vh - 115px - 125px);
	}
	.modal-book__bottom{
		padding: 10px 20px;
		height: 125px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-evenly;
	}
	#modal-book{
		margin: 0;
		border-radius: 0;
	}
	.modal-book__bottom span {
		font-size: 16px;
	}
	.container {
		max-width: 768px;
	}
	h1{
		font-size: 60px;
		line-height: 65px;
	}
	.top-content__sub {
		padding: 8px 0 24px;
		font-size: 20px;
	}
	.top-content__link{
		max-width: 350px;
		font-size: 17px;
	}
	.top-content {
		max-width: 366px;
	}
	.top__img {
		width: calc(100% - 366px);
		margin-right: -20px;
	}
	#top {
		padding: 35px 0 0;
	}
	.title{
		font-size: 58px;
		line-height: 63px;
	}
	.history__title{
		position: relative;
	}
	.history-top{
		align-items: flex-start;
	}
	.history-top__left{
		width: 100%;
		padding: 20px 0;
	}
	.history-top__right{
		max-width: 100%;
	}
	.video{
		display: none;
	}
	.video.mob{
		display: block;
	}
	.history-video__item a {
		height: auto;
	}
	.history-video__item img{
		position: relative;
	}
	.history-video__item{
		width: 100%;
	}
	.swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		margin: 0 9px;
	}
	.swiper-pagination-bullet{
		background: #8C8BA1;
	}
	.swiper-pagination-bullet-active{
		background: #FF4D00;
	}
	.video-pagination{
		padding: 20px 0 0;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.history-bottom{
		max-width: 100%;
	}
	.modal-book__title br{
		display: block;
	}
	.how-wrapper{
		margin: 34px 0 0;
	}
	.how-img {
		max-width: 225px;
		padding: 15px 0 0;
	}
	.how-content {
		max-width: calc(100% - 245px);
	}
	.how {
		padding: 63px 0 69px;
		align-items: flex-start;
	}
	#how {
		padding: 40px 0 40px;
	}
	#guide {
		padding: 20px 0 40px;
	}
	.guide-box__content{
		width: 100%;
		max-width: 100%;
		padding: 50px 0 0;
	}
	.guide-box__img{
		margin: 0 auto;
	}
	.guide-box{
		margin: 0;
		padding: 27px 0 0;
	}
	.guide-box__img .guide-box__link{
		display: none;
	}
	.guide-box__content .guide-box__link{
		display: flex;
		margin: 0 auto;
	}
	#news {
		padding: 20px 0 0;
	}
	.news__img {
		display: none;
	}
	.news__cotnent {
		max-width: 100%;
	}
	.news__title {
		padding: 0 0 20px;
		font-size: 78px;
		line-height: 85px;
	}
	.news__text{
		width: calc(100% - 285px - 58px);
	}
	.news__img.mob{
		display: block;
		width: 285px;
		height: auto;
		overflow: hidden;
		margin-bottom: -25px;
	}
	#news .news__gif{
		max-width: 100%;
		width: calc(100% - 25px);
	}
	.news__cotnent{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
	}
	.about__img {
		max-width: 282px;
	}
	.about-content {
		width: calc(100% - 282px - 13px);
		margin-left: 13px;
	}
	.about__img img{
		width: 229px;
	}
	.img-notice{
		bottom: unset;
		top: 170px;
		right: 5px;
	}
	.about-content__title{
		font-size: 80px;
		line-height: 87px;
	}
	.about {
		padding: 60px 0 75px;
	}
	.footer-left {
		max-width: 212px;
	}
	.footer__logo svg{
		width: 182px;
		height: 51px;
	}
	.footer-info {
		width: calc(100% - 212px - 35px);
		padding: 0;
	}
	.footer-phone__item a{
		font-size: 36px;
		line-height: 39px;
	}
	.footer__social a{
		font-size: 17px;
	}
	.footer__copyright p{
		font-size: 12px;
		line-height: 14px;
	}
	.footer__adres{
		max-width: 100%;
	}
	.footer__social{
		padding: 40px 0 28px;
	}
	footer{
		padding: 60px 0 60px;
	}
}
@media all and (max-width: 968px){
	.modal-book__title{
		font-size: 40px;
		line-height: 44px;
		padding: 10px 20px 15px 20px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
}
@media all and (max-width: 768px){
	.fancybox-close-small{
		right: 0;
		top: 0;
	}
	.modal-book__title{
		display: block;
		padding-right: 40px;
	}
	.top__img img:nth-child(2) {
		display: none;
	}
	.top__img img:nth-child(3) {
		display: block;
		max-width: calc(100% + 20px);
	}
	.top__img{
		display: flex;
		align-items: flex-end;
	}
	.top-content{
		padding: 0 0 90px;
	}
	.book-content__list{
		column-count: 1;
		margin: 5px 0 20px;
	}
	.book-content__list li{
		font-size: 13px;
		line-height: 15px;
		align-items: flex-end;
	}
	.book-content__list li:before{
		bottom: 4px;
		z-index: 1;
	}
	.book-content__title{
		font-size: 18px;
		line-height: 130%;
	}
	.modal-book__bottom span{
		font-size: 15px;
		line-height: 130%;
	}
	.modal-book__bottom{
		align-items: center;
		text-align: center;
	}
	.book-content:after{
		height: 50px;
	}
}
@media all and (max-width: 640px){
	.news__img.mob{
		margin: 20px auto -25px;
	}
	.modal-book__bottom a{
		font-size: 15px;
	}
	.modal-book__bottom a{
		height: 56px;
	}
	.top-content{
		max-width: 100%;
		padding: 0 0 10px;
	}
	.top__img img:nth-child(3),
	.top-content .top-content__link{
		display: none;
	}
	.top__img img:nth-child(4){
		display: block;
	}
	.top__img{
		width: 100%;
		margin: 0 auto;
		max-width: 100%;
		margin-bottom: -85px;
		align-items: center;
		justify-content: center;
	}
	.mob-subscribe{
		display: block;
	}
	.subscribe{
		display: flex;
		max-width: 440px;
		height: 65px;
		margin: 20px auto 0;
		font-size: 17px;
	}
	#history {
		padding: 60px 0 30px;
	}
	.history-top__right{
		font-size: 17px;
	}
	.history-top{
		padding: 0 0 28px;
	}
	.history-video__item a:before{
		background-size: 50%;
	}
	.history-bottom{
		padding: 20px 0 0;
		font-size: 17px;
	}
	.history-bottom__more{
		font-size: 15px;
	}
	#how {
		padding: 30px 0 30px;
	}
	.how-img{
		margin: 0 auto 30px;
	}
	.how {
		padding: 50px 0 69px;
	}
	.how-content{
		max-width: 100%;
	}
	.how-bottom__btn{
		font-size: 20px;
		max-width: 100%;
	}
	.how-bottom__modal {
		margin: 35px auto 0;
	}
	.about-content__text p,
	.news__cotnent p,
	.guide-box__content{
		font-size: 17px;
	}
	.news__title{
		font-size: 58px;
		line-height: 63px;
	}
	.news__text{
		width: 100%;
	}
	.news__cotnent:after{
		margin: 0 auto;
		margin-bottom: -60px;
	}
	.about__img{
		margin: 0 auto;
		max-width: 229px;
	}
	.about-content{
		margin: 0;
		width: 100%;
		padding: 50px 0 0;
	}
	.img-notice{
		right: -50px;
	}
	.about-content__title{
		font-size: 58px;
		line-height: 63px;
	}
	.about-content__sub{
		font-size: 20px;
	}
	.about__link{
		max-width: 100%;
	}
	.how-wrapper:before, #about.show:before, #top:before{
		background: url(img/top-line-460.svg) no-repeat center;
	}
	.footer-left{
		max-width: 100%;
	}
	.footer__logo{
		text-align: center;
	}
	footer {
		padding: 50px 0 60px;
	}
	.footer__copyright {
		padding: 29px 0 10px;
	}
	.footer-info{
		width: 100%;
		padding: 23px 0 0;
	}
	.footer__adres{
		font-size: 17px;
	}
}
@media all and (max-width: 480px){
	.footer-phone .footer-phone__item{
		width: 100%;
		padding: 0 0 17px;
	}
	.footer__adres,
	.footer__social a {
		font-size: 15px;
		line-height: 18px;
	}
	.footer__social {
		padding: 0 0 24px;
	}
	h1{
		font-size: 40px;
		line-height: 44px;
	}
	.top-content__logo svg{
		width: 204px;
		height: 58px;
	}
	.top-content__sub{
		font-size: 17px;
	}
	.top__img{
		margin: 0 auto -15px;
		margin-left: -20px;
		margin-right: -20px;
		max-width: calc(100% + 40px);
		width: calc(100% + 40px);
	}
	.top-content{
		padding: 0;
	}
	.title{
		font-size: 40px;
		line-height: 44px;
	}
	.about__link,
	.guide-box__link,
	.subscribe, .how-bottom__btn, .top-content__link{
		font-size: 15px;
		height: 56px;
	}
	.subscribe:after, .about__link:after, .guide-box__link:after, .how-bottom__btn:after, .top-content__link:after{
		width: 29px;
		height: 25px;
		background-size: contain;
	}
	.about-content__text p,
	.news__cotnent p,
	.guide-box__content,
	.how-bottom__modal,
	.how-top__right,
	.how-top,
	.history-bottom,
	.history-top__right{
		font-size: 15px;
	}
	.how-wrapper {
		margin: 30px 0 0;
	}
	.how {
		padding: 39px 0 49px;
	}
	.how-bottom__modal {
		margin: 30px auto 0;
	}
	.guide-box__img{
		background-size: 391px;
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
		padding: 0 20px;
	}
	.guide-box__notice{
		padding: 9px 27px;
	}
	.guide-box__img .guide-box__notice:first-child {
		margin-left: 0;
	}
	.guide-box__img .guide-box__notice:nth-child(6),
	.guide-box__img .guide-box__notice:nth-child(4),
	.guide-box__img .guide-box__notice:nth-child(2){
		margin: 29px 0 29px;
		margin-right: 0;
	}
	.guide-box__content{
		padding: 10px 0 0;
	}
	.about-content__sub{
		font-size: 17px;
	}
}