@charset "utf-8";

@media screen and ( max-width:800px ){
	/*title*/
	#title {
		display: none;
	    /*width: auto !important;*/
	}
	/*screen*/
	#bot-ui-frame{
	    border-radius: 0 !important;
	    width: 100% !important;
	    padding:0 !important;
	}
	#bot-ui-frame .chatScreen {
	    overflow-x:hidden !important;
	    padding:0 !important;
	}
	#bot-ui-frame .chatScreen::-webkit-scrollbar {
	    display: none !important;
	}
	/*message*/
	#bot-ui-frame .message{
	    margin:10px 10px 10px 5px !important;
	}
	#bot-ui-frame .message._bot > span ,#bot-ui-frame .message._me > span {
	    padding: 10px !important;
		margin-left: 0px !important;
		max-width: 330px !important;
	}
	#bot-ui-frame .welcome_message._bot > span {
		margin:auto !important;
	    max-width: 500px;
	    width: auto;
	}
	#bot-ui-frame .message._bot img {
	    max-width: 310px !important;
	}
	#bot-ui-frame .message._bot .bot_face{
    	display: none !important;	
	}
	#bot-ui-frame .welcome_message._bot .welcome_bot_face{
    	display: none !important;	
	}
	/*button*/
	#bot-ui-frame .assesYes,#bot-ui-frame .assesNo {
	    display:block !important;
	    width:95% !important;
	    margin:5px 0 !important;
	}
}

@media screen and ( max-width:397px ){
#last-login{
    font-size: 10px;
}
#logout-btn {
    padding: 4px 9px;
}