@media (max-width: 480px)  {
    .stelisabeth{}
    .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
        color: #ffffff;
        font-size: 13px;
        line-height: 2em;
    }
    .bl-text-user, .bl-text_modal-user {
        width: 69%;
    }

    .bl-text, .bl-text_modal {
        width: 77%;}
    #chatbot-submit {
        height: 49px;
        float: left;
        border: 0;
        background: #E78C00;
        width: 56%;
        border-radius: 50%;
        margin-right: 138px;
        margin-left: 22%;
        margin-top: 13%;

    }
    #chatbot-submit i {
        font-size: 24px;

    }
    #city {
        height: 45px;
    }
    #city, #city_modal {
        background: #C6D8EA;
        color: #0E5AA6;
        font-size: 12px;
    }
.btn-espace{
    padding: 0 0 0 1.7em;
}
    .espace
    {
        padding: 0 0 0 2.5em;
    }
  .modal-dialog {
    max-width: 200% !important;
}
.text-right{
    width: 50%;
   
}
.text-left{
     width: 50%;
}
#button{
        padding-right: 75px !important;
}
.voice-sm{
	width: 10% !important;
	vertical-align: middle;
}

.tab::-webkit-scrollbar {
    width: 12px;
}

.tab::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.tab::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(236, 161, 76, 1); 
}
.disposition_loading_voice_rec{
    margin-left: 80px !important;
}
.espace_btns_responsive{
    padding-left:0px !important;
}

}