@charset "utf-8";

/* 

1. 1199px
2. 991px
3. 959px
4. 880px
5. 768px
6. 767px
7. 539px
8. 479px
9. 400px
 */

@media only screen and (min-width: 1200px) {
    .justify-content-adjust {
        justify-content: flex-start !important;
    }

    .blog_article_mr {
        margin-right: 16px;
    }
}

@media only screen and (min-width: 1000px) {
    .article_content {
        position: relative;
        width: auto;
    }
    .article_content .share_buttons {
        display: block;
        position: absolute;
        left: 0;
        width: auto;
        padding: 0;
        margin-left: -90px;
        margin-top: -40px;
        height: calc(100% - 240px);
    }
    .article_content .share_buttons .share_buttons_title {
        display: none;
    }
    .article_content .share_buttons .share_buttons_icons {
        left: 0;
        display: flex;
        flex-direction: column;
        top: 200px;
        position: sticky;
    }
    .article_content .share_buttons .share_buttons_icons .i-amphtml-element {
        width: 35px !important;
        height: 35px !important;
        margin-right: 0;
        margin-bottom: 15px;
        border-radius: 50%;
    }
    .article_content .share_buttons .share_buttons_icons .i-amphtml-element:last-of-type {
        margin-bottom: 0;
    }
    .article_content .share_buttons .share_buttons_icons .i-amphtml-element i.fa {
        font-size: 20px;
        color: #3e3e3e;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {

    .blog_nav_container,
    .blog_container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .blog_article {
        width: calc(33.3% - 10px);
    }

    .blog_article {
        max-height: calc(480px + 5%);
    }

    .justify-content-adjust {
        justify-content: flex-start !important;
    }

    .blog_article_mr {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .blog_nav_container,
    .blog_container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog_spotlight_img,
    .blog_spotlight_content {
        width: 50%;
    }

    .justify-content-adjust {
        justify-content: space-between !important;
    }

    .blog_article_mr {
        margin-right: 0;
    }

    .blog_article {
        width: calc(50% - 12px);
    }

    .blog_article_ts {
        font-size: 24px !important;
    }

    .blog_newsletter_social {
        width: 27px;
    }

    .ca_pl-l {
        padding-left: 30px !important;
    }

    .article_content {
        margin: -100px 150px 50px 150px
    }

    .article_content_text {
        width: 100%;
    }

    .blog_article_content {
        height: 210px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 881px) {

    .blog_container,
    .blog_nav_container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog_spotlight_img,
    .blog_spotlight_content {
        width: 50%;
    }

    .blog_article_mr {
        margin-right: 0;
    }

    .blog_article {
        max-height: calc(480px + 8%);
        width: calc(50% - 12px);
    }

    .blog_article_ts {
        font-size: 24px !important;
    }

    .ca_pl_l {
        padding-left: 60px !important;
    }

    .blog_newsletter_social {
        width: 26px !important;
    }

    .article_content {
        margin: -100px 100px 50px 100px
    }

    .article_content_text {
        width: 100%;
    }

    .blog_article_content {
        height: 215px;
    }
}

@media only screen and (max-width: 880px) and (min-width: 768px) {
    .ca_pl_l {
        padding-left: 20px !important;
    }

    .blog_nav_container,
    .blog_container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog_spotlight_img,
    .blog_spotlight_content {
        width: 50%;
    }

    .blog_spotlight_title {
        font-size: 26px;
    }

    .blog_spotlight_text,
    .blog_spotlight_date {
        font-size: 16px;
    }

    .blog_article_mr {
        margin-right: 0;
    }

    .blog_article {
        width: calc(50% - 12px);
        margin-bottom: 15px;
    }

    .article_content {
        margin: -100px 80px 50px 80px
    }

    .article_content_text {
        width: 100%;
    }

    .blog_article_content {
        height: 215px;
    }

    .blog_article_ts {
        font-size: 22px !important;
    }

    .blog_newsletter_col {
        width: 100%;
        border-radius: 20px;
    }

    .blog_newsletter_img {
        display: none;
    }

    .blog_newsletter_social {
        width: 26px !important;
    }

    .blog_newsletter_content {
        text-align: center;
    }

    .blog_footer_c_one {
        width: 40%
    }

    .blog_footer_c_two,
    .blog_footer_c_three {
        width: 30%;
    }

}

@media only screen and (max-width: 767px) and (min-width: 576px) {

    .blog_container,
    .blog_nav_container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog_nav_container {
        height: 58px;
    }

    .blog_header {
        padding-top: 110px;
    }

    .blog_spotlight {
        margin-top: 60px;
    }

    .blog_menu_items,
    .blog_actions {
        display: none;
    }

    .ca_menu {
        display: flex;
    }

    .ca_menu_label {
        display: block;
    }

    .rem_p {
        padding: 0 !important;
    }

    .article {
        padding-top: 60px;
    }

    .blog_article_mr {
        margin-right: 0;
    }

    .blog_article {
        width: calc(50% - 12px);
    }

    .article_content {
        margin: -100px 50px 50px 50px;
    }

    .article_content_text {
        width: 100%;
    }

    .blog_article_ts {
        font-size: 22px !important;
    }

    .blog_spotlight_img {
        width: 100%;
        height: 50vw;
        border-radius: 0;
    }

    .blog_spotlight_content {
        padding: 45px;
        width: 100%;
        border-radius: 0;
        height: 350px;
    }

    .blog_spotlight_date {
        margin-top: 240px;
    }

    .blog_newsletter_col {
        width: 100%;
        border-radius: 20px;
    }

    .blog_newsletter_img {
        display: none;
    }

    .blog_newsletter_social {
        width: 26px;
    }

    .blog_newsletter_content {
        text-align: center;
    }
}


@media only screen and (max-width: 575px) {
    .blog_nav_container {
        height: 54px;
    }

    .ca_menu {
        display: flex;
    }

    .ca_menu_label {
        display: block;
    }

    .ca_menu_title,
    .ca_menu_link {
        font-size: 15px;
    }

    .ca_menu_title {
        width: 140px;
    }

    .blog_header {
        padding-top: 110px;
    }

    .blog_spotlight {
        margin-top: 60px;
    }


    .blog_menu_items,
    .blog_actions {
        display: none;
    }

    .blog_container,
    .blog_nav_container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .blog_header {
        padding-top: 110px;
    }

    .blog_header_title {
        font-size: 26px;
    }

    .blog_spotlight {
        margin-top: 40px;
    }

    .rem_p {
        padding: 0 !important;
    }

    .blog_spotlight_img {
        width: 100%;
        height: 50vw;
        border-radius: 0;
    }

    .blog_spotlight_content {
        width: 100%;
        padding: 40px;
        border-radius: 0;
        height: 350px;
    }

    .blog_spotlight_title {
        font-size: 24px;
    }

    .blog_spotlight_date {
        margin-top: 250px;
    }

    .blog_articles_list {
        justify-content: center;
    }

    .blog_article_mr {
        margin-right: 0;
    }

    .blog_article {
        width: 100%;
        margin-bottom: 20px;
    }

    .article {
        padding-top: 56px;
    }

    .article_content {
        margin: 0 0 20px 0;
    }

    .article_content_text {
        padding: 60px 40px;
        border-radius: 0;
        width: 100%;
    }

    .article_image img {
        border-radius: 0;
        width: 100%;
    }

    .blog_article_img {
        height: 220px;
    }

    .blog_article_content {
        height: 200px;
    }

    .blog_article_tag {
        font-size: 16px;
        font-weight: 300;
    }

    .blog_article_title {
        font-size: 20px;
        font-weight: 400;
    }

    .blog_newsletter_col {
        width: 100%;
        border-radius: 20px;
        padding: 30px 20px;
    }

    .blog_newsletter_img,
    .blog_newsletter_social {
        display: none !important;
    }

    .blog_newsletter_desc {
        width: 100%;
        max-width: 100%;
    }

    .blog_newsletter_content {
        text-align: center;
    }


    .blog_footer_c_one,
    .blog_footer_c_two,
    .blog_footer_c_three {
        width: 100%;
    }

    .blog_footer_c_three.blog_r_d_n {
        display: none;
    }

    .blog_d_n {
        display: block;
        margin-top: 25px;
    }

    .blog_footer_r_a_i {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .blog_footer_c_two,
    .blog_footer_c_three {
        margin-top: 35px;
    }

    .footer_nav_list {
        padding: 0;
    }

    .blog_copyright_content {
        margin-top: 25px;
        width: 100%;
    }

    .blog_copyright_menu {
        padding: 0;
        flex-direction: column !important;
    }

    .copyright_menu_item {
        margin-top: 12px;
        font-size: 16px;
        font-weight: 300;
    }
}