/* ------------------------------------------- fixes ----------------------------- */

.ed-has-branding .nav-main {
    z-index: 100;
    position: relative;
}

.sponsored-by {
    margin-top: -15px;
}

@media only screen and (min-width: 768px){

    .sponsored-by {
        position: absolute;
        top: -55px;
        margin-top: 0;
    }

}

.banner-backdrop iframe {
    display: block;
    margin: 10px auto 0 !important;
}

.m-banner-high + br,
.m-banner-high + br + br {
    display: none;
}


/* Branging */


/* Хороскопи */
.has-branding .img-cover {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    border: 5px solid #f0e2bf;
}

.has-branding .main-wrapper {
    margin-top: 200px;
    z-index: 2;
}

.has-branding .wallpaper-with-video {
    margin: 15px auto -10% !important;
}

body.has-branding {
    background-position: 50% 58px !important;
}
.has-branding .nav-main {
    z-index: 3;
}
@media only screen and (max-width: 1650px) {
    .has-branding .main-wrapper {
        margin-top: 200px;
    }

    .has-branding .wallpaper-with-video {
        margin: 15px auto -11% !important;
    }

    body.has-branding {
        background-size: 1855px;
    }
}
@media only screen and (max-width: 1590px) {
    .has-branding .main-wrapper {
        margin-top: 12%;
    }

    .has-branding .wallpaper-with-video {
        margin: 15px auto -11% !important;
    }


    body.has-branding {
        background-size: 115% auto !important;
    }
}

@media only screen and (max-width: 1279px) and (min-width: 1024px) {
    .has-branding .main-wrapper {
        margin-top: 16%;
        padding-top: 1px;
    }

    .has-branding .wallpaper-with-video {
        margin: 15px auto -15% !important;
    }

    body.has-branding {
        background-size: 150% auto !important;
    }
    
    .has-branding .image-cover-layout .rel-articles,
    .has-branding .image-cover-layout .right-column-native {
        width: calc(33.33% - 36px);
        margin: 36px 18px 0;
    }
}

