@media only screen and (max-width: 1201px)  {

    .product_socials_wrapper
    {
        display: table;
        width: 100%;
        text-align: center;
        padding: 20px 0;
        border-top-width: 1px;
        border-top-style: solid;

        .share-product-text,
        .product_socials_wrapper_inner
        {
            display: table-cell;
            vertical-align: middle;
            width: 50%;
        }

        .share-product-text
        {
            font-size: 10px;
            text-transform: uppercase;
            font-weight: bold;
            text-align: left;
        }

        .product_socials_wrapper_inner
        {
            text-align: right;

            a
            {
                padding-right: 10px;
            }
        }
    }
}

@media only screen and (min-width: 1201px)  {

    .product_socials_wrapper
    {
        position: fixed;
        top: 430px;
        right: 100%;
        z-index: 999;
        transition: all .5s;
        animation: slide-in-from-left;
        animation-duration: 3s;
        animation-delay: 1.5s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
        transform: translateX(0);

        .share-product-text
        {
            display: none;
        }

        .product_socials_wrapper_inner
        {
            a
            {
                display: block;
                box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
                border-radius: 50%;
                text-align: center;
                padding-top: 10px;
                margin: 10px 0;
                width: 38px;
                height: 38px;

                &:first-child
                {
                    margin-top: 0;
                }
            }
        }
    }
}

@keyframes slide-in-from-left
{
    0%
    {
        transform: translateX(-55px);
    }

    50%
    {
        transform: translateX(95px);
    }

    75%
    {
        transform: translateX(95px);
    }

    100%
    {
        transform: translateX(95px);
    }
}

.rtl
{
    @media only screen and (max-width: 1024px) {

        .product_socials_wrapper_inner
        {
            float: left;
            text-align: left;
        }

        .share-product-text
        {
            float: right;
            text-align: right;
        }
    }
}
