/* Media Queries for Desktop
---------------------------------------------------------------*/
@media all and (min-width: 1438px) {
.whatsUpCall {
	float: none;
	height: 60px;
	width: 60px;
	bottom: 30px;
	left: 30px;
	position: fixed;
    z-index:10;
}
.phoneCall {
	float: none;
	height: 60px;
	width: 60px;
	bottom: 30px;
	right: 30px;
	position: fixed;
    z-index:10;
}

}
/* Media Queries for Laptop
-------------------------------------------------------------- */
@media all and (max-width: 1439px) and (min-width: 769px) {
    .whatsUpCall {
	float: none;
	height: 60px;
	width: 60px;
	bottom: 30px;
	left: 30px;
	position: fixed;
    z-index:10;
}
.phoneCall {
	float: none;
	height: 60px;
	width: 60px;
	bottom: 30px;
	right: 30px;
	position: fixed;
    z-index:10;
}
}
/* Media Queries for Ipad
-------------------------------------------------------------- */
@media all and (max-width: 768px) and (min-width: 481px) {
.whatsUpCall {
	float: none;
	height: 60px;
	width: 60px;
	bottom: 20px;
	left: 20px;
	position: fixed;
    z-index:10;
}
.phoneCall {
	float: none;
	height: 60px;
	width: 60px;
	bottom: 20px;
	right: 20px;
	position: fixed;
    z-index:10;
}
}
/* Media Queries for Phone
-------------------------------------------------------------- */
@media all and (max-width:480px) and (min-width:319px) {
.whatsUpCall {
	float: none;
	height: 50px;
	width: 50px;
	bottom: 15px;
	left: 15px;
	position: fixed;
    z-index:10;
}
.phoneCall {
	float: none;
	height: 54px;
	width: 45px;
	bottom: 9px;
	right: 15px;
	position: fixed;
    z-index:10;
}
}
/* Media Queries for Phone Portrait
-------------------------------------------------------------- */
@media all and (max-width:320px) {
.whatsUpCall {
	float: none;
	height: 50px;
	width: 50px;
	bottom: 15px;
	left: 15px;
	position: fixed;
    z-index:10;
}
.phoneCall {
	float: none;
	height: 50px;
	width: 50px;
	bottom: 15px;
	right: 15px;
	position: fixed;
    z-index:10;
}

}