.article-list-wrap {
    width: 85%;
}

.article-wrap {
    height: calc(20.2vw * .7500);
    width: 20.2vw;
    padding: 0.5vw;
    min-width: 20vw;
}

.article {
    height: 100%;
    width: 100%;
    background-size: 100% auto;
    background-position: 0 0;
    position: relative;
    border: 1px solid #666;
    min-width: 100%;
    cursor: pointer;
    background-repeat: no-repeat;
    border-radius: 3px;
}

.youtubethumb {
    background-size: contain;
}

.picksoftheweekthumb {
    background-size: 105%;
    background-position: 0 0;
}

.teaser {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: radial-gradient(ellipse at center, #45484d 0%,#000000 100%);
    border-top: 1px solid #666;
    left: 0;
    right: 0;
    font-size: .8vw;
    color: #fff;
    height: 3.5vw;
    display: flex;
    align-items: center;
    /* background: #000; */
}








.tooltippcwraper {
    opacity: 1 !important;
    /* top: 0 !important; */
    /* left: 0px !important; */
}

.tooltippcarrow {
    display: none;
}

.tooltippinner {
    border: 1px solid #666;
    background: radial-gradient(ellipse at center, #45484d 10%,#000000 100%);
    text-align: left;
    font-size: .8vw;
    padding: 5px 10px;
    max-width: unset;
    /* border-radius: 3px; */
    line-height: 1vw;
    color: #cdcccc;
    box-shadow: 0px 9px 20px 2px #080808;
    width: 19vw;
    /* border-left: 1px solid #666; */
    /* border-right: 1px solid #666; */
    /* border-bottom: 1px solid #666; */
    /* border-top: none; */
    /* background: #000; */
}

.tooltip-promo {
    width: 250px !important;
    max-width: 250px;
}

.prev-next-wrap {
    width: 85%;
    padding: 15px 0;
}



.aspNetDisabled.prev-next {
    color: #666;
    cursor: not-allowed;
}

.prev-next {
    padding: 5px;
    color: #fff;
}

.bg-white .prev-next{
    color:#000;
}

.tower-ads {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #524f4f;
    height: calc(100% + 3em);
    bottom: 0;
    width: 15%;
    /* min-height: 2000px; */
}

.ad {
    margin: 0.5vw 1vw;
}

.img-thumbnail {
    width: unset;
    align-self: unset;
    box-shadow: unset;
    cursor: pointer;
    border-radius: 3px;
    z-index: 1;
}

.pj-sponsor-label {
    text-align: center;
    font-size: .7vw;
    opacity: .9;
    position: fixed;
    left: 65vw;
    top: 72px;
    width: 33vw;
}

.pj-sponsor-label-mobile {
    display: none;
}

.pg-adv-wrap {
    position: fixed;
    left: 65vw;
    bottom: 2.5vw;
    top: 92px;
    width: 33vw;
    max-height: 44vw;
    height: calc(100vh - 92px - 0vw);
    padding-left: 10px;
}

.car-blog-ad-wrap {
    height: 100%;
    text-align: center;
    width: 100%;
    position: relative;
}

.carousel-inner-blog-ad {
    position: relative;
    /* width: calc(100vh * .83); */
    overflow: hidden;
    height: 100%;
}

.pj-adv-ad {
    height: 100%;
    width: 100%;
    /* box-shadow: 0 0 20px #fff; */
    /* border: 1px solid #fff; */
    position: relative;
}

    .pj-adv-ad img {
        max-height: 95%;
        border: 1px solid #fff !important;
        max-width: 100% !important;
    }

.carousel-indicators {
    top: 100%;
}

.carousel-indicators-ads {
}

.car-blog-ad-wrap > .carousel-indicators {
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    top: unset;
}

.blackgrad {
    background: radial-gradient(ellipse at center, #45484d 0%,#000000 100%);
}

.bg-white .carousel-indicators [data-bs-target]{
    background-color:#666 !important;
}

.promojournal-article {
    left: 0;
    width: 60vw;
    padding-left: 4vw;
    padding-top: 1em;
    z-index: 1;
    padding-bottom: 100px;
    font-size: 1.3vw;
    position: relative;
    line-height: 1.2;
}

.moment-in-ten-image {
    display: block;
    width: 75%;
    height: auto;
    float: none;
    margin: 0;
    border-width: 0;
    margin: 5px auto;
}

.promojournal-image {
    width: 100%;
    /* max-height: 300px; */
    overflow: hidden;
    position: relative;
    margin-bottom: 3vh;
}

.promojournal-headline-wrap {
    display: inline-block;
    padding-bottom: 1rem;
    line-height: 1.5vw;
}

h1 {
    font-size: 1.25rem;
    /* margin: 0; */
    font-weight: bold;
    /* display: contents; */
}

.promojournal-headline {
    font-size: 1.3vw;
    font-weight: bold;
}

.promojournal-subheadline {
    font-size: 1vw;
    display: block;
    margin-top: 4px;
    font-style: italic;
}

.promojournal-headline-author {
    font-size: 1vw;
}

.fa-blog {
    margin: .1vw;
    font-size: 2rem !important;
    cursor: pointer;
    width: 2rem;
    height: auto;
}

.promojournal-article iframe {
    width: 56vw;
    height: calc(56vw * .5625);
}

.promojournal-more-header {
    font-style: italic;
    font-weight: bold;
    font-size: 1.2vw;
}

.promojournal-more-wrap {
    width: 31%;
    float: left;
    margin: 1%;
    line-height: 1.1vw;
    border-left: 1px solid #fff;
    padding-left: 10px;
    font-size: 1vw;
}

.more_head {
    /* color: #336699; */
    font-weight: bold;
}

.more_author {
    font-size: .9rem;
    /* color: #4a4949; */
    font-weight: 600;
}

.more_author_image {
    width: 100%;
}

.author-bio {
    display: none;
}

.promojournal-article iframe {
    width: 56vw;
    height: calc(56vw * .5625);
}

    @media (max-width: 990px) {

        .pj-logo {
            max-width: 250px;
            width: 250px;
        }

        .pj-footer {
            max-width: 98% !important;
        }

        .nav-search-wrap {
            min-width: 60vw;
            max-width: 80vw;
        }

        .light-mode-wrap {
            display: flex;
            margin-bottom: 15px;
        }

        .switch {
            margin: 0 3px 0 -2px;
        }

        .switch-label {
            flex-direction: row !important;
            line-height: 2;
        }

        .overlay {
            border-radius: 0;
            width: 100vw;
            left: 0;
            top: 0;
            height: 100vh;
            background: radial-gradient(ellipse at center, #45484d 0%,#000000 100%);
        }

        .stage-promotion-wrap {
            width: 100%;
        }

        .stage-promotion-content {
            font-size: 1rem;
            line-height: 1.2;
            padding: 5px 10px;
        }

        .account-nav {
            width: 100%;
            padding: 0;
            text-align: center;
            display: flex !important;
            flex-direction: row !important;
            font-size: 8pt !important;
        }

            .account-nav .btn {
                /* font-size: .91rem; */
                border-radius: 0;
            }

        .account-nav-item {
            width: 100%;
            padding: 15px 0;
            background-color: #7ec242;
            color: #fff;
            border-bottom: 1px solid white;
        }

        .account-wrapper {
            width: 100%;
            border-radius: 0;
            border: none;
            padding: 0 10px 5px;
            height: 100%;
            position: relative;
            top: 0;
            bottom: 0;
        }

        .article-flex-wrap {
            flex-wrap: wrap;
        }

        .car-main-wrap {
            width: 100%;
            margin-bottom: 20px;
        }

        .article-wrap {
            height: calc(47vw * .8);
            width: 47vw;
            padding: 0.5vw;
        }

        .section-header-wrap {
            width: 100%;
            font-size: 2rem;
        }

        .section-header-text {
            width: 100%;
            left: 0;
            border-left: 0;
            border-right: 0;
        }


        .prev-next-wrap {
            width: 100%;
        }


        .youtubethumb-wrap {
        }

        .picksoftheweekthumb-wrap {
        }

        .youtubethumb {
            /* background-position: 0 -4.85vw; */
            background-size: contain;
        }

        .picksoftheweekthumb {
            background-position: 0 4px;
        }

        .teaser {
            font-size: .9rem;
            height: 13vw;
            line-height: 1;
            overflow: hidden;
            padding: 2px 10px;
        }

        .tower-ads {
            position: relative;
            width: 100%;
            border-left: unset;
            padding: 5px 0;
            /* border-top: 1px solid #524f4f; */
            border-bottom: 1px solid #524f4f;
        }

        .ads {
            flex-direction: row !important;
            flex-wrap: nowrap;
            /* justify-content: center; */
            max-width: 100vw;
            overflow-y: hidden;
            overflow-x: scroll;
        }

        .ad {
            width: 30.3%;
        }

        .img-thumbnail {
            padding: 0px;
            background-color: #fff;
            border: 1px solid #dee2e6;
            border-radius: 0.15rem;
            max-width: 100%;
            height: auto;
        }

        .spot-banner-image-wrap {
            width: 96%;
            left: 2%;
        }

        .spot-banner-close {
            width: 25px;
            height: 25px;
            right: -5px;
            top: -5px;
            font-size: 15px;
            line-height: 21px;
        }


        .banner-wrapper {
            width: 100%;
            flex-wrap: wrap !important;
            padding: unset;
            margin-top: 35px;
            position: relative;
            border-top: 1px solid #524f4f;
            background: radial-gradient(ellipse at center, #45484d 0%,#000000 100%);
        }

            .banner-wrapper::before {
                content: "sponsors";
                position: absolute;
                top: -17px;
                text-align: center;
                width: 100%;
                font-style: italic;
                font-size: .8rem;
                opacity: .5;
                font-family: serif;
            }


        .banner-image {
            width: 100%;
            margin: 5px 0 0 0;
        }


        .carouselByType-flex-wrap {
            flex-wrap: wrap;
        }

        .bytype-wrap {
            width: 48vw;
            height: 48vw;
        }

        .bytype {
        }


        .bytype-promo-icon {
            right: 7px;
            top: 7px;
            width: 60px;
            height: 1.75rem;
            border-radius: 3px;
        }


        /*article List*/

        .article-label {
            font-size: 1.5rem;
            width: 100%;
            margin: 0;
        }

        .article-list-wrap {
            width: 100%;
        }


        /*Blog*/



        .promojournal-article {
            width: 100%;
            padding: 0;
            font-size: 1.5rem;
            line-height: 1.2;
        }

        .pj-sponsor-label-mobile {
            display: block;
            position: relative;
            top: unset;
            width: 100%;
            left: unset;
            font-size: .6rem;
            border-bottom: 1px solid #666;
            text-align: center;
        }

        .pj-sponsor-label {
            display: none;
            position: relative;
            top: unset;
            width: 100%;
            left: unset;
            font-size: .6rem;
        }

        .pg-adv-wrap {
            position: relative;
            display: flex;
            left: unset;
            top: unset;
            bottom: unset;
            width: 100%;
            max-height: 60vh;
            padding: 0
        }

        .promojournal-headline-wrap {
            margin: 10px 10px 0 10px;
            padding-bottom: 0;
        }

        .promojournal-headline {
            font-size: 2rem;
            line-height: 1;
        }

        .promojournal-subheadline {
            font-size: 1.5rem;
            line-height: 1.2;
        }

        .promojournal-headline-author {
            font-size: .7rem;
        }

        .promojournal-social-sharing {
        }

        .promooffer-detail-share {
            width: 10%;
            margin: 10px 0 0;
        }

        .promojournal-article-content {
            padding: 10px;
        }

        .promojournal-article iframe {
            width: calc(100% + 20px);
            left: -10px;
            position: relative;
            height: calc(100vw * .5625);
            margin-bottom: 10px;
        }

        .tiktok-embed iframe {
            height: 742px;
            width: 325px;
            border-radius: 5px;
            margin-bottom: unset;
            left: unset;
        }

        .promojournal-youtube {
        }

        .kirby {
        }


        .newproductsRight {
            width: calc(100% + 20px) !important;
            height: auto !important;
            margin: .5rem -10px;
            float: unset !important;
        }

        .author-bio {
            font-size: 1rem;
            line-height: 1.1;
        }

        .promojournal-more-header {
            font-size: 1.3rem;
            padding: 0 0 0 10px;
        }

        .promojournal-more-wrap {
            width: 90%;
            font-size: 1rem;
            line-height: 1.3;
            float: unset;
            margin: 20px 5%;
        }
    }

    @media (max-width: 500px) {
        .ad {
            width: 42%;
        }
    }

}