body.widget-snippet {
    background-color: #f8b139;
    padding: 40px;
}
body.widget-snippet .snippet-header-social-meadia ul li {
    padding: 10px;
}
.snippet-header-social-meadia ul li {
    display: inline-block;
    margin: 0 10px;
    padding: 6px;
}
.widget .snippet-header-social-meadia ul li a:focus {
    outline: none;
}
.snippet-header-social-meadia .social-links li a {
    padding: 0;
}
.snippet-header-social-meadia ul.social-links i.fa {
    color: #fff;
    font-size: 17px;
    margin: 0;
}
.snippet-header-social-meadia ul.social-links a:hover i.fa {
    color: #333333;
}
.snippet-header-social-meadia {
    background-color: #f8b139;
    height: 53px;
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 10px;
    position: relative;
    text-align: center;
}
.widget .snippet-header-social-meadia::before {
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 53px 53px 0 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;
}
.widget .snippet-header-social-meadia::after {
    border-color: #333 transparent transparent;
    border-style: solid;
    border-width: 53px 0 0 53px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}
@media (max-width: 991px) {
    .snippet-header-social-meadia ul.social-links a:hover i.fa {
        color: #F8B139;
    }
    div.snippet-header-social-meadia ul li {
        margin-left: 5px;
        margin-right: 5px;
    }
}