@media screen and (max-width: 1300px) {
    .wrapper {
        max-width: 100%;
        width: 84%;
        margin: 0 8%;
    }

    #top nav.second-menu > ul > li:after {
        right: -15px;
    }

    #slider .slide .title h4 {
        font-size: 36px;
    }

    #top nav > ul > li > a, #top nav > ul > li ul li a {
        font-size: 14px;
    }

    #top nav > ul > li {
        margin: 0 15px;
    }

    header .social li a {
        font-size: 17px;
        padding: 0 5px;
    }

    header .list .list-box {
        font-size: 12px;
    }

    header .social li a.open-search {
        width: 50px;
        font-size: 17px;
    }
}

@media screen and (max-width: 1150px) {
    header .list .list-box span {
        display: none;
    }

    .news-box.nb-normal-full h4 {
        font-size: 20px;
    }

    #analysis .leftBox .image, #analysis .rightBox .image {
        font-size: 20px;
    }

    #chosenCategories .chosenCategory .box .title h3 {
        font-size: 16px;
    }

    .news-box.nb-normal h4 {
        font-size: 16px;
    }

    .news-box.nb-big h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1024px) {

    #telegram {
        display: block;
    }

    .socialMenu {
        display: none;
    }

    .newsletter-popup .content {
        margin: 30px auto;
    }

    .newsletter-popup {
        overflow-y: scroll;
    }

    .nav-toggle {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 30px;
    }

    .nav-toggle {
        display: block;
    }

    #top nav, header {
        display: none;
    }

    #top .logo {
        margin: 5px 0;
    }

    #top .logo img {
        max-width: 30%;
        height: auto;
    }

    .wrapper {
        max-width: 100%;
        width: 96%;
        margin: 0 2%;
    }

    .article .art-desc .info {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .bio-desc .image-wrap {
        width: 245px;
        display: table;
        margin: 0 auto 30px auto;
        padding: 0;
    }

    .bio-desc .image-wrap .image {
        height: 200px;
    }

    .bio-desc .text {
        width: 100%;
        display: table;
    }

    .btn {
        font-size: 14px;
        padding: 7px 14px;
    }

    #extra-news .text {
        padding: 0 20px 50px 20px;
        display: table;
        margin: 0 auto;
    }

    #extra-news .slide {
        height: auto;
    }

    #extra-news {
        padding: 0;
    }

    #extra-news:before {
        width: 100%;
        position: relative;
        height: 40px;
        line-height: 60px;
    }

    #extra-news .bx-prev, #extra-news .bx-next {
        top: -32px;
        left: 10px;
    }

    #extra-news .bx-next {
        left: auto;
        right: 10px;
    }

    #related aside h2, .article article h2.title, .widget h2 {
        font-size: 28px;
    }

    .news-box.nb-big h4, #extra-news h3, .gallery-box .text h4, #extra-news h3, #slider .slide .title h4 {
        font-size: 20px;
    }

    .news-box.nb-normal h4, .news-box.nb-text h4, .news-box.nb-normal-full h4, #reviews .box .title h3 {
        font-size: 18px;
    }

    .news-box.nb-normal-full p, .gallery-box .text p, #reviews .box .person {
        font-size: 14px;
    }

    footer .copy {
        margin: 20px 0 0 0;
        display: block;
    }

    footer .social, footer .copy {
        width: 100%;
        float: none;
    }

    footer .social li a, footer .copy {
        line-height: 40px;
    }

    #slider {
        max-width: none;
        width: 100%;
    }

    #sliderContent .listOfElements {
        display: none;
    }

    #slider .slide .title {
        height: auto;
        line-height: 1.1;
        padding: 30px 20px 50px 20px;
    }

    #slider .bx-prev, #slider .bx-next {
        bottom: 50px;
    }

    #slider .slide {
        height: 350px;
    }

    #slider .slide .tag {
        font-size: 16px;
    }

    #slider .bx-prev, #slider .bx-next {
        bottom: auto;
        top: 10px;
        right: 10px;
    }

    #slider .bx-prev {
        left: auto;
        right: 60px;
    }

    #chosenCategories .chosenCategory .box {
        width: 100%;
        margin: 10px 0;
    }

    #analysis .leftBox, #analysis .rightBox {
        width: 100%;
    }

    #gallery .videosContent .bx-controls .bx-prev {
        left: 0;
    }

    #gallery .videosContent .bx-controls .bx-next {
        right: 0;
    }

    #reviews .box .title {
        height: 70px;
        line-height: 70px;
    }

    #reviews .bx-prev {
        bottom: 0;
        left: 0;
    }

    #reviews .bx-next {
        right: 0;
        bottom: 0;
    }

    #reviews .box {
        width: 49%;
        margin: 0 2% 4% 0;
    }

    #reviews .box:nth-of-type(2n) {
        margin-right: 0;
    }

    #news article, #related article, #related aside {
        width: 100%;
        max-width: none;
    }

    #news aside {
        width: 100%;
        border: 0;
    }

    .gallery-box.gb-big {
        width: 100%;
        margin: 0 0 1% 0;
    }

    .gallery-box {
        width: 49%;
        margin-right: 1%;
    }

    .gallery-box.last {
        margin-right: 0;
    }

    .gallery-box.gb-big .text {
        max-width: 100%;
    }

    #gallery {
        margin-bottom: 20px;
        display: table;
        width: 100%;
    }

    #sponsored, #events, #nature {
        width: auto;
        display: table;
        margin: 30px auto;
    }

    #sponsored .news-box,
    #events .news-box,
    #nature .news-box {
        width: 100%;
        margin: 0 auto 15px auto;
        max-width: 340px;
        float: none;
        display: block;
    }

    .menu-bottom .logo {
        width: 100%;
        text-align: center;
    }

    .menu-bottom nav {
        float: none;
        text-align: center;
        width: 100%;
    }

    .menu-bottom nav li {
        margin: 0 5px;
    }

    #telegram h3 {
        font-size: 20px;
        padding: 0 0px;
        margin: 20px;
    }

    #telegram .btn {
        margin: 5px 5px;
    }

    #telegram .bx-prev, #telegram .bx-next {
        top: 10px;
        right: 10px;
        margin: 0;
    }

    #telegram .bx-prev {
        left: 10px;
    }

    .article article, .article aside,
    .category article, .category aside {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .pager .prev, .pager .next {
        width: 100%;
        text-align: right;
    }

    .pager .prev {
        text-align: left;
    }

    #related .relatedPosts {
        width: 100%;
    }

    #related .videoBookContainer {
        width: 100%;
    }

    #youngContent .youngHeader .youngEkai,
    #youngContent .youngHeader .ekai,
    #youngContent .youngHeader .fdnt,
    #youngContent .youngHeader .stacja7 {
        display: none;
    }

    #youngContent .nb-three h4 {
        font-size: 16px;
    }

    #youngContent .youngHeader .title {
        margin: 0 auto;
    }

    #youngContent .youngHeader .title h2 {
        position: inherit;
        left: auto;
        transform: translateX(0);
        top: auto
    }

}

