/**
 * ============================================================================
 * RESPONSIVE STYLESHEET
 * ============================================================================
 *
 * Contains all responsive/media query styles organized by breakpoint:
 * - Fixed Header Styles
 * - 1360px and below (Large tablets / Small desktops)
 * - 1100px and below
 * - 1000px and below (Tablets)
 * - 950px and below
 * - 900px and below
 * - 850px and below
 * - 800px and below
 * - 750px and below
 * - 700px and below
 * - 650px and below
 * - 600px and below (Large mobile)
 * - 500px and below
 * - 450px and below (Mobile)
 * - 400px and below (Small mobile)
 *
 * ============================================================================
 */


/* ==========================================================================
   FIXED HEADER STYLES
   ========================================================================== */

.btn-head,     
.btn-head span {  
    transition: none !important;
}

body .is-fixed .head-top {
    height: 60px;
    line-height: 60px;
}

body .is-fixed .head-top a.logo img {
    width: 100px;
}

body .is-fixed .top-links li {
    height: 40px;
    line-height: 40px;
}

body .is-fixed .navigation {
    height: 35px;
}

body .is-fixed .nav-item {
    font-size: 13px;
}

body .is-fixed .nav-link {
    line-height: 35px;
    font-size: 14px;
}

body .is-fixed .icon-link {
    height: 40px;
}

body .is-fixed .nav-link.menu::after {
    top: 12px;
    background: url(../img/down.svg) no-repeat right;
    background-size: 11px;
}

body .is-fixed .mega-menu.opened {
    top: 76px;
}

body .is-fixed .search-with-btn {
    top: 95px;
}

body .is-fixed .nav-link::before {
    bottom: -3px;
    background: url(../img/hover.svg) no-repeat center;
    background-size: 21px;
}

body .is-fixed a.logo img {
    width: 100px;
}

body .is-fixed .btn-head {
    padding: 0 20px;
    height: 60px;
}

body .is-fixed .btn-search span {
    background: url(../img/search-24px.svg) no-repeat center;
    background-size: 25px;
}

body .is-fixed .current-slider-hld {
    margin-top: 8px;
    width: calc(100% - 332px);
    margin-right: 32px;
}

body .is-fixed .current-txt {
    font-size: 15px;
    padding-left: 25px;
}

body .is-fixed .current-txt::before {
    background: url(../img/camera.svg) no-repeat left;
    background-size: 22px;
    top: -4px;
    left: 0;
    width: 30px;
    height: 30px;
}

body .is-fixed .current-title {
    font-size: 15px;
    height: 21px;
}


/* ==========================================================================
   BREAKPOINT: 1360px (Large Tablets / Small Desktops)
   ========================================================================== */

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

    .site-wrap {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .bottom-blue-part {
        width: calc(100% - 1em);
    }

    .all-last-news {
        width: 1360px;
        overflow: hidden;
    }

    .video-wrap {
        width: 1360px;
        overflow: hidden;
    }

    .all-broadcasts {
        width: 1320px;
        overflow: hidden;
    }

    .reporter-wrap {
        width: 1320px;
        overflow: hidden;
    }

    .all-shows {
        width: 1320px;
        overflow: hidden;
    }

    .left-part-listing-news .small-news {
        width: calc(33% - 12px);
    }

}


/* ==========================================================================
   BREAKPOINT: 1100px
   ========================================================================== */

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

    .top-title {
        font-size: 110px;
    }

    .bottom-title .big-title {
        font-size: 48px;
    }

    .live-title {
        font-size: 40px;
    }

    .live-title img {
        width: 100px;
    }

    .one-img-wrap.is-right {
        width: 100%;
    }

}


