@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1199px) {
    .menu{
        height: auto;
    }
    .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) {
    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 8px 15px;
        border: 1px solid #015fc9;
        color: #015fc9;
    }
    .fs-m{
        font-size: 25px !important;
    } 
    .banner p{
        font-size: 14px !important;
    }
    .header-carousel .header-carousel-item {
        height: 400px;
    }
    .about .item .heading{
        font-size: 25px;
        line-height: normal;
    }
    .about .item p{
        font-size: 14px;
        line-height: normal
    }
    .about .item .title{
        font-size:30px;
    }
}
@media only screen and (max-width: 767px) {
    .header-carousel .header-carousel-item {
        height: 650px;
    }
    .banner .owl-nav{
        display: none;
    }
    .about .rimage{
        display: none;
    }
    .siteName{
        text-align: center;
    }
    .siteslogan{
        width: 100%;
        display: block;
        text-align: center;
    }
    .welcome .about p{
        margin-bottom: 20px;
    }
    .siteName{
        font-size: 25px;
    }
    #tree{
        width:100%;
        display:block;
        padding:0;
    }

    #tree ul{
        margin:0;
        padding:0;
        list-style:none;
    }

    #tree .branch{
        margin:0 !important;
        padding-left:25px;
    }

    #tree .branch:not(:first-child):after{
        display:none;
    }

    .entry{
        position:relative;
        min-height:auto;
        padding:8px 0;
    }

    /* Vertical Line */
    .entry:before{
        content:"";
        position:absolute;
        left:-12px;
        top:0;
        height:100%;
        border-left:1px solid #ccc;
    }

    /* Horizontal Line */
    .entry:after{
        content:"";
        position:absolute;
        left:-12px;
        top:22px;
        width:12px;
        border-top:1px solid #ccc;
    }

    .entry:first-child:before{
        top:22px;
        height:calc(100% - 22px);
    }

    .entry:last-child:before{
        height:22px;
    }

    .entry:only-child:before{
        display:none;
    }

    .entry span{
        position:relative;
        left:auto;
        top:auto;
        margin:0;
        display:inline-block;
        width:100%;
        min-width:unset;
        max-width:100%;
        font-size:14px;
        line-height:20px;
        padding:10px 15px;
        box-sizing:border-box;
    }
    .tree1 ul{
        padding-left:25px;
    }

    .tree1 span{
        font-size:14px;
        padding:8px 14px;
    }
}
@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;}
    .nav-bar .navbar-light .navbar-brand img{
        width:70px;
        border-radius: 5px;
    }
}
@media only screen and (max-width: 499px) {
    .navbar h1{
        font-size: 25px;
    }
    .navbar h2{
        font-size: 13px !important;
    }
}
@media only screen and (max-width: 399px) {

}