@media screen and (max-width: 640px) {
    #slider .slide.smallArticle {
        width: 100%;
        margin: 0px 0 8px 0;
    }

    #slider .slider a:nth-of-type(3) {
        margin: 0 0 8px 0;
    }

    #chosenCategories .chosenCategoryContent {
        width: 100%;
        margin: 0 0 15px 0;
    }

    #chosenCategories aside {
        width: 100%;
        margin: 15px 0;
    }

    #chosenCategories aside h2 {
        display: none;
    }

    .cookies-bar {
        padding: 0;
    }

    .cookies-bar .text, .cookies-bar .button {
        display: table;
        width: 100%;
        margin: 10px 0;
    }

    .article .article-attachments a {
        font-size: 13px;
    }

    .wp-video-shortcode {
        height: 255px !important;
    }

    .category-box .image-wrap, .category-box .text {
        display: table;
        width: 100%;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .gallery-box {
        width: 100%;
        margin: 0 0 1% 0;
    }

    .news-box:not(.nb-slider) {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .news-box.nb-normal-full .image {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .news-box.nb-normal-full .text {
        width: 100%;
    }

    footer .copy {
        font-size: 12px;
        line-height: 1.2;
        padding: 10px 0;
    }

    .pager a {
        padding: 0 8px;
    }

    #slider .slide .title {
        padding: 20px;
    }
}

@media screen and (max-width: 500px) {
    #autoPromotion .element {
        width: 100%;
        margin: 5px 0;
    }

    .news-box.nb-book .text {
        width: 100%;
        float: none;
    }

    .news-box.nb-book .image {
        margin: 0 auto 20px auto;
        float: none;
    }
}