@media (min-width: 1025px){
	.mains__link:hover{
		transition: 0.3s;
		background: #aa9dfa;
		border: 2px solid #4f28a5;
	}

	.header__btn:hover svg{
		fill: #aa9dfa;
	}

	.podcasts__item:hover .podcasts__image p{
		transition: 0.3s;
		background: #aa9dfa;
		color: #fff;
		border: 1px solid #6d31ee;
	}

	.telecast__links:hover{
		color: #6d31ee;
	}

	.telecast__links:hover svg{
		fill:#6d31ee;
	}


	.visitors__link:hover{
		transition: 0.3s;
		background: #aa9dfa;
		color: #fff;
	}

	.description__link:hover{
		background: #f0d288;
		color: #121723;
		transition: 0.3s;
	}

	.meta__form:hover{
		transition: 0.3s;
		background: #292e39;
	}

	.meta__forms:hover{
		transition: 0.3s;
		background: #292e39;
	}

	.meta__email:hover{
		transition: 0.3s;
		background: #292e39;
	}

	.meta__btn:hover{
		background: #aa9dfa;
	}

	.footer__item a:hover{
		transition: 0.3s;
		color: #6d31ee;
	}

	.header__list a:hover{
		transition: 0.3s;
		color: #6d31ee;
	}

	.footer__items a svg:hover{
		fill:#aa9dfa;
	}
}

