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

}
@media screen and (max-width: 992px) {
    header.header-main-top.bg-white nav.navbar.navbar-expand-lg .contaier-fluid {
        display: block;
    }
    .add-di {
        display: flex
    ;
        justify-content: space-between;
    }
    .container{
        max-width: 1200px !important;
    }
    .contaier-fluid {
        padding: 0 20px;
    }
    .navbar-toggler:focus{
        border: 0 !important;
        box-shadow: 0 0 0 0 #000 !important;
    }
    button.navbar-toggler{
        border: 0 !important;
    }
    section.my-profile.py-5 .row .col-md-6 {
        margin: 8px 0;
    }
    section.my-profile.py-5 .row .col-md-6 label {
        margin-bottom: 9px !important;
    }
    div#navbarSupportedContent ul.navbar-nav.mx-auto.mb-2.mb-lg-0 li.nav-item a.nav-link {
        text-align: center;
        border-bottom: 1px solid #714099;
        padding: 11px 0;
    }
    .dropdown-center.add-update-st ul.dropdown-menu {
        left: 41%;
    }
    div#navbarSupportedContent .dropdown-center.add-update-st {
        text-align: center;
    }
    div#navbarSupportedContent {
        padding: 20px 0;
    }
}
@media screen and (max-width: 800px) {
    .table-responsive th {
        text-wrap: nowrap;
    }
    .table-responsive td {
        text-wrap: nowrap;
    }

}
@media screen and (max-width: 681px) {
    section.banner{
        background-position: 48% 96%;
        background-size: 105% 100%;
        height: 460px;
    }
    .dropdown-center.add-update-st ul.dropdown-menu {
        left: 22%;
    }
}
@media screen and (max-width: 555px) {
    section.banner{
        height: 373px;
    }

}
@media screen and (max-width: 440px) {
    section.banner {
        height: 310px;
    }
    a.navbar-brand {
        width: 60%;
    }
    a.navbar-brand img {
        width: 80%;
    }
}
@media screen and (max-width: 414px) {
    section.jobs-posts .card .card-body p.card-text.text-muted.mb-2 {
        font-size: 15px;
    }
 
}