@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .custom_container {
        max-width: 1270px!important;
    }
}

@media only screen and (max-width: 1199px) {
    .custom_container {
        max-width:1140px!important;
    }
}

@media (min-width: 992px) {
    .custom_container {
        max-width: 1270px!important;
    }
}

@media only screen and (max-width: 991px) {
    .custom_container {
        max-width: 100%!important;
    }
}

@media only screen and (max-width: 770px) {
    .video_ul, .web-stories {
        display: flex!important;
        grid-gap: 0.5rem!important;
        overflow-x: auto!important;
        overflow-y: hidden!important;
        margin: 0!important;
        padding: 0 10px!important;
    }

    .video_ul {
        padding: 8px 15px!important;
    }

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

    .video_ul .vide-thumbnail {
        width: 280px!important;
        height: auto!important;
    }
.video_ul .vide-thumbnail img {
        width: 280px!important;
        height: 150px!important;
    }
    .exclusive_sectino {
        display: none!important;
        display: inline-block!important;
        margin-left: 7px!important;
    }

    .footer_flex_item {
        justify-content: center!important;
    }

    .home_icon:hover {
        background: none!important;
        border-bottom: 2px solid transparent!important;
    }

    .photo_subcat_posts_grid .single-block {
        position: relative!important;
    }

    .photo_leatest_post_left_li .img_box .home_pic_title, .photo_subcat_posts_grid .single-block h4 {
        position: absolute!important;
        bottom: 10px!important;
        left: 5px!important;
    }

    .photo_leatest_post_left_li .img_box a.home_pic_title .media-body, .photo_subcat_posts_grid .single-block h4 a {
        color: #ffffff!important;
        font-weight: 600!important;
        font-size: 1.2rem!important;
    }

    .single_video_left {
        width: 100% !important;
    }

    .single_video_right, .meta, .meta1, #footer_logo_img, #home, .top_header_bg, .nav_menu_ground, .ul_menu {
        display: none!important;
    }

    .post_title {
        margin-bottom: 0!important;
    }

    #bars {
        display: block!important;
        margin-right: 0px!important;
        font-size: 20px!important;
    }

    .bar1 {
        width: 25px!important;
        height: 3px!important;
        font-size: 1.25rem!important;
        margin-top: 4px!important;
    }

    .bar2 {
        width: 25px!important;
        height: 3px!important;
        font-size: 1.25rem!important;
    }

    .bar3 {
        width: 25px!important;
        height: 3px!important;
        font-size: 1.25rem!important;
    }

    .publiser {
        width: 100%!important;
        text-align: center!important;
        padding: 8px 10px!important;
        box-sizing: border-box!important;
        font-size: 1rem!important;
        font-weight: 400!important;
        line-height: 1.5!important;
        color: #212529!important;
        margin: 0!important;
    }

    .div-title {
        display: block!important;
        padding: 15px!important;
        margin: 0!important;
        background: #f0f0f0!important;
    }

    .home_icon {
        background-color: transparent !important;
    }

    .mobile_logo {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
    }

    .mobile_logo img {
        max-height: 70px!important;
        width: auto!important;
        margin: 6px 0!important;
    }

    .bottom_header_container a {
        padding: 0!important;
    }

    .header_mobile_menu {
        padding: 0px 10px!important;
        margin-top: 578px!important;
        margin-left: -16px!important;
        position: fixed!important;
        width: 100%!important;
        background: #fff!important;
        overflow: auto!important;
        white-space: nowrap!important;
    }

    .header_mobile_menu_ul {
        display: grid!important;
        grid-template-columns: repeat(2, 1fr)!important;
        grid-template-rows: auto!important;
        grid-column-gap: 20px!important;
    }

    .header_mobile_menu_ul li {
        border-bottom: 1px solid #e6e6e6!important;
        padding: 17px 0!important;
        font-size: 19px!important;
    }

    .header_mobile_menu_ul li a {
        color: #000000!important;
        display: block!important;
        width: 100%!important;
    }

    .header_mobile_menu_ul li a::before {
        font-family: "Font Awesome 5 Free"!important;
        content: "\f35a"!important;
        width: 20px!important;
        margin-right: 10px!important;
        height: 20px!important;
    }

    .scrollmenu {
        display: block!important;
        padding-left: 5px!important;
        overflow: auto!important;
        white-space: nowrap!important;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1)!important;
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .1)!important;
        -o-box-shadow: 0 1px 0 rgba(0, 0, 0, .1)!important;
        box-shadow: 0 1px 0 rgba(0, 0, 0, .1)!important;
        -webkit-overflow-scrolling: touch!important;
    }

    .scrollmenu ol {
        list-style: none!important;
        padding: 0!important;
        margin: 0!important;
    }

    .scrollmenu ol li {
        display: inline-block!important;
    }

    .scrollmenu ol li.current-cat a {
        color: #d31b21!important;
        border-bottom: 2px solid!important;
    }

    .scrollmenu ol li a {
        display: inline-block!important;
        color: #666!important;
        text-align: center!important;
        padding: 10px!important;
        text-decoration: none!important;
        font-weight: 700!important;
    }

    .home_page_part_one {
        flex-direction: column!important;
    }

    .home_page_part_one_left, .home_page_part_one_right {
        width: 100%!important;
        padding: 0!important;
    }

    .bottom_header_bg {
        background: #f5f5f5!important;
        height: 90px!important;
    }

    .scrollmenu {
        display: none;
    }

    .scrollmenu ol li a {
        color: #fff!important;
    }

    .bar1, .bar2, .bar3 {
        background-color: #2f6664!important;
    }

    .cross_icon i, .search_icon i {
        color: #2f6664!important;
    }

    .mobile_logo {
        width: 100%!important;
    }

    .mobile_logo a {
        margin: auto!important;
    }

    .home_page_part_one_left_right, .home_page_part_one_left_left {
        width: 100%!important;
    }

    .home_page_part_one_left_left .opinion-contents {
        background: transparent!important;
    }

    .home_page_part_one_left_left .leatest_three_post {
        padding: 8px 0!important;
    }

    .home_page_part_one_left_left_flex {
        flex-direction: column-reverse!important;
    }

    .three_col_flex {
        flex-direction: column!important;
    }

    .three_coloumn {
        flex-direction: column!important;
    }
}

