.fabs {
    bottom: 0 !important;
    position: fixed!important;
    margin: 1em!important;
    right: 0!important;
    z-index: 9999999 !important;

}

#pharmchatbox  .fab {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 0%;
    text-align: center;
    color: #f0f0f0;
    margin: 25px auto 0;
    /*        box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);*/
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
    z-index: 99999;
    overflow: hidden;
    /*        background: #42a5f5;*/
}

#pharmchatbox .fab > i {
    font-size: 2em;
    line-height: 55px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#pharmchatbox .fab img{
	max-width: 100px;
}
#pharmchatbox .fab:not(:last-child) {
    width: 0;
    height: 0;
    margin: 20px auto 0;
    opacity: 0;
    visibility: hidden;
    /* line-height: 40px; */
}

#pharmchatbox .fab:not(:last-child) > i {
    font-size: 1.4em;
    line-height: 40px;
}

#pharmchatbox .fab:not(:last-child).is-visible {
    width: 30px;
    height: 30px;
    /* margin: 15px auto 10; */
    opacity: 1;
    visibility: visible;
    z-index: 999;
}

#pharmchatbox .fab:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
}

#pharmchatbox .fab:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
}

#pharmchatbox .fab:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}

#pharmchatbox .fab:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

#pharmchatbox .fab:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}



@media only screen and (max-width: 767px) and (min-width: 300px)  {

	
    #pharmchatbox .fab{
        width: 80px!important;
        height: 80px!important;
    }
	
	#pharmchatbox .fab img{
		max-width: 80px;
	}
	
	
    #pharmchatbox .chat {
        position: fixed !important;
    right: 0px!important;
    
    width: 100%!important;
    bottom: 30px !important;
   
    height: calc(100% - 120px);     

    }
    #pharmchatbox .chat_converse{
         
        height: calc(100% - 40px);
        position: fixed;
    top: 55px;
    }
    #pharmchatbox .fab_field{
            bottom: 55px;
    position: fixed;
    }
    #pharmchatbox .chat_header{
            position: fixed;
    top: 0px;
        width: 100%;
    height: 55px;
    }
    .fab_field > div{
        width:90% !important;
    }
}