/*----------------------------------------------------------------*/
/*---------------------------Whatsapp-----------------------------*/

.whatsapp-float {
    position: fixed;
    width: 7vw;
    height: 7vw;
    bottom: 5vw;
    right: 1vw;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 5vw;
    z-index: 1000;
    overflow: hidden;
}

    
.whatsapp-icon {
    width: 5rem;
    height: 5rem;
}


/* ----------------------------------------------------------------------- */
/* Responsive */

@media (max-width:1600px) {
    .whatsapp-float {
        position: fixed;
        width: 7vw;
        height: 7vw;
        bottom: 5vw;
        right: 1vw;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 5vw;
        z-index: 1000;
        overflow: hidden;
    }
    
    .whatsapp-icon {
        width: 4.5rem;
        height: 4.5rem;
    }
    
}
@media (min-width:1025px) and (max-width:1366px){

}
@media (min-width:768px) and (max-width:1025px){

    .whatsapp-float {
        position: fixed;
        width: 7vw;
        height: 8vw;
        bottom: 3rem;
        right: 1rem;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 5vw;
        z-index: 1000;
        overflow: hidden;
    }
    
    .whatsapp-icon {
        width: 3rem;
        height: 3rem;
    }
}
@media (min-width:481px) and (max-width:768px) {
    .whatsapp-float {
        position: fixed;
        width: 10vw;
        height: 10vw;
        bottom: 10%;
        right: 5%;
    }
    
    .whatsapp-icon {
        width: 7vw;
        height: 8vw;
    }
}
@media (max-width:480px) {
    .whatsapp-float {
        position: fixed;
        width: 3rem;
        height: 3rem;
        bottom: 4rem;
        right: .5rem;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 5vw;
        z-index: 1000;

    }
    
    .whatsapp-icon {
        width: 2rem;
        height: 2rem;
    }
    
}