.sdf-socialmedia{

    padding: 100px 0;

}

.sdf-socialmedia .sdf-social-wrapper {

    background: linear-gradient(to right, rgba(39, 81, 157, 1), rgba(117, 145, 192, 1));

}



.sdf-socialmedia .sdf-content {

    text-align: center;

    margin-bottom: 28px;

}

.sdf-socialmedia .sdf-content .btn{

    margin: 20px 0;

}

.sdf-socialmedia .sdf-cellphone img {

    margin: auto;

}



.sdf-socialmedia .sdf-cellphone {

    position: relative;

    width: 100%;

    animation: moveLeftRight 6s ease-in-out infinite;

}



.sdf-socialmedia .sdf-social-icon {

    position: absolute;

    top: 21%;

    left: 50%;

    transform: translateX(-50%);

    text-align: center;

}



.sdf-socialmedia .sdf-social-icon ul {

    list-style: none;

    padding: 0;

}



.sdf-social-icon a {

    display: block;

    font-size: 40px;

    margin: 15px 0;

    background-color: #fff;

    padding: 8px 12px;

}



@keyframes moveLeftRight {



    0%,

    100% {

        transform: translateX(0);

    }



    50% {

        transform: translateX(-20px);

    }

}



@media (min-width:992px) {

    .sdf-socialmedia .sdf-social-wrapper {

        padding-bottom: 0;

    }



    .sdf-socialmedia .sdf-content {

        text-align: start;

        margin-bottom: 0;

    }



    .sdf-socialmedia .sdf-social-icon {

        top: 8%;

    }



    .sdf-socialmedia .sdf-cellphone {

        position: absolute;

        margin-top: -56px;

        animation: moveLeftRight 4s ease-in-out infinite;

    }



    .sdf-socialmedia .sdf-cellphone img {

        margin: 0;

    }



    .sdf-socialmedia .sdf-image {

        position: absolute;

        margin-top: -64px;

    }



}



@media (min-width:1200px) {

    .sdf-socialmedia .sdf-social-wrapper {

        padding-bottom: 40px;

    }



    .sdf-socialmedia .sdf-social-icon {

        top: 15%;

    }



    .sdf-socialmedia .sdf-cellphone {

        margin-top: -92px;

    }



    .sdf-socialmedia .sdf-image {

        margin-top: -100px;

    }

}