.left-bar{
    /* height: 300px; */
    /* 5BA4AE */
    /* background-color: blueviolet; */
    /* padding: 0; */
    margin: 0;
}
.center-bar{
    /* height: 300px; */
    /* background-color: brown; */
    /* padding: 0; */
    margin: 0;
    /* text-align: center; */
}
.right-bar{
    /* height: 300px; */
    /* background-color: chartreuse; */
    margin: 0;
}

.main-bar{
    margin-top: 70px;
}

*{
    /* overflow-x: visible !important; */
}

.rigth-card {
    margin: 10px 4px;
    background: #fff;
    border-radius: 2px;
    width: auto;
    border: 1px solid transparent;
    box-shadow: 0px 0px 18px rgba(63, 81, 181, 0.16);
}
@media (max-width: 767px) {
	.left-bar{
        display: none;
    }
    /* .center-bar{
        width: 100%;
    } */
    .right-bar{
        display: none;
    }
    
}

.logo-mba{
    width: 50px;
    margin-top: -8px;
}
.li-nav{
    text-align: center;
}
.li-nav a i{
    display: block;
}

.navbar_fetchBox {
    top: 60px;
    left: 27px;
}
.navbar-right{
    margin-top: 7px;
}
.navbar-inverse .navbar-nav>li>a{
    color:#5BA4AE !important;
}
.navbar-inverse .navbar-nav li .active{
    color:#fff !important;
}

@media (max-width: 767px) {
	.navbar-header img{
        display: none;
    }
    .page-bar{
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        background-color:#3D5660;
        padding: 0;
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .serch-reponsive{
        width: 100%;
    }
    .srch-li-res{
        width: 85%;
    }
    .srch-li-res input{
        width: 100%;
    }
    .pro-res{
        width: 15%;
    }
    .navbar_fetchBox {
        top: 67px;
        left: -8px;
        width: 100%;
    }

    .flex { display: flex;}
    .a { order: 1;display: inline; }
    .b { order: 2;display: inline; }
    /* #c { order: 3; } */
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #ffffff;
        width: 364px;
        padding: 0 10px;
        margin-left: 24px;
    }
    .profil-setting li,.profil-setting li a table,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{

        color:#fff;
    }
    /* .link-text{
        display: none;
    } */
    .post {
        max-width: 100%;
    }


}

.post_content{
    text-align: center !important;
}
.post_content p {
    text-align: left;
}
.navbar-inverse {
    background:#3D5660;
}
.navbar_search{
    background:#5BA4AE2F;
}



/* tablet 1200 to 992 */
@media (min-width: 1200px){
    .navbar_fetchBox {
        left: 56%;
    }

}

@media (max-width: 1200px){
    body{
        /* background-color: red !important; */
    }
    .navbar-right {
        /* margin-top: 7px; */
        width: 45%;
    }
    .srch-li-res{
        width: 80%;
    }
    .srch-li-res input{
        width: 100%;
    }
    .navbar_fetchBox {
        left: 50%;
    }

}
@media (max-width: 991px){
    body{
        /* background-color: yellow !important; */
    }
    .navbar-right {
        /* margin-top: 7px; */
        width: 32%;
    }
    .srch-li-res{
        width: 70%;
    }
    .srch-li-res input{
        width: 100%;
    }
    .container{
        width: 100%;
    }
    #center{
        width: 70%;
    }
    #left{
        width: 30%;
    }
    #right{
        display: none;
    }
    .navbar_fetchBox {
        left: 56%;
    }
}








/* 992 to 769 */

@media (max-width: 767px){
    body{
        /* background-color: green !important; */
    }
    .navbar-right {
        /* margin-top: 7px; */
        width: 100%;
    }
    .srch-li-res{
        width: 74%;
    }
    .srch-li-res input{
        width: 100%;
    }
    .container{
        width: 100%;
    }
    #center {
        width: 100%;
        /* padding: 0 10%; */
    }
    #left{
        width: 30%;
    }
    #right{
        display: none;
    }
    .navbar_fetchBox {
        left: 16%;
    }

.page-bar {
    background-color: #93c3d6;
}
.navbar-inverse .navbar-nav li .active {
    color: #5BA4AE !important;
}
.navbar-inverse .navbar-nav>li>a{
    color:#3D5660 !important;
}
}

@media (max-width: 438px){
    body{
        /* background-color: purple !important; */
    }
    .nav>li>a {
        padding: 10px 10px;
    }
    .navbar_fetchBox {
        left: -2%;
    }
    
}
@media (max-width: 340px){
    body{
        /* background-color: gray !important; */
    }
    .nav>li>a {
        padding: 10px 5px;
    }

}


/********************************************* event page ************************************************/
.event{
    max-width: 100%;
    height: 400px;
    background-image: url("imgs/user_post_img/1590152055498726213.jpg");
    -moz-background-size:cover;
    -webkit-background-size: cover; 
    -o-background-size: cover;
    background-size: cover;
}
.event-side{
    background-color: blue;
    height: 300px;
}
.margin-nav{
    margin-top: 70px;
}
.input-event{
    padding:0 30px;
}
.event-section {
    margin: 5px;
    border-radius: 5px;
    padding-bottom: 20px;
}

.default_flat_btn {
    background: #5BA4AE !important;
}


.tablinks {
    color: #5BA4AE ;
}

.tablinksActive {
    color: #3D5660 !important;
}
.settings_fieldTitle {
    color: #5BA4AE;
}

.btn_blue {
    background: #5BA4AE;
}
.TriendingPosts td{
    color: #5BA4AE !important;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #5BA4AE;
}
.nav-tabs>li>a {
    color: #3D5660 !important;
}

.panel-success>.panel-heading {
    color: #3D5660;
}