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

    #video-primary-wrapper {
        height: 100vh;
    }



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



    .brand-locator-title, .brand-locator-title span {

        color: #FFB700;
        font-size: 3em;
        line-height: 100px;
        font-weight: bold;
        text-align: right;

    }

    .brand-locator-title span {

        color: #FFFFFF;
        font-size: 1em;
        margin-right: 20px;


    }

}


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

    #video-primary-wrapper {
        height: 100vh;
        background-position: center;
    }

}


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

    .merchant-ideas- .section-container h3 {
        font-size: 2.2em;
    }

    .brand-locator-title {
        display: none;
        visibility: hidden;
    }

    .merchant-ideas-store-locator .brand-locator-content .brand-store-content {

        margin-left: 0;

    }

    .merchant-ideas-store-locator .brand-locator-content {
        justify-content: center;
    }


}

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

    nav.menu-top > ul > li:hover > ul {
        width: calc(100vw - 17px);
    }

}

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

    .merchant-ideas- .section-container h3 {
        font-size: 1.5em;
    }


    .section-container .brand-flashcard {
        border-bottom: 35px solid #006DB4;
        height: 470px;
    }

}


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


    .merchant-ideas-store-locator .brand-locator-content {

        height: auto;
        display: block;
    }

    .merchant-ideas-store-locator .brand-locator-content .brand-store-content {

        height: 100px;
        margin: 0 auto;

    }

}


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


    .banner-home-top-inner.columns .column.column-fourth {

        width: 50%;

    }

    section.brand-news h2 {
        margin: 0 32px 20px 32px;
    }

    .section-container .brand-flashcard .brand-flashcard-image {

        height: 200px;

    }

    .section-container .brand-flashcard {
        height: 320px;
        border-bottom: 0 solid #006DB4;
    }


    .brand-notice .section-container {

        width: 330px;


    }

    section .brand-notice-message {
        position: absolute;
        font-size: 6em;
        vertical-align: middle;
        font-weight: bold;
        line-height: 135px;
        margin-left: 30px;
    }

    section .brand-notice-message .brand-notice-message-small {

        position: absolute;
        font-size: 0.5em;
        vertical-align: middle;
        margin-left: 10px;


    }

    .testimonials-notice .section-container {

        width: 330px;


    }

    section .testimonials-notice-message {
        position: absolute;
        font-size: 6em;
        vertical-align: middle;
        font-weight: bold;
        line-height: 135px;
        margin-left: 30px;
    }

    section .testimonials-notice-message .testimonials-notice-message-small {

        position: absolute;
        font-size: 0.5em;
        vertical-align: middle;
        margin-left: 10px;


    }

    .merchant-ideas-grid .section-container > div:nth-child(odd) {

        background-color: white;
        height: 360px;
    }

    .merchant-ideas- .section-container h3 {

        margin: 30px 10%;

    }

    .merchant-ideas-grid .section-container > div {

        background-repeat: no-repeat;
        background-size: contain;


    }


    section.beds-by-price .section-container .brand-flashcard .brand-flashcard-image {

        height: 180px;

    }

    section.beds-by-price .section-container .brand-flashcard {
        height: 320px;
        border-bottom: 0 solid #006DB4;
    }


    .brand-news.dining-room .section-container .brand-flashcard {

        height: 340px;

    }


    .merchant-ideas-grid .section-container > div {

        min-width: 100%;
        background-position: center center;
    }

    .merchant-ideas-grid .section-container > div:nth-child(even) {
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center 70%;
        background-color: #dee4ed;
    }

    section .section-container {
        gap: 20px;
    }

    .section-container.disclaimers {

        margin: 10px;

    }


    .merchant-ideas-store-locator .brand-locator-content .brand-store-content {

        width: 75%;

    }

}