/* ==========================================================================
   BREAKPOINT: 1000px (Tablets)
   ========================================================================== */

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

    /* Static Page */
    .static-page-wrap {
        width: 100%;
    }

    /* Profile Section */
    .profile-section {
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }

    .profile-link {
        height: 60px;
        line-height: 35px;
        font-size: 18px;
    }
    .profile-link.link1::before, .profile-link.link2::before, .profile-link.link3::before, .profile-link.link4::before, .profile-link.link5::before {
        top:6px;
    }
    .profile-link.link1::after, .profile-link.link2::after, .profile-link.link3::after, .profile-link.link4::after, .profile-link.link5::after {
        top:20px;
    }
    .is-smaller-txt {
        width: 100%;
    }

    /* Person Info */
    .left-image-wrap {
        width: 250px;
        height: 300px;
    }

    .right-info-wrap {
        float: right;
        width: calc(100% - 265px);
    }

    /* Container */
    .smaller-container {
        width: 100%;
    }

    /* Listing */
    .left-part-listing-news {
        flex-wrap: wrap;
    }

    .left-part-listing-news .small-news {
        width: calc(50% - 10px);
    }

    /* Menu */
    .menu-title {
        font-size: 25px;
    }

    .menu-colums {
        flex-wrap: wrap;
    }

    .menu-colums .footer-colum {
        width: 50%;
    }

    .links-part {
        display: none;
    }

    /*
    .background-header.is-bottom {
        display: none;
    }
    */

    /* Three Columns */
    .three-colums-wrap {
        flex-wrap: wrap;
    }

    .news-column {
        width: calc(50% - 10px);
    }

    /* Footer */
    .footer-colums {
        flex-wrap: wrap;
    }

    .footer-colum {
        width: calc(19% - 7px);
    }

    /* News Layout */
    .all-news {
        flex-wrap: wrap;
    }

    .top-part {
        flex-wrap: wrap;
    }

    .left-top-part {
        width: 100%;
    }

    .right-top-part {
        width: 100%;
    }

    .bottom-part {
        flex-wrap: wrap;
    }

    .bottom-part .small-news {
        width: calc(50% - 5px);
    }

    /* Container */
    .top-container {
        flex-wrap: wrap;
    }

    .left-container {
        width: 100%;
    }

    /* Mobile Footer */
    .dark-footer {
        margin-bottom: 50px;
    }

    .mobile-icons-wrap {
        display: flex;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        padding: 10px 0;
        box-sizing: border-box;
        gap: 20px;
        justify-content: center;
    }

    .mobile-box {
        display: flex;
        gap: 5px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mobile-box .title {
        font-size: 13px;
        color: #000;
    }

    /* Social */
    .social-footer {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    
    .person-info .column-txt {
       column-count: 1;
       column-gap: 30px;
    }
    .is-left-info .image-view {
        width: 100%;
    }
    .share-wrapper a:first-of-type img {
        width: 40px;
    }
}


/* ==========================================================================
   BREAKPOINT: 950px
   ========================================================================== */

@media screen and (max-width: 950px) {
   .is-two-column-view .bottom-image-info {
        left:0;
    }
    .is-left-info {
        flex-wrap:wrap;
    }
    .is-left-info .share, .is-left-info .ticket1 {
        width:50px;
        height: 50px;
    }
    .is-left-info .share img {
        width:100%;
    }
    .is-two-column-view .is-title {
        padding-left:0px;
        box-sizing:border-box;
    }
    .is-left-info .left-info {
        width:100%;
        flex-direction:row;
    }
    .is-two-column-view .txt.is-bolder, .is-two-column-view .txt, .is-two-column-view .related-news-wrap, .is-two-column-view .horizontal-banner, .is-two-column-view .is-other-view {
        padding-left:0px;
    }
    .is-two-column-view .image-view {
        width:100%;
    }
    .is-two-column-view .related-news-wrap {
        margin-left:0px;
    }
    .is-two-column-view .listing-title, .is-two-column-view .bottom-txt {
        padding-left:0px;
    }
    
    .listing-title {
        font-size: 33px;
    }

    .view-page {
        flex-wrap: wrap;
    }

    .left-view-page {
        width: 100%;
    }

    .quote {
        font-size: 28px;
    }

    .right-view-page {
        width: 100%;
    }
    
    .is-two-column-view p {
         padding-left: 0px;
     }

    .notification-badge.dot {
    right: -4px;
        top: -11px;
    }
   
    .listing-title.article-title {
        font-size: 30px;
    }

}


/* ==========================================================================
   BREAKPOINT: 900px
   ========================================================================== */

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

    .smaller-wrap {
        width: 100%;
    }

    .smaller-txt {
        width: 100%;
    }

    .top-title {
        font-size: 85px;
    }

    .bottom-title .big-title {
        font-size: 35px;
    }

    .live-title {
        font-size: 32px;
    }

    .txt-image-wrap .name {
        font-size: 38px;
    }

    .two-images-wrap {
        gap: 30px;
    }

    .three-images-wrap {
        flex-wrap: wrap;
    }

    .three-images-wrap .txt-image-wrap {
        width: calc(50% - 20px);
    }

    .top-container {
        flex-wrap: wrap;
    }

    .left-container {
        width: 100%;
    }

    .left-container .column {
        width: 50%;
    }

    .right-column {
        width: 100%;
    }

    .quote {
        width: 99%;
        margin-left: auto;
    }

    .share-box {
        max-width: 80%;
    }

}


