

@media (min-width:0px) and (max-width:399px) {     

.pcwhatsapp{ display: none; }  
.mobilwhatsapp,.mobilphone{ display: flex; } 

.mobilwhatsapp {
    left: 5%;
}
.mobilphone {
    left: 80.5%;
}
}    
/* lightblue */





@media (min-width:400px) and (max-width:450px) {     
 
.pcwhatsapp{ display: none; }   
.mobilwhatsapp,.mobilphone{ display: flex; }

.mobilwhatsapp {
    left: 4.5%;
}
.mobilphone {
    left: 82.5%;
}
}  
/* blue */








@media (min-width:451px) and (max-width:600px) {          

.pcwhatsapp{ display: none; } 
.mobilwhatsapp,.mobilphone{ display: flex; }  

.mobilwhatsapp {
    left: 4%;
}
.mobilphone {
    left: 85.5%;
}
} 
/* lightgreen */









@media (min-width:601px) and (max-width:768px) {          

.pcwhatsapp{ display: none; } 
.mobilwhatsapp,.mobilphone{ display: flex; }  

.mobilwhatsapp {
    left: 3.5%;
}
.mobilphone {
    left: 89.5%;
}
} 
/* green */









@media (min-width:769px) and (max-width:900px) {       

.pcwhatsapp{ display: none; }  
.mobilwhatsapp,.mobilphone{ display: flex; } 

.mobilwhatsapp {
    left: 2.5%;
}
.mobilphone {
    left: 91%;
}
} 
/* gray */






@media (min-width:900px) and (max-width:991px) {       

.pcwhatsapp{ display: none; }   
.mobilwhatsapp,.mobilphone{ display: flex; }

.mobilwhatsapp {
    left: 2.5%;
}
.mobilphone {
    left: 92%;
}
} 
/* lightgoldenrodyellow */



@media (min-width:992px) and (max-width:1023px) {       
 
.mobilwhatsapp,.mobilphone{ display: none; }
.pcwhatsapp{ display: flex; }
.pcwhatsapp {
    left: 86.5%;
}
} 
/* lightgray */


















@media (min-width:1024px) and (max-width:1199px) {          
  
.mobilwhatsapp,.mobilphone{ display: none; }
.pcwhatsapp{ display: flex; }
.pcwhatsapp {
    left: 86.5%;
}
} 
/*   brown */






@media (min-width:1200px) and (max-width:1350px) {          

.mobilwhatsapp,.mobilphone{ display: none; }
.pcwhatsapp{ display: flex; }
.pcwhatsapp {
    left: 88.5%;
}
    
} 
/*   white */






@media (min-width:1351px) and (max-width:1500px) {     

.mobilwhatsapp,.mobilphone{ display: none; }
.pcwhatsapp{ display: flex; }
.pcwhatsapp {
    left: 90.5%;
}
} 
/*   orange */







@media (min-width:1501px) and (max-width:1750px) {  

.mobilwhatsapp,.mobilphone{ display: none; }
.pcwhatsapp{ display: flex; }
.pcwhatsapp {
    left: 90.5%;
}
} 
/*   red */




@media (min-width:1751px) and (max-width:5000px) {      

.mobilwhatsapp,.mobilphone{ display: none; }
.pcwhatsapp{ display: flex; }
.pcwhatsapp {
    left: 90.5%;
}

} 


/* black */


.mobilphone {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    bottom: 22px;
    z-index: 100;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -o-border-radius: 54px;
    background:rgba(0,0,0,0.5);
}

.mobilwhatsapp {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 46px;
    height: 46px;
    bottom: 22px;
    z-index: 100;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -o-border-radius: 54px;
    background:rgba(0,0,0,0.5);
}


.pcwhatsapp {
    position: fixed;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 52px;
    bottom: 19px;
    z-index: 100;
    border-radius: 54px;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -o-border-radius: 54px;
    background:rgba(0,0,0,0.5);
}

 .bottom-buttons{
        position: fixed;
    width: 60px;
    height: 61px;
    bottom: 9px;
    z-index: 100;
    
}
            
/*.bottom-button{
    width: 49px;
    height: 47px;
    background: rgba(0, 0, 0, 0.0);
    float: right;
    margin: 2px;
    text-align: center;
    border-radius: 10px;
    align-items: center;
}
            
            .bottom-button-up{
                width:40px; height: 35px;  float:left; margin-top:-10px; margin-left:33px; text-align: center;
                border-radius: 10px;
                align-items: center;
            }*/
            .bottom-button img{
                height:100%; width:auto;
            }
            