@media only screen and (max-width: 770px) {
    .custom_container {
        max-width: 570px!important;
    }

    .footer_part_two p {
        display: block!important;
        margin: 10px 15px!important;
    }

    .clk-center {
        padding: 0px!important;
    }

    .firest_item_two_column {
        padding: 0px!important;
    }

    .flex_two {
        padding: 0!important;
    }

    .header_top_ad {
        display: none!important;
    }

    .author_social .author_box .media .media-body .time-with-author i {
        margin-right: 8px!important;
    }

    .author_social .author_box .media .media-body .time-with-author .hidden-print {
        margin-right: 10px!important;
        font-size: 1rem !important;
        font-weight: 400!important;
        line-height: 1.5!important;
        color: #212529!important;
    }

    .home_sidebar_posts {
        border-bottom: 1px solid #d6d6d6!important;
        padding: 10px 0!important;
        margin: 0 .4rem!important;
    }

    .social_share {
        margin: 5px 0!important;
    }

    ul.share-buttons, i.fa-clone, li a i {
        width: 34px!important;
        height: 34px!important;
        border-radius: 100%!important;
        text-align: center!important;
        line-height: 34px!important;
        color: #2f6664!important;
        margin-right: 5px!important;
        border: 1px solid #2f6664!important;
    }

    ul.share-buttons li a i.fa-twitter, ul.share-buttons li a i.fa-facebook-f, ul.share-buttons li a i.fa-whatsapp, ul.share-buttons li i.fa-clone, ul.share-buttons li a i.fa-print {
        background: none!important;
    }

    .leatest_twelve_post h2.title {
        margin-bottom: 0px!important;
        padding: 5px!important;
    }

    .five_posts {
        grid-template-columns: 1fr!important;
        grid-gap: 0px!important;
    }

    .five_post {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        align-items: center!important;
        flex-direction: row-reverse!important;
        width: 100%!important;
        justify-content: space-between!important;
        padding: 12px 0!important;
        border-bottom: 1px solid #d8d8d8!important;
    }

    .five_post:first-of-type {
        padding: 0!important;
        align-items: start!important;
        border-bottom: none!important;
    }

    .five_post:first-of-type .post_thumb {
        position: relative!important;
        width: 100%!important;
    }

    .five_post:first-of-type .post_title {
        position: absolute!important;
        bottom: 0!important;
        margin-bottom: 0!important;
    }

    .five_post:first-of-type .post_title a {
        color: #ffffff!important;
    }

    .five_post:first-of-type .post_thumb img {
        width: 100%!important;
        height: auto!important;
    }

    .sports_posts {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        overflow-y: auto!important;
    }

    .eight_post {
        min-width: 280px!important;
        min-height: auto!important;
    }

    .eight_post .post_thumb {
        position: relative!important;
    }

    .photo_leatest_post_left, .grid_posts {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        overflow-y: auto!important;
        margin: 15px 0!important;
    }

    .fixed_height img {
        margin-left: 0!important;
    }

    .photo_leatest_post_left_li, .grid_post {
        min-width: 280px!important;
        min-height: auto!important;
    }

    .eight_post .post_title {
        position: absolute!important;
        bottom: 0!important;
        margin: 0!important;
    }

    a.allright {
        display: none!important;
    }

    .sports_cat_title {
        flex-direction: column!important;
        align-items: flex-start!important;
    }

    .archieve_top_cat ul {
        margin-left: 0px!important;
    }

    a.parent_cat_title {
        color: #7bb10a!important;
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
        align-items: center!important;
        width: 100%!important;
        position: relative!important;
        padding-left: 30px!important;
    }

    a.parent_cat_title:hover {
        color: #7bb10a!important;
    }

    a.parent_cat_title::before {
        z-index: 1!important;
        background-color: #7bb10a!important;
        top: 7px!important;
        left: 0!important;
        position: absolute!important;
        width: 22px!important;
        height: 60%!important;
        content: ""!important;
    }

    a.parent_cat_title::after {
        top: 50%!important;
        width: 100%!important;
        height: 2px!important;
        content: ""!important;
        margin-top: -1px!important;
        background-color: #7bb10a!important;
        margin-left: 10px!important;
    }

    .eight_post .post_title a {
        color: #ffffff!important;
    }

    .mobile_archive_sub_cat_ul {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
    }

    .mobile_archive_sub_cat_li {
        margin-left: 10px!important;
    }

    .mobile_sub_menu {
        display: -webkit-box!important;
        display: -moz-box!important;
        display: -ms-flexbox!important;
        display: -webkit-flex!important;
        display: flex!important;
    }

    .tag_page_post {
        padding: 10px 0px
    }

    .tag_page_post .tag_posts .direction_coloumn p {
        display: none!important;
    }
}

