/* ===========================
   SADECE MOBİL ALT İLETİŞİM BAR
=========================== */

.api{
    display:none;
}

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

    body{
        padding-bottom:55px !important;
    }

    .api{
        display:flex !important;
        position:fixed !important;
        left:0 !important;
        right:0 !important;
        bottom:0 !important;
        top:auto !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        z-index:999999 !important;
    }

    .api>div{
        flex:1;
        margin:0 !important;
    }

    .api .whatsapp,
    .api .telefon,
    .api .telegram,
    .api .instagram{
        margin:0 !important;
    }

    .api .whatsapp a,
    .api .telefon a,
    .api .telegram a,
    .api .instagram a{
        display:block !important;
        width:100% !important;
        height:50px !important;
        line-height:50px !important;
        text-align:center;
        border-radius:0 !important;
        font-size:20px !important;
        color:#fff !important;
    }

    /* Renkleri koru */
    .api .whatsapp a{background:#4dc247 !important;}
    .api .telefon a{background:#337ab7 !important;}
    .api .telegram a{background:#27A7E5 !important;}
    .api .instagram a{background:#fd3a67 !important;}

    .api .tooltiptext{
        display:none !important;
    }

    .api .whatsapp:hover a,
    .api .telefon:hover a,
    .api .telegram:hover a,
    .api .instagram:hover a{
        transform:none !important;
    }

    /* Yukarı Çık Butonu */
    #scrollUp,
    .scrollup,
    .scroll-up,
    .back-to-top,
    .scroll-top,
    #back-top{
        bottom:65px !important;
        z-index:1000000 !important;
    }
}

@media only screen and (min-width:768px){
    .api{
        display:none !important;
    }
}