.gpc-floating-buttons {
    text-align: center;
    width: 45px;
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 999;
}

.gpc-floating-buttons div a {
    display: block;
    line-height: 45px;
    text-indent: -9999px;
    margin: 14px 0;
    background: #40A578 center no-repeat;
    background-size: 70%;
    border-radius: 50%;
    box-shadow: 0 3px 10px #888
}

.gpc-floating-buttons div:first-child a {
    margin-top: 0
}

.gpc-floating-buttons div:last-child a {
    margin-bottom: 0
}

.gpc-floating-buttons div.is-phone a {
    background-image: url(../img/call.png)
}

.gpc-floating-buttons div.is-sms a {
    background-image: url(../img/mail.png);
    background-color: #ff6600;
    background-size: 60%
}

.gpc-floating-buttons div.is-messenger a {
    background-color: 	#0465f3;
    background-image: url(../img/messenger.png)
}

.gpc-floating-buttons div.is-zalo a {
    background-image: url(../img/zalo.png);
    background-color: #0084FF;
}
.gpc-floating-buttons.has-effect-shake > div {
	animation: gpc-effect-shake 1s infinite ease-in-out;
}
@media (min-width: 992px) {
    
}

/* @media only screen and (max-width:588px) {
    .gpc-floating-buttons {
        display: flex;
        bottom: 0;
        width: 100%;
        left: 0;
        right: auto;
        justify-content: space-evenly;
    }

    .gpc-floating-buttons div {
        width: 100%;
    }

    .gpc-floating-buttons div a {
        background-size: contain;
        border-radius: 0;
        margin: 0;
    }
} */

@keyframes gpc-effect-shake {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}