@media (min-width: 992px) {
    .title-blog {
        margin-top: 50px;
        display: flex;
        justify-content: center;
        padding-top: 50px;
        padding-bottom: 40px;
        background: radial-gradient(100.85% 409859.32% at 100.85% 49.98%, rgba(30, 30, 30, 0) 4%, #496fcf 51.69%, rgba(21, 25, 29, 0) 96%);
    }
    .title-blog h1 {
        font-size: 40px;
        font-family: "Yekan1" !important;
        color: white;
    }
    .article-item {
        width: 100%;
        text-decoration: none;
        margin-top: 35px;
        display: block;
    }
    .article-item .img {
        width: 100%;
        overflow: hidden;
        /* height: 200px; */
    }
    .article-item .img img {
        overflow: hidden;
        transition: all 0.5s ease;
        /* زوم کردن */
    }
    .article-item:hover .img img {
        transform: scale(1.1);
        overflow: hidden;
        transition: all 0.5s ease;
        /* زوم کردن */
    }
    .article-item .detail .more {
        display: flex;
        margin-top: 10px;
    }
    .article-item .detail .more h6 {
        font-size: 14px;
        color: #000662;
    }
    .article-item .detail .more i {
        font-size: 8px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 4px;
        color: #000662;
    }
    .article-item .detail h2 {
        font-size: 27px;
        font-family: "Yekan1" !important;
        margin-top: 10px;
        color: #000;
        height: 85px;
        line-height: 45px;
    }
}

@media (max-width: 992px) {
    .title-blog {
        margin-top: 50px;
        display: flex;
        justify-content: center;
        padding-top: 30px;
        padding-bottom: 20px;
        background: radial-gradient(100.85% 409859.32% at 100.85% 49.98%, rgba(30, 30, 30, 0) 0%, #496fcf 51.69%, rgba(21, 25, 29, 0) 100%);
    }
    .title-blog h1 {
        font-size: 30px;
        font-family: "Yekan1" !important;
        color: white;
    }
    .article-item {
        width: 100%;
        text-decoration: none;
        margin-top: 35px;
        display: block;
    }
    .article-item .img {
        width: 100%;
        overflow: hidden;
        /* height: 200px; */
    }
    .article-item .img img {
        overflow: hidden;
        transition: all 0.5s ease;
        /* زوم کردن */
    }
    .article-item:hover .img img {
        transform: scale(1.1);
        overflow: hidden;
        transition: all 0.5s ease;
        /* زوم کردن */
    }
    .article-item .detail .more {
        display: flex;
        margin-top: 10px;
    }
    .article-item .detail .more h6 {
        font-size: 14px;
        color: #000662;
    }
    .article-item .detail .more i {
        font-size: 8px;
        margin-right: 5px;
        margin-left: 5px;
        margin-top: 4px;
        color: #000662;
    }
    .article-item .detail h2 {
        font-size: 27px;
        font-family: "Yekan1" !important;
        margin-top: 10px;
        color: #000;
        height: 85px;
        line-height: 45px;
    }
}


/* blog-show */

@media (min-width: 992px) {
    .blog-show .main-body {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
        width: calc(100% - 350px);
    }
    .blog-show .main-body h1 {
        font-size: 30px;
        font-family: "Yekan1" !important;
    }
    .blog-show .main-body .info {
        display: flex;
        align-items: center;
    }
    .blog-show .main-body .info .item-info {
        color: rgb(146, 146, 146);
        font-size: 14px;
        width: 100px;
        margin-top: 30px;
    }
    .blog-show .main-body .info .item-info i {
        margin-left: 5px;
    }
    .blog-show .main-body .img {
        width: 100%;
        margin-top: 20px;
    }
    .blog-show .main-body .img img {
        width: 100%;
        border-radius: 15px;
    }
    .blog-show .main-body .time-read {
        width: 170px;
        background-color: rgb(212, 212, 212);
        padding: 5px;
        margin-top: 20px;
        border-radius: 10px;
        display: flex;
    }
    .blog-show .main-body p {
        line-height: 30px;
        text-align: justify;
    }
    .blog-show .side-body {
        width: 300px;
        display: block;
    }
    .blog-show .side-body .item-side {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
        width: 100%;
        height: 300px;
    }
    .blog-show .side-body .item-side .title {
        font-size: 20px;
    }
    .blog-show .side-body .item-side .title i {
        font-size: 22px;
        color: #496fcf;
        margin-left: 5px;
    }
    .blog-show .side-body .item-side a {
        text-decoration: none;
        color: #000;
        margin-top: 20px;
        display: block;
    }
}

@media (max-width: 992px) {
    .blog-show .main-body {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
        width: 100%;
    }
    .blog-show .main-body h1 {
        font-size: 30px;
        font-family: "Yekan1" !important;
    }
    .blog-show .main-body .info {
        display: flex;
        align-items: center;
    }
    .blog-show .main-body .info .item-info {
        color: rgb(146, 146, 146);
        font-size: 14px;
        width: 100px;
        margin-top: 30px;
    }
    .blog-show .main-body .info .item-info i {
        margin-left: 5px;
    }
    .blog-show .main-body .img {
        width: 100%;
        margin-top: 20px;
    }
    .blog-show .main-body .img img {
        width: 100%;
        border-radius: 15px;
    }
    .blog-show .main-body .time-read {
        width: 170px;
        background-color: rgb(212, 212, 212);
        padding: 5px;
        margin-top: 20px;
        border-radius: 10px;
        display: flex;
    }
    .blog-show .main-body p {
        line-height: 30px;
        text-align: justify;
    }
    .blog-show .side-body {
        width: 100%;
        display: block;
    }
    .blog-show .side-body .item-side {
        background-color: white;
        border-radius: 10px;
        padding: 20px;
        width: 100%;
        height: 300px;
    }
    .blog-show .side-body .item-side .title {
        font-size: 20px;
    }
    .blog-show .side-body .item-side .title i {
        font-size: 22px;
        color: #496fcf;
        margin-left: 5px;
    }
    .blog-show .side-body .item-side a {
        text-decoration: none;
        color: #000;
        margin-top: 20px;
        display: block;
    }
}