#social-media-navbar {
    border-bottom: 2px solid #bfbebc;
    font-size: 0;
    line-height: 0;
    margin: 0px -10px;
}

#social-media-navbar .tab {
    height: 91px;
    width: 237px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f2eeeb;
    cursor: pointer;
    border: none;
    padding: 0;
    margin: 0;
}

#social-media-navbar .tab#tab-facebook {
    background-image: url('../img/fb_btn.jpg');
}

#social-media-navbar .tab#tab-facebook:hover,
#social-media-navbar .tab#tab-facebook.active {
    background-image: url('../img/fb_btn_over.jpg');
}

#social-media-navbar .tab#tab-instagram {
    width: 236px;
    background-image: url('../img/ig_btn.jpg');
}

#social-media-navbar .tab#tab-instagram:hover,
#social-media-navbar .tab#tab-instagram.active {
    background-image: url('../img/ig_btn_over.jpg');
}

#social-media-navbar .tab#tab-youtube {
    background-image: url('../img/yb_btn.jpg');
}

#social-media-navbar .tab#tab-youtube:hover,
#social-media-navbar .tab#tab-youtube.active {
    background-image: url('../img/yb_btn_over.jpg');
}

.social-media-list {
    background-color: #f2eeeb;
    padding: 20px 0px;
    margin: 0px -10px;
}

@media (max-width: 767px) {
    #social-media-navbar {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        margin: 0 !important;
        border-bottom: 2px solid #bfbebc !important;
        background-color: #f7f8fc !important;
    }

    #social-media-navbar .tab {
        width: 33.333% !important;
        max-width: 33.333% !important;
        flex: 1 1 33.333% !important;
        height: 0 !important;
        padding-top: 12.8% !important;
        display: block !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        box-sizing: border-box !important;
        border: none !important;
        border-right: 1px solid #d8d8d8 !important;
        margin: 0 !important;
    }

    #social-media-navbar .tab:last-child {
        border-right: none !important;
    }

    #social-media-navbar .tab#tab-instagram {
        width: 33.333% !important;
    }
}