@media only screen and (max-width: 575px) {
    .bottom_header_bg {
        background: #f5f5f5!important;
        height: 59.51px!important;
    }

    .mobile_logo img {
        max-height: 43px!important;
        width: auto!important;
        margin: 6px 0!important;
    }

    .opinion-contents {
        background: none!important;
    }

    .logo_part {
        padding: 0px!important;
    }

    .fixed_height {
        overflow-y: hidden!important;
        height: 495px!important;
    }

    #animated_hamn {
        padding-left: 0px!important;
    }

    .custom_container {
        width: 100%!important;
        max-width: 100%!important;
        padding: 0!important;
        margin: auto!important;
    }

    .home_page_part_one_left_right .leatest_three_post:first-of-type img {
        width: 96%!important;
        min-width: 96% !important;
        margin-left: 7px!important;
        max-width: 96% !important;
        height: 200px!important;
        object-fit: cover!important;
    }

    .home_page_part_one_left_right .leatest_three_post:first-of-type p {
        display: none!important;
    }

    .tag_page_post, .home_page_ad {
        padding: 0rem .5rem!important;
    }

    .page_container, .category-list, .photo_subcat, .pagination1, .singe_left_right, .most_read_in_a_cat {
        padding: 0.5rem .5rem!important;
    }

    .archieve_top_cat {
        margin-left: 8px!important;
        margin-right: 8px!important;
    }

    .home_page_part_one_left_right .leatest_three_post:first-of-type {
        flex-direction: column!important;
        grid-column: 1/3!important;
        border-bottom: none!important;
        margin-bottom: 30px!important;
    }

    .home_page_part_one_left_right .leatest_three_post:nth-child(2), .home_page_part_one_left_right .leatest_three_post:nth-child(3) {
        border-right: none!important;
        grid-column: 1/3!important;
        background: #eff0f5!important;
        padding: 10px 8px!important;
        margin-right: 0!important;
        margin-top: 4px!important;
    }

    .opinion-contents .leatest_three_post {
        background: #eff0f5!important;
        padding: 10px 8px!important;
        margin: 7px 0!important;
    }

    .home_page_part_one_left_right .leatest_three_post:first-of-type h2.title {
        background: #eff0f5!important;
        margin: -25px 16px!important;
        font-size: 22px!important;
        line-height: 30px !important;
        padding: 10px!important;
        width: auto!important;
        border-radius: 4px!important;
    }

    h2.title {
        font-size: 19px!important;
        line-height: 24px!important;
        margin-bottom: 0 !important;
        color: #000!important;
    }

    .single_title {
        font-size: 28px!important;
        line-height: 35px!important;
        display: flex!important;
        justify-content: left!important;
    }

    .home_page_part_one_left_left .leatest_in_a_cat_postlopp {
        display: none!important;
    }

    .home_page_part_one_left .leatest_posts {
        display: block!important;
    }

    .leatest_posts {
        margin-left: -8px!important;
        margin-right: -8px!important;
    }

    .home_page_part_one_left .leatest_posts .leatest_twelve_post {
        display: flex!important;
        border-bottom: 1px solid #eeeeee!important;
        padding: .5rem 0!important;
        margin: 0 1rem!important;
    }

    .home_sidebar_cat_title {
        width: auto !important;
        margin-left: 8px!important;
        margin-right: 8px!important;
    }

    h2.home_sidebar_cat_title {
        margin-top: 8px!important;
        margin-bottom: 0px!important;
    }

    .home_page_pat_one_left_right_grid {
        display: block!important;
    }

    .leatest_in_a_cat_postlopp .single_right_item, .home_page_pat_one_left_right_grid .single_right_item a {
        display: flex!important;
        border-bottom: 1px solid #bbbaba!important;
        padding: .5rem 0!important;
        margin: 0 .6rem!important;
        width: auto!important;
    }

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

    a.home_second_part_grid .tab_post {
        position: relative!important;
        color: #000!important;
        padding: 0px!important;
        line-height: 28px!important;
        width: 100%!important;
        background: transparent!important;
    }

    .leatest_in_a_cat_postlopp .single_right_item:first-of-type, .home_page_pat_one_left_right_grid .single_right_item:first-of-type a {
        flex-direction: column!important;
        margin: 0!important;
        border-bottom: none!important;
        margin-bottom: 20px !important;
    }

    .leatest_in_a_cat_postlopp .single_right_item:first-of-type img, .home_page_pat_one_left_right_grid .single_right_item:first-of-type a img {
        width: 96%!important;
        min-width: 96% !important;
        margin-left: 7px!important;
        max-width: 96% !important;
        height: 200px!important;
        object-fit: cover!important;
    }

    .leatest_in_a_cat_postlopp .single_right_item:first-of-type li.tab_post, .home_page_pat_one_left_right_grid .single_right_item:first-of-type a li.tab_post {
        background: #eff0f5!important;
        margin: -25px 16px!important;
        font-size: 22px!important;
        line-height: 30px !important;
        padding: 10px!important;
        width: auto!important;
        border-radius: 4px!important;
    }

    .home_page_part_one_left .leatest_posts .leatest_twelve_post:last-of-type {
        border-bottom: none!important;
    }

    .home_sidebar_two_post {
        border-bottom: 2px solid #eeeeee!important;
        margin: 10px 0!important;
        background-color: transparent!important;
        padding: 0 0rem 0rem 0rem!important;
    }

    .leatest_popular_container {
        margin: .5rem 1rem!important;
        margin-left: 8px!important;
        margin-right: 8px!important;
    }

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

    .clk-list .three_firest, .three_col_flex .three_firest, .three_col_flex .img_hun_ten:last-of-type {
        display: none!important;
    }

    .clk-center {
        padding: 0px!important;
        margin: 0px 0!important;
    }

    .form-group {
        display: flex!important;
        flex-wrap: wrap!important;
        padding: 0 1rem!important;
        justify-content: space-between!important;
    }

    .form_col {
        width: 48% !important;
    }

    .home_page_part_right {
        padding-left: 0px!important;
    }

    .home_page_part_left {
        padding-right: 0px!important;
        flex: 1!important;
    }

    .two_col_flex_part_one {
        padding-right: 0px!important;
    }

    .flex_two {
        padding: 0px!important;
    }

    .ocs-items {
        padding: 0rem 0rem!important;
    }

    .ocs-items img {
        width: 110px!important;
        min-width: 110px !important;
        max-width: 110px !important;
        height: 100px!important;
        object-fit: cover!important;
        border-radius: 4px!important;
    }

    .card {
        width: 100%!important;
        margin-bottom: .5rem!important;
        border: none !important;
        border-radius: 0 !important;
        flex-direction: row !important;
    }

    .ocs.card .card-body {
        border-left: none!important;
    }

    .two_col_flex_part_two {
        display: none!important;
    }

    .column_one {
        margin-right: 0px!important;
    }

    .firest_item_three_column, .firest_item_two_column {
        display: none!important;
    }

    .archive_page_post .leatest_twelve_post:first-of-type {
        flex-direction: column!important;
        border-bottom: none!important;
        margin: 0 !important;
        padding: 0rem 0!important;
    }

    .archive_page_post .leatest_twelve_post:first-of-type a {
        width: 96%!important;
    }

    .archive_page_post .leatest_twelve_post:first-of-type img {
        height: 200px !important;
        min-width: 96% !important;
        max-width: 96% !important;
        margin-left: 15px!important;
    }

    .archive_page_post .leatest_twelve_post:first-of-type h2.title {
        background: #eff0f5;
        margin: -25px 22px;
        font-size: 22px!important;
        line-height: 30px !important;
        padding: 10px;
        border-radius: 4px!important;
    }

    .tag_post_thumb img {
        width: 140px!important;
        height: auto!important;
    }

    .tag_posts .direction_coloumn {
        margin-left: 12px!important;
    }

    .breadcrumb {
        margin: 0 1rem !important;
    }

    .tag_post_title {
        font-size: 1.1rem !important;
        line-height: 1.3rem!important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }

    .category-header {
        margin-bottom: 0px;
    }

    .trending-tag {
        margin-bottom: 7px!important;
    }

    .col-sm-3 {
        padding-right: 8px!important;
        padding-left: 8px!important;
    }
}