.flex-container {
    display: flex;
    height: 180px;
    align-items: center;
    direction: rtl;
}
.logoWrap {
    width: 33%;
    text-align: right;
}
.nameWrap {
    width: 33%;
    text-align: center;
    font-size:25px;
}
.profileImgWrap {
    width: 33%;
    text-align: left;
}
.profileImgWrap img, .logoWrap img {
    max-height: 180px;
    max-width: 100%;
}
.navbar-inverse {
    border: none;
    margin-bottom: 0;
}
.inputWrap{width:20%;}

@media only screen and (max-width:992px) {
    .logoWrap, .nameWrap, .profileImgWrap {width:100%;text-align:center;}
    .flex-container{height:auto;display:block;}
    .navbar-inverse{background-color:#fff!important;border:none;}
    .logoWrap img {max-height:70px;}
    .profileImgWrap img{max-height:100px;}
    .inputWrap{width:33%;}
}
@media only screen and (max-width:767px) {   
    .inputWrap{width:100%;}
}