@media screen and (max-width: 1700px){
	#promo h1 {
		width: 585px;
  max-width: 100%;
  margin: 20px auto;
	}
	#promo {
		background-size: 55%;
		padding: 160px 0 2px;
	}
	#promo .words span:nth-child(4) {
		left: calc(50% + 465px);
    font-size: 30px;
    width: 200px;
	}
	#promo .words span:nth-child(1) {
		opacity: 1;
    left: 360px;
    font-size: 30px;
    width: 200px;
	}
	#promo .words span:nth-child(3) {
		top: 125px;
		left: calc(50% - 595px);
		width: 200px;
		font-size: 45px;
	}
	#promo .words span:nth-child(5) {
		top: 340px;
		font-size: 45px;
		left: calc(50% - 645px);
	}
	#promo .words span:nth-child(6) {
		top: 330px;
		left: calc(50% + 325px);
		font-size: 45px;
	}
}


@media screen and (max-width: 1130px){
	#promo {
		background-size: auto;
	}
	#promo .words {
		display: none;
	}
	.container{max-width: 100%; padding: 0 14px}

	#history .swiper{overflow-x: inherit;}
	#totop{right: 14px; bottom: 80px}
	.grid{grid-template-columns: repeat(2, 1fr);}
}


@media screen and (max-width: 767px){
	.allerts {
		padding: 20px;
	}
	.allert {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
  z-index: 99999;
	}
	.bt{font-size: 25px; margin-bottom: 5px}
	.bt .bt__note{margin-bottom: 14px; max-width: 100%}
	.bt span{background-size: 20px; padding-right: 30px;}
	.bt i{font-size: 35px; left: -16px}


	header{padding: 10px 0; z-index: 9999;}
	header .logo{max-width: 117px}
	.blog #sidebar, .archive #sidebar {
		top: 60px;
	}
	#story__audio .info .data .flex {
		gap: 10px;
	}
	header .data{display: none; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.08); box-sizing: border-box; padding: 20px; position: absolute; top: 65px; right: 0; width: 100%; background: #fff; z-index: 400;}
	header .data nav{width: 100%; margin-bottom: 20px}
	header .data nav li{display: block; margin: 0}
	header nav li.menu-item-has-children:after{top: 12px; height: 7px}
	header .data nav li .sub-menu{display: block; position: relative; left: 0; padding: 15px 0; margin-top: 10px}
	header .data nav li .sub-menu li a{padding: 5px 20px}
	header .data nav li a{padding: 5px 0}
	header .pull{display: block; width: 38px; height: 42px; background: #FFD500 url("../img/pull.svg") 50% 50% no-repeat; border-radius: 5px;}
	header .pull.open{background: #FFD500 url("../img/close.svg") 50% 50% no-repeat;}
	header .data .btn{margin: 0; width: 100%;}
	header .lang{margin: 15px 0 0; width: 40px;}


	#promo{padding: 90px 0 1px; margin-top: 65px; background-size: 375px; background-position: 50% 60px;}
	#promo h1{font-size: 30px; line-height: 27px; max-width: 346px; margin: 0 auto 110px}
	#promo .flex{gap: 0; margin-bottom: 24px; justify-content: space-between;}
	#promo .flex .btn{width: calc(50% - 15px)}
	#promo .images{width: 100%; left: 0; top: 25px}
	#promo .images img{width: 46px; height: 46px;}
	#promo .images img:nth-child(1){left: 55px; top: -20px}
	#promo .images img:nth-child(2){right: 60px; top: -15px}
	#promo .images img:nth-child(3){left: 100px; top: 220px}
	#promo .images img:nth-child(4){right: 37px; top: 200px}

	#breadcrumbs {
		margin-top: 65px;
	}

	#history{padding: 55px 0 0;}
	#history .swiper-slide{width: 100%;}
	#history .swiper{padding-bottom: 80px}
	#history .swiper-button-prev,#history .swiper-button-next{top: 100%; margin-top: -50px}
	#history .swiper-button-prev{left: calc(50% - 50px)}
	#history .swiper-button-next{right: calc(50% - 50px)}
	#history .btn-blue-tr{margin: 0 auto;}


	#category{padding: 55px 0 30px; z-index: 499}
	#sidebar{display: none; padding-top: 20px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; border: none; border-radius: 0; z-index: 500;}
	#sidebar .close{position: absolute; top: 25px; right: 20px; background: url("../img/close.svg") 50% 0% no-repeat; width: 26px; height: 26px;}
	#category .data{width: 100%;}
	#category .data .search{width: calc(50% - 15px)}
	#category .data .filters{width: calc(50% - 15px); display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; height: 42px; border: 1px solid #355AAF; border-radius: 5px; padding: 0 10px; color: #355AAF; background: url("../img/filter.svg") calc(100% - 10px) 50% no-repeat; cursor: pointer;}
	.grid{grid-template-columns: repeat(1, 1fr); gap: 10px}
	#category .items .item p{min-height: 0}


	.pagination{justify-content: center!important;}
	.pagination span,.pagination a{width: 36px; height: 36px}


	#mystory{padding-bottom: 30px}
	#mystory .inn{padding: 30px}
	#mystory .inn .title{font-size: 25px}


	#story__audio .info{padding: 12px 10px}
	#story__audio .info .image{width: 64px}
	#story__audio .info .image img{width: 64px; height: 64px;}
	#story__audio .info .data{width: calc(100% - 74px)}
	#story__audio .info .data .flex a{font-size: 12px;}
	#story__audio .info .data .title{font-size: 16px; line-height: 20px; padding: 10px 0 5px}
	#story__audio .share{justify-content: space-between;}
	#history.history__inn{padding-bottom: 25px}
	.player .time{margin-bottom: 9px}


	#story__audio .info .data .text{width: calc(100% + 74px); position: relative; left: -74px; font-size: 10px; line-height: 18px}
	#story__audio .info .data .text p{margin-bottom: 15px}
	#story__audio .info .data .flex .text{width: 20px; left: 0}


	.content{font-size: 10px; line-height: 18px}
	.content ul li{background-size: 15px; padding-left: 18px}
	#story__add .news__story .item{width: 100%; height: 145px; padding: 20px 10px; height: auto;}
	#story__add .news__story .item svg{width: 70px; height: 70px}
	#story__add .news__story span{width: 100%; padding: 12px 0; text-align: center;}
	#story__add .news__story .item .title, .text-name-story .title{font-size: 16px;}
	#story__add .news__story .item textarea{height: 90px}


	#thanks .close{right: -12px}
	#thanks .data .title{font-size: 25px}
	#thanks .data .inn{padding: 30px}


.grid-two {
	grid-template-columns: 1fr;
	gap: 0px;
}
.arrow-about {
	display: none;
}




	footer .logo{max-width: 117px}
	footer .copyright{max-width: 120px; text-align: right; font-size: 10px; line-height: normal;}
	#totop{bottom: 4px; right: calc(50% - 22px)}
}