@media (max-width: 1380px) {
    h1 {
        font-size: 4vw;
    }
}

@media (max-width: 1280px) {
    nav ul a {
        font-size: 1rem;
        padding: 0 10px;
    }

    #specials .admin-special {
        min-height: 31vh;
    }
}

@media (max-width: 1025px) {
    .card-action .text {
        display: none;
    }

    .container {
        width: 95%;
    }

    header .dropdown-holder {
        display: none;
    }

    .row .col.l9 {
        width: 100%;
    }

    #specials .admin-special {
        min-height: 23vh;
    }
}

@media only screen and (min-width: 993px) {
    .container {
        width: 92%;
    }
}

@media (max-width: 855px) {
    newsroom-component .card .card-title {
        font-size: 3vw;
    }

    newsroom-component .card.hide-on-small-only .card-content {
        padding: 10px 24px 0;
    }
}

@media (max-width: 770px) {
    #best.valign-wrapper {
        display: block;
    }

    .container {
        width: 95%;
    }

    footer .container {
        width: 100%;
    }

    header form input#search {
        padding: 6px 10px;
    }

    .page-footer img {
        max-height: 65px;
        max-width: 315px;
    }

    .row .col.special {
        min-height: 430px;
    }
}

@media (max-width: 545px) {
    h2 {
        font-size: 8vw;
    }

    .tabs .tab a {
        padding: 0 18px;
    }

    .valign-wrapper {
        display: block;
    }
}

@media (max-width: 435px) {
    header {
        margin: 0 5px;
    }

    h1 {
        font-size: 9vw;
    }

    h3 {
        font-size: 6vw;
    }

    #landing {
        height: 50vh;
        padding: 0;
    }

    #landingText {
        margin: 0 auto;
        padding: 0 40px;
    }

    .margin-bottom-100 {
        margin-bottom: 150px;
    }

    nav .logo img {
        max-width: 100%;
    }

    newsroom-component .card .card-title {
        font-size: 5vw;
    }

    past-flyers-component .card {
        width: 85vw;
    }

    .section {
        min-height: 60vh;
    }

    .tabs .tab a {
        font-size: 1rem;
        padding: 0;
    }

    .valign-wrapper {
        display: block;
    }
}

@media (max-width: 380px) {
    app-view section {
        margin: 0 5px;
    }

    .container {
        width: 100%;
    }

    h1 {
        font-size: 9vw;
    }

    h3 {
        font-size: 7vw;
    }

    #landing {
        padding: 0;
    }

    #landingText #contactBtn {
        font-size: 1.3rem;
    }

    nav {
        line-height: normal;
    }

    nav-view .row {
        margin-bottom: 0;
    }

    newsroom-component .card .card-title {
        font-size: 6vw;
    }

    .section {
        min-height: 70vh !important;
    }
}

@media (max-width: 365px) {
    #banner {
        border-bottom: 0 none;
        border-left: 0 none;
        border-right: 0 none;
        border-top: 0 none;
        padding: 0;
    }

    #category-search {
        padding-bottom: 15px;
    }

    .chip {
        margin-bottom: 10px;
        margin-right: 10px;
    }

    h4,
    h5,
    #product h4 {
        font-size: 1.4rem;
    }

    header .col .dropdown-trigger.row {
        margin-left: 0;
    }

    nav {
        display: block;
        margin-bottom: 15px;
    }

    #product,
    #product h1 {
        margin-top: 0;
    }

    #product h1 {
        font-size: 1.9rem;
    }

    .row .col.special {
        min-height: auto;
    }
}

@media (max-width: 285px) {
    .page-footer img {
        max-width: 93vw;
    }
}

@media (max-width: 245px) {
    img.responsive-img {
        max-width: 100%;
    }
}