@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 1367px) {
    .marg-left1{
        margin: 0 !important;
    }
    .marg-left{
        margin: 0 !important;
    }
    .b-center{
        justify-content: space-between;
    }
}
@media only screen and (max-width: 1365px) {
    .marg-left1{
        margin: 0 !important;
    }
    .marg-left{
        margin: 0 !important;
    }
    .b-center{
        justify-content: space-between;
    }
    
}
@media only screen and (max-width: 1199px) {
    .menu{
        height: auto;
    }
    .rbar{display: block;}
    .sm{
        display: none;
    }
    .page_container{
        width: 95%;
        height: auto;
    }
    .grid-container {
        grid-template-columns: 1fr; /* Single column layout on smaller screens */
    }
    .item{
        width: 100%;
    }
    .item:nth-child(2) {
        order: -1; /* Move to the top */
    }
    .header_top ul{
        justify-content: center !important;
    }
}
@media only screen and (max-width: 991px) {
    .topbar .accessability > ul {
        justify-content: center;
    }
    .b-center{
        justify-content: center;
    }
    .headerBtn{
        padding: 0 !important;
    }
    .about .item .heading{
        font-size: 25px;
        line-height: normal;
    }
    .about .item p{
        font-size: 14px;
        line-height: normal
    }
    .about .item .title{
        font-size:30px;
    }
    .border-end-none{
        border-right: 0 !important;
    }
    .logos .title{
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .border-t-bottom{
        border-bottom: solid 1px #dee2e6;
    }
    .border-t-end-none{
        border-right: 0 !important;
    }
    .border-t-bottom-none{
        border-bottom: 0 !important;
    }
}
@media only screen and (max-width: 767px) {
    .logos .items{
        margin: 10px auto;
    }
    .border-m-bottom{
        border-bottom: solid 1px #dee2e6;
    }
    .border-m-end-none{
        border-right: 0 !important;
    }
    .initiatives .border-right {
        border-right: 0 !important;
    }
    .initiatives .border-m-bottom {
        border-bottom: solid 1px #ccc;
    }
}
@media only screen and (max-width: 575px) {
    table tr, table tr{float:left;width:100%;border-bottom: #ddd 1px solid;}
    table tr th,table tr th,table tr td{clear:both;display:block;width:100%;text-align:center !important;}
    table tr td,table tr td{clear:both;display:block;border:0;text-align:center !important;}
    table td img,table td img{width:auto;}
    table tbody tr:nth-child(2n+1) td,table tbody tr:nth-child(2n+1) td{background:none;}
    table .edit_delete_div,table{margin:0;margin-right: 8px;width:100%;display:block;text-align:center;background: #ccc;}

/* }
@media only screen and (max-width: 499px) { */
    .m-center{
        justify-content: center;
    }
    .marg-left1{
        margin: 0 !important;
    }
    .marg-left{
        margin: 0 !important;
    }
    .headerBtn{
        padding: 0 !important;
    }
    .border-m-bottom{
        border-bottom: solid 1px #dee2e6;
    }
    .border-m-end-none{
        border-right: 0 !important;
    }
    .border-m-bottom-none{
        border-bottom: 0 !important;
    }
    .my-m{
        margin: 15px 0 !important;
    }
    .topbar .accessability > ul{
        justify-content: center;
    }
    .sl-cm{
        display: none;
    }
    .sl-cm-m{
        display: block;
    }
    .mAbout{
        width: 100%;
        height: auto;
        padding: 20px 0;
        margin: 0;
    }
    .mAbout .title{
        color: #0662ab;
        font-size: 25px;
        line-height: normal;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 2px #0662ab;
        font-weight: 600;
    }
    .mAbout .subtitle{
        color: #1a1a1a;
        font-size: 18px;
        line-height: normal;
        margin-bottom: 10px;
        font-weight: 400;
    }
    .mAbout p{
        font-family: 'Open Sans', 'Noto Sans', sans-serif;
        color: #1a1a1a;
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
        position: relative;
    }
    .border-end-none{
        border-right: 0 !important;
    }
    .logos .title{
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }
    .logos .items{
        margin: 10px auto;
    }
    .initiatives .border-right {
        border-right: 0 !important;
    }
    .initiatives .border-m-bottom {
        border-bottom: solid 1px #ccc;
    }
    .text-m-center{
        text-align: center !important;
    }
}
@media only screen and (max-width: 399px) {
    .nav-bar .navbar-light .navbar-brand img {
        max-height: 70px;
    }
}