/*Whatsapp*/
.whatsapp-btn{position:fixed; bottom:30px; left:30px; width:70px; height:70px; z-index:99;}
.whatsapp-btn .icon_logo{position: relative; z-index: 9999; }
.whatsapp-btn .icon_logo i {text-align: center; position: relative;  width: 70px; height: 70px; line-height: 70px; color: #FFF; font-size: 30px;}
.whatsapp-btn .icon_logo > a > img{width: 100%;}
.whatsapp-btn .circle_waves{border-radius: 50%; background-color:#00A859; width:70px; height:70px; position: absolute; opacity: 0; bottom:0; left: 0px; z-index: 99; animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);}
/*Whatsapp*/

/*Call*/
.call-btn{position:fixed; bottom:120px; left:30px; width:70px; height:70px; z-index:99;}
.call-btn .icon_logo{position: relative; z-index: 9999; }
.call-btn .icon_logo i {text-align: center; position: relative;  width: 70px; height: 70px; line-height: 70px; color: #FFF; font-size: 30px;}
.call-btn .icon_logo > a > img{width: 100%;}
.call-btn .circle_waves{border-radius: 50%; background-color:#173671; width:70px; height:70px; position: absolute; opacity: 0; bottom:0; left: 0px; z-index: 99; animation: waves 4s infinite cubic-bezier(.36, .11, .89, .32);}
/*Call*/



@keyframes waves {from {transform: scale(.55, .55); opacity: .6;}
      to {transform: scale(1.8, 1.8); opacity: 0;}}
	  
@media only screen and ( min-width: 600px) and ( max-width: 765px ) {
	
}

@media only screen and ( min-width: 481px) and ( max-width: 599px ) {

/*Whatsapp*/
.whatsapp-btn{ bottom:30px; left:15px; width:60px; height:60px;}
.whatsapp-btn .icon_logo i { width:60px; height:60px; line-height:60px; font-size: 14px;}
.whatsapp-btn .circle_waves{ width:60px; height:60px;}
/*Whatsapp*/

/*Call*/
.call-btn{  bottom:110px; left:15px; width:60px; height:60px;}
.call-btn .icon_logo i { width:60px; height:60px; line-height:60px; font-size: 14px;}
.call-btn .circle_waves{ width:60px; height:60px;}
/*Call*/

	
}

@media only screen and ( min-width: 320px) and ( max-width: 480px ) {	

/*Whatsapp*/
.whatsapp-btn{ bottom:30px; left:15px; width:60px; height:60px;}
.whatsapp-btn .icon_logo i { width:60px; height:60px; line-height:60px; font-size: 14px;}
.whatsapp-btn .circle_waves{ width:60px; height:60px;}
/*Whatsapp*/

/*Call*/
.call-btn{ bottom:110px; left:15px; width:60px; height:60px;}
.call-btn .icon_logo i { width:60px; height:60px; line-height:60px; font-size: 14px;}
.call-btn .circle_waves{ width:60px; height:60px;}
/*Call*/

}