@media (min-width:300px)  {
    .darkest_background {
        background-color: var(--darkest_background);
    }
    .dark_background {
        background-color: var(--dark_background);
    }
    #show_bg_2 {
        width: 100%;
        height: 450px;
        background-size: cover;
        color: white;
        padding: 20px;
        position: relative;
    }
    #show_bg_2-content {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px;
        padding-right: 20px; padding-left: 20px
    }
    #square_background_gradiant {
        width: 100%;
        height: 350px;
        background-size: cover;
        color: white;
        padding: 20px;
        position: relative;
    }
    #square_background_gradiant_content {
        position: absolute;
        bottom: 0;
        left: 0;
        /*padding: 15px;*/
        padding: 20px;
        padding-right: 30px; padding-left: 30px
    }
    #background_gradiant_image {
        width: 100%;
        height: 450px;
        background-size: cover;
        color: white;
        padding: 20px;
        position: relative;
    }
    #background_gradiant_image_content {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px;
        /*padding: 40px;*/
        /*padding-right: 100px; padding-left: 100px*/
    }
    .video_player{
        display: none;
    }
    .special_page_padding{
        padding: 20px;
    }

    .timeline_pc_div{
        display: none;
    }
    .timeline_pc_div{
        display: none;
    }
    .timeline_mobile_div{
        display: block;
    }


    /* [1] The container */
    .img-hover-zoom {
        height: 350px; /* [1.1] Set it as per your need */
        overflow: hidden; /* [1.2] Hide the overflowing of child elements */
    }
    /* [2] Transition property for smooth transformation of images */
    .img-hover-zoom img {
        transition: transform 1s ease;
    }
    /* [3] Finally, transforming the image when container gets hovered */
    .img-hover-zoom:hover img {
        transform: scale(1.1);
    }

    .red_box {
        width:120px;
        height:40px;
        background-color: var(--dark_background);
        border-radius: 20px;
        padding: 5px;
        padding-right: 10px;
        /*text-align: center;*/
        /*position:relative;*/
        /*overflow:hidden;*/
    }
    .english_twitter{
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;"
    }
    .dhivehi_twitter{
        margin-left: auto;
        margin-right: auto;
        max-width: 500px;"
    }
    .breaking_gradiant_background {
        width: 100%;
        height: 500px;
        background-size: cover;
        color: white;
        padding: 20px;
        position: relative;
        border-radius: 10px;
    }
    .breaking_gradiant_background_content {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 15px;
    }
    .bordered_text {
        font-family: 'mv_waheed';
        font-size: 70px;
        color: rgba(0, 0, 0, 0.5) !important;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
        text-shadow: 2px 4px black;
        line-height: 1.4;
    }
    .bordered_text {
        font-family: 'mv_waheed';
        font-size: 40px;
        color: rgba(0, 0, 0, 0.5) !important;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
        text-shadow: 2px 4px black;
    }

    .special_page_detail_image_div {
        padding: 25px;
        height: 470px;
        /*background-image:*/
        /*linear-gradient(to bottom, transparent 0%, transparent 1%, black 100%);*/
        /*url(<?php echo env('AWS_S3_URL')?>@{{selected_post.landscape_image}});*/
    }

    .special_page_detail_heading {
        font-family: 'mv_waheed';
        font-size: 40px;
        color: white;
    }
    .special_page_abstract_div {
        /*padding: 20px;*/
        /*margin-right: 50px;*/
        /*margin-left: 50px;*/
    }

    .special_page_abstract {
        font-family: mv_faseyha;
        font-size: 22px;
        line-height: 1.8;
    }

    blockquote.style4 {
        /*font-family: 'mv_waheed';*/
        font-family: 'Maumoon';
        color: navajowhite;
        background-color: #444444;
        border-radius: 10px;
        font-size: 30px;
        line-height: 1.7;
        text-align: center;
        font-weight: bold;
        padding-right: 70px;
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 40px;

        /*background-color: #dadada;*/
        /*border-top: 1px solid #ccc;*/
        /*border-bottom: 1px solid #ccc;*/
        margin: 5px;
        /*background-image: url(https://css-tricks.com/examples/Blockquotes/images/openquote4.gif);*/
        background-image: url(/assets/images/quote_3.png);
        background-position: top right;
        background-repeat: no-repeat;
        text-indent: 23px;
    }

    .center_line {
        margin: 0px auto;
        width: 100%;
        height: 100%;
        /*height: 100px;*/
        /*border: 1px solid #333;*/
        position:relative;
        text-align:center
    }
    .dhivehi_navigation {
        font-family: 'mv_waheed';
        font-size: 20px;
    }
    .dhivehi_post_details_heading  {
        color: var(--heading_color);
        font-family: 'mv_waheed';
        font-size: 40px;
        direction: rtl;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_post_website_heading  {
        color: var(--heading_color);
        font-family: 'mv_waheed';
        z-index: 1;
        font-size: 35px;
        direction: rtl;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_post_website_heading:hover  {
        cursor: pointer;
        color: var(--heading_hover_color);
    }
    .breaking_news_outer_div  {
        background-color: var(--breaking_background_color);
        /*background-color: darkred; */
        border-radius: 10px;
        border: 2px solid red;
    }
    .dhivehi_post_breaking_heading_div  {
        /*padding: 20px 20px 0px 20px;*/

        /*border-radius: 20px;*/
    }
    .dhivehi_post_breaking_heading  {
        color: white;
        font-family: 'mv_waheed';
        z-index: 1;
        font-size: 35px;
        direction: rtl;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_post_breaking_heading:hover  {
        cursor: pointer;
        color: navajowhite;
    }
    .fading_text{
        margin-bottom: 5px;
        padding-bottom: 5px;
        /*border-bottom: 3px solid #777;*/
        max-height:200px;
        overflow:hidden;
        text-overflow: ellipsis;
        content: "";
        position:relative;
    }
    .fading_text:before {
        content:'';
        width:100%;
        height:100%;
        position:absolute;
        left:0;
        top:0;
        background:linear-gradient(transparent 10px, #eeeeee 60%);
        /*linear-gradient(to bottom, transparent 0%, transparent 10%, black 100%);*/
    }
    .dhivehi_link_heading_div {
        text-align: center;
    }

    .dhivehi_post_link_content {
        padding: 20px;
        height: 230px;
        overflow: hidden;
    }

    .dhivehi_post_link_image {
        width: 100% !important;
        border-radius: 50% !important;
    }

    .dhivehi_post_link_image_div {
        padding: 20px !important;
    }

    .dhivehi_post_link_outer_div {
        /*background-color: #222222;*/
        background-color: #eeeeee;
        box-shadow: 5px 10px 18px #888888;
        cursor: pointer;
        border: 1px solid grey;
        height: 215px;
        overflow: hidden;
        direction: rtl;
        padding: 0px;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        margin-right: 50px !important;
        margin-left: 50px !important;
        border-radius: 10px;
    }

    .dhivehi_post_link_heading {
        font-family: 'mv_waheed';
        font-size: 28px;
        text-decoration: none;
        color: #333333 !important;
        direction: rtl;
        line-height: 1.5;
    }

    .dhivehi_link_text_div {
        height: 200px;
    }

    .bullet_class{
        font-family: 'mv_waheed';
        font-size: 28px;
        direction: rtl;
        text-align: right;
        margin-right: 50px;
        color: var(--bullet_color);
    }

    .dhivehi_post_link_text {
        font-family: 'mv_faseyha';
        margin-top: 10px;
        font-size: 20px;
        direction: rtl;
        color: 	#777777;
    }
    .dhivehi_post_section_heading {
        font-family: 'mv_waheed';
        cursor: pointer;
        font-size: 20px;
        direction: rtl;
        text-align: right;
        border: 1px solid black;
        text-align: center;
        border-radius: 6px;
        padding: 4px 10px 2px 10px;
    }
    .advertisement_container {
        margin-left: 200px;
        margin-right: 200px;
        margin-bottom: 30px;
        margin-top: 30px
    }
    .dhivehi_breaking_caption {
        margin-top: 10px;
        font-family: 'mv_waheed';
        font-size: 18px;
        color: gray;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
        margin-right: 20px;
    }
    .photo_caption {
        margin-top: 10px;
        font-family: 'mv_waheed';
        font-size: 18px;
        color: darkgray;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .dhivehi_post_square_heading {
        font-family: 'mv_waheed';
        z-index: 1;
        font-size: 25px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .layout_5_second_heading {
        font-family: 'mv_waheed';
        z-index: 1;
        font-size: 20px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .breaking_news_text {
        font-family: 'mv_waheed';
        font-size: 20px;
        color: white;
    }
    .breaking_news {
        background-color: var(--breaking_news_color);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: white;
    }
    .breaking_news_top_text {
        padding: 0 !important;
        font-family: 'mv_waheed';
        font-size: 20px;
        /*color: var(--breaking_news_color);*/
        color: white;
    }
    .breaking_news_top {
        /*background-color: var(--breaking_news_color);*/
        padding: 0 !important;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        color: white;
    }
    .breaking_news_small {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        text-align: right;
        margin-right: 10px;
    }
    .technology_div {
        background-color: var(--dark_background);
        margin-right: 0px !important;
        margin-left: 0px !important;
        border-radius: 10px;
        padding: 15px;
    }
    .elapsed_time {
        position: absolute;
        bottom: 2px;
        left: 13px;
        font-family: 'mv_faseyha';
        font-size: 12px;
        color: darkblue;
    }
    .dhivehi_post_line_div {
        margin-bottom: 10px;
        text-align: right !important;
        position: relative;
    }
    .red_overlay::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(0deg, rgba(128, 0, 0, 0.9) 0%, rgba(128, 0, 0, 0.9) 10%, rgba(128, 0, 0, 0) 100%);
        /*background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0) 100%);*/
    }
    .white_overlay::before {
        padding: 60%;
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0) 100%);
    }
    .overlay::before {
        content: '';
        /*z-index: 10;*/
        width: 100%;
        height: 100%;
        /*display: block;*/
        position: absolute;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.9) 10%, rgba(0, 0, 0, 0) 100%);
    }
    .video_side_div {
        position: relative;
    }
    .video_image_div {
        position: relative;
    }
    .video_image {
        width: 100%;
    }
    .post_main_div {
        margin-top: 0px;
        padding-left: 0px
    }
    .most_popular_heading  {
        color: var(--heading_color);
        font-family: 'mv_waheed';
        font-size: 24px;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .ad_image_div {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-top: 10px
    }
    .ad_image {
        width: 100%;
    }
    .video_heading_div {
        position: absolute;
        bottom: 0;
        left: 0;
        direction: rtl;
        text-align: right !important;
        padding-right: 20px;
    }
    .video_heading {
        font-family: 'mv_waheed';
        font-size: 23px;
        color: white;
        text-align: right !important;
        line-height: 1.8;
    }
    .video_advertisement {
        margin: 30px 50px 30px 50px;
    }
    .dhivehi_post_white_heading {
        font-family: 'mv_waheed';
        font-size: 30px;
        color: white;
    }
    .technology_post_white_heading {
        margin-top: 15px;
        font-family: 'mv_waheed';
        font-size: 20px;
        color: white;
    }
    .dhivehi_post_line_heading {
        font-family: 'mv_faseyha';
        z-index: 1;
        font-size: 16px !important;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .journalist_name{
        text-align: center;
        margin-top: 10px;
        font-family: 'mv_faseyha';
        font-size: 12px;
        line-height: 2;
        border-bottom: 1px solid gray;
    }

    .dhivehi_post_breaking_abstract_div {
        font-family: 'mv_faseyha';
        font-size: 20px;
        padding: 20px 20px 10px 20px;
        text-align: right;
        line-height: 1.8;
        border-right: 7px solid var(--dark_background);
        /*color: white;*/
    }

    .dhivehi_post_abstract_div {
        /*overflow: hidden;*/
        /*height: 110px;*/
        font-family: 'mv_faseyha';
        font-size: 20px;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_post_paragraph {
        font-family: 'mv_faseyha';
        font-size: 21px;
        color: #0E0F0F;
        direction: rtl;
        text-align: justify;
        line-height: 1.8;
    }



    .highlight_box {
        /*border: 0.5px solid lightgray;*/
        margin-top: 25px;
        margin-bottom: 25px;
        border-right: 5px solid red;
        padding: 15px 25px 10px 15px;
        /*border-right: 5px solid rgba(10, 43, 162, 0.8);*/
        /*border-radius: 20px;*/
        /*height: 200px;*/
        background-color: rgba(236, 240, 241, 0.5);
    }
    .video-container {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        height: 0;
    }
    .video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .bordered_box {
        margin-top: 25px;
        margin-bottom: 25px;
        border: 0.1em solid gray;
        padding: 15px 15px 8px 15px;
        border-radius: 15px;
    }
    .dhivehi_bordered_box_text {
        font-family: 'mv_faseyha';
        font-size: 20px;
        color: #0E0F0F;
        direction: rtl;
        text-align: center;
        line-height: 1.8;
    }

    .dhivehi_post_main_heading_edit {
        font-family: 'mv_waheed';
        font-size: 25px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.7;
    }
    .circular_post_heading {
        font-family: 'mv_waheed';
        font-size: 20px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_post_big_heading {
        font-family: 'mv_waheed';
        font-size: 50px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.4;
    }
    .dhivehi_post_main_heading {
        font-family: 'mv_waheed';
        font-size: 35px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_portrait_image {
        width: 100%;
    }
    .dhivehi_portrait_image_div {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .dhivehi_main_image_caption {
        font-family: 'mv_faseyha';
        margin-top: 10px;
        font-size: 15px;
        direction: rtl;
    }
    .small_bullet{
        font-family: 'mv_faseyha';
        font-size: 15px;
        direction: rtl;
        line-height: 1.7;
    }
    .small_bullect_div {
        margin-top: 15px !important;
    }
    .politics_row{
        padding-top: 10px;
    }
    .small_bullet_main_heading {
        font-family: 'mv_waheed';
        font-size: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        direction: rtl;
        line-height: 1.5;
        color: #0a0a0a;
    }
    .small_bullet_heading {
        font-family: 'mv_waheed';
        font-size: 25px;
        direction: rtl;
        line-height: 1.5;
        color: #0a0a0a;
    }
    .dhivehi_breaking_image {
        width: 100%;
        border-radius: 10px;
    }

    .dhivehi_main_image {
        width: 100%;
        border-radius: 5px;
    }
    .dhivehi_main_image_div {
        margin: 15px;
        text-align: right;
        direction: rtl;
    }
    .dhivehi_portrait_image_text_div {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .dhivehi_portrait_image_arrow_icon {
        float: right;
        color: red;
    }
    .dhivehi_highlight_box_text {
        font-family: 'mv_waheed';
        font-size: 27px;
        color: black;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .dhivehi_portrait_image_text {
        font-family: 'mv_waheed';
        color: black;
        margin-top: 80px;
        font-size: 25px;
        direction: rtl;
        text-align: right;
        line-height: 1.5;
    }
    .dhivehi_post_sub_heading {
        font-family: 'mv_waheed';
        color: black;
        font-size: 32px;
        direction: rtl;
        text-align: right;
        line-height: 1.8;
    }
    .dhivehi_column_heading {
        font-family: 'mv_waheed';
        color: black;
        font-size: 20px;
        direction: rtl;
        text-align: right;
        margin-right: 10px;
    }
}