* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* BLOG-CARD-SECTION */
.blog-section {
    /* background-color: #ffffff; */
}

.blog-main-container .row:nth-child(even) .col-md-6:nth-child(even) {
    order: 1;
}

.blog-main-container .row:nth-child(odd) .col-md-6:nth-child(odd) {
    order: 2;
}

.blog-card-img img {
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 30px !important;
}

.blog-title {
    /* font-family: "Lora", serif !important; */
    /* font-family: "Questrial", sans-serif !important; */
    text-align: justify !important;
}

.blog-text {
    text-align: justify !important;
    font-size: 17px !important;
}

.blog-card-text {
    height: 100%;
    margin: auto;
}

.blog-text-container {
    /* background-color: #f7f7f7; */
}

.blog-card-img {
    /* background-color: #f7f7f7; */
}

.blog-box-card {
    /* background-color: #f7f7f7 !important; */
}

/* MOBILE RESPONSIVE */
@media screen and (max-width: 480px) {
    .blog-main-container .col-md-6:nth-child(even) {
        order: 1;
    }

    .blog-main-container .col-md-6:nth-child(odd) {
        order: 2;
    }

}

/* TAP RESPONSIVE */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .blog-main-container .row.col-md-6:nth-child(even) {
        order: 1;
    }

    .blog-main-container .row.col-md-6:nth-child(even) {
        order: 2;
    }
}



/* blog-details */
.blog-details-banner {
    background-color: #ffffff;
    color: #100f0f;
}

.small-img-container {
    background-color: #ffffff;
    color: #100f0f;
}

.width-80 {
    width: 100%;
    /* background-color: #f7f7f7; */
    padding: 0px 5px;
}

.blog-details-text {
    text-align: justify;
    font-size: 18px;
}

.blog-details-title {
    text-align: justify;
}

/* SOCIAL-SHARE-BUTTON */
div#social-links {
    margin: 0 auto;
    max-width: 500px;
}

div#social-links ul li {
    display: inline-block;
}

/* SOCIAL-SHARE-BUTTON */
div#social-links ul li a {
    padding: 20px;
    border: 1px solid #ccc;
    margin: 1px;
    font-size: 30px;
    color: #222;
    background-color: #ccc;
}


/* MOBILE RESPONSIVE */
@media screen and (max-width: 480px) {
    .width-80 {
        width: 100%;
        margin: auto;
        padding: 10px 0px;
        background-color: #FFFFFF;
    }

    div#social-links ul li a {
        padding: 8px;
        border: 1px solid #ccc;
        margin: 1px;
        font-size: 18px;
        color: #222;
        background-color: #ccc;
    }
}


/* TAP RESPONSIVE */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .width-80 {
        width: 100%;
    }
}