@media (max-width: 1024px) {
	.header{
		max-width: 100%;
		width: 100%;
		margin: 33px auto 90px auto;
		flex-direction: column;
	}

	.header__nav{
		width: 100%;
		border-top: 1px solid #e6e8ec;
		border-bottom:1px solid #e6e8ec;
		padding: 22px 0;
	}

	.header__block{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: calc(100% - 40px);
		max-width: 824px;
		margin: 0 auto 33px auto;
	}

	.header__btn{
		display: none;
	}

	.header__mobile{
		display: flex;
		width: auto;
	}

	.header__mobile svg{
		fill:#6d31ee;
	}

	.header__mobile:focus svg{
		fill:#aa9dfa;
	}

	.header__mobile:active svg{
		fill:#4f28a5;
	}

	.header__list{
		max-width: 824px;
		width: calc(100% - 40px);
		margin: 0 auto;
	}

	.header__list li{
		margin-right: 105px;
	}

	.mains{
		max-width: 824px;
		margin: 90px auto;
	}

	.mains__block {
		width: 100%;
		max-width: 539px;
	}

	.mains__text{
		margin-bottom: 20px;
	}

	.mains__img {
		max-width: 256px;
		width: 100%;
		margin-left: 30px;
	}

	.podcasts__block{
		max-width: 824px;
	}

	.podcasts {
		padding: 94px 0;
	}

	.telecast__block {
		max-width: 824px;
	}

	.visitors__head {
		max-width: 824px;
	}

	.visitors__lead {
		max-width: 536px;
	}

	.telecast__item {
		width: calc(100% / 2 - 26px);
	}

	.playlist__block {
		max-width: 824px;
		flex-direction: column;
	}

	.playlist__head {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.playlist__list{
		margin-right: -30px;
	}

	.playlist__item{
		margin-right: 30px;
		width: calc(100% / 3 - 30px);
		display: flex;
	}

	.playlist__img{
		width: 112px;
		height: 112px;
	}

	.playlist__name{
		width: calc(100% - 112px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 40px 10px;
	}

	.playlist__img img:nth-child(1){
		top: 0;
		left: 0;
	}

	.description__block {
		max-width: 824px;
		display: flex;
		align-items: center;

	}

	.description {
		padding: 94px 0;
	}

	.description__pic {
		width: 100px;
		height: 100px;
	}

	.description__img {
		max-width: 397px;
	}

	.description__text {
		max-width: 396px;
	}

	.meta__block {
		max-width: 824px;
	}

	.meta__img{
		display: none;
	}

	.meta__description {
		width: 100%;
		max-width: 539px;
	}

	.meta__list {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 30px;
		margin-right: -30px;
	}

	.meta__item {
		width: calc(100% / 2 - 30px);
		margin-bottom: 30px;
		margin-right: 30px;
	}

	.meta__input{
		display: flex;
	}

	.footer__block {
		max-width: 824px;
	}
}

@media (max-width: 768px){
	.header {
		max-width: 100%;
		width: 100%;
	}

	.header__nav {
		width: 100%;
	}

	.header__block{
		max-width:539px;
	}

	.header__list{
		max-width: 539px;
	}

	.header__list li{
		margin-right: 54px;
	}

	.header__list a{
		font-size: 16px
	}

	.mains {
		max-width: 539px;
	}

	.mains__img{
		display: none;
	}

	.podcasts__block {
		max-width: 539px;
	}

	.podcasts__aside {
		flex-direction: column;
	}

	.podcasts__item {
		width:  100% ;
	}

	.telecast__block {
		max-width: 539px;
		flex-direction: column;
	}

	.telecast__archive{
		display: none;
	}

	.telecast__main h2{
		margin-bottom: 132px;
	}

	.telecast__main {
		min-height: 0;
		width: 100%;
		max-width: 0;
		margin-right: 0;
	}

	.telecast__mobile{
		display: flex;
		align-items: center;
		margin: 10px auto;
		width: 345px;
	}

	.telecast__img{
		width: 70px;
	}

	.telecast__aside{
		width: calc(100% - 70px - 20px);
	}

	.visitors__subtitle{
		margin-bottom: 50px;
	}

	.visitors__head {
		max-width: 539px;
	}

	.visitors__desc {
		flex-direction: column;
		margin-bottom: 50px;
	}

	.visitors__image {
		max-width: 100%;
		margin-bottom: 30px;
	}

	.visitors__block {
		margin-left: 0;
		width: 100%;
		max-width: 362px;

	}

	.visitors__description{
		margin-bottom: 30px;
	}

	.playlist__block {
		max-width: 539px;
		margin: 94px auto 112px auto;
	}

	.playlist__item {
		width: calc(100% / 2 - 30px);
	}

	.playlist__name {
		padding: 30px 10px;
	}

	.description__block {
		max-width: 539px;
		flex-direction: column;
	}

	.description__img {
		max-width: 100%;
		margin-bottom: 50px;
	}

	.description__text {
		max-width: 100%;
	}

	.description__text h2 {
		width: 100%;
		max-width: 441px;
	}
}





@media (max-width: 320px){

	.header {
		max-width: 320px;
		margin: 33px auto 40px auto;
	}

	.header__block{
		margin-bottom: 22px;
	}

	.header__image{
		width: 78px;
		height: 10px;
	}

	.header__list{
		flex-wrap: nowrap;
		overflow-x: auto;
		border: 1px solid #e6e8ec;
		padding: 17px 20px 17px 20px;
	}

	.header__list li{
		margin-right: 32px;
		flex: 0 0 auto;
		scroll-snap-align: start;
	}

	.mains{
		max-width: 320px;
		margin: 0 auto 40px auto;
	}

	h1{
		font-size: 32px;
		line-height: 100%;
		margin-bottom: 8px;
	}

	.mains__block {
		width: 100%;
		max-width: 320px;
	}

	.mains__link{
		width: 200px;
		height: 50px;
		font-size: 16px;
	}

	.podcasts {
		margin-bottom: 54px;
	}

	.podcasts__block{
		max-width: 320px;
	}

	.podcasts__block h2{
		font-size: 24px;
		margin-bottom: 20px;
	}

	.podcasts__item {
	 flex-direction: column;
	}

	.podcasts__list{
		max-width: 256px;
		width: 100%;
		padding: 30px 16px;
	}

	.podcasts__image p {
		bottom: 51px;
	}

	.podcasts__list p:nth-child(2) {
		font-size: 16px;
		margin-bottom: 3px;
	}

	.podcasts__list p:nth-child(3) {
		font-size: 12px;
	}

	.podcasts__image {
		position: relative;
		overflow: hidden;
		max-width: 256px;
		height: 72px;
	}

	.telecast__block{
		max-width: 320px;
		margin: 0 auto 64px auto;
	}


	.telecast__main h2 {
		margin-bottom: 30px;
	}

	.telecast__list{
		margin-top: 0;
	}

	.telecast__image {
		width: 100%;
		height: 50px;
	}

	.telecast__people {
		font-size: 12px;
		margin-bottom: 5px;
	}

	.telecast__items p:nth-child(2) {
		font-size: 9px;
	}

	.telecast__text {
		font-weight: 400;
		font-size: 12px;
		color: #6d31ee;
	}

	.telecast__more img {
		width: 16px;
		margin-left: 5px;
	}

	.telecast__more {
		display: flex;
		align-items: center;
	}

	.telecast__mobile {
		width: 320px;
		margin-top: 30px;
	}

	.telecast__aside {
		display: flex;
		flex-direction: column-reverse;
		margin-left: 14px;
	}

	.telecast__archive p{
		font-size: 14px;
		margin-bottom: 7px;
	}

	.telecast__link {
		max-width: 110px;
		height: 35px;
		margin: 7px 0 0 0;
	}

	.visitors {
		padding: 54px 0;
		margin-bottom: 54px;
	}

	.visitors__head{
		width: 320px;
	}

	.visitors__subtitle {
		margin-bottom: 30px;
	}

	.visitors__subtitle h2 {
		font-size: 24px;
	}

	.visitors__text {
		font-size: 14px;
	}

	.visitors__lead {
		font-size: 14px;
		width: 100%;
		max-width: 320px;
		margin-bottom: 0;
	}

	.visitors__image {
		margin-bottom: 12px;
	}

	.visitors__link {
		max-width: 150px;
		height: 35px;
		font-size: 15px;
	}

	.visitors__desc {
		margin-bottom: 30px;
	}

	.playlist__block {
		max-width: 320px;
		margin: 0 auto 54px auto;
	}

	.playlist__head h2 {
		font-size: 24px;
	}

	.playlist__text {
		font-size: 12px;
	}

	.playlist__excerpt {
		font-size: 12px;
	}

	.playlist__list {
		margin-top: 0;
	}

	.playlist__item {
		flex-direction: column;
	}

	.playlist__name {
		width: 113px;
		padding: 10px;
	}

	.playlist__name h3 {
		font-size: 12px;
	}

	.playlist__name p {
		font-size: 7px;
	}

	.description {
		padding: 54px 0;
	}

	.description__img {
		margin-bottom: 30px;
	}

	.description__block {
		max-width: 320px;
	}

	.description__text h2 {
		width: 100%;
		max-width: 320px;
		font-size: 24px;
		margin-bottom: 12px;
	}

	.description__desk {
		font-size: 14px;
	}

	.description__price {
		font-size: 24px;
		margin: 12px 0;
	}

	.description__link {
		height: 50px;
		max-width: 256px;
		font-size: 16px;
	}

	.meta {
		padding: 54px 0;
	}

	.meta__images{
		display: none;
	}

	.meta__description h2 {
		font-size: 24px;
	}

	.meta__texts {
		font-size: 14px;
	}

	.meta__text {
		font-size: 14px;
	}

	.meta__image {
		height: 113px;
	}

	.meta__people {
		margin-top: 12px;
	}

	.meta__name {
		font-size: 14px;
		line-height: 129%;
	}

	.meta__excerpt {
		font-size: 12px;
		line-height: 133%;
	}

	.meta__input {
		flex-direction: column;
	}

	.meta__email {
		margin-left: 0;
	}

	.meta__forms {
		margin-bottom: 30px;
	}

	.meta__btn {
		height: 50px;
		max-width: 172px;
		font-size: 16px;
		margin-bottom: 20px;
	}

	.meta__check {
		font-size: 9px;
	}

	.footer__list {
		display: none;
	}

	.footer__block {
		max-width: 320px;
		display: flex;
		justify-content: center;
	}

	.footer {
		background: #292e39;
		padding: 54px 0;
	}

	.footer__items {
		justify-content: center;
	}

}
