/* General styles */
.responsivesocialmain {position: fixed;}
/* responsivesocial Styles */
.responsivesocialmain-vertical {width: 350px;height: 100%;top: 0;z-index: 1000;}
.responsivesocialmain-vertical a {border-bottom: 1px solid #111111;padding: 1em;}
.responsivesocialmain-left {left: -350px;}
.responsivesocialmain-right {right: -350px;}
.responsivesocialmain-left.responsivesocialmain-open {left: 0px;border-right: 1px solid#cccccc;border-left: 0px;}
.responsivesocialmain-right.responsivesocialmain-open {right: 0px;border-left: 1px solid#cccccc;border-right: 0px;}
/* responsivesocial Body Classes */
.responsivesocial {overflow-x: hidden;position: relative;left: 0;}
.responsivesocial-toleft {left: 350px!important;}
.responsivesocial-toright {left: -350px!important;}
/* Transitions */
.responsivesocialmain, .responsivesocial {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
/* responsivesocial Content Styles */
.responsivesocialtitle h3 {font-size: 16px;}
.responsivesocialmain-left .responsivesocialtitle h3 {font-weight: bold;margin: 0px !important;border: 0px !important;color: #ffffff !important;background: #3b5998;padding: 12px !important;}
.responsivesocialmain-right .responsivesocialtitle h3 {font-weight: bold;margin: 0px !important;border: 0px !important;color: #ffffff !important;background: #3b5998;padding: 12px !important;text-align: right;}
/* responsivesocial Button Styles */
#showleftPush {right: -45px;position: absolute;width: 45px;height: 45px;border: 0px;outline: none;background: url('../images/facebook.jpg') no-repeat 0 0;cursor: pointer;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
#showrightPush {left: -45px;position: absolute;width: 45px;height: 45px;border: 0px;outline: none;background: url('../images/facebook.jpg') no-repeat 0 0;cursor: pointer;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.responsivesocialmain-left #close-menu {background: url('../images/close.png') no-repeat 0px 0px;top: 12px;right:12px;width: 18px;height: 18px;border: 0px;outline: none;position: absolute;cursor: pointer;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.responsivesocialmain-right #close-menu {background: url('../images/close.png') no-repeat 0px 0px;left: 12px;top: 12px;width: 18px;height: 18px;border: 0px;outline: none;position: absolute;cursor: pointer;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}
.responsivesocialmain-open #showleftPush {background: url('../images/facebook.jpg') no-repeat -45px 0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;left:-400px;}
.responsivesocialmain-open #showrightPush {background: url('../images/facebook.jpg') no-repeat 45px 0px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;right:-400px;}
#showleftPush {opacity:1.0;filter:alpha(opacity=100);}
#showleftPush:hover {opacity:0.6;filter:alpha(opacity=60);}
/* Facebook Styles */
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.responsivesocialfacebook {padding: 4px 8px 0 4px;}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.hide-tablet {display: none;}
#showleftPush {right: -35px;position: absolute;width: 35px;height: 35px;background: url('../images/facebook35.jpg') no-repeat 0 0;}
#showrightPush {left: -35px;position: absolute;width: 35px;height: 35px;background: url('../images/facebook35.jpg') no-repeat 0 0;}
.responsivesocialmain-open #showleftPush {background: url('../images/facebook35.jpg') no-repeat -35px 0px;}
.responsivesocialmain-open #showrightPush {background: url('../images/facebook35.jpg') no-repeat 35px 0px;}
.responsivesocialmain-vertical {width: 260px;}
.responsivesocialmain-left,.pushmenu-toleft {left: -260px;}
.responsivesocialmain-right {right: -260px;}
.push-toright {left: 260px;}
.push-torleft {right: 260px;}
.responsivesocial-toleft {left: 260px !important;}
.responsivesocial-toright {left: -260px !important;}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.hide-phone {display: none;}
#showleftPush {right: -25px;position: absolute;width: 25px;height: 25px;background: url('../images/facebook25.jpg') no-repeat 0 0;}
#showrightPush {left: -25px;position: absolute;width: 25px;height: 25px;background: url('../images/facebook25.jpg') no-repeat 0 0;}
.responsivesocialmain-open #showleftPush {background: url('../images/facebook25.jpg') no-repeat -25px 0px;}
.responsivesocialmain-open #showrightPush {background: url('../images/facebook25.jpg') no-repeat 25px 0px;}
.responsivesocialmain-vertical {width: 210px;}
.responsivesocialmain-left,.pushmenu-toleft {left: -210px;}
.responsivesocialmain-right {right: -210px;}
.push-toright {left: 210px;}
.push-toleft {right: 210px;}
.responsivesocial-toleft {left: 210px !important;}
.responsivesocial-toright {left: -210px !important;}
}