// Header Social Buttons
#rt-header {
    .rt-social-buttons{
        float:right;
        margin:10px 0;
        padding:15px 0;
        width:200px;
        position:relative;
        z-index:10;
    }
 
    .social-button-text{
        display:none;
    }
 
    .social-button{
        color:lighten(@navigation-text-color, 10%) \9;
        border:2px solid lighten(@navigation-text-color, 10%) \9;
        color:fadeout(@navigation-text-color, 50%);
        border:2px solid fadeout(@navigation-text-color, 50%);
        border-radius:@base-border-radius;
        display:inline-block;
        width:44px;
        height:44px;
        line-height:44px;
        margin:0 -1px;
        padding:0;
        text-align:center;
 
        &:hover {
            color:@button-text-color;
            background:@button-background;
            border:2px solid transparent;
        }
    }
}
 
// Large Mode
@media only screen and (min-width: 1200px) {
    body.layout-mode-responsive {
        #rt-header .rt-social-buttons {
            margin-right: -140px;
        }
    }
}       
 
// Desktop Modes
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    body.layout-mode-responsive {
        #rt-header .rt-social-buttons {
            margin-right: -100px;
        }       
    }
}   
 
// Tablet Modes
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body.layout-mode-responsive {
        #rt-header .rt-social-buttons {
            margin-right: -68px;
        }       
    }
}
 
// Mobile Modes
@media (max-width: 767px) {
    body.layout-mode-responsive {
        #rt-header .rt-social-buttons {
            display: none;
        }       
    }
}
 

@import "template-custom.less";