.ikonlar {
    width: 50px;
    position: fixed;
    float: right;
    right: 0;
    top: 50%;
    z-index: 99;
    padding: 0;
}

.facebook {
    width: 50px;
    height: 50px;
    position: absolute;
    float: right;
    right: 0;
    z-index: 99;
    /*background: url(../images/facebook.png) no-repeat center;*/
}

.instagram {
    margin-top: 40px;
    width: 50px;
    height: 50px;
    position: absolute;
    float: right;
    right: 0;
    z-index: 99;
    /*background: url(../images/instagram.png) no-repeat center;*/
}

.youtube {
    margin-top: 100px;
    width: 50px;
    height: 50px;
    position: absolute;
    float: right;
    right: 0;
    z-index: 99;
    /*background: url(../images/youtube.png) no-repeat center;*/
}

.wpIkon {
    position: fixed;
    float: right;
    right: -15px;
    width: 50px;
    height: 50px;
    top: 43%;
    z-index: 99;
}

    .wpIkon img {
        height: 60%;
        object-fit: contain;
        margin-top: 30px;
    }

@media only screen and (max-width: 480px) {
    .wpIkon {
        max-width: 50px;
        position: fixed;
        float: right;
        right: -15px;
        top: 43%;
        z-index: 99;
        padding: 0;
    }

    .facebook {
        max-width: 50px;
        max-height: 50px;
        position: absolute;
        float: right;
        right: 0;
        z-index: 99;
        background: url(../images/facebook-mobil.png) no-repeat center;
    }

    .instagram {
        margin-top: 35px;
        max-width: 50px;
        max-height: 50px;
        position: absolute;
        float: right;
        right: 0;
        z-index: 99;
        background: url(../images/instagram-mobil.png) no-repeat center;
    }

    .youtube {
        margin-top: 70px;
        max-width: 50px;
        max-height: 50px;
        position: absolute;
        float: right;
        right: 0;
        z-index: 99;
        background: url(../images/youtube-mobil.png) no-repeat center;
    }
}