@media only screen and (max-width: 1599px) and (min-width: 1280px) {

    body.has-branding {
        background-size: 113% auto !important;
    }

    .has-branding .horoscopes {
        width: 65%;
    }
    
    .has-branding .horoscopes .item {
        width: calc(50% - 30px);
    }
    
    .has-branding .image-cover-layout aside.banner-premium {
        width: calc(33.33% - 30px);
        margin: 0 15px;
        right: 15px;
    }
    
    .has-branding .article-normal .rel-articles,
    .has-branding .image-cover-layout .article-anecdote,
    .has-branding .image-cover-layout .right-column-native {
        width: calc(33.33% - 30px);
        margin: 36px 15px 0;
    }
    
    .has-branding .image-cover-layout .ascedent {
        width: calc(33.33% - 30px);
        margin: 36px 15px 0;
    }

    .has-branding .image-cover-layout .rel-articles {
        width: calc(33.33% - 36px);
        margin: 36px 18px 0;
    }
    /*
    07.06.2021
    .has-branding .the-day {
        width: calc(33.33% - 30px);
        margin: 36px 15px 0;
        float: right;
    }

    .has-branding .after-article-section .the-day {
        width: 100%;
        margin: 0;
    }
    
    .has-branding .the-day a {
        width: 100%;
        margin-bottom: 36px;
        margin-left: 0;
        margin-right: 0;
    }
    */
    
    .has-branding .horoscope .horoscope-inner .the-day {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .has-branding .horoscope .horoscope-inner .the-day .taro {
        width: calc(50% - 15px);
        margin: 0 15px 0 0;
    }

    .has-branding .horoscope .horoscope-inner .the-day .ascedent {
        width: calc(50% - 15px);
        margin: 0 0 0 15px;
    }
    
    /* Offers */
    .has-branding .horoscope .horoscope-inner .offers-section .card:nth-of-type(1),
    .has-branding .horoscope .horoscope-inner .offers-section .card:nth-of-type(2) {
        width: calc(50% - 30px);
    }
    
    .has-branding .horoscope .horoscope-inner .offers-section .card:nth-of-type(3) {
        display: none;
    }

    
    .has-branding .main-wrapper.article-normal,
    .has-branding .main-wrapper.subcategory,
    .has-branding .img-cover,
    .has-branding .image-cover-layout,
    .has-branding .search-page {
        width: 1000px !important;
        padding-top: 1px;
    }

    .has-branding .article-big > article,
    .has-branding .article-normal > article {
        max-width: 1000px;
        padding: 0 86px;
    }

    .has-branding .article-big > article .banner-premium,
    .has-branding .article-normal > article .banner-premium {
        display: block;
        float: right;
        margin-left: 20px; /* 36px - 16px, because of scroller */
        margin-right: -66px;
        margin-bottom: 36px;
    }

    .has-branding .article-big > article figure.img-main > img,
    .has-branding .article-big > article figure.img-main-gif > img,
    .has-branding .article-normal > article figure.img-main > img,
    .has-branding .article-normal > article figure.img-main-gif > img {
        width: 570px;
        margin: 0;
    }

    /* quizzes & image-quizz*/
    .has-branding .article-normal > article.quizzes figure.img-main > img,
    .has-branding .article-normal > article.quizzes figure.img-main-gif > img,
    .has-branding .article-normal > article.image-quizz figure.img-main > img,
    .has-branding .article-normal > article.image-quizz figure.img-main-gif > img {
        width: 100% !important;
        margin: 0;
    }

    .has-branding .article-normal > article.quizzes .banner-premium,
    .has-branding .article-normal > article.image-quizz .banner-premium {
        margin-right: 0 !important;
    }

    .has-branding .article-normal > article.quizzes .page-content-wrapper,
    .has-branding .article-normal > article.image-quizz .page-content-wrapper {
        margin-left: -86px;
        width: calc(100% - 198px);
    }

    .has-branding .article-normal > article.quizzes aside,
    .has-branding .article-normal > article.image-quizz aside {
        margin-right: -66px;
    }

    .has-branding .recipe-timer {
        width: calc(100% - 447px) !important;
    }
}


@media only screen and (max-width: 1600px) and (min-width: 1366px) {

    body.has-branding {
        background-size: 115% auto !important;
    }
    
    .has-branding .horoscopes {
        width: 66.67%;
    }
    
    .has-branding .horoscopes .item {
        width: calc(33.33% - 20px);
        margin: 0 10px 36px;
        height: 330px;
    }
    
    .has-branding .horoscopes .item a {
        padding-left: 15px;
    }
    
    /* .has-branding aside.banner-premium {
        width: 30%;
    } */
    
    .has-branding .article-normal .rel-articles {
        width: calc(30% - 30px);
        margin: 36px 10px 0;
    }

    .has-branding .image-cover-layout .ascedent {
        width: calc(30% - 30px);
        margin: 36px 10px;
        clear: right;
    }
    
    .has-branding .image-cover-layout .rel-articles,
    .has-branding .image-cover-layout .article-anecdote,
    .has-branding .image-cover-layout .right-column-native {
        width: calc(33.33% - 36px);
        margin: 36px 18px 0;
    }

    .has-branding .horoscope .horoscope-inner .the-day {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .has-branding .horoscope .horoscope-inner .the-day .taro {
        width: calc(50% - 15px);
        margin: 0 15px 0 0;
    }

    .has-branding .horoscope .horoscope-inner .the-day .ascedent {
        width: calc(50% - 15px);
        margin: 0 0 0 15px;
    }
    

    .has-branding .main-wrapper.article-normal,
    .has-branding .main-wrapper.subcategory,
    .has-branding .img-cover,
    .has-branding .image-cover-layout,
    .has-branding .search-page {
        padding-top: 1px;
        width: 1126px !important;
    }
    

    .has-branding .article-big > article,
    .has-branding .article-normal > article {
        max-width: 1126px;
        padding: 0 86px;
    }

    .has-branding .article-big > article .banner-premium,
    .has-branding .article-normal > article .banner-premium {
        display: block;
        float: right;
        margin-left: 20px; /* 36px - 16px, because of scroller */
        margin-right: -66px;
        margin-bottom: 36px;
    }

    .has-branding .article-big > article figure.img-main > img,
    .has-branding .article-big > article figure.img-main-gif > img,
    .has-branding .article-normal > article figure.img-main > img,
    .has-branding .article-normal > article figure.img-main-gif > img {
        width: 680px;
        margin: 0;
    }

    /* quizzes & image-quizz */
    .has-branding .article-normal > article.quizzes figure.img-main > img,
    .has-branding .article-normal > article.quizzes figure.img-main-gif > img,
    .has-branding .article-normal > article.image-quizz figure.img-main > img,
    .has-branding .article-normal > article.image-quizz figure.img-main-gif > img {
        width: 100%;
        margin: 0;
    }

    .has-branding .article-normal > article.quizzes .banner-premium,
    .has-branding .article-normal > article.image-quizz .banner-premium {
        margin-right: 0 !important;
    }

    .has-branding .article-normal > article.quizzes .page-content-wrapper,
    .has-branding .article-normal > article.image-quizz .page-content-wrapper {
        margin-left: -86px;
        width: calc(100% - 198px);
    }

    .has-branding .article-normal > article.quizzes aside,
    .has-branding .article-normal > article.image-quizz aside {
        margin-right: -66px;
    }
    /* quizzes & image-quizz - END */
}

@media only screen and (min-width: 1440px) and (-webkit-device-pixel-ratio: 1.25) {
    .has-branding .category .banner-premium {
        width: calc(33.33% - 30px);
        margin: 0 auto;
        position: absolute;
        height: auto;
        top: 0;
        right: 30px;
        box-sizing: content-box;
        margin-bottom: 0;
        border-bottom: 15px solid #FFF;
        background-color: #FFF;
    }
}


@media only screen and (min-width: 1600px) {
    .has-branding .main-wrapper,
    .has-branding .image-cover-layout { 
        width: 1280px !important;
    }
    
    .has-branding .img-cover {
        width: 100%;
    }
    
    .has-branding .horoscopes .item {
        width: calc(33.33% - 20px);
        margin: 0 10px 36px;
    }
    
    .has-branding .article-normal .rel-articles {
        width: calc(25% - 20px);
        margin: 36px 10px 0;
    }

    .has-branding .image-cover-layout .article-anecdote {
        clear: right;
    }

    .has-branding .image-cover-layout .ascedent, .has-branding .image-cover-layout .right-column-native {
        width: calc(25% - 20px);
        margin: 36px 10px;
        clear: right;
    }
    
    .has-branding .horoscope .horoscope-inner .the-day {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .has-branding .horoscope .horoscope-inner .the-day .taro {
        width: calc(50% - 15px);
        margin: 0 15px 0 0;
    }

    .has-branding .horoscope .horoscope-inner .the-day .ascedent {
        width: calc(50% - 15px);
        margin: 0 0 0 15px;
    }
}


@media only screen and (max-width: 1279px) and (min-width: 1024px) {
    .article-big > article .img-main,
    .article-big > article .img-main-gif,
    .article-big > article .img-content, 
    .article-normal > article .img-main,
    .article-normal > article .img-main-gif, 
    .article-normal > article .img-content {
        max-width: 569px;
    }
}

.has-branding .nav-main {
    z-index: 100;
    position: relative;
}
.has-branding .leaderboard {
    display: none;
}