/* ==========================================================================
   BREAKPOINT: 850px
   ========================================================================== */

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

    /* Person Info */
    .person-info.is-teem {
        flex-wrap: wrap;
    }

    .person-info.is-teem .left-image-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .person-info.is-teem .right-info-wrap {
        width: 100%;
    }

    /* Footer */
    .footer-colum {
        width: calc(32% - 3px);
    }

    .footer-logos {
        padding: 20px;
        box-sizing: border-box;
    }

    /* Listing */
    .is-three-colum {
        flex-wrap: wrap;
    }

    .left-part-listing-news {
        width: 100%;
    }

    .is-three-colum .right-banner {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner {
        width: 300px;
    }

    .is-four-colum {
        flex-wrap: wrap;
    }

    .is-four-colum .small-news {
        width: calc(50% - 10px);
    }

}


/* ==========================================================================
   BREAKPOINT: 800px
   ========================================================================== */

@media (max-width: 800px) {

    .is-scroll {
        max-width: 100%;
    }

    .listing-links {
        justify-content: flex-start;
    }

}

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

    /* Static Page */
    .static-page-wrap p,
    .static-page-wrap span,
    .static-page-wrap ul li {
        margin: 10px 0;
        font-size: 16px;
        line-height: 28px;
    }

    .static-page-wrap h2 {
        font-size: 28px;
        margin-top: 10px;
    }

    /* Mobile Mega Menu */
    .is-mega-menu-mobile {
        padding: 20px;
        box-sizing: border-box;
    }

    .is-mega-menu-mobile .footer-colum {
        width: 100%;
    }

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

    .is-mega-menu-mobile p {
        color: #000;
        font-size: 14px;
    }

    .footer-title {
        margin: 15px 0;
    }

    .is-mega-menu-mobile .sub-txt {
        font-size: 14px;
    }

}


/* ==========================================================================
   BREAKPOINT: 750px
   ========================================================================== */
