/* =========================================
   VENDOR INTRO - MOBILE
   ========================================= */

@media (max-width:600px){

    .hg-vendor-page{
        width:100%;
        margin:0;
        padding:0;
        overflow:hidden;
    }

    /* IMAGE BOX */

    .hg-vendor-image{
        position:relative;

        width:100%;
        height:500px;
        min-height:500px;

        overflow:hidden;
    }

    /* IMAGE */

    .hg-vendor-image img{
        display:block;

        width:100%;
        height:100%;

        max-width:none;

        object-fit:cover;
        object-position:center center;
    }

    /* BECOME A VENDOR BUTTON */

/* BECOME A VENDOR BUTTON */

.hg-vendor-button{
    position:absolute;

    left:50%;
    bottom:45px;

    transform:translateX(-50%);

    z-index:5;
}

.hg-vendor-button a{
    display:inline-block;

    padding:12px 22px;

    font-size:18px;

    white-space:nowrap;
}

}

/* =========================================
   VENDOR INTRO - HORIZONTAL
   ========================================= */

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

    /* MAKE IMAGE AREA LONGER */

    .hg-vendor-image{
        width:100%;
        min-height:750px;
        height:750px;
    }

    /* MAKE BUTTON LARGER */

    .hg-vendor-button a{
       padding:16px 30px;
        font-size:22px;
    }

}