@media (max-width: 767px) {
    .col-12.col-sm-6.col-lg-12.box-news {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .col-12.col-sm-6.col-lg-12.box-news .border-bottom {
        border-bottom: 1px solid var(--border-color-light) !important;
    }
}

@media (max-width: 768px) {
    .col-md-4, .col-md-8 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 1024px) {
    /*ipad-pro*/
    .col-lg-6, .col-lg-4, .col-lg-3, .col-lg-8, .col-lg-9 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .d-none.d-sm-flex {
        display: none !important;
    }
    .news-item h3, a.news-item span {
        margin-top: 5px;
    }
    .m-order-1 {
        order: 0!important;
    }

    .col-12.col-sm-6.col-lg-12.box-news {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-12.col-sm-6.col-lg-12.box-news .border-bottom {
        border-bottom: unset !important;
    }
    /*ipad pro*/

    .m-pt-1, .m-py-1 {
        padding-top: .25rem !important;
    }

    .m-pb-1, .m-py-1 {
        padding-bottom: .25rem !important;
    }

    .m-pl-1, .m-px-1 {
        padding-left: .25rem !important;
    }

    .m-pr-1, .m-px-1 {
        padding-right: .25rem !important;
    }

    .m-pt-2, .m-py-2 {
        padding-top: .5rem !important;
    }

    .m-pb-2, .m-py-2 {
        padding-bottom: .5rem !important;
    }

    .m-pl-2, .m-px-2 {
        padding-left: .5rem !important;
    }

    .m-pr-2, .m-px-2 {
        padding-right: .5rem !important;
    }

    .m-pt-3, .m-py-3 {
        padding-top: 1rem !important;
    }

    .m-pb-3, .m-py-3 {
        padding-bottom: 1rem !important;
    }

    .m-pl-3, .m-px-3 {
        padding-left: 1rem !important;
    }

    .m-pr-3, .m-px-3 {
        padding-right: 1rem ! important;
    }

    .m-mt-1, .m-my-1 {
        margin-top: .25rem !important;
    }

    .m-mb-1, .m-my-1 {
        margin-bottom: .25rem !important;
    }

    .m-ml-1, .m-mx-1 {
        margin-left: .25rem !important;
    }

    .m-mr-1, .m-mx-1 {
        margin-right: .25rem !important;
    }

    .m-mt-2, .m-my-2 {
        margin-top: .5rem !important;
    }

    .m-mb-2, .m-my-2 {
        margin-bottom: .5rem !important;
    }

    .m-ml-2, .m-mx-2 {
        margin-left: .5rem !important;
    }

    .m-mr-2, .m-mx-2 {
        margin-right: .5rem !important;
    }

    .m-mt-3, .m-my-3 {
        margin-top: 1.5rem !important;
    }

    .m-mb-3, .m-my-3 {
        margin-bottom: 1.5rem !important;
    }

    .m-ml-3, .m-mx-3 {
        margin-left: 1.5rem !important;
    }

    .m-mr-3, .m-mx-3 {
        margin-right: 1.5rem !important;
    }

    .m-pt-0, .m-py-0 {
        padding-top: 0 !important;
    }

    .m-pb-0, .m-py-0 {
        padding-bottom: 0 !important;
    }

    .m-pl-0, .m-px-0 {
        padding-left: 0 !important;
    }

    .m-pr-0, .m-px-0 {
        padding-right: 0 !important;
    }

    .m-mt-0, .m-my-0 {
        margin-top: 0 !important;
    }

    .m-mb-0, .m-my-0 {
        margin-bottom: 0 !important;
    }

    .m-ml-0, .m-mx-0 {
        margin-left: 0 !important;
    }

    .m-mr-0, .m-mx-0 {
        margin-right: 0 !important;
    }

    a:hover {
        color: initial;
    }

    .am-news-ticker-label {
        padding: 0 5px;
    }

    /* Top Section */
    .lead-below-item {
        border-right: none;
    }

    .news-item-lead {
        border-bottom: 1px solid var(--border-color-light);
        padding: 0;
        margin: 0;
    }

    .lead-top:nth-child(1) .news-item-list {
        padding: .5rem 0;
        border-bottom: 1px solid var(--border-color-light);
    }

    .breadcrumb {
        background-color: transparent;
        padding: 5px 0 8px;
        border-bottom: 1px solid var(--border-color-light);
        border-radius: 0;
        margin: 0 0 8px;
    }

    .news-item-list img {
        width: 110px;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 75px;
        margin-right: 8px;
        object-fit: cover;
    }

    .news-item-list h2 {
        font-size: var(--font-size-list-item);
        line-height: 26px;
    }

    .category-header .title {
        font-size: 24px;
        margin: 0 5px;
    }

    .section-special {
        padding: 0;
    }

    .special-arrangement {
        background: #002543;
        display: flex !important;
        flex-wrap: wrap;
        grid-gap: 0 !important;
    }

    .m-special__item {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        display: block !important;
    }

    .m-special__item img {
        object-fit: cover !important;
    }

    .m-special__item--1 {
        display: flex;
        flex-direction: column;
    }

    .m-special__item--1 img {
        width: 100%;
        min-width: 100% !important;
        height: 300px;
    }

    .m-special__item--1 h2 {
        font-size: 1.7rem !important;
        line-height: 2.3rem !important;
        padding: 90px 10px 0 !important;
        margin: 0 !important;
        color: #FFF !important;
        position: absolute !important;
        bottom: -10px !important;
    }

    .special-arrangement .special__item:hover img {
        -webkit-filter: none;
        filter: none;
    }

    .m-special__item--1 {
        position: relative !important;
    }

    .special-bottom-arrangement {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        overflow-x: auto !important;
        margin: 0 !important;
        padding: 25px 5px !important;
    }

    .special-bottom-arrangement .m-special__item {
        position: relative !important;
        flex: none !important;
        width: 240px !important;
        padding: 0 5px !important;
    }

    .special-bottom-arrangement img {
        width: 100% !important;
        min-width: 100% !important;
        height: 160px !important;
    }

    .special-bottom-arrangement .m-special__item h2 {
        font-size: var(--font-size-list-item);
        padding: 30px 10px 0px !important;
        line-height: 27px !important;
        position: absolute;
        bottom: -2px;
        right: -1px;
        color: #FFF;
    }

    .d-special-arrangement {
        display: none !important;
    }

    .m-special-arrangement {
        display: flex !important;
    }

    .mobile-sharer-layout {
        display: flex;
        align-items: start !important;
        flex-direction: column;
        background: none !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }

    .mobile-sharer-layout .author-time {
        background: #eeeeee59;
        padding-left: 5px;
        border-left: 4px solid #eee;
        width: 100%;
    }

    .mobile-sharer-layout .share-top {
        padding: 0 !important;
    }

    .col-sm-4.box-news {
        margin-bottom: 0;
    }

    /* Politics */
    .politics .regular-list .news-item-regular:first-child,
    .special-reports .regular-list .news-item-regular:first-child,
    .grid-third .grid-third-item:first-child,
    .grid-fourth .grid-fourth-item:first-child,
    .type-sect-three-left .box-news:nth-child(1) .news-item-box,
    .grid-entertainment .grid-entertainment-item:first-child {
        flex-direction: column;
        border-bottom: 1px solid var(--border-color-light);
    }

    .politics .regular-list .news-item-regular:first-child img,
    .special-reports .regular-list .news-item-regular:first-child img,
    .grid-third .grid-third-item:first-child img,
    .grid-fourth .grid-fourth-item:first-child img,
    .grid-entertainment .grid-entertainment-item:first-child img {
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        margin: 0;
    }

    .politics .regular-list .news-item-regular:first-child h2,
    .special-reports .regular-list .news-item-regular:first-child h2,
    .grid-third .grid-third-item:first-child h2,
    .grid-fourth .grid-fourth-item:first-child h2,
    .type-sect-three-left .box-news:nth-child(1) h2,
    .grid-entertainment .grid-entertainment-item:first-child h2 {
        padding-top: .5rem !important;
        font-size: var(--font-size-list-item-first) !important;
    }

    .politics .news-item-regular img, .third-right .news-item-regular img,
    .special-reports .news-item-regular img,
    .blk-list .news-item-regular img,
    .clk-list .clk-item-regular img,
    .grid-third .grid-third-item img,
    .grid-fourth .grid-fourth-item img,
    .alk-list .news-item-regular img,
    .grid-entertainment .grid-entertainment-item img,
    .video-item img,
    .more-items .news-item-box img,
    .type-sect-three-left .box-news:nth-child(2) img,
    .ctl-items .news-item-regular img,
    .entertainment-right .alk-list .news-alk-image img,
    .entertainment-center .alk-list .news-alk-image img {
        width: 110px !important;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 75px !important;
        object-fit: cover !important;
        margin-right: 8px !important;
    }

    .politics .news-item-regular:first-child img {
        margin-right: 0 !important;
    }

    .politics .news-item-regular h2.title,
    .special-reports .news-item-regular h2.title,
    .third-right .news-item-regular h2.title,
    .blk-list .news-item-regular h2,
    .ctl-items .news-item-regular h2,
    .video-item h2,
    .more-items .news-item-box h2,
    .clk-list .clk-item-regular h2,
    .news-item-lite,
    .news-item-box h2,
    .type-sect-three-left .box-news:nth-child(2) h2,
    .grid-third .grid-third-item h2,
    .grid-fourth .grid-fourth-item:not(:first-child) h2,
    .alk-list .news-item-regular h2,
    .grid-entertainment .grid-entertainment-item h2,
    .entertainment-right .alk-list .news-alk-image h2, .entertainment-center .alk-list .news-alk-image h2 {
        font-size: var(--font-size-list-item) !important;
        line-height: 27px !important;
        padding: 0 !important;
    }

    /* National */
    .third-right .regular-list,
    .entertainment-right .news-alk-image,
    .entertainment-center .news-alk-image {
        display: flex !important;
    }

    .third-right .regular-list .news-item-regular {
        width: 100%;
    }

    .grid-third .grid-third-item,
    .grid-fourth .grid-fourth-item,
    .type-sect-three-left .box-news .news-item-box,
    .grid-entertainment .grid-entertainment-item {
        display: flex;
        border-bottom: 1px solid var(--border-color-light);
    }

    .third-right .scaled img {
        width: 110px !important;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 75px !important;
        object-fit: cover !important;
        margin-right: 8px !important;
    }

    .grid-third, .grid-entertainment, .grid-fourth {
        display: flex !important;
        flex-direction: column;
        grid-gap: 0;
    }

    .grid-third h2, .grid-entertainment h2, .grid-fourth h2 {
        position: unset !important;
        color: #000;
        background: none;
    }

    .entertainment-center .news-item-regular:last-child {
        border-bottom: 1px solid var(--border-color-light) !important;
    }

    .grid-entertainment .grid-entertainment-item:first-child {
        padding-bottom: .5rem;
    }

    .grid-entertainment .grid-entertainment-item:not(:first-child) {
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

    /* OCS */
    .ocs-items {
        padding: 0 5px !important;
    }

    .ocs-section .ocs-items {
        display: block;
    }

    .m-scroll-item {
        padding: 0 10px !important;
    }

    .ocs.card {
        width: 100%;
        background: #eeeeeee0;
        display: flex;
        border-radius: 0;
        flex-direction: row;
        margin-bottom: 8px;
    }

    .card-img-top {
        width: 110px;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 80px;
        object-fit: cover;
        border-radius: 0;
    }

    .ocs.card .card-body {
        padding: 3px 0px;
    }

    .ocs.card .card-title {
        font-size: var(--font-size-list-item);
        margin-left: 8px;
        margin-right: 8px;
        line-height: 26px;
    }

    /* Opinion */
    .opinion-article-title {
        font-size: var(--font-size-list-item);
    }

    .opinion-articles .opinion-t-item {
        border-bottom: 1px solid var(--border-color-light);
    }

    .opinion-articles .opinion-article:last-child .opinion-t-item, .entertainment-right .news-item-regular:last-child {
        border-bottom: none !important;
    }

    .ni-title {
        font-size: var(--font-size-list-item) !important;
        color: #FFF;
        margin: 0 8px;
        line-height: 26px;
    }

    .news-details p {
        overflow-wrap: break-word;
    }

    .third-right .regular-list .news-item-regular:nth-child(5), .entertainment-center .news-item-regular:last-child {
        border-bottom: 1px solid var(--border-color-light);
    }

    .grid-entertainment-item:hover img {
        transform: scale(1);
        transition: none;
        overflow: initial;
    }

    /* List with first item image */
    .blk-list .news-blk-image h2 {
        font-size: var(--font-size-list-item-first);
        line-height: 27px;
    }

    .news-blk-txt h2 {
        font-size: var(--font-size-list-item);
        line-height: 26px;
    }

    /* Gallery */
    .photo-gallery {
        display: block;
    }

    .gallery_photo_item {
        display: flex !important;
        flex-direction: column !important;
        position: relative !important;
        padding: 0;
        margin: 8px 0;
    }

    .gallery_photo_item h2 {
        bottom: 0;
        font-size: var(--font-size-list-item);
    }

    .gallery_photo_item {
        transform: scale(1);
    }

    .gallery_photo_item:hover img {
        transform: scale(1);
        transition: none;
    }

    .clk-center .clk-item-regular {
        border-bottom: 1px solid var(--border-color-light);
    }

    .tab-content .tab-pane {
        height: auto;
        overflow: unset;
    }

    .special-top .news-item-box, .archive-list .news-item-box {
        display: flex;
        align-items: flex-start;
    }

    /*.second-center .news-item-list:not(:last-child) {*/
    /*    border-bottom: 1px solid #979797;*/
    /*}*/
    .special-top .box-news:not(:nth-child(6)) .news-item-box {
        border-bottom: 1px solid #bbbaba;
    }

    .special-top .box-news:last-child .news-item-box {
        border-bottom: none;
    }

    .special-top .news-item-box img, .archive-list .news-item-box img {
        width: 110px;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 75px;
        object-fit: cover;
        margin-right: 8px;
    }

    .archive-list .box-news {
        margin-bottom: 0 !important;
    }

    .archive-list .box-news:not(:last-child) .news-item-box {
        border-bottom: 1px solid var(--border-color-light);
    }

    .pv-item {
        height: 75px;
    }

    .m-ect-items.active {
        background: #f5f5f5;
        color: var(--brand-color);
    }

    .m-ect-items {
        padding: 6px 15px;
        color: #565656;
        font-size: 20px;
        white-space: nowrap;
    }

    .m-sct-items.active {
        background: #f5f5f5;
        color: var(--brand-color);
    }

    .m-sct-items {
        padding: 6px 15px;
        color: #565656;
        font-size: 20px;
    }

    .m-ct-items.active {
        background: #f5f5f5;
        color: var(--brand-color);
    }

    .m-ct-items {
        padding: 6px 15px;
        color: #565656;
        font-size: 20px;
    }

    .m-et-items.active {
        background: #f5f5f5;
        color: var(--brand-color);
    }

    .m-et-items {
        padding: 6px 15px;
        color: #565656;
        font-size: 20px;
    }

    .probash .third-right {
        padding-top: 0 !important;
    }

    .video-home-title {
        font-size: var(--font-size-list-item);
    }

    .video-items {
        height: 100% !important;
    }


    .more-items .news-item-box {
        display: flex;
        padding: .5rem 0;
    }

    .more-items .box-news:not(:last-child) .news-item-box {
        border-bottom: 1px solid var(--border-color-light);
    }

    .facebook-post, .facebook-video, .twitter-post, .instagram-post {
        margin: 0 -10px;
    }

    .facebook-post iframe, .facebook-video iframe {
        max-width: 100% !important;
    }

    .photo-item-regular img {
        width: 110px;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 80px;
        object-fit: cover;
        margin-right: 8px;
    }

    .photo-item-regular h2.title, .photo-item-box h2 {
        font-size: var(--font-size-list-item);
        line-height: 25px;
    }

    .pv-container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .pv-container .box-news {
        width: 220px;
        flex: none;
    }

    .video-thumb-icon {
        position: absolute;
        left: 32%;
        bottom: 20%;
        border: 0px;
        color: rgba(255, 255, 255, 0.6);
        font-size: 35px !important;
    }

    .pvi-column.pv-container .box-news {
        width: 100%;
        flex: none;
        margin-bottom: .5rem;
    }

    .pvi-column.pv-container {
        display: flex;
        flex-wrap: wrap;
        overflow-x: auto;
    }

    .video-box .pvc-item i {
        position: absolute;
        bottom: 30%;
        left: 40%;
        background: none;
        padding: 0;
        font-size: 38px !important;
    }

    .pvi-column .video-box .pvc-item i {
        position: absolute;
        bottom: 35%;
        left: 41%;
        background: none;
        padding: 0;
        font-size: 56px !important;
    }

    .breaking-container {
        margin: 0 -14px;
    }

    .web-stories {
        display: flex;
        grid-gap: 0.5rem;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 0 -15px;
        padding: 0 10px;
    }

    .story-item {
        flex: none;
        width: 150px;
        height: 210px;
        margin-left: 5px;
        box-shadow: 0 1px 8px 0 rgb(143 143 143);
    }

    .country-articles .box-news:nth-child(2) .news-item, .international-articles .box-news:nth-child(2) .news-item, .in-articles .box-news:nth-child(2) .news-item {
        padding-bottom: .5rem;
    }

    .section-top .special-reports {
        margin: 0 -15px;
    }

    .section-top .special-reports .regular-list {
        padding: 0 7px;
    }

    .highlight-post {
        margin-top: 0 !important;
    }

    .highlight-post h2 {
        padding-top: .5rem !important;
    }

    .special-reports .news-item {
        border-bottom: none !important;
    }

    .probash .regular-list {
        padding: 0 10px;
    }

    #nav-recent-tab, #nav-popular-tab {
        font-size: 20px;
        margin: 0;
        padding: 10px 0;
    }

    .recent-popular .text-center {
        padding: .25rem 0 !important;
    }

    /*modification task 03-01-2021*/
    .lead-top .row:first-child {
        margin: -1rem -15px 0;
    }

    .lead-news {
        padding: 0;
    }

    .news-item-lead h2 {
        position: relative;
        bottom: 2.3rem;
        background: #eff0f5;
        padding: 10px;
        margin: 10px 15px -2.3rem !important;
    }

    .news-item-lead {
        border-bottom: none !important;
        padding: 0;
        margin: 0;
    }

    .related-news {
        border-bottom: none !important;
        margin: 10px 15px 0 !important;
    }

    .lead-top .row:nth-child(2) {
        margin: 0 -15px;
    }

    .lead-top .row:nth-child(2) .col-sm-6 {
        padding: 0;
    }

    .lead-top:nth-child(1) .news-item-list {
        border-bottom: none;
        background: #eff0f5;
        margin: 8px 0 0;
        padding: 10px;
        box-shadow: 0 2px 4px -4px rgba(0, 0, 0, .5);
    }

    .top-list-1 {
        padding: 0;
        margin-top: -8px;
    }

    .second-center {
        margin: 0 -5px;
    }

    .second-center .news-item {
        border-bottom: none;
        background: #eff0f5;
        margin: 8px 0 0;
        padding: 10px;
        box-shadow: 0 2px 4px -4px rgba(0, 0, 0, .5);
    }

    .grid-fourth-item__1 {
        margin: 0 -15px;
    }

    .grid-fourth .grid-fourth-item:first-child h2 {
        position: relative !important;
        bottom: 2.3rem;
        background: #eff0f5;
        padding: 10px !important;
        margin: 10px 10px -2.3rem !important;
        left: 0;
        right: 0;
        width: auto;
    }

    .grid-fourth .grid-fourth-item:first-child {
        border-bottom: none !important;
    }

    .special-top {
        display: none;
    }

    /**/
    .lead-top:nth-child(1) .news-item-list {
        padding: 10px 15px;
    }

    .second-center .news-item {
        padding: 10px 15px;
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.13);
    }

    .second-center .news-item {
        padding: 10px 15px;
    }

    .grid-fourth .grid-fourth-item:first-child h2 {
        position: relative !important;
        bottom: 2.3rem;
        background: #eff0f5;
        padding: 10px !important;
        margin: 10px 15px -2.8rem !important;
        left: 0;
        right: 0;
        line-height: 30px !important;
        width: auto;
    }

    .politics .regular-list .news-item-regular:first-child,
    .grid-third .grid-third-item:first-child,
    .grid-fourth .grid-fourth-item:first-child,
    .type-sect-three-left .box-news:nth-child(1) .news-item-box,
    .grid-entertainment .grid-entertainment-item:first-child {
        border-bottom: none;
        margin: 0 -15px;
    }

    .politics .regular-list .news-item-regular:first-child h2,
    .grid-third .grid-third-item:first-child h2,
    .grid-fourth .grid-fourth-item:first-child h2,
    .type-sect-three-left .box-news:nth-child(1) h2,
    .grid-entertainment .grid-entertainment-item:first-child h2 {
        position: relative !important;
        bottom: 2.3rem;
        background: #eff0f5;
        padding: 10px !important;
        margin: 10px 15px -2.8rem !important;
        left: 0;
        right: 0;
        line-height: 30px !important;
        width: auto;
    }

    .type-sect-three-left .box-news:nth-child(2) .news-item-box {
        padding-bottom: .5rem;
    }

    .blk-list .news-blk-image h2 {
        font-size: var(--font-size-list-item-first);
        position: relative!important;
        bottom: 2.3rem;
        background: #eff0f5;
        padding: 10px!important;
        margin: 10px 15px -2.8rem!important;
        left: 0;
        right: 0;
        line-height: 30px !important;
        width: auto;
    }

    .blk-list .news-item-blk:not(:last-child) {
        border-bottom: none;
        margin: 0 -15px;
    }

    .story-item .story-extra {
        bottom: -8px;
    }

    .type-sect-three-left .box-news:nth-child(1) h2 {
        margin: 10px 15px -2.3rem!important;
    }

    .exclusive-section .ocs-items {
        padding: 0 !important;
    }
    .exclusive-section .card-body {
        border-left: none;
    }

    a.related-article__title-link::before {font-size: 10px; left: 14px; font-family: 'FontAwesome'; position: absolute; content: "\f111"; color: var(--brand-color); }

    .live-blog--breaking {
        margin-top: .5rem;
    }

    .ocs-section .ocs.card .image-container .video-icon,
    .box-news .news-item-box .image-container .video-icon,
    .grid-entertainment .image-container .video-icon,
    .grid-fourth-item:not(:first-child) .image-container .video-icon,
    .alk-list .news-item-alk:first-child .video-icon {
        padding: 5px;
        font-size: 26px;
    }

    .politics .regular-list .news-item-regular:first-child .image-container .video-icon {
        font-size: 50px;
        padding: 5px 10px;
    }
}