@media screen and (max-width: 780px) {
       .two-column-txt {
           width:100%;
           text-wrap:wrap;
       }
       .column-txt {
           width:100%;
       }
       .tags {
           flex-wrap:wrap;
           padding:20px 0px;
           box-sizing:border-box;
           border-top:1px solid #E8E8E8;
           border-bottom:1px solid #E8E8E8;
       }
       .follow-us-wrap {
           flex-wrap:wrap;
       }
       .follow-us-wrap span {
           width:100%;
       }
   }

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

    .two-column-txt {
        flex-wrap: wrap;
    }

    .footer-colum {
        width: calc(31% - 3px);
    }

    .right-social-wrap {
        flex-wrap: wrap;
    }
    
    .article .related-news-wrap {
       padding: 1em 0.5em;
    }
    
    .article .related-news-wrap .related-title {
       margin-bottom: var(--spacing-sm);
    }

    .article .related-news-wrap .related-news-info {
        /* flex-wrap: wrap; */
        align-items: center;
        margin-bottom: var(--spacing-md);
    }
    
    .article .related-news-wrap .related-news-info .img img {
        width: 5em;
    }
    
    .article .related-news-wrap .related-news-info .right-rel-info {
       gap: var(--spacing-sm);
     }
    
    .article .related-news-wrap .related-news-info .right-rel-info .title {
      font-size: 18px;
      line-height: 20px;
    }

    .top-title {
        font-size: 45px;
    }

    .bottom-title {
        width: 90%;
        position: absolute;
        left: 5%;
        bottom: 70px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        right: 5%;
    }

    .bottom-title .big-title {
        font-size: 25px;
    }

    .live-title {
        font-size: 26px;
    }

    .smaller-txt {
        width: 900px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 30px;
        color: #000;
    }

}


/* ==========================================================================
   BREAKPOINT: 700px
   ========================================================================== */

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

    /* Person Info */
    .person-info {
        flex-wrap: wrap;
    }

    .left-image-wrap {
        width: 100%;
        height: auto;
    }

    .right-info-wrap {
        width: 100%;
    }

    /* Related News */
    .related-news {
        flex-wrap: wrap;
    }

    .related-news .small-news {
        width: calc(50% - 10px);
    }

    /* Columns */
    .left-container {
        flex-direction: column;
    }

    .left-container .column {
        width: 100%;
    }

    .column-1 {
        order: 2;
    }

    .column-2 {
        order: 1;
    }

    .right-top-part {
        flex-wrap: wrap;
    }

    .right-small-colum {
        width: 100%;
    }

    /* Gallery */
    .right-bottom-blue {
        display: none;
    }

    .left-bottom-blue {
        width: 100%;
    }

    /* Footer */
    .links-bottom {
        flex-wrap: wrap;
        justify-content: center;
    }

    /* News Column */
    .news-column {
        width: 100%;
    }

    /* Time Wrap */
    .time-wrap .img {
        width: 68px;
        height: 68px;
    }

    /* Header */
    .background-header.is-top {
        padding-bottom: 0;
        box-sizing: border-box;
    }
    .image-view .time-wrap .img {
        width:68px;
        height: 68px;
    }
    .image-view .time-wrap {
        left:10px;
    }

}


/* ==========================================================================
   BREAKPOINT: 650px
   ========================================================================== */

