.head-pic > img {
    width: 100%;
    height: 350px;
    object-fit: cover;
}

.page-content {
    padding-top: 40px;
}

.main-content {
    width: 70%;
    height: auto;
    margin: 0 auto;
}


@media only screen and (max-width: 767px) {
    .main-content {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
}


.magazine-title {
    font-size: 18px;
    font-family: geekexpressbold;
    margin-bottom: 10px;
    /* text-transform: capitalize; */
}

.magazine-author {
    font-size: 12px;
    color: #5c5c5c;
    margin-top: 10px;
    font-family: geekexpresslight;
}

.magazine-date {
    font-size: 12px;
    color: #5c5c5c;
    font-family: geekexpresslight;
}

.magazine-picture > img {
    border-radius: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
}



.magazine-article {
    clear: both;
    font-family:  geekexpresslight;
    color: #535353;
    font-size: 14px;
    margin-right: 25%;
    padding-top: 20px;
    margin-bottom: 10px;
    margin-left: 3px !important;
}


@media only screen and (max-width: 767px) {
.magazine-article {
    clear: both;
    font-family:  geekexpresslight;
    color: #535353;
    font-size: 14px;
    margin-right: 0px;
    padding-top: 20px;
    margin-bottom: 10px;
}
}
b{
    font-weight: 800;
}
.magazine-article > b {
    font-weight: 800px;

}

.arabic-article {

    clear: both;
    font-family:  geekexpresslight;
    color: #535353;
    font-size: 14px;
    margin-right: 0px;
    padding-top: 20px;
    margin-bottom: 10px;
    direction: rtl;
}

.comment {
    margin-top: 100px;
    cursor: pointer;
    font-size: 10px;
    font-family: geekexpresslighte;
}

@media only screen and (max-width: 767px) {
    .comment {
        margin-top: 5px;
        cursor: pointer;
        font-size: 10px;
        font-family: geekexpresslight;
    }
}

.comment-content {
    margin: 10px;
}

.magazine-comments {
    /* margin: 10px; */
}
.usernamex{
    font-size: 12px !important;
    font-family: geekexpresslight;
    /* text-transform: uppercase; */
    margin-bottom: 5px;
}
.magazine-comments > .comment-title {
    font-weight: 700;
    font-size: 18px;
}


.magazine-comments > .row > .col > .profile > img {
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

.magazine-comments > .row > .col > .usernamex {
    font-size: 10px !important;
    font-family: geekexpresslight;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.magazine-comments > .row > .col > .content {
    font-size: 12px;
    font-family: geekexpresslight;
    margin-bottom: 5px;
}

.magazine-comments > .row > .col > .date {
    font-size: 12px;
    font-family: geekexpresslight;
}

.comment-content > hr.line {
    border: 0;
    height: 2px;
    background-color: #efefef;
    margin-top: 15;
    width: 20%;
    margin-bottom: 31px;
    
}

.related-articles {
    width: 70%;
    height: auto;
    margin: 0 auto;
}

.related-article-title {
    font-weight: 700;
    font-size: 18px;
}


.magaizne-posts {
    margin-top: 20px;
    margin-bottom: 10px;
}


.carousel-caption {
    background-color: #3c96dc;
    opacity: 0.8;
    height: 70%;
    font-size:10px;
    width: 50%;

}

.fa-comment {
    margin-left: 40px;
}

.row-picture {
    width: 300px;
    height: 300px;
    border-radius: 2%;

}

.row-date {
    font-weight: 700;
    color: darkgrey;
    margin-top: 15px;
    font-family: geekexpresslight;
    font-size: 16px;
}

.row-status {
    font-family: geekexpresslight;
    font-size: 16px;
    color: #727272;
    margin-top: 5px;
    width: 60%;
}

.geek-magazine-content {
    margin-top: 30px;
    /* align-content: center; */
    /* text-align: center; */
}



.maga-img{
    margin-top: 20px;
}

.col-form-label{
    color:black; 
    font-family: geekexpresssemibold !important;
}