@media (min-width: 768px) {
    .headerContainer {
        height: calc(8.82vw);
        position: fixed;
        top: 0;
        background-color: white;
        z-index: 1000;
        border-bottom: 1px solid #ccc;
        box-shadow: 0 0.15em 0.35em 0 rgba(0,0,0,0.135);
    }
    .noticeContainer {
        margin-top: calc(8.82vw);
        padding: calc(0.8vw);
        padding-left: 2.95%;
        padding-right: 2.95%;
    }
    .logoImg {
        height: 100%;
    }
    .navIconContainer {
        height: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .hTRI {
        padding-right: calc(0.5vw);
        padding-bottom: calc(0.2vw);
        margin-bottom: 0;
        max-height: calc(1.4vw);
        min-height: calc(1.4vw);
        height: auto;
    }
    .itemLink {
        font-size: calc(1.76vw);
    }
    .barfoo {
        font-size: calc(1.76vw);
    }
    .orange-separator {
        display: inline;
        border-right: 3px solid rgb(249, 161, 49);
    }
    .max1280-div {
        max-width: 100%;
        padding-left: calc((100% - 1280px)/2);
        padding-right: calc((100% - 1280px)/2);
    }
    .searchText {
        border-right: 0;
        height: calc(2.5vw);
    }
    .badge {
        font-size: calc(.99vw);
        background: red;
        padding: calc(.1vw) calc(.3vw);
        margin-left: calc(-1vw);
        margin-right: calc(1vw);
        margin-top: calc(-1vw);
        margin-bottom: 0;
        color: white;
        font-weight: bold;
        box-shadow: calc(.05vw) calc(.05vw) calc(.05vw) calc(0.01vw) grey;
        text-shadow: calc(.07vw) calc(.07vw) calc(.04vw) black;
        text-align: center;
        border-radius: 5px;
    }
}