.author-img {
    border-radius: 50px;
}

.description {
    text-align: center;
    display: block;
    width: 50%;
    margin: 0 auto;
}

.blogHumanName {
    font-size: 13px !important;
    font-weight: 600 !important;
}

.img-area {
    width: 24px;
    height: 24px;
    margin-right: 3px;
}

.small1 {
    font-size: 16px;
    font-weight: 500;
    color: #1618ad;
}

.title-blog {
    font-size: 21px;
    color: var(--color-just-black) !important;
}

.title-blog-trend {
    font-size: 17px;
    color: var(--color-just-black) !important;
}

@media (min-width: 320px) and (max-width: 480px) {

    .description {
        text-align: center;
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .smallMangos {
        font-size: .875emx;

    }

    .list-inline-item {
        font-size: 14px;
        font-weight: 600;
        color: #5a59a5;
    }

    .title-blog {
        font-size: 19px;
        color: var(--color-just-black) !important;
    }

    .blogHumanName {
        font-size: 15px !important;
        font-weight: 600 !important;

    }
}

@media screen and (max-width: 1199px) {
    .mangos {
        display: none !important;
    }
}

.author_abone {
    color: #1618ad;
    border-color: #1618ad;
    font-weight: 300px;
    padding-inline: 30px;
}

.author_abone:hover {
    color: #fffcf8;
    border-color: #fffcf8;
    background-color: #1618ad;
    font-weight: 300px;
}

.btn-abone:hover{
    border-color:#1618ad;
}

@media screen and (max-width: 1052px) {
    .contain {
        height: 31rem !important;
    }
}
@media screen and (max-width: 899px) {
    .contain {
        height: 32rem !important;
    }
    .description {
        width: 75% !important;
    }
}
@media screen and (max-width: 639px) {
    .contain {
        height: 34rem !important;
    }
}
@media screen and (max-width: 334px) {
    .contain {
        height: 35rem !important;
    }
}

@media screen and (max-width: 991px) {
    .spinner-area {
        height: 1000px !important;
    }
}
@media screen and (max-width: 767px) {
    .spinner-area {
        height: 1500px !important;
    }
}