/****************************
 * Social media
****************************/
.tool-banner__socials {padding:20px 0; position:relative;}
.tool-banner__socials:after {
    content:""; display:block;
    width:20px; height:1px; background:#007cb2;
    position:absolute; bottom:0; left:50%;
    transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);
}
.social-buttons ul {margin:0;}
.social-buttons ul li {list-style:none; text-align:center; padding:20px 0;}
.social-buttons ul li a {text-decoration:none;}
.social-buttons ul li a i:before {
    font-size:16px; color:#000;
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}
.social-buttons ul li a:hover i:before {
    color:#007cb2;
    -webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;
}

@media only screen and (max-width:1280px) {
    .tool-banner__socials {padding:5px 0;}
    .social-buttons ul li {padding:5px 0;}
}

@media only screen and (max-width:1024px) {
    .tool-banner__socials {padding:0;}
    .social-buttons ul {display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex;display:flex;}
    .social-buttons ul li {padding:0 10px;}
    .social-buttons ul li a i:before {font-size:18px;}
    .tool-banner__socials:after {width:1px; height:100%; top:0; right:-20px; left:auto;}
}

@media only screen and (max-width:480px) {
    .social-buttons ul {padding:0 10px;}
    .social-buttons ul li {padding:0 10px; margin-top:4px;}
    .social-buttons ul li a i:before {font-size:20px;}
    .tool-banner__socials:after {width:0;}
}