.chatbot_iframe{
    position: fixed;
    right:10px;
    bottom: 10px;
    width: 375px;
    border: 0;
    box-shadow: 0px -3px 8px 5px rgba(166, 166, 166, .2);
    -webkit-box-shadow: 0px -3px 8px 5px rgba(166, 166, 166, .2);
    border-radius:4px;
    -webkit-border-radius: 4px;
    z-index: 999999;

}

@media screen and (min-height: 655px) and (min-width: 435px){
    .chatbot_iframe {
        height: 586px;
    }
}
@media screen and (max-height: 655px) and (min-width: 435px){
    .chatbot_iframe {
        height:500px;
    }
}
@media screen and (max-height: 421px) and (min-width: 435px){
    .chatbot_iframe {
        height:352px;
    }
}

@media screen and (max-width: 435px){ 
  .chatbot_iframe {
      width: 100%;
      height:100%;
      border:none;
      margin: 0;
      position: fixed;
      top:0;
      left:0;
      right:0;
      bottom:0;
      border-radius: 0;
      box-shadow: none;
    } 
}

.chatbot_fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
} 

.chatbot_kefu {
    width: 104px;
    height: 104px;
    right: -100px;
    bottom: 20px;
    position: fixed;
    z-index: 9998;
    cursor: pointer;
    animation: translate 1s ease-in forwards;
    -webkit-animation: translate 1s ease-in forwards;  
}
.chatbot_kefu::after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
    animation: dropdown 1s linear forwards;
    -webkit-animation: dropdown 1s linear forwards;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: 3;
    background: url(../images/chatbot_kefu-icon.png) no-repeat center center/100% 100%;
}

@keyframes dropdown {
    0% {
        transform: translate(0px, 0px);
    }
    50% {
        transform: translate(0px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
        }
@keyframes translate{
    0%{right:-100px;bottom: 20px;}
    100%{right: 30px;bottom: 20px; }
}

.chatbot_hidden{
    display: none; 
    pointer-events: none;
}