.manga-grid-view{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.manga-grid{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    height: 250px;
    border-radius: 5px;
    padding: 2px;
    margin-bottom: 4px;
}
.manga-grid img{
    object-fit: cover;
    height: 250px;
    width: 100%;
    border-radius: 10px;
}
.manga-footer{
    position: absolute;
    bottom: -2px;
    left: 2px;
    right: 2px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: rgb(0 0 0 / 50%);
}
.manga-footer h2{
    font-size: 1rem;
    padding: 5px 5px 0 5px;
    color: #fff;
}
.newupdate{
    top: 10px;
    right: 10px;
    display: inline-block;
}
.newupdate span{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #ff2525;
    padding: 1px 7px;
    font-size: 0.650rem;
    font-weight: 600;
    color: #fff;
}
.manga-tools{
    margin: 10px 0;
}
.manga-t-left{
    float: left;
}
.manga-t-right{
    float: right;
}
.manga-t-right a{
    background: #38a1f3;
    color: #fff;
    padding: 6px;
    display: inline-block;
    font-weight: 600;
    border-radius: 5px;
    margin-left: 5px;
}
.manga-t-left select{
    padding: 10px 30px 10px 16px;
    border: none;
    background-color: #ebebeb;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.clr{
    clear: both;
}
.navigation{
    margin-top: 15px;
    text-align: center;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}
.manga-grid-col-2 a{
    text-decoration:none;
}
.manga-list{
    display:flex;
    align-items: center;
    justify-content: flex-start;
    background:#313131;
    transition:0.4s;
    padding:5px;
}
.manga-list:hover{
    background:#1d5be0;
}
.manga-image{
    width: 75px;
    height: 60px;
    margin-right:5px;
    overflow:hidden;
}
.manga-image image{
    width: 100%;
    height: 60px;
    object-fit:cover;
}
.manga-title small{
    font-size:0.8rem;
    color:#949494;
    display:inline-block;
}
.manga-list h2{
    font-size:1.1rem;
    color:#fff;
    margin-bottom:0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.image-list{
	text-align:center;
}
.manga-grid-col-2{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap: 1rem;
    display: grid;
}
@media screen and (max-width: 600px){
    .manga-grid-col-2{
        grid-template-columns:repeat(1, minmax(0, 1fr));
        gap: 0.5rem;
        display: grid;
    }
}