.prodev-banner-title {
    font-family: 'Orbitron';
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}

.prodev-banner-subtitle {
    font-family: 'Orbitron';
    width: 100%;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}

.auction-banner-title {
    font-family: 'Orbitron';
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}

.auction-banner-subtitle {
    font-family: 'Orbitron';
    width: 100%;
    letter-spacing: 2px;
    font-weight: bold;
    text-shadow: 0 2px 4px rgba(0,0,0,.5);
}

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

    .newspage-mainV1-title {
        font-size: var(--mud-typography-h5-size);
    }

    .newspage-main-title-1 {
        font-size: var(--mud-typography-caption-size);
    }

    .newspage-main-title-2 {
        font-size: var(--mud-typography-h6-size);
    }

    .full-width-div {
        width: calc(100vw - 11px);
    }

    .newspage-mainV2-title {
        font-size: var(--mud-typography-body1-size);
    }

    .newspage-mainV2-image {
        height: 120px;
    }

    .newspage-main-insights-1 {
        font-size: var(--mud-typography-caption-size);
    }

    .prodev-banner-title {
        font-size: var(--mud-typography-body2-size);
    }

    .prodev-banner-subtitle {
        font-size: var(--mud-typography-caption-size)
    }

    .auction-banner-title {
        font-size: var(--mud-typography-h4-size);
    }

    .auction-banner-subtitle {
        font-size: var(--mud-typography-h4-size)
    }
}

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

    .newspage-mainV1-title {
        font-size: var(--mud-typography-h4-size);
    }

    .newspage-main-title-1 {
        font-size: var(--mud-typography-body2-size);
    }

    .newspage-main-title-2 {
        font-size: var(--mud-typography-h5-size);
    }

    .full-width-div {
        width: calc(100vw - 11.2px);
    }

    .newspage-mainV2-title {
        font-size: var(--mud-typography-h6-size);
    }

    .newspage-mainV2-image {
        height: 228px;
    }

    .newspage-main-insights-1 {
        font-size: var(--mud-typography-body2-size);
    }

    .prodev-banner-title {
        font-size: var(--mud-typography-h5-size);
    }

    .prodev-banner-subtitle {
        font-size: var(--mud-typography-body1-size);
    }

    .auction-banner-title {
        font-size: var(--mud-typography-h4-size);
    }

    .auction-banner-subtitle {
        font-size: var(--mud-typography-h4-size)
    }
}

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

    .newspage-mainV1-title {
        font-size: var(--mud-typography-h4-size);
    }

    .newspage-main-title-1 {
        font-size: var(--mud-typography-body1-size);
    }

    .newspage-main-title-2 {
        font-size: var(--mud-typography-h4-size);
    }

    .full-width-div {
        width: calc(100vw - 11.2px);
    }

    .newspage-mainV2-title {
        font-size: var(--mud-typography-h6-size);
    }

    .newspage-mainV2-image {
        height: 228px;
    }

    .newspage-main-insights-1 {
        font-size: var(--mud-typography-body2-size);
    }

    .prodev-banner-title {
        font-size: var(--mud-typography-h3-size);
    }

    .prodev-banner-subtitle {
        font-size: var(--mud-typography-h5-size);
    }

    .prodev-banner-title-v2 {
        font-size: var(--mud-typography-h5-size) !important;
    }

    .prodev-banner-subtitle-v2 {
        font-size: var(--mud-typography-body1-size) !important;
    }

    .auction-banner-title {
        font-size: var(--mud-typography-h3-size);
    }

    .auction-banner-subtitle {
        font-size: var(--mud-typography-h4-size)
    }

}

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

    .newsdetail-title {
        font-size: var(--mud-typography-h5-size);
    }
}

@media screen and (max-width: 1280px) and (min-width: 601px) {
    .newsdetail-title {
        font-size: var(--mud-typography-h4-size);
    }
}

@media screen and (min-width: 1280px) {
    .newsdetail-title {
        font-size: var(--mud-typography-h4-size);
    }
}


@keyframes slide-up {
    from {
        transform: translateY(120px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-up {
    animation: slide-up 0.3s ease-out;
    opacity: 1;
}

@keyframes slide-down {
    from {
        transform: translateX(120px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.slide-down {
    animation: slide-down 0.3s ease-out;
    opacity: 1;
}