.socialMediaShare {
        top: 14%;
        position: fixed;
        padding: 20px;
        right: -380px;
        width: 380px;
        -webkit-box-shadow: 0px 0px 10px 1px rgba(10, 10, 10, 0.1);
        -moz-box-shadow: 0px 0px 10px 1px rgba(10, 10, 10, 0.1);
        box-shadow: 0px 0px 10px 1px rgba(10, 10, 10, 0.1);
        background-color: rgba(255, 255, 255, 0.96);
        z-index: 700;
        border-radius: 10px 0 0 10px;
        opacity: 0.9;
    }

    .socialMediaMail {
        z-index: 701;
        display: inline-table;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
    }

    .socialMediaMail_content {
        display: table-cell;
        position: relative;
        vertical-align: middle;
        text-align: center;
        width: 90%;
        margin: auto;
        max-width: 700px;
        padding: 20px;
    }

    .socialMediaMail_contentIinner {
        display: block;
        margin: auto;
        width: 90%;
        max-width: 400px;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 2%;
        padding-top: 3%;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

    /*iPad included included*/
    @media only screen and (max-width : 799px) {

        .socialMediaShare {
            right: -250px;
            width: 250px;
        }
    }

    @media only screen and (max-width: 599px) {
        .socialMediaShare {
            top: 14%;
            padding: 10px;
            right: -220px;
            width: 220px;
        }
    }

    @media only screen and (max-width: 640px) and (orientation:landscape) {
        .socialMediaShare {
            top: 25%;           
        }
}