/* 
    Document   : media
    Created on : 13 Mar, 2014, 7:40:45 PM
    Author     : qtm-18
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

@media screen and (max-width: 1024px){
    .jw_vb_social_bar_buttons.fixed {
        width: 64%!important;
    }
}
@media screen and (max-width: 640px){
    .jw_vb_social_bar_buttons.fixed{
        width: auto !important;
        left: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .social-buttons.cf.vb_with_count > li {
        height: 65px !important;
    }
    .social-buttons.cf.vb_without_count > li {
        height: 25px !important;
    }
    .social-buttons.cf > li.vb_totsharecount {
        width: 100% !important;
        height: 42px !important;
    }
    .social-buttons .googleplus-one {
        background-position: -75px 0!important;
    }
    ul li .jw_social_btn .pivb_without_count{
        background-position: -372px 0!important;
    }
    ul li .fb-like span{
        width: 265px !important;
    }
}
@media screen and (max-width: 480px){
    .jw_vb_social_bar_buttons.fixed{
        width: auto !important;
        left: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .jw_social_btn{
        margin: 0px !important;
        height: 25px !important;
    }
    .jw_social_btn .fb-like span {
        height: 20px !important;
    }
    .jw_vb_social_bar_buttons {
         padding: 0px !important;
         width: 98% !important;
    }
    .jw_vb_social_buttons {
        float: left;
    }
    .jw-vb-reveal {
        width: 98% !important;
    }
    .social-buttons .googleplus-one {
        background-position: -75px 0!important;
    }
    ul li .jw_social_btn .pivb_without_count{
        background-position: -372px 0!important;
    }
    .social-buttons.cf.vb_with_count > li {
        height: 65px !important;
    }
    .social-buttons.cf.vb_without_count > li {
        height: 25px !important;
    }
    
    .social-buttons.cf > li.vb_totsharecount {
        width: 100% !important;
        height: 42px !important;
    }
    ul li .jw_social_btn .fbsharevb_without_count {
        height: 23px !important;
        width: 85% !important;
    }
    .social-buttons .linkedin-share {
        left: -12px !important;
    }
    ul li .jw_social_btn .fb-share-button span {
        height: 21px !important;
    }
    ul li .jw_social_btn .fbsharevb_without_count {
        left: -15px;
    }
    .jw_vb_social_bar_buttons.fixed .jw_vb_social_buttons_above {
        margin: 15px 0 !important;
    }
    .jw_vb_social_bar_buttons.fixed .jw_vb_social_buttons_bellow {
        margin: 8px 0 15px !important;
    }
    ul li .fb-like span{
        width: 265px !important;
    }
}