@media(max-width: 1320px){
  .desktop-laptop{
    display: none;
  }

  .laptop{
    display: block;
  }
}

@media (max-width: 1140px){
  .main-first-block .col-9, .main-first-block .col-3{
    grid-column: span 12;
  }

  .main-first-block .col-9{
    margin-bottom: 16px;
  }

  .main-first-block .col-3{
    display: flex;
    column-gap: 16px;
  }

  .main-first-block .promotion, .main-first-block .news{
    height: 280px;
  }

  .main-first-block .promotion{
    width: 360px;
    flex: 0 0 360px;
  }

  .main-first-block .news{
    width: calc(100% - 360px - 16px);
  }

  .news .container-news .mobile-container{
    display: flex;
    column-gap: 16px;
  }

  .news .container-news .post{
    width: 310px;
    flex: 0 0 310px;
  }

  .container-news .post{
    margin-top: 10px;
    margin-bottom: 0;
  }

  .desktop-tablet{
    display: none;
  }

  .tablet{
    display: block;
  }

  .header-menu ul{
    margin: 0 -8px;
    padding-top: 12px;
    justify-content: space-between;
  }

  .container-tab-content{
    padding-left: 0;
    padding-right: 0;
  }

  .mobile-tabs-slider .block-list{
    display: block;
  }

  .mobile-tabs-slider .block-list .video,
  .mobile-tabs-slider .block-list .image-video{
    margin-bottom: 16px;
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
  }

  .mobile-tabs-slider .block-list .title-list-video{
    width: 100%;
  }

  .mobile-tabs-slider .block-list .title-list-video p {
    font-size: 16px;
    line-height: normal;
    padding: 0 12px;
  }

  #tabs .tab-nav{
    margin-bottom: 24px;
  }

  .sidebar .promotion img {
    height: 240px;
  }

  .posts-in-tags-btn .container-posts .post{
    flex-direction: column;
    row-gap: 10px;
  }

  .posts-in-tags-btn .image-post, .posts-in-tags-btn .content{
    width: 100%;
  }

  .list-podcast .container .block-podcast{
    width: calc((100% - 50px) / 2);
  }

  .editor-postcard, .preview-postcard, .preview-postcard .preview {
    width: 100%;
  }

  .command .container .person{
    width: 100%;
  }
}

