@media only screen and (max-width: 1200px) {}


@media only screen and (max-width: 991px) {

    .navbar .navbar-nav>li>a {
        padding: 12px 15px;
        margin: 12px 0px;
    }

    .top_phone_mail li {
        padding-right: 25px !important;
    }

}

@media only screen and (max-width: 767px) {

    #top_bar {
        display: block;
    }

    .top_phone_mail {
        display: none !important;
    }

    .pull-right {
        text-align: center;
        float: none !important;
    }

    .navbar-toggle {
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .navbar {
        background: #ffffff;
        padding: 0 !important;
    }
    .navbar .navbar-nav>li>a {
        color: var(--text-color) !important;
    }
    .navbar-brand{
        display: block;
    }
    #m_d_none{
        display: none !important;
    }
    .navbar .navbar-nav>li>a:hover {
    font-size: 15px;
    font-weight: initial;
    color: var(--text-color) !important;
    background: transparent; !important;
    transition: all 0.3s ease;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    font-size: 15px;
    font-weight: initial;
    color: var(--text-color) !important;
    background: transparent; !important;
    transition: all 0.3s ease;
}

.nav_btn{
    margin-bottom: 30px;
    top: 5px;
}


}

@media only screen and (max-width: 640px) {

    .navbar-brand>img{
        width: 280px;
    }

}