.htitle {
    font-size: 1.04rem;
    font-weight: 550;
 
    color:#555454;
}
.dataitm {
    width: 70%;
}
.jimager{
     width:100%;   
}
.journa_image_align {
 
}

.img-fluid1 {
    width: 150px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.bg-silverlisght {
    padding: 10px;
    background-color: #e3e3e365 !important;
    font-size: 1.1rem;
    font-weight: 530;
    word-spacing: 5px;
    text-transform: uppercase;
    font-family: 'Arial Narrow';
}

.card-header2 {
    font-size: 1.3rem;
     
    padding-top: 8px;
    margin-left: 8px;
    margin-right: 8px;
 
    position: relative;
   
 font-family:'Arial Narrow';
 font-weight:540;
}
.card-header3 {
    font-size: 1.1rem;
    position: relative;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-left: solid #287881 3.5px;
    border-bottom: solid #287881 2px;
    margin-left: 20px;
    margin-right: 20px;
    font-family: 'Arial Narrow';
    font-weight: 600;
    margin-top: 15px;
}
.card-header-accorindingbtn {
    font-size: 1.1rem;
    position: relative;
    padding-left: 10px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-left: solid #287881 3.5px;
    border-bottom: solid #287881 2px; 
    font-family: 'Arial Narrow';
    font-weight: 600;
    margin-top: 15px;
}
.card-header4 {
    font-size: 1.12rem;
    position: relative;
    padding-left: 10px;
    padding-bottom: 3px;
    color: #555454;
    border-bottom: solid #3b3431 1px;
    margin-left: 5px;
    margin-right:5px;
    font-family: 'Arial Narrow';
    font-weight: 600;
    margin-top: 10px;
}
.padleft {
    margin-left:10px;
}
.card-header3-left {
    font-size: 1.1rem;
    position: relative;
    padding-left: 10px;
    padding-bottom: 3px;
    border-left: solid #287881 3.5px;
    border-bottom: solid #287881 2px;
    margin-left: 10px;
    margin-right:10px;
    font-family: 'Arial Narrow';
    font-weight: 600;
    margin-top: 15px;
}
.nvr {
    list-style: none;
    background-color: #f8f8f8ff;
 
    font-family: 'Arial Narrow';
    margin: 13px;
}
.nvritems a {
    color: #6c6c6c;
    text-decoration: none;
    
}
.nvritems {
    font-size: 0.9rem;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    border-bottom: solid #808080 1px;
}
    .nvritems:hover {
        background-color: #ebebeb;
        color:black;
        transition: background-color 0.3s ease, color 0.3s ease;
    }

.pageheader {
    font-size: 1.1rem;
    padding-left: 2px;
    padding-top: 10px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    position: relative;
    padding-bottom: 5px;
    font-family: 'Arial Narrow';
    font-weight: 540;
    color: #287881;
    border-bottom: solid 1.5px #287881;
}


    .article_title {
        font-family: 'Arial Narrow';
        width: 100%;
        text-align: center;
        font-size: 1.06rem;
        display: flex;
        font-weight: 500;
        padding: 5px;
    }
.artical_image{
    width:120px;
    padding:5px;
    border:solid #808080 1px;
    margin:5px;
}
.bg-back {
    background-color: #fbfbfb !important;
}

.logoimage {
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
}
.left-pane-padding  {
    padding-left: 20px;
    padding-right: 20px;
    padding-top:5px;
}
.logo-size {
    max-width: 100px;
    margin-bottom: 20px;
}
.image-list-container {
    max-width: 100%;
    overflow: hidden;
}

.image-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 0; /* Add this line */
    margin: 0; /* Add this line */
}

    .image-list li {
        margin: 0; /* Add this line */
    }

        .image-list li img {
            max-width: 100%;
            height: auto;
        }

@media (max-width: 768px) {
    .image-list {
        grid-template-columns: 1fr;
    }
}

.index-img
{
     width: 100px;
    
     
}
.PictureBox {
    margin-top:10px;
    width: 115px;
    height: 140px;
    border:solid 1px #3b3431;

}
.ulColumn {
    list-style: none;
    display: flex;
    flex-flow: column wrap;
    height: 22em;
    max-width:50%;
}
.h-85 {
    height: 90% !important
}
.h7{
    font-size: 0.9rem;
}
.socialicon
{
    font-size:1.2rem;
    margin:0.5rem;
    color:#efefef;

}
.menue-box {
    background-color: #3b3431;
}
.bg-mtalic_light
{
    background-color: #e8f5f2;
}

.bg-mtalic {
    background-color: #287881;
}
.card-bg2 {
    /*background-color: #e4eae9;*/
    background-color: #fafafa4d;
}
.bg-abstract {
    background-color: #e3e3e365;
    border:solid #808080 1px;
    line-height:25px;
    padding:10px;
}
.card-bg {
    /*background-color: #e4eae9;*/
    background-color: #fafafa4d;
}
.text-matalic {
    color: #287881; 
}



.footersocial{
    display:inline-flex;
    width:100%;
    padding-top:30px; 
    border-bottom: solid 1px;
    margin-bottom:20px;

}
.footer-bg {
    background-color: #e0e0e0cc;
    color: black;
}
.text-blue{

    color:#3b3431;
}
.text-blue2 {
    color: #0034ff;
}

.welcometext {
    font-size: 1rem;
}

.hidde_field_onMobile {
    visibility:visible;
    display: block;
}
.visible_on_mobile {
    visibility: hidden; 
}
.Journal_text {
    font-size: 1.7rem;
}
@media all and (max-width:320px) {
    .hidde_field_onMobile {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .welcometext {
        font-size: 0.2rem;
    }
    .visible_on_mobile {
        visibility: visible !important;
        display: block;
    }
}

@media all and (max-width:480px) {
    .hidde_field_onMobile {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .visible_on_mobile {
        visibility: visible !important;
        display: block;
    }
    .welcometext {
        font-size: 0.2rem;
    }
    .Journal_text {
        font-size: 0.8rem;
    }
}

@media all and (max-width:528px) {
    .hidde_field_onMobile {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    .visible_on_mobile {
        visibility: visible !important;
        display: block;
    }
    .welcometext {
        font-size: 0.5rem;
    }
    
}

@media all and (max-width:610px) {
    .hidde_field_onMobile {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .visible_on_mobile {
        visibility: visible !important;
        display: block;
    }
    .welcometext {
        font-size: 0.5rem;
    }
   
}

@media all and (max-width:600px) {
    .hidde_field_onMobile {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .visible_on_mobile {
        visibility: visible !important;
        display: block;
    }
    .welcometext {
        font-size: 0.7rem;
    }
  
}

@media all and (max-width:768px) {
    .hidde_field_onMobile {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }
    .visible_on_mobile {
        visibility: visible !important;
    
        display: block;
    }
    .welcometext {
        font-size:0.9rem;
    }
    .Journal_text {
        font-size: 1rem;
    }
}

@media all and (max-width:868px) {
   
 
}

@media all and (max-width:992px) {

 
}