@media (max-width: 768px){
  .header-menu ul{
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  #tabs .tab-nav{
    overflow-x: auto;
  }

  .header-menu ul::-webkit-scrollbar, #tabs .tab-nav::-webkit-scrollbar{
    display: none;
  }

  .desktop-mobile{
    display: none !important;
  }

  .main-first-block .news{
    width: 100%;
    height: auto;
  }

  .container-news{
    height: auto;
  }

  .container-feed .post {
    width: calc((100% - 24px) / 2);
  }

  .by-tag-slide .h4, .video-slide .h4, .container-feed .post .h4, .popular-slide .h4 {
    font-size: 16px;
    line-height: normal;
  }

  .by-tag-slide {
    width: 253px;
    flex: 0 0 253px;
  }

  #tabs .tab-btn {
    font-size: 22px;
    line-height: 32px;
  }

  .tabs-carousel, .container-slider-history{
    padding: 16px;
  }

  .event-slide .address p{
    font-size: 14px;
    line-height: normal;
  }

  .tags .tag, .block-article-with-btn .tags .tag{
    font-size: 16px;
    line-height: normal;
  }

  .tags .tag{
    font-size: 14px;
    line-height: normal;
  }

  .block-article-with-btn .buttons img, .block-article-with-btn .buttons svg{
    width: 24px;
  }

  .block-article-with-btn .grey-btn{
    font-size: 16px;
    padding: 7px 14px;
  }

  .title-block{
    margin-bottom: 24px;
  }

  .blue-btn{
    padding: 10px 16px;
  }

  .event-slide, .course-slide, .popular-slide {
    width: 342px;
    flex: 0 0 342px;
  }

  .popular-slide, .course-slide, .event-slide {
    padding: 0 16px;
  }

  #events-slider .swiper-wrapper, #popular-slider .swiper-wrapper, #courses-slider .swiper-wrapper {
    margin: 0 -16px;
  }

  .block{
    padding: 16px 16px 24px;
  }

  .feed .block{
    background: transparent;
    padding: 0;
  }

  .container-feed .post, .main-first-block.main-first-block-page .block-posts-2 .post, .main-first-block.main-first-block-page .main-post .post{
    background: #fff;
  }

  .container-feed .post .content, .main-first-block.main-first-block-page .block-posts-2 .post .content, .main-first-block.main-first-block-page .main-post .content{
    padding: 0 12px 24px;
  }

  .container-feed {
    column-gap: 24px;
    row-gap: 16px;
  }

  .tabs-carousel .wrapper, .history .wrapper, .posts-by-tag .wrapper, .events .wrapper, .popular .wrapper, .courses .wrapper{
    padding-left: 0;
    padding-right: 0;
  }

  .mobile, .article.with-image .content.mobile{
    display: block;
  }

  .mobile-1-post .container-feed .post {
    width: 100%;
  }

  .main-first-block-page{
    background: transparent;
    padding: 0;
    margin-top: 12px;
  }

  .main-first-block-page .column-2{
    flex-direction: column;
    row-gap: 12px;
  }

  .sidebar > div:not(:last-child), .content-page > div:not(:last-child):not([class="heading"]) {
    margin-bottom: 12px;
  }

  .main-first-block.main-first-block-page .block-posts-2 {
    width: 100%;
    display: flex;
    column-gap: 24px;
    row-gap: 12px;
    flex-wrap: wrap;
  }

  .main-first-block.main-first-block-page .block-posts-2 .post{
    width: calc((100% - 24px) / 2);
  }

  .main-first-block.main-first-block-page .block-posts-2 .post:not(:last-child) {
    margin-bottom: 0;
  }

  .main-first-block.main-first-block-page .block-posts-2 .post .title,
  .feed .container-feed .post .content .title{
    margin-bottom: 12px;
  }

  .main-first-block.main-first-block-page .main-post{
    width: 100%;
  }

  .main-first-block.main-first-block-page .main-post .description-post{
    display: none;
  }

  .main-first-block.main-first-block-page.news .main-post .post,
  .feed-news .container-feed .post:nth-child(3n) {
    position: relative;
  }

  .main-first-block.main-first-block-page.news .main-post .content,
  .feed-news .container-feed .post:nth-child(3n) .content{
    position: relative;
    bottom: 0;
    padding: 30px 12px;
  }

  .main-first-block.main-first-block-page.news .main-post .image-post,
  .feed-news .container-feed .post:nth-child(3n) .image-post{
    position: absolute;
    height: 100%;
    width: 100%;
  }

  .main-first-block.main-first-block-page.news .main-post .image-post img,
  .feed-news .container-feed .post:nth-child(3n) .image-post img{
    height: 100%;
  }

  .main-first-block .main-post .tags.date{
    margin-bottom: 0;
  }

  .main-first-block.main-first-block-page.news .main-post .content .title, .main-first-block.main-first-block-page.news .main-post .content .tag,
  .feed-news .container-feed .post:nth-child(3n) .content .title, .feed-news .container-feed .post:nth-child(3n) .content .tag{
    color: #fff;
  }

  .main-first-block.main-first-block-page.news .main-post .image-post:after,
  .feed-news .container-feed .post .image-post:after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000A6;
  }

  .main-first-block.main-first-block-page .main-post .h3{
    font-size: 16px;
    line-height: normal;
  }

  .heading{
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 12px;
  }

  .header .col-12{
    padding-left: 0;
  }

  .header.header-not-margin {
    margin-bottom: 16px;
  }

  .block-article-with-btn{
    margin-bottom: 16px;
  }

  .content-article .heading h1, .article .h4{
    font-size: 24px;
    line-height: 30px;
  }

  .subheading p{
    font-size: 18px;
    line-height: normal;
    margin-bottom: 16px;
  }

  .grey-btn, .article .tags .tag, .meta-article .date{
    font-size: 14px;
    line-height: normal;
  }

  .content-article .pretext p, .content-article .subheading p{
    font-size: 18px;
    line-height: normal;
  }

  .section-article .wrapper{
    padding-left: 0;
    padding-right: 0;
  }

  .content-article{
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
  }

  .content-article.content-article-with-image{
    padding-top: 0;
  }

  .content-article .caption{
    font-size: 14px;
    line-height: normal;
    margin: 6px 0 16px;
  }

  .mob-margin-minus .caption{
    padding: 0 16px;
  }

  .main-first-block .news.mob-margin-minus{
    width: 100vw;
  }

  .editor .header{
    margin-bottom: 24px;
  }

  .info-input.in {
    width: 20px;
    height: 20px;
    top: 9px;
  }

  .content-article p, .content-article ul li, .content-article ol li{
    font-size: 16px;
    line-height: normal;
  }

  .blockquote{
    padding-left: 10px;
  }

  .accent-block{
    padding: 16px 10px;
  }

  .mob-margin-minus{
    margin: 0 -16px 16px;
  }

  .reaction{
    padding: 5px 8px;
    border-radius: 12px;
  }

  .reaction span{
    font-size: 12px;
  }

  .comments .title-comments{
    font-size: 18px;
    line-height: normal;
  }

  .form-comment .agreement{
    align-items: baseline;
  }

  .block-article, .article.with-image .content{
    padding: 16px;
  }

  .article.with-image .image-post{
    height: 298px;
  }

  .article .text{
    font-size: 16px;
    line-height: normal;
  }

  .sparrow img{
    margin: 0 auto;
  }

  .feed .container-feed{
    row-gap: 12px;
  }

  .banner-rsya .promotion{
    width: 300px;
    height: 250px;
    margin: 0 auto;
  }

  .banner-rsya .promotion img{
    height: 100%;
    object-fit: cover;
  }

  .post-thumbnail img {
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .feed-news .container-feed .post .image-post{
    display: none;
  }

  .feed-news .container-feed .post:nth-child(3n) .image-post{
    display: block;
  }

  .feed-news .container-feed .post .content{
    padding: 16px;
  }

  .feed-news .container-feed .post:nth-child(3n) .content{
    padding: 32px 16px;
  }

  .main-first-block .main-post .image-post img{
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .feed .container-feed .post .image-post {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .main-first-block.main-first-block-page .main-post .content .h3{
    font-weight: 500;
  }

  .news .title-block{
    border-bottom: none;
  }

  .text-arrow:after{
    display: none;
  }

  .text-arrow{
    padding-right: 0;
  }

  .mobile-navigation-bottom{
    display: block;
  }

  .burger-menu-content{
    padding-bottom: 0;
  }

  .copyright{
    padding-bottom: 32px;
  }

  .scroll-block{
    height: calc(100vh - 67px - 97px);
  }

  .burger-menu-content .scroll-block{
    height: calc(100vh - 85px);
  }

  .burger-menu-content .scroll-block .search,
  .link-dobro{
    margin-bottom: 16px;
  }

.search .input-white, .search-topics.search .input-white{
    padding: 12px;
    background-position: right 12px center;
  }

  .header-burger{
    margin-bottom: 12px;
  }

  .burger-menu-content .blue-btn{
    font-size: 14px;
  }

  .burger-menu-content .form-newsletter{
    padding: 20px 20px 30px;
  }

  .burger-footer-menu, .copyright{
    font-size: 14px;
  }

  .heading-author .content{
    width: 100%;
  }

  .heading-author .logout{
    top: 16px;
    right: 16px;
  }

  .link-profil.mobile, .statistics.mobile{
    display: none;
  }

  .logged-in .link-profil.mobile{
    display: block;
  }

  .logged-in .statistics.mobile{
    display: flex;
  }

  .heading-plots h1, .heading-plots .yandex-heading, .heading-broadcasts h1, .heading-broadcasts .yandex-heading,
  .block-broadcasts .text p:not(:last-child), .block-broadcasts .title,
  .block-broadcasts .time{
    margin-bottom: 16px;
  }

  .heading-plots .description, .heading-plots .yandex-heading, .heading-broadcasts .description, .heading-broadcasts .yandex-heading{
    font-size: 18px;
  }

  .block-broadcasts .text p{
    font-size: 16px;
    line-height: normal;
  }

  .meta-plots .time, .meta-broadcasts .tags .tag, .meta-broadcasts .date, .block-broadcasts .time{
    font-size: 14px;
  }

  .content-article .heading h1, .heading-plots h1, .heading-broadcasts h1{
    font-size: 24px;
    line-height: 30px;
  }

  .footer{
    padding-left: 0;
  }

  .footer .wrapper{
    row-gap: 24px;
  }

  .footer .logo img{
    margin: 0 auto;
  }

  .footer .social{
    justify-content: center;
  }

  .feedback{
    text-align: center;
  }

  .text-copyright{
    border-top: 1px solid #CCCCD3;
    padding-top: 22px;
  }

  .block-list-topics{
    background: transparent;
    padding: 0;
  }

  .block-list-topics:not(:last-child){
    margin-bottom: 50px;
  }

  .block-list-topics .list{
    gap: 12px;
  }

  .block-list-topics .list a{
    background: #fff;
    font-size: 14px;
  }

  .heading-topics-block p{
    font-size: 18px;
    line-height: normal;
  }

  .error.search{
    padding: 0;
  }

  .error{
    font-size: 14px;
  }

  .search-page.search .input-white{
    padding: 12px 56px 12px 12px;
  }

  .feed-blog .heading{
    display: none;
  }

  .mob-first-block .post .image-post {
    height: 342px;
  }

  .readmore{
    margin-left: -16px;
    margin-right: -16px;
  }

  .header-icons img{
    width: 32px;
  }

  .mob-first-block .title p{
    font-size: 18px;
    line-height: normal;
  }

  .mob-first-block .tags .tag{
    font-size: 16px;
  }

  .popular-mobile .border-btn{
    padding: 16px 10px;
  }

  .form-newsletter{
    padding: 30px 0;
  }

  .tabs-carousel, .container-slider-history{
    padding: 32px 16px;
  }

  #tabs .tab-nav{
    column-gap: 18px;
    justify-content: left;
  }

  .news .container-news .mobile-container{
    width: 1614px;
    flex-wrap: wrap;
  }

  .header-additional{
    display: none !important;
  }

  .add-favourites{
    bottom: 120px;
    top: auto;
  }

  .add-favourites p{
    font-size: 12px;
    padding-right: 30px;
  }

  .add-favourites p:after{
    right: 0;
  }

  .infobar{
    height: 100vh;
    width: 100vw;
    background: #00000033;
    top: 0;
  }

  .infobar .content{
    top: auto;
    bottom: 0;
    position: fixed;
    width: 100%;
    padding-bottom: 42px;
  }

  .heading-about .content{
    flex-direction: column;
    row-gap: 22px;
  }

  .heading-about .content .description, .heading-about .content .text{
    width: 100%;
  }

  .heading-about .content .description p {
    font-size: 18px;
  }

  .heading-about .content .text p {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 16px;
  }

  .heading-about .content .text .blue-btn{
    font-size: 16px;
  }

  .command .swiper-wrapper{
    width: max-content;
  }

  .heading-video .content h1{
    font-family: 'Gogh', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1;
  }

  .heading-video .content .description{
    padding: 0 16px;
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
  }

  .vk-video-slide {
    width: 184px;
    flex: 0 0 184px;
  }

  .vk-video-slide .content .title p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
  }

  .vk-video-slide .content .views p {
    font-size: 12px;
    line-height: 17px;
  }

  .vk-video{
    padding-left: 16px;
    padding-right: 16px;
  }

  .dark .block{
    padding-left: 0;
    padding-right: 0;
  }

  .list-video .container{
    column-gap: 16px;
    row-gap: 28px;
  }

  .list-video .post{
    width: calc((100% - 16px) / 2);
  }

  body.dark.video-page{
    background: #212121;
  }

  .dark.video-page .block{
    background: #2C2D2E;
    color: #fff;
    padding: 24px 12px 9px;
  }

  .more .posts-in-tags-btn .container-posts .post{
    flex-direction: row;
  }

  .more .posts-in-tags-btn .image-post{
    width: 148px;
    aspect-ratio: 16 / 9;
  }

  .more .tags{
    display: none;
  }

  .more .posts-in-tags-btn .title p{
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
  }

  .dark.video-page .more .posts-in-tags-btn .title p a{
    color: #fff;
  }

  .dark.video-page .border-btn{
    color: #fff;
  }

  .more .meta{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }

  .more .meta > div{
    display: flex;
    column-gap: 4px;
  }

  .more .meta > div svg{
    width: 13px;
  }

  .more .meta > div p{
    font-size: 12px;
    line-height: 14px;
    color: #9999A7;
  }

  .more .title{
    margin-bottom: 10px;
  }

  .video-player .main-video{
    width: 100%;
  }

  .video-player{
    padding-top: 20px;
    padding-bottom: 0;
  }

  .main-video .title p{
    font-size: 22px;
  }

  .main-video .parts p, .list-podcast-player .parts p{
    text-align: center;
  }

  .list-podcast .container{
    column-gap: 24px;
    row-gap: 16px;
  }

  .block-podcast-list, .block-btns{
    width: calc(100vw - 48px);
  }

  .list-podcast .container .block-podcast {
    width: calc((100% - 24px) / 2);
  }

  .dark .list-podcast {
    margin-bottom: 80px;
  }

  .block-podcast-list .title p{
    font-size: 22px;
    letter-spacing: 0.03em;
  }

  .podcast-player {
    padding: 0 12px;
  }

  .block-podcast-list .player {
    height: 160px;
    margin-bottom: 24px;
  }

  .block-btns{
    top: 320px;
  }

  .list-podcast-player .swiper-button-prev{
    left: 0;
    display: block;
  }

  .list-podcast-player .swiper-button-next{
    right: 0;
    display: block;
  }

  .block-podcast-list .description p{
    font-weight: 400;
  }

  .main-podcast h1{
    font-size: 22px;
    line-height: normal;
  }

  .main-podcast .content .description{
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
  }

  .background-podcast{
    margin-top: 56px;
    height: calc(100% - 56px);
  }

  .background-podcast img{
    height: 100%;
  }

  .main-podcast{
    position: relative;
  }

  .podcast-player, .main-podcast .content .description{
    padding: 0;
  }

  .list-podcast-player{
    padding: 0;
  }

  .main-podcast {
    padding: 20px 0;
  }

  .block-podcast .content .title {
    padding: 0;
  }

  .editor-form{
    padding-right: 0;
    padding-bottom: 0;
  }

  .buttons-from-editor{
    justify-content: space-between;
  }

  .buttons-from-editor .blue-btn{
    width: 100%;
    text-align: center;
  }

  .editor-form form .accept p{
    font-size: 12px;
    line-height: normal;
  }

  .other-reaction{
    width: 90px;
    height: 90px;
  }

  .block-article-with-btn.mobile{
    display: flex;
  }

  .content-article ul, .content-article ol {
    padding-left: 16px;
  }

  .container-feed .post .date.tags{
    margin-bottom: 0;
  }

  .list-podcast-player h2{
    font-size: 28px;
  }

  .infobar .content:before{
    content: '';
    display: block;
    width: 35px;
    height: 5px;
    border-radius: 2px;
    background: #CCCCD3;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }

  .header.header-article{
    position: sticky;
  }

  .block-article .image-post{
    margin-bottom: 20px;
  }

  .block-article .image-post img{
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .article .text:after, .meta-article .date, .article.with-image .image-post:after{
    display: none;
  }

  .article.with-image .content{
    position: relative;
  }

  .article.with-image .tags .tag, .article.with-image .h4{
    color: #000022;
  }

  .article.with-image .tags {
    margin-bottom: 20px;
  }

  .article.with-image .h4{
    margin-bottom: 20px;
  }

  .article.with-image .content{
    padding: 0;
  }

  .article.with-image .image-post {
    height: auto;
  }

  .command.block{
    background: transparent;
  }

  .command h1{
    padding: 12px 16px 16px;
    margin-bottom: 12px;
    background: #fff;
    border-bottom: 1px solid #CCCCD3;
  }

  .search-command {
    margin-bottom: 0;
  }

  .command .container .person .content{
    background: #fff;
    padding: 12px 12px 20px;
  }

  .dark .search .input-white{
    background-position: right 12px center;
    padding: 12px 42px 12px 12px;
    border: 1px solid #fff;
  }

  .dark .search .input-white::placeholder{
    color: #fff;
  }

  ::-webkit-search-cancel-button {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 545px){
  .container-feed .post, .main-first-block.main-first-block-page .block-posts-2 .post {
    width: 100%;
  }

  .desktop-mobile-small{
    display: none;
  }

  .mobile-small{
    display: block;
  }

  .header{
    padding: 10px 0;
  }

  .header-menu ul li a,
  .header-menu ul li span{
    font-size: 16px;
    padding: 8px;
    line-height: normal;
  }

  .main-first-block .news, .container-news{
    height: auto;
  }

  .main-first-block.main-first-block-page.news .block-posts-2 .post .image-post{
    display: none;
  }

  .main-first-block.main-first-block-page .block-posts-2 .post .content {
    padding: 16px 12px;
  }

  .feed-blog .container-feed .post{
    flex-direction: column;
    row-gap: 16px;
  }

  .feed-blog .container-feed .post .image-post{
    width: 100%;
  }

  .feed-blog .container-feed .post .content{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .swiper-button-next, .swiper-button-prev{
    display: none;
  }

  a:hover{
    color: inherit;
  }

  .carousel-article-slide img{
    height: auto;
    aspect-ratio: 16 / 9;
  }

  #carousel-article.swiper-horizontal>.swiper-pagination-bullets, #carousel-article.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 16px;
    padding-right: 16px;
  }

  #carousel-article .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }

  #carousel-article .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 8px;
    height: 8px;
  }

  .block-share-modal .content{
    right: 0;
  }

  .heading-author .description{
    font-size: 14px;
  }

  .feed-blog{
    background: transparent;
  }

  .feed-blog .container-feed .post{
    padding: 32px 12px;
    margin-bottom: 16px;
    border-bottom: none;
    position: relative;
  }

  .feed-blog .container-feed .post .content{
    padding: 0;
  }

  .feed-blog .container-feed .post .image-post{
    display: none;
  }

  .feed-blog .container-feed .post:nth-child(3n){
    padding: 48px 12px;
    aspect-ratio: 16 / 9;
    justify-content: center;
  }

  .main-first-block.main-first-block-page.news .main-post .post, .feed-news .container-feed .post:nth-child(3n){
    aspect-ratio: 16 / 9;
  }

  .main-first-block.main-first-block-page.news .main-post .post .content, .feed-news .container-feed .post:nth-child(3n) .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .feed-blog .container-feed .post:nth-child(3n) .image-post{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .feed-blog .container-feed .post:nth-child(3n) .image-post:after{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #000000A6;
  }

  .feed-blog .container-feed .post:nth-child(3n) .content{
    position: relative;
  }

  .feed-blog .container-feed .post:nth-child(3n) .h4,
  .feed-blog .container-feed .post:nth-child(3n) .author .tag{
    color: #fff;
  }

  .heading-author .avatar{
    width: 88px;
    height: 88px;
  }

  .heading-author .content{
    width: calc(100% - 88px - 24px);
  }

  .logged-in .heading-author .content{
    width: 100%;
  }

  .heading-author .info-author .work p,
  .heading-author .info-author .contact p{
    font-size: 14px;
  }

  .heading-author{
    column-gap: 24px;
  }

  .heading-author .info-author {
    margin-bottom: 0;
  }

  .statistics{
    flex-direction: column;
    align-items: baseline;
    row-gap: 16px;
    margin-top: 0;
  }

  .statistics .grade{
    padding-right: 0;
    border-right: 0;
  }

  .statistics .blocks-statistic{
    padding-left: 0;
    flex-wrap: wrap;
  }

  .link-profil .blue-btn{
    width: 100%;
    text-align: center;
  }

  .feed-blog.search-page .container-feed .post{
    padding: 0;
  }

  .feed-blog.search-page .container-feed .post .content{
    padding: 16px 12px 24px;
  }

  .feed-blog.search-page .container-feed .post .image-post{
    display: block;
    height: 194px;
  }

  .feed-blog.search-page .container-feed .post:nth-child(3n) .image-post{
    position: relative;
  }

  .feed-blog.search-page .container-feed .post{
    row-gap: 0;
  }

  .feed-blog.search-page .container-feed .post:nth-child(3n) .h4, .feed-blog.search-page .container-feed .post:nth-child(3n) .author .tag {
    color: #000022;
  }

  .feed-blog.search-page .container-feed .post:nth-child(3n) .author .tag {
    color: #9999A7;
  }

  .feed-blog.search-page .container-feed .post:nth-child(3n) .image-post:after{
    display: none;
  }

  .mob-first-block .post .image-post {
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .infobar .content{
    right: 0;
  }

  .burger-menu-content{
    width: 100%;
  }

  .main-first-block .block-posts-2 .image-post{
    aspect-ratio: 16 / 9;
  }

  .main-first-block .block-posts-2 .image-post img{
    height: auto;
  }

  .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
  }

  #carousel-banner, #carousel-banner-mob {
    padding-bottom: 24px;
  }

  .list-video .post{
    width: 100%;
  }

  .list-podcast .container .block-podcast{
    width: 100%;
  }

  .tip{
    width: 266px;
    left: auto;
    right: -48px;
  }

  .heading-input .tip{
    left: -48px;
  }

  .info-input.in.file {
    right: 62px;
  }

}

@media (max-width: 400px){
  .by-tag-slide, .mobile-tabs-slide {
    width: 253px;
    flex: 0 0 253px;
    margin: 0;
  }

  .events .swiper-button-next, .events .swiper-button-prev,
  .popular .swiper-button-next, .popular .swiper-button-prev,
  .courses .swiper-button-next, .courses .swiper-button-prev{
    display: none;
  }

  .mobile-tabs-slider .block-list .video,
  .mobile-tabs-slider .block-list .image-video{
    margin-bottom: 16px;
    aspect-ratio: 16 / 9;
    width: 253px;
  }

  .sparrow img {
    max-width: 90vw;
  }

  .article.with-image.block-article .image-post{
    height: 360px;
  }

  .block-article-with-btn{
    flex-wrap: wrap;
    row-gap: 12px;
  }
}