.mediakits-main-content {
    height: 100%;
    justify-content: flex-start;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.mediakits-main-content.main-height { height: 100%; }
.mediakits-main-content.details-height { height: calc(100% - 77px) !important; }
.mediakits-main-detail-content {
    background-color: #ffffff;
    justify-content: flex-start;
}

.mediakits-main-detail-content-height {
    height: calc(100% - 77px - 54px);
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.mediaKits-years {
    margin: 2vh 0;
}

.mediaKits-years .selected {
    background-color: #495dcc;
    color: #ffffff;
}

.mediaKits-years .new-ranking.selected {
    color: #7e1030;
}

.mediaKits-country-badges-display { display: block; }

.mediaKits-country-badges {
    justify-content: center;
    padding: 0 25px;
    align-items: center;
}

.mediaKits-badge-card-size { width: 30%; }

.mediaKits-badge-card {
    display: inline-block;
    text-align: center;
    padding: 20px 10px;
    position: relative;
}

.mediaKits-badge-card .region-name { font-size: 2vw; }

.mediaKits-badge-card .region-new {
    position: absolute;
    top: 0;
    right: 9%;
    width: 30%;
}

.mediakit-nav-bar ._md-nav-bar-list {
    justify-content: center;
}

.mediakit-nav-bar ._md-nav-bar-list li>button.md-button._md-nav-button {
    font-size: 120%;
    padding: 0 5%;
    min-width: 8vw;
}

.mediakit-nav-bar ._md-nav-bar-list li.new>button.md-button._md-nav-button {
    min-width: 9vw;
}

.mediaKits-footer {
    justify-content: center;
    align-items: center;
    padding: 15px 0px;
    width: 100%;
    color: #ffffff;
    font-weight: 600
}

.mediakit-error-message {
    color: red;
    font-size: 1.5vw;
}

@media (min-width: 1281px) {
    .mediaKits-country-badges-display { display: flex; }
    .mediaKits-badge-card-size { width: 20%; }
    .mediaKits-badge-card .region-name { font-size: 1vw; }
}

@media (min-width: 1150px) and (max-width: 1280px) {
    .mediaKits-country-badges-display { display: flex; }
    .mediaKits-badge-card-size { width: 20%; }
    .mediaKits-badge-card .region-name { font-size: 1vw; }
}

@media (min-width: 1024px) and (max-width: 1149px) {}

@media (min-width: 900px) and (max-width: 1023) {}

@media (min-width: 800px) and (max-width: 899px) {}


@media (min-width: 768px) and (max-width: 799px) {}