@mobile:  ~"(max-width: 767px)";
@tablet:  ~"(min-width: 768px) and (max-width: 979px)";
@normal:  ~"(min-width: 980px) and (max-width: 1199px)";
@wide:    ~"(min-width: 1200px)";

footer {
    background-color: #333;
    text-align: center;
    padding: 30px;

    .social-media-icon {
        border: 1px solid #fff;
        border-radius: 10px;
        width: 35px;
        height: 35px;
        padding: 5px;
        margin: 0px 5px;
    }

    .clinic-name {
        color: #fff;
        padding: 10px 0px 10px;
        font-weight: bold;
        font-size: 18px;
    }

    .footer-text {
        font-size: 12px;
        padding: 20px 10px;

        @media @mobile {
            padding-bottom: 75px;
        }

        @media @tablet {
            padding-bottom: 75px;
        }

        a {
            color: #aaa;
        }
    }
}

.btn-mydoc-secondary {
    font-size: 13px;
    background: #1967D2;
    border-radius: 30px;
    position: relative;
    min-width: 55px;
    color: #fff;

    span.glyphicon {
        background: rgba(0,0,0,0.2);
        border-radius: 50%;
        padding: 2px;
        position: absolute;
        right: -3px;
        top: -3px;
        font-size: 80%;
    }

    &:hover {
        background: lighten(#1967D2, 20%);
    }
}