@media(max-width:991px) {
    h1{
        font-size: 30px !important;
    }
    h2{
        font-size: 30px !important;
    }
    .tsp-heading h1 {
        font-size: 30px;
    }
    .tsp-heading h1 {
        font-size: 30px;
    }
    p,
    li{
        font-size: 16px !important;
    }
    .tsp-hero-section {
        height: 240px;
        
    }
    .tsp-header-section {
        flex-wrap: initial !important;
    }
    .offcanvas-body{
        display: contents;
    }
    div#offcanvasNavbar {
        background-color:#3f69cb;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
        width: 80%;
    }
    
    .tsp-head {
        width: 100%;
        border-bottom: 2px solid #fff;
    }
    .tsp-head img{
        max-width: 200px;
    }
    .search-form{
        width: 80%;
    }
    .offer-link-row{
        display: block !important;
    }
    /* ----------join us page------------ */
    .Editorial-title-row{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Editorial-title-row img{
        width: 25% !important;
    }
        /* ----------join us page------------ */
            /* ----------Journals page------------ */

    .letter-col{
        margin-top: 30px;
    }
    .journal-img{
        text-align: center;
    }
   .letter-manu ul {
    flex-wrap: wrap;
}

.first-archive-card{
    margin-bottom: 0px !important;
}
.archive-card{
    margin-bottom: 30px;
}
.manuscript-btn button a {
    padding: 15px;
    font-size: 20px;
    margin-bottom: 30px;
}
.manuscript-btn{
    margin-bottom: 30px;
}
.journal-home-pera{
    text-align: center;
}
.journal-home-sidebar-row{
    display: flex;
    justify-content: center;
}
.contact-col {
    max-width: 100%;
    min-height: 200px;
}
.home-contact-col h2 {
    line-height: 35px;
}
.about-title {
    font-size: 30px;
}

.contact-container {
    padding: 15px;
    border-radius: 0px 70px 80px 46px;
}
textarea {
    width: 208%;
    height: auto;
}
                /* ----------Journals page End------------ */
}
@media (max-width:767px){
    .journal-img img{
        width: 60%;
        height: 250px;
    }
   .letter-cont-img img, .letter-lock-img{
max-width: 30%;
}
.letter-contact-img img{
    max-width: 20%;
}


}
@media(max-width: 584px){
    #contact-form{
     max-width: 100%;
   }
   form .user-details .input-box{
       margin-bottom: 15px;
       width: 100%;
     }
     }
     @media(max-width: 459px){
     .container .content .category{
       flex-direction: column;
     }
     textarea {
       width: -webkit-fill-available;
   }
   }