@media screen and (max-width: 650px) {
    .black-line-info {
        flex-wrap:wrap;
        gap:15px;
    }
    .black-line-info .left {
        display:flex;
        flex-wrap:wrap;
        gap:15px;
    }
    .black-line-info span::after {
        content:none;
    }
    .ticket1 {
        width:40px;
        height: 40px;
    }
    .top-view-info .left-info img {
        width:auto;
    }
    .top-view-info {
        flex-wrap:wrap;
    }
    .left-info {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .left-top-part .big-news .small-title {
    margin-top: 10px;
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
    }
    .is-number-wrap .sub-txt {
        display:none;
    }
    .bottom-part .small-news {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        position: relative;
    }
    
    .leading .bottom-part .small-news {
         display: flex;
         align-items: flex-start;
         gap: 15px;
         position: relative;
     }
    
    .bottom-part .small-news .image img {
        border-radius: 0;
    }
    .bottom-part .small-news .image .time-wrap img {
        width:40px;
    }
    .is-number {
        font-size:50px;
    }
    .author-wrap::before {
        width:50px;
        height: 50px;
    }
    .section-title.is-icon span::before {
        position: absolute;
        content: "";
        left: -34px;
        top: -25px;
        width: 120px;
        height: 120px;
        background: url(../img/union.svg) no-repeat center;
        background-size: 78%;
        z-index: -1;
    }
    .reporter-box {
        z-index:999;
    }
    
    .small-news a.image  {
      border-radius: 0 !important;
    }
    
    .bottom-part .small-news a.image  {
        min-width: 120px;
        max-width: 120px;
    }
    
    .home-most-read .small-news {
        /*flex-wrap: wrap;*/
    }
    
    .home-most-read .small-news .bottom-part .is-number {
      position: static;
    }
    
    .news-column .small-news {
        padding-bottom:0px;
    }
    .bottom-part .is-number {
        position: absolute;
        left: 10px;
        top: 2px;
    }

    /* Checkbox */
    .box {
        display: flex;
        flex-shrink: 0;
    }

    /* White Box */
    .white-box {
        padding: 10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    /* Profile Section */
    .profile-section {
        padding: 15px;
        box-sizing: border-box;
    }

    .tabs-wrap .tab {
        padding: 12px;
        box-sizing: border-box;
    }
    .tabs-wrap {
        gap: var(--spacing-sm);
    }

    /* Archive */
    .all-years .year {
        width: 59px;
        height: 43px;
        line-height: 43px;
    }

    .profile-section-archives .small-title {
        font-size: 26px;
    }

    .profile-section-archives {
        margin-top: 20px;
    }

    .profile-section-articles {
        margin-top: 20px;
    }

    /* Path */
    .path-title-wrap {
        margin: 10px 0;
    }

    /* Months */
    .all-months .month {
        width: auto;
        height: 53px;
        line-height: 27px;
    }

    /* Inputs */
    .inp-row {
        flex-wrap: wrap;
    }

    .inp-row .inp-box {
        width: 100%;
    }

    .inp-row .inp-box input {
        height: 45px;
    }

    .inp-row .inp-box select {
        height: 45px;
    }

    .inp-box.is-full select {
        padding: 10px;
        box-sizing: border-box;
    }

    /* Images */
    .images-section {
        flex-wrap: wrap;
    }

    .left-part {
        width: 100%;
    }

    .small-width-txt {
        width: 100%;
        bottom: 0;
        right: 0;
        color: #000;
        font-size: 16px;
        line-height: 20px;
        position: inherit;
        margin-top: 20px;
    }

    .txt-image-wrap .img img {
        height: auto;
        margin-bottom: 20px;
    }

    .txt-image-wrap .name {
        font-size: 32px;
    }

    /* Text */
    .txt {
        margin: 5px 0;
        font-size: 18px;
        line-height: 30px;
    }

    .txt-image-wrap {
        flex-wrap: wrap;
    }

    .txt-image-wrap .img {
        width: 100%;
    }

    .is-center {
        width: 100%;
        position: inherit;
        top: 50%;
        left: 50%;
        transform: translate(0%, 0%);
    }

    .txt-image-wrap .txt {
        position: inherit;
        width: 100%;
    }

    /* Two/Three Images */
    .two-images-wrap {
        flex-wrap: wrap;
    }

    .three-images-wrap .txt-image-wrap {
        width: 100%;
    }

    .two-images-wrap .txt-image-wrap {
        width: 100%;
    }

    .bottom-title .big-title {
        font-size: 22px;
    }

}


/* ==========================================================================
   BREAKPOINT: 600px (Large Mobile)
   ========================================================================== */

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

    .is-mobile-search {
        display:block;
        background: #0083B7;
        padding:20px;
        border-radius:4px;
        border:none;
    }

    /* Faces */
    .face-box {
        width: 100%;
    }

    /* Search News */
    .all-search-news .small-news .image {
        width: 100%;
    }

    .all-search-news .small-news {
        flex-wrap: wrap;
    }

    /* Menu News */
    .more-menu-news .info {
        width: 100%;
    }

    /* Shows Info */
    .bottom-shows-info {
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 15px;
    }

    .show-now {
        padding: 15px;
        background: #fff;
        border-radius: 4px;
        color: #000;
        font-size: 16px;
        padding-left: 35px;
        box-sizing: border-box;
        position: relative;
        margin-left: 36px;
    }

    /* Bottom Part */
    .bottom-part .small-news {
        width: 100%;
        flex-direction: row;
    }

    /* Footer */
    .footer-colum {
        width: calc(50% - 10px);
    }

    .dark-footer span {
        font-size: 10px;
    }

    /* Listing */
    .left-part-listing-news .small-news {
        width: 100%;
    }

    .is-four-colum .small-news {
        width: 100%;
    }

    .listing-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

}


/* ==========================================================================
   BREAKPOINT: 500px
   ========================================================================== */

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

    .two-column-txt {
        flex-wrap: wrap;
    }

    .right-info-wrap .title {
        font-size: 35px;
    }

    .top-title {
        font-size: 30px;
    }

    .ticket {
        width: 100px;
    }

    .ticket img {
        width: 100%;
    }

    /* Back Button */
    .back-btn {
        position: relative;
        padding: 8px 30px;
        box-sizing: border-box;
        background: #fff;
        color: #000;
        bottom: 34px;
        left: 0;
        border-radius: 4px;
        padding-left: 40px;
    }

    .back-btn::before {
        position: absolute;
        content: "";
        left: 12px;
        top: 10px;
        width: 22px;
        height: 15px;
        background: url(../img/back-btn.png) no-repeat center;
        background-size: 80%;
    }

    /* View Info */
    .top-view-info .left-info .share img {
        display: block;
        width: 40px;
        height: 40px;
    }

    .white-line-info {
        margin-top: 5px;
    }

    /* Live Title */
    .live-title {
        margin-top: 40px;
    }

    .live-title img {
        display: block;
        width: 50px;
        height: 140px;
        margin-top: -71px;
        margin-bottom: 0;
    }

}


