@media only screen and (max-width: 480px) {
.visits .visit,.vitals .vital{width:100%}
.tabs .tab:first-child{width:100%;justify-content:center}
.tabs .tab{width:calc(50% - 15px);padding:15px;justify-content:space-evenly}
.tabs .tab i{font-size:18px;margin-right:10px}
.body-wrapper{padding-top:20px;padding-bottom:100px}
.header-wrapper{position:static;background:none;box-shadow:none}
.header-wrapper .container{position:static}
.header-left-right h1{width:100%}
header{display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;position:fixed;z-index:10;bottom:0;left:0;width:100%;padding:15px;background:#fff;box-shadow:0 0 30px -10px rgba(4,74,255,0.15)}
header a{padding:0;font-size:10px;text-align:center}
header a i{display:block!important;font-size:18px;margin-bottom:3px}
.header-wrapper .side{padding:15px 0;margin-top:10px;width:100%;justify-content:space-between}
.header-wrapper .side h3{font-size:21px;font-weight:700}
.message-wrapper{right:8px;left:8px;max-width:none;width:calc(100% - 16px)}
.message-wrapper.open{bottom:69px}
.message-wrapper .messages{height:calc(90vh - 201px)}
}