

.sharingBar{
    background-color: #e1e1e1;
    border-radius: 6px;
    width: 300px;
    height: 55px;
    padding:14px 82px;
}

.sharingBar:after{
    clear: both;
}

.sharingBar > div{
    float: left;
}

.sharingBar > div:last-child{
    margin-right: 0;
}

.fbWrap,.twWrap,.gpWrap,.waWrap{
    width:77px;
    height:60px;
    display: block;
    border-radius: 4px;
}

.fbWrap{
    background-color:#3c5a96;
    margin-right: 32px;
}

.fbWrap:hover{
    background-color: #324b7d;
}

.fbShareBtn{
    background: url(../Icons/sharing-sprite.png) -36px -22px no-repeat;
    width:23px;
    height: 45px;
    margin: 8px 25px;
    display: block;
}

.twWrap{
    background-color: #59adeb;
    margin-right: 32px;
}

.twWrap:hover{
    background-color: #4f9bd1;
}

.twShareBtn{
    background: url(../Icons/sharing-sprite.png) -99px -21px no-repeat;
    width:56px;
    height:45px;
    display: block;
    margin:8px 13px;
}

.gpWrap{
    background-color: #db4a39;
    margin-right: 0;
}

.gpWrap:hover{
    background-color: #c24132;
}

.gpShareBtn{
    background: url(../Icons/sharing-sprite.png)-182px -21px no-repeat;
    width:46px;
    height:46px;
    display: block;
    border-radius: 4px;
    margin: 8px 18px;
}

/*.waWrap{*/
    /*background-color: #00d340;*/
/*}*/

/*.waShareBtn{*/
    /*background: url(../Icons/sharing-sprite.png)  -259px -22px no-repeat;*/
    /*width:45px;*/
    /*height:45px;*/
    /*display: block;*/
    /*border-radius: 4px;*/
    /*margin:8px 15px;*/
/*}*/

@media only screen

and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : portrait)
{
    /* STYLES GO HERE  and (orientation : portrait) and (min-device-width : 320px)
and (max-device-width : 480px)*/
    .sharingBar{
        background-color: #fff;
        border-radius: 0px;
        width: 100%;
        height: 55px;
        padding:0;
    }

    .fbWrap,.twWrap,.gpWrap{
        margin-right: 8px;
    }

    .fbShareBtn{
        margin:8px 19px;
    }

    .twShareBtn{
        margin:8px 4px;
    }

    .gpShareBtn{
        margin:8px 11px;
    }

    .fbWrap,.twWrap,.gpWrap,.waWrap{
        width:60px;
    }

    .waWrap{
        background-color: #00d340;
    }

    .waWrap:hover{
        background-color: #00ba38;
    }

    .waShareBtn{
        background: url(../Icons/sharing-sprite.png)  -259px -22px no-repeat;
        width:45px;
        height:45px;
        display: block;
        border-radius: 4px;
        margin:8px 8px;
    }
}
