/*******************************************************************
********************************************************************
********************************************************************
    MOBILE SCREENS CSS
    MIN WIDTH 300PX
    MAX WIDTH 480PX
********************************************************************
********************************************************************
*******************************************************************/
.loginForm {
    width: 80%;
    margin: 70px auto;
}

.footer-image-container {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}

.footer-image-container {
    -ms-grid-columns: 80%;
    grid-template-columns: 80%;
}

.sliderContainer {
    overflow: hidden;
}

.sliderTxtBtnContainer {
    width: 80%;
}

.btnsContainer {
    width: 100vw;
    position: relative;
    top: 60px;
    right: -9px;
}

.txtSldier pm .sliderDesc {
    font-size: 17px;
}

.grid-3 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 20px;
}

.grid-2 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 20px;
}

#goTop {
    left: 20px;
}

.page-header,
.pageDescription,
.postContainer,
#comment-container{
    width: 80%;
}
.page-header,
.pageDescription,
.postContainer,
#comment-container{
    margin: auto;
}

.postContainer {
    margin-bottom: 20px;
}

.postTitle {
    font-size: 15px;
}

.descContainer {
    font-size: 12px;
}

.page-path span:not(:first-child)::before {
    content: "/";
    position: absolute;
    right: 59px;
}

.page-path {
    font-size: 13px;
}

.page-path span {
    padding: 5px;
}

.links-contianer {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    font-size: 13px;
}

.under-construction-container {
    margin: 50px auto;
}

.mobile-logo-container .mobile-app-logo {
    transform: scale(.3);
}

.under-construction-msg {
    width: 80%;
    margin: auto;
}
.under-construction-msg {
    width: 88%;
    margin: auto;
}

.under-construction-msg span {
    font-size: 14px;
    display: block;
}

.announcement_content {
    grid-template-columns: 100%;
}

.announcement_message h3 {
    width: 100%;
}

#announcement_container {
    padding: 12px 40px;
}

.pagination-container .pagination {
    -ms-grid-columns: (auto)[4];
    grid-template-columns: repeat(4,auto);
}

.post-desc-container .popup-link {
    position: absolute;
    right: 18px;
    top: 25px;
}

.popup-content {
    width: 80%;
}

.resources-container {
    width: 80%;
    margin: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (100%)[1];
    grid-template-columns: repeat(1,100%);
}