/* ==========================================================================
   BREAKPOINT: 450px (Mobile)
   ========================================================================== */

@media screen and (max-width: 450px) {
    .dark-footer {
        margin-bottom: 50px;
        padding-bottom: 30px;
    }
    
    .right-small-colum .small-news:nth-of-type(2) a.image,
      .right-small-colum .small-news:nth-of-type(3) a.image {
         display: block;
      }

   .leading .right-top-part .small-news:nth-of-type(3) {
        display: flex;
        align-items: flex-start;
        gap: 15px;
        position: relative;
    }
    
    .leading .right-top-part .small-news:nth-of-type(3) a.image {
         min-width: 120px;
         max-width: 120px;
     }
     
     .leading .bottom-part .small-news a.image {
        display: none;
     }
     
     .leading .bottom-part .small-news:nth-of-type(1) a.image {
        display: block;
     }
     
     .leading .left-top-part .big-news .sub-txt {
        display: block;
     }
    /* Error Page */
    .eror-page {
        width: 100%;
    }

    .number-eror {
        font-size: 125px;
    }

    .eror-page span {
        text-align: center;
    }

    /* Banner */
    .banner {
        width: 100%;
    }

    /* Title */
    .title.is-inner-title {
        font-size: 32px;
    }
    
    /* Gallery */
    .galeery-image img {
        height: 400px;
        border-top-left-radius: 32px;
    }

    .galeery-image .site-wrap {
        padding: 0;
    }

    .bottom-blue-part {
        position: inherit;
        border-radius: 0;
        padding-top: 50px;
        box-sizing: border-box;
    }

    .big-news .image .time-wrap img {
        height: auto;
    }

    /* Logo */
    .logo {
        width: 120px;
    }

    .logo img {
        display: block;
        width: 100%;
    }

    /* Profile/Menu Wrap */
    .profile-wrap {
        display: none;
    }

    .menu-wrap {
        display: none;
    }

    /* Big News Title */
    .big-news .small-title {
        font-size: 22px;
        line-height: 25px;
    }

    /* Section Title */
    .section-title {
        font-size: 32px;
    }

    /* Search */
    .search-wrap input {
        width: calc(100% - 50px);
    }

    .background-header.is-bottom {
        padding-top: 10px;
    }
    
    a.google-news-fav {
      line-height: 16px;
      font-size: 15px;
      text-align: center;
    }
    
    header .background-header.is-bottom .bottom-header{
          display: flex;
          gap: 12px;
          overflow-x: auto;
          overflow-y: hidden;
          align-items: center;
          justify-content: flex-start;
          scrollbar-width: none;
          -ms-overflow-style: none;
          scroll-snap-type: x mandatory;
      }
      
      header .background-header.is-bottom .bottom-header::-webkit-scrollbar {
          display: none;
      }
      
      header .background-header.is-bottom .bottom-header > * {
          flex-shrink: 0;
          scroll-snap-align: start;
      }
      header .background-header.is-bottom {
        padding: 15px 0 10px 0;
      }

}


