@media (max-width: 600px) {

    .container{
        width: 100%;
    }

    .access-content-div .container div{
        background-color: #e9ecef;
        width: 100%;
        height: 150px;    
    }

    .access-content-footer{
        flex-direction: column;
        text-align: center;
    }


    .access-section{
        padding: 0 20px;
    }

    .access-div{
        padding: 20px;
    }


    .upper-header .container{
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .middle-header .container{
        flex-direction: column;
        gap: 16px;
    }


    .lower-header{
        display: none;
    }

    .hero-section .container{
        display: flex;
        align-items: center;
        gap: 5px;
        padding: 0;
    }

    .hero-section .container div:first-child{
        display: block;
    }
    
    .hero-section .container div:first-child img{
        width: 60px;
    }
    
    .hero-section .container div:last-child{
        max-width: 290px;
    }

    .hero-section .container h2{
        font-size: 16px;
        text-align: left;
        line-height: 1.4;
        margin: 0;
    }

    .hero-section .container p{
        display: none;
    }

    .main-header{
        display: none;
    }

    .mobile-main-header{
        display: block;
    }

    .mobile-main-header{
        position: sticky;
        top: 0;
    }

    .mobile-main-header .container{
        margin: 0;
        background: linear-gradient(to bottom, #3b6d9e, #143554);
        border-radius: 0;
        border-top: 1px solid #97a4b4;
        padding: 0;
        text-align: center;
        border-bottom: 3px solid rgb(207,139,64);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;

        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }

    .mobile-main-header .container div{
        display: flex;
        align-items: center;
    }

    .mobile-main-header .container h3{
        color: #fff;
        font-weight: 400;
        font-family: Georgia,Georgia,Palatino Linotype,Palatino,Palatino,Times New Roman,Times,serif;   
    }

    .mobile-main-header .container img{
        width: 30px;
        margin: 10px;
    }

    .mobile-main-header .container .search-case{
        position: absolute;
        top: 40px;
        right: 0;
        background-color: #143554;
        padding: 10px;
        cursor: pointer;
        
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        display: none;

    }

    .mobile-main-header .search-case div{
        background-color: #345e87;
        padding: 12px 24px;
        border: none;   
    }

    .mobile-main-header .search-case p{
        color: #fff;
        font-family: Source Sans Pro,Arial,sans-serif;
        font-size: 14px;
        text-decoration: none !important;
    }

    .mobile-main-header .search-case p:hover{
        text-decoration: none !important;
    }

    .post-headings{
        flex-direction: column;
    }

    .post-headings div{
        width: 100%;
        border: 1px solid #b2b2b2;
    }

    .post-contents{
        flex-direction: column;
        padding: 0;
    }

    .post-content{
        width: 100%;
        padding: 15px 0 0 0;
    }

    .post-image{
        width: 100%;
    }

    .post-more{
        margin-top: 20px;
    }

    .main-footer{
        flex-direction: column;
    }

    .main-footer>div{
        width: 100%;
    }

    .main-footer ul li{
        margin-bottom: 15px;
    }

    .copyright ul{
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .copyright ul li:last-child::before{
        display: none;
    }

    .search-section .container{
        padding: 50px 20px;
    }

    .search-div{
        width: 100%;
        padding: 20px;
    }

    .search-div form .search-input input{
        font-size: 14px;
    }

    .search-content{
        padding: 20px;
    }

    .case-description{
        padding: 10px;
    }

    
    .admin-section .container{
        padding: 50px 20px;
    }

    .admin-div{
        width: 100%;
        padding: 20px;
    }

    .admin-div .flex-div{
        flex-direction: column;
        gap: 0;
    }


    
    .existing-users{
        margin-top: 70px !important;
    }

    .user-table tr{
        
    }

}