.social_caller img {
    display: block;
}
.social_caller {
    position: fixed;
    bottom: 13%;
    right: 18px;
    z-index: 99999;
}
.show-tabs .social_caller {
    z-index: 0;
}
.icon_main {
    background: #509936;
    padding: 10px;
    display: block;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2);
}
.svg {
    display: block;
    width: 20px;
    height: 20px;
    fill: #fff;
    margin: auto;
}
.social-links .svg {
    fill: #000;
}
.icon-phone {
    background: #ed6347;
    padding: 10px;
    display: block;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2);
    position: relative;
    transition: all 0.3s linear;
}
.icon-whatsapp {
    /* background: #50b83c; */
    padding: 10px;
    display: block;
    box-shadow: inset 0 -4px 0 rgba(0,0,0,0.15);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.2);
    position: relative;
    transition: all 0.3s linear;
}
.icon_list {
    display: block;
    margin: 0 0 55px 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    position: absolute;
    bottom: 0;
    padding: 0  ;
}
.icon_list li {
    display: block;
    margin-top: 5px;
}
/*.icon_main:after {
	content: 'Call Me!';
	background: #212b36;
	box-shadow: 0 0 0 1px rgba(6,44,82,.1), 0 2px 16px rgba(33,43,54,.08);
	padding: 4px 10px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	left: 40px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 400;
	line-height: normal;
	white-space: pre;
	transition: all 0.3s linear;
	visibility: hidden;
	opacity: 1;
}
.icon-phone:after {
	transition: all 0.2s;
	content: 'Call Us!';
	background: #212b36;
	box-shadow: 0 0 0 1px rgba(6,44,82,.1), 0 2px 16px rgba(33,43,54,.08);
	padding: 4px 10px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	left: 40px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 400;
	line-height: normal;
	white-space: pre;
	visibility: hidden;
	opacity: 1;
}
.icon-whatsapp:after {
	content: 'WhatsApp Us!';
	background: #212b36;
	box-shadow: 0 0 0 1px rgba(6,44,82,.1), 0 2px 16px rgba(33,43,54,.08);
	padding: 4px 10px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	left: 40px;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all .2s;
	font-weight: 400;
	line-height: normal;
	white-space: pre;
	visibility: hidden;
	opacity: 1;
}*/
.icon_list li {
    min-width: 50px;
}
.icon_list li a {
    transition: all 0.3s linear;
    transform: scale(0);
}
.social_caller .icon_list li a:hover, .icon_main:hover {
}
.social_caller:hover .icon_list li a {
    transform: scale(1);
}

@media all and (min-width: 768px) {
    .social_caller:hover .icon_list {
        opacity: 1;
        visibility: visible;
    }
    /*.icon_main:hover:after, .icon-whatsapp:hover:after, .icon-phone:hover:after {
        visibility: visible;
    }*/
}

@media all and (max-width: 767px) {
    .icon_list {
        display: none;
        margin: 0 0 50px 0;
    }
    .btnshoew .icon_list {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .btnshoew .icon_main:after, .icon-whatsapp:after, .icon-phone:after {
        visibility: visible;
    }
    .icon_main {
        padding: 7px;
    }
    .icon_list li {
        min-width: 44px;
    }
    .social_caller {
        z-index: 9999;
    }
}