/* ==========================================================================
   BREAKPOINT: 400px (Small Mobile)
   ========================================================================== */

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

    .is-hot-line {
        padding: 5px 0;
        box-sizing: border-box;
    }

    header {
        padding: 10px 0;
        box-sizing: border-box;
    }
    
    .small-news .is-number, .big-news .is-number {
       display: none;
    }
    
    .article-meta-info .author.desktop {
       display: none;
    }
    
    .article-meta-info .author.mobile {
       display: flex;
       justify-content: flex-start;
    }
}

/* FIXES */

@media screen and (max-width: 1000px) {
  .site-wrap.article .three-colums-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  
  .news-column {
    width: calc(50% - 10px);
  }
}

@media screen and (max-width: 700px) {
  .news-column {
    width: 100%;
  }
}

@media screen and (max-width: 1000px) {
 .site-wrap.article .three-colums-wrap {
   display: flex;
   flex-wrap: wrap;
 }
 
 .news-column {
   width: calc(50% - 10px);
 }
}

@media screen and (max-width: 700px) {
 .news-column {
   width: 100%;
 }
}

.home-galleries .section-title a {
    color: var(--color-black);
    font-size: 36px;
    font-weight: bold;
    margin-bottom: var(--spacing-lg);
    font-family: var(--font-serif);
}

.home-galleries-mobile .home-galleries  .section-title {
    margin-bottom: -10px;
}
.home-galleries-desktop {
    margin-top: 26px;
}
@media screen and (max-width: 1000px) {
    .home-galleries-desktop {
        display: none;
    }

    .home-galleries-mobile {
        display: block;
        padding: 12px;
    }

    .home-galleries-mobile {
        height: 100vh;
    }

    .home-galleries-mobile .galeery-image img {
        border-top-left-radius: 32px;
    }

    .home-galleries-mobile .left-bottom-blue {
        width: 100%;
    }

    .home-galleries-mobile .gall-txt {
        font-size: 20px;
        text-align: center;
    }

    .home-galleries-mobile .gall-title span {
        margin-top: 12px;
        margin-bottom: 12px;
        display: inline-block;
    }

    .home-galleries-mobile .gall-title span::after {
        width: 40px;
        height: 40px;
        right: -50px;
        top: -10px;
    }

    .home-galleries-mobile .bottom-blue-part {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .home-galleries-mobile .move-btns {
        margin-top: 32px;
    }

    .home-galleries-mobile .galeery-image {
        display: flex;
        flex-direction: column;
        height: 680px;
    }

     .home-galleries-mobile .galeery-image img {
        flex: 1;
        min-height: 0;
        width: 100%;
        object-fit: cover;
    }

     .home-galleries-mobile .bottom-blue-part {
       
        min-height: 140px;
        /* еднаква за всички */
    }

    .home-galleries-mobile  .bottom-blue-part {
        height: 240px;
        overflow: hidden;
    }

    .home-galleries-mobile .gall-txt a {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .home-galleries-mobile .site-wrap {
        padding: 0px;
    }

}