@media (min-width: 1200px) {
    .public .ccm-block-social-links.fixed {
        position:absolute;
        top: 100%;
        width: 48px;
        padding: 0;
        z-index: 100
    }

    .ccm-area-block-list .public .ccm-block-social-links.fixed {
        position: relative;
        top: 0
    }

    .public .ccm-block-social-links.fixed ul.social-links {
        width: 45px;
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .public .ccm-block-social-links.fixed ul.social-links li {
        width: 45px;
        height: 48px;
        margin: 0
    }

    .public .ccm-block-social-links.fixed ul.social-links li a {
        line-height: 49px;
        display: block;
        text-align: center;
        color: #ffffff;
        font-size: 26px;
        font-size: 2.6rem;
        -ms-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease
    }

    .public .ccm-block-social-links.fixed ul.social-links li a.facebook {
        background-color: #4b76bd
    }

    .public .ccm-block-social-links.fixed ul.social-links li a.googleplus {
        background-color: #dd4b39
    }

    .public .ccm-block-social-links.fixed ul.social-links li a.twitter {
        background-color: #0080ae
    }

    .public .ccm-block-social-links.fixed ul.social-links li a.linkedin{
        background-color: #56648d
    }

    .public .ccm-block-social-links.fixed ul.social-links li a.youtube{
        background-color: #cd201f;
    }
    .public .ccm-block-social-links.fixed ul.social-links li a.instagram {
        background-color: #bc1888;
        background: #f09433;
        filter: brightness(105%) contrast(105%);
        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 30%, #cc2366 45%, #bc1888 68%, #142cf3 100%);
        background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 30%, #cc2366 45%, #bc1888 68%, #142cf3 100%);
        background: linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 30%, #cc2366 45%, #bc1888 68%, #142cf3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1)
    }

    .public .ccm-block-social-links.fixed ul.social-links li>a:hover,
    .public .ccm-block-social-links.fixed ul.social-links li>a:focus {
        background: #fff;
        color: #003087
    }
}

.extranet .ccm-block-social-links.fixed{
    position: absolute;
    top: 100%;
    padding: 0;
    z-index: 100;
    right:0;
}

.extranet .ccm-block-social-links.fixed ul.social-links{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.extranet .ccm-block-social-links.fixed ul.social-links li {
    width: 45px;
    height: 48px;
    margin: 0;
}

.extranet .ccm-block-social-links.fixed ul.social-links li a {
    line-height: 49px;
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 26px;
    font-size: 2.6rem;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.extranet .ccm-block-social-links.fixed ul.social-links li a.facebook {
    background-color: #4b76bd
}

.extranet .ccm-block-social-links.fixed ul.social-links li a.googleplus {
    background-color: #dd4b39
}

.extranet .ccm-block-social-links.fixed ul.social-links li a.twitter {
    background-color: #0080ae
}

.extranet .ccm-block-social-links.fixed ul.social-links li a.linkedin{
    background-color: #56648d
}

.extranet .ccm-block-social-links.fixed ul.social-links li a.youtube{
    background-color: #cd201f;
}

.extranet .ccm-block-social-links.fixed ul.social-links li a.instagram {

    background-color: #bc1888;
    background: #f09433;
    filter: brightness(105%) contrast(105%);
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 30%, #cc2366 45%, #bc1888 68%, #142cf3 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 30%, #cc2366 45%, #bc1888 68%, #142cf3 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 15%, #dc2743 30%, #cc2366 45%, #bc1888 68%, #142cf3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1)
}

.extranet .ccm-block-social-links.fixed ul.social-links li>a:hover,
.extranet .ccm-block-social-links.fixed ul.social-links li>a:focus {
    background: #fff;
    color: #003087
}

@media screen and (max-width: 1200px) {
    .public .ccm-block-social-links.fixed {
        position:fixed;
        top: 0;
        padding: 0 0 0 15px;
        z-index: 10000
    }

    .public .socialLinks,.page-template-full .socialLinks {
        float: left
    }

    .public .ccm-block-social-links.fixed ul.social-links {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .public .ccm-block-social-links.fixed ul.social-links li {
        padding: 0;
        margin: 0;
        float:left;
    }

    .public .ccm-block-social-links.fixed ul.social-links li a {
        display: inline-block;
        padding: 10px 4px;
        color: #ffffff;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1
    }

    .public .ccm-block-social-links.fixed ul.social-links li a i {
        min-width: 30px;
        text-align: center
    }

    .public .ccm-block-social-links.fixed ul.social-links li a:hover,
    .public .ccm-block-social-links.fixed ul.social-links li a:focus {
        color: #003087;
        background-color: #e8edee
    }
     .ccm-toolbar-visible .public .ccm-block-social-links.fixed {
        top: 48px
    }
}

@media (max-width:768px){
    .extranet .ccm-block-social-links.fixed ul.social-links li {

        float: left;
    }
    .extranet .ccm-block-social-links.fixed {
        position:fixed;
        top: 0;
        right:auto;
        left:0;
    }
    .ccm-toolbar-visible .extranet .ccm-block-social-links.fixed {
        top: 48px
    }
   
}