@media (max-width: 480px) {
}
@media (max-width: 767px) {
    .floaty-social {text-align: center; position: fixed; bottom: 0px; width: 100%; background: #33353B; height: 30px; margin: 0px; padding-top: 10px; z-index: 100; left: 0px; top: auto !important;}
    .floaty-social li {display: inline; padding-left: 5px; width: auto;}
    .floaty-social span {display: none;}
    .floaty-social li > i {float: none; font-size: 19px; color: white; padding: 0 5px 0 3px;}

    .floaty-social-left {text-align: center; position: fixed; bottom: 0px; width: 100%; background: #33353B; height: 30px; margin: 0px; padding-top: 10px; z-index: 1; left: 0px; top: auto !important;}
    .floaty-social-left li {display: inline; padding-left: 5px; padding-left: 5px; width: auto;}
    .floaty-social-left span {display: none;}
    .floaty-social-left li > i {float: none; font-size: 19px; color: white; padding: 0px 3px 0px 5px;}
}
@media (min-width: 768px) and (max-width: 979px) {
    .floaty-social {text-align: center; position: fixed; bottom: 0px; width: 100%; background: #33353B; height: 30px; margin: 0px; padding-top: 10px; z-index: 100; left: 0px; top: auto !important;}
    .floaty-social li {display: inline; padding-left: 5px; width: auto;}
    .floaty-social span {display: none;}
    .floaty-social li > i {float: none; font-size: 19px; color: white; padding: 0 15px 0 3px;}

    .floaty-social-left {text-align: center; position: fixed; bottom: 0px; width: 100%; background: #33353B; height: 30px; margin: 0px; padding-top: 10px; z-index: 1; left: 0px; top: auto !important;}
    .floaty-social-left li {display: inline; padding-left: 5px; padding-left: 5px; width: auto;}
    .floaty-social-left span {display: none;}
    .floaty-social-left li > i {float: none; font-size: 19px; color: white; padding: 0px 3px 0px 15px;}
}
@media (min-width: 980px) {
    .floaty-social {position: fixed; right: -90px; z-index: 100;}
    .floaty-social li {background: #33353B; list-style-type: none; margin-bottom: 3px; position: relative; padding: 10px; font-size: 14px; line-height: 20px; height: 20px; text-align: left; width: 110px;box-sizing: content-box;}
    .floaty-social a {color: #FFF; text-decoration: none; font-weight: bold; position: relative; right: 0px; transition: right 0.5s, background 0.5s; -moz-transition: right 0.5s, background 0.5s; -webkit-transition: right 0.5s, background 0.5s; -o-transition: right 0.5s, background 0.5s; display: block;}
    .floaty-social a:hover {right: 90px;}
    .floaty-social li:hover {background: #DDD;}
    .floaty-social li.facebook {background: #33353B;}
    .floaty-social li.facebook i {margin-left: 4px;}
    .floaty-social li.facebook:hover {background: #3b5998;}
    .floaty-social li.twitter {background: #33353B;}
    .floaty-social li.twitter:hover {background: #00aced;}
    .floaty-social li.googleplus {background: #33353B;}
    .floaty-social li.googleplus:hover {background: #ef4748;}
    .floaty-social li.linkedin {background: #33353B;}
    .floaty-social li.linkedin:hover {background: #71C5EF;}
    .floaty-social li.pinterest {background: #33353B;}
    .floaty-social li.pinterest:hover {background: #cb2027;}
    .floaty-social li.youtube {background: #33353B;}
    .floaty-social li.youtube:hover {background: #a02724;}
    .floaty-social li.vimeo {background: #33353B;}
    .floaty-social li.vimeo:hover {background: #48aeef;}
    .floaty-social li.instagram {background: #33353B;}
    .floaty-social li.instagram:hover {background: #517FA4;}
    .moduletablesocial-icons ul {margin:0px 0px 10px 0px;}

    .floaty-social-left {position: fixed; left: 0px; z-index: 1; padding-left: 0px; margin-left: 0px;}
    .floaty-social-left li {background: #33353B; list-style-type: none; margin-bottom: 3px; position: relative; padding: 10px; font-size: 14px; line-height: 20px; height: 20px; text-align: left; width: 110px;}
    .floaty-social-left a {color: #FFF; text-decoration: none; font-weight: bold; position: relative; left: -90px; transition: left 0.5s, background 0.5s; -moz-transition: left 0.5s, background 0.5s; -webkit-transition: left 0.5s, background 0.5s; -o-transition: left 0.5s, background 0.5s; display: block;}
    .floaty-social-left a:hover {left: 0px; text-decoration: none;}
    .floaty-social-left li:hover {background: #DDD;}
    .floaty-social-left li.facebook {background: #33353B;}
    .floaty-social-left li.facebook:hover {background: #3b5998;}
    .floaty-social-left li.facebook i {margin-right: 4px;}
    .floaty-social-left li.twitter {background: #33353B;}
    .floaty-social-left li.twitter:hover {background: #00aced;}
    .floaty-social-left li.googleplus {background: #33353B;}
    .floaty-social-left li.googleplus:hover {background: #ef4748;}
    .floaty-social-left li.googleplus i {margin-right: -2px;}
    .floaty-social-left li.linkedin {background: #33353B;}
    .floaty-social-left li.linkedin:hover {background: #71C5EF;}
    .floaty-social-left li.pinterest {background: #33353B;}
    .floaty-social-left li.pinterest:hover {background: #cb2027;}
    .floaty-social-left li.youtube {background: #33353B;}
    .floaty-social-left li.youtube:hover {background: #a02724;}
    .floaty-social-left li.vimeo {background: #33353B;}
    .floaty-social-left li.vimeo:hover {background: #48aeef;}
    .floaty-social-left li.instagram {background: #33353B;}
    .floaty-social-left li.instagram:hover {background: #517FA4;}

    .floaty-social li > i {font-size: 19px; color: white; padding: 0 15px 0 3px;}
    .floaty-social-left li > i {font-size: 19px; color: white; padding: 0px 3px 0px 15px; float: right;}
}