/*
Theme Name: CAPTAIN'S TV
Theme URI: https://techcopilotbd.com
Author: MD TOSHIN ISLAM SAGOR
Author URI: https://devtoshin.github.io/portfolio/
Description:A Gift of Excellence for Captain’s TV – Crafted with Pride by TECH COPILOT BD. We are honored to present this premium portal as a special contribution to Captain’s TV, a platform that inspires and leads with innovation. Designed by MD TOSHIN ISLAM SAGOR, the visionary behind TECH COPILOT BD, this theme embodies technical mastery, sleek aesthetics, and unparalleled performance. This NEWS TV theme that combines a clean, minimalist feel with a full featured premium theme. Version: 1.1.0 License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.htm
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
*/
body {
    box-shadow: 0px 0px 6px 4px #dedede;
    max-width: 1170px;
    /*margin: auto !important;*/ 
    /*margin auto given on normalize.css*/
}
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
















li {
    list-style: none;
}

a,
a:hover {
    text-decoration: none !important
}

blockquote {
    margin: 0 !important;
}

img {
    display: block;
    filter: brightness(95%);
}

img:hover {
    filter: brightness(110%);
    transition: 0.2s;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 48px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #29af61;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 2px;
}

#myBtn:hover {
    background-color: #34a362;
}



.nav_container {
     max-width: 1170px; 
    /*max-width: 100%;*/
    /* padding: 0px 15px; */
    width: 100%;
    margin: auto;
}

.top_nav {
    background: #00a043d6;
    padding: 4px 15px 4px 0px;
    color: #fff;
    height: 32px;
    display: flex;
    flex-wrap: wrap;
}

.date_time {
    height: max-content;
    display: flex;
}

.date_time li {
    height: max-content;
    padding: 0px 13px;
    font-size: 16px;
    position: relative;
}

.top_nav .nav_menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

.top_nav .nav_menu li {
    padding: 0px 13px;
    font-size: 16px;
    position: relative;
}

.top_nav .nav_menu li a:link,
.top_nav .nav_menu li a:visited {
    text-decoration: none;
    color: #fff;
}

.date_time li:nth-child(2)::before,
.top_nav ul.nav_menu li::before {
    position: absolute;
    background-color: rgb(255, 255, 255);
    width: 1px;
    top: 5px;
    left: 0;
    content: "";
    height: 14px;
}

.social {
    display: flex;
    margin-left: auto;
}

.social li {
    padding: 0px 5px;
    font-size: 14px;
    color: #fff;
}

.social li a:link i,
.social li a:visited i {
    color: #fff;
}

.share_tiggle {
    display: none;
}

.social_toggle_div {
    text-align: center;
    display: none;
    height: 46px;
    background-color: rgb(243, 243, 243);
    width: 100%;
    padding: 6px;
}

.social_toggle {
    display: flex;
}

.flex_item {
    display: flex;
    margin: auto;
}

.social_toggle li a {
    color: #fff;
}

.social_toggle li:last-child {
    display: none;
}

.social_toggle li>a>i {
    position: relative;
    text-align: center;
    padding-top: 6px;
    font-weight: 400;
    margin: 0px 7px;
    height: 30px;
    width: 30px;
    font-size: 17px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.social_toggle li a i.fa_md {
    background-color: #3B5998;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.social_toggle li a i.tt_md {
    background-color: #55acee;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.social_toggle li a i.yu_md {
    background-color: #ff0000;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.social_toggle li a i.pt_md {
    background-color: #fa004b;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.social_toggle li a i.in_md {
    background-color: #1b77b5;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.social_toggle li a i.int_md {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, .25);
}

.bottom_parent {
    width: auto;
    border-bottom: 1px solid #000;
    box-shadow: 0 4px 3px -4.5px #000;
}

.bottom_nav {
    display: flex;
    height: 70px;
}
.logo {
    visibility: hidden;
}

.bottom_nav .logo a {
    width: 180px;
    height: 70px;
    display: flex;
    align-items: center;
}


.logo1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.live_btn {
    background: #ff0909;
    padding: 4px;
    color: white;
    border: 2px solid;
    margin-left: 10px;
    border-radius: 6px;
}

.live_pulse {
    background: #fbeee6;
    border-radius: 50%;
    animation: pulse 2s infinite;
    padding: 0px 9px;
    margin:0px 3px;
}

.nav-placeholder{
    height: 124px !important;
}











.nav_menu_ground {
    display: flex;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
}

.bottom_nav .nav_menu_ground ul.first_ull_menu {
    display: flex;
    margin: auto;
    align-items: center;
}

.bottom_nav .nav_menu_ground ul.first_ull_menu li {
    font-size: 20px;
    padding: 0px 9px;
    font-weight: 600;
    height: 70px;
    color: rgb(77, 77, 77);
    display: flex;
    align-items: center;
}

.bottom_nav .nav_menu_ground ul.first_ull_menu li a:link,
.bottom_nav .nav_menu_ground ul.first_ull_menu li a:visited {
    text-decoration: none;
    color: rgb(8, 8, 8)
}

.ham_burger {
    margin-left: auto;
}

.ham_burger ul {
    display: flex;
    z-index: 99;
    background-color: #fff;
}

.ham_burger ul li span {
    padding: 0px 5px;
    font-size: 20px;
    font-weight: 600;
    height: 70px;
    color: rgb(77, 77, 77);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.ham_burger ul li {
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0px 9px;
}

.drop_menu {
    display: none;
    position: absolute;
    /*max-width: 100%;*/
     max-width: 1170px; 
    height: auto;
    /* width: 1140px; */
    width: 100%;
    z-index: 999;
    margin: auto;
}

.fixed {
    position: fixed;
    background-color: white;
    top: 0px;
    z-index: 99;
     max-width: 1170px; 
    /*max-width: 100%;*/
    /* width: 1140px; */
    width: 100%;
    margin: auto;
    border-bottom: none;
}

.drop_nav_menu {
    background-color: rgb(228, 228, 228);
    padding: 15px 15px 0px 15px;
    border-top: 1px solid black;
}

.drop_menu ul:nth-child(1) {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(5, 25px);
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(102, 102, 102);
}

.drop_menu ul:nth-child(1) li a,
.drop_menu ul:nth-child(2) li a {
    font-size: 16px;
    font-weight: 600;
    color: rgb(77, 77, 77);
}

.drop_menu ul:nth-child(2) li i {
    margin-right: 10px;
}

.drop_menu ul:nth-child(2) {
    padding: 0 0px 15px 0;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0 !important;
}

/* srcrch form style */
.search_form {
    display: none;
    width: 100%;
}

.search_form_inner {
    padding: 12.5px 0px;
    display: flex;
    width: 100%;
    align-items: center;
}

.screen-reader-text {
    position: absolute;
    left: -999px;
}

#close_search1,
#close_search {
    border: 1px solid gray;
    background-color: rgb(248, 0, 0);
    height: 45px;
    display: flex;
    width: 50px;
    border-radius: 0 5px 5px 0;
}

#close_search1 {
    margin-top: 0px;
}

#close_search1 i,
#close_search i {
    margin: auto;
}

#close_search1:hover,
#close_search:hover {
    background-color: rgb(226, 25, 25);
    transition: 0.3s;
}

#seachsubmit {
    border: 1px solid gray;
    position: relative;
    height: 45px;
    display: flex;
    background-color: rgb(0, 195, 255);
    width: 50px;
}

#seachsubmit:hover {
    background-color: rgb(29, 169, 211);
    transition: 0.3s;
}

#seachsubmit i {
    margin: auto;
}

#s {
    padding: 9px 16px;
    border-radius: 5px 0 0 5px;
    border: 1px solid gray;
    width: 100%;
}

.mobile_search {
    margin: 10px 0px;
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 1200px) {

    .fixed {
        max-width: 960px;
        width: 100%;
    }

    .nav_container {
        max-width: 960px;
        width: 100%;
        padding: 0px;
    }

    .drop_menu {
        max-width: 960px;
        width: 100%;
    }

    .bottom_nav .nav_menu_ground ul.first_ull_menu li:last-child {
        display: none;
    }
}


@media only screen and (max-width: 990px) {

    .bottom_nav,
    .nav_container {
        width: 760px;
        margin: auto;
    }

    .top_nav {
        height: auto;
    }

    .fixed {
        width: 760px;
    }

    .drop_menu {
        width: 760px;
    }

    .nav_menu_ground {
        display: none;
    }

    .ham_burger {
        position: relative;
        width: inherit;
        z-index: 99;
        background-color: #fff;
    }

    .drop_menu ul:nth-child(1) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(auto, 25px);
        border-bottom: 1px solid rgb(102, 102, 102);
    }

    .drop_menu ul:nth-child(2) {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(auto, 25px);
        border-bottom: 1px solid rgb(102, 102, 102);
        margin: 0;
        padding: 0;
    }

    .ham_burger ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: relative;
        margin-bottom: 0;
        z-index: 99;
        background-color: #fff;
    }

    .ham_burger ul li:nth-child(1) span:nth-child(2) {
        display: none;
    }

    .bottom_nav .logo {
        width: 100%;
        width: inherit;
        position: absolute;
        display: flex;
    }

    .bottom_nav .logo a {
        margin: auto;
        z-index: 999;
    }

    .top_nav .date_time li:nth-child(1) {
        display: none;
    }

    .date_time li::before {
        display: none;
    }

    .social {
        display: none;
    }

    .share_tiggle {
        display: block;
        margin-left: auto;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 770px) {

    .bottom_nav,
    .nav_container {
        width: 100%;
        margin: auto;
    }

    .search_form,
    .ham_burger ul {
        max-width: 570px;
        width: 100%;
        margin: auto;
    }
    
    .logo {
        visibility: visible;
    }
    .left-logo{
        display: none;
    }
    .logo1{
        justify-content: flex-end;
    }
    
    

    .fixed {
        width: 100%;
    }

    .drop_menu {
        width: 100%;
    }
}

/*============= Added More code for Header==================*/




/* header End */

.page_container {
    max-width: 1170px;
    width: 100%;
    margin: auto;
    padding: 0px 15px;
}

article.page h2 {
    font-size: calc(1em + 3vw);
    margin: 15px 0;
    color: rgb(56, 56, 56);
    text-align: center;
}
article.page p{
    font-size: calc(1em + .6vw);
    color: rgb(72, 72, 72);
    line-height: calc(1em + .3vw);
    margin-bottom: 30px;
}
.second_banner,
.first_banner {
    max-height: 100px;
    max-width: 1170px;
    width: 100%;
    margin: auto;
    padding: 0px 15px;
}

.second_banner p,
.first_banner p {
    margin-bottom: 0;
}

.home_page_left .home_lest_ad img {
    width: 100%;
    height: auto;
    max-height: 950px;
}

.second_banner img,
.first_banner img {
    width: auto;
    max-height: 100px;
    height: auto;
    margin: 10px auto;
}

.home_page {
     max-width: 1170px; 
    /*max-width: 1470px;*/
    /* max-width: 100%; */
    width: 100%;
    margin: auto;
    padding: 0px 15px;
    display: flex;
}

.home_page .home_page_left {
    width: 68%;
    padding-right: 25px;
}

.home_page .home_page_right {
    width: 32%;
    padding-left: 5px;
}

/* Style For sidebar start */
.sidebar_ad img {
    max-width: 300px;
    width: auto;
    height: auto;
    margin: 5px auto;
}

#id {
    height: auto;
    max-height: 250px;
    width: 300px;
    float: right;
    margin: 5px 0px 5px 5px;
}

.button_group {
    display: flex;
    justify-content: space-between;
}

.button_group .leatest_btn,
.button_group .popular_btn,
.last_btn {
    font-size: 18px;
    background-color: #3a495e;
    color: #fff;
    border: none;
    text-align: center;
    padding: 5px 0px;
    width: 45%;
    border-radius: 5px;
    font-weight: 700;
    cursor: pointer;
}

.popular_btn,
.buttonfixed {
    background-color: transparent !important;
    color: #3a495e !important;
}

.popular_btn:hover,
.buttonfixed:hover {
    background-color: rgb(238, 238, 238) !important;
}

.popbuttonfixed {
    background-color: #3a495e !important;
    color: #fff !important;
}

.popbuttonfixed:hover {
    background-color: #3a495e !important;
}

.last_btn {
    width: 100%;
    cursor: pointer;
}

.fixed_height {
    height: 450px;
    overflow-y: scroll;
}

.first_item item6,
.second_item item6 {
    width: 100%;
    display: flex;
    margin: 0px 0px 10px 0px;
    border-bottom: 4px dotted #f5f5f5;
    padding-bottom: 7px;
}

.first_item item6 thumb_sidebar a img,
.second_item item6 thumb_sidebar a img {
    width: 90px;
    display: block;
    height: 60px;
}

.first_item item6 h2,
.second_item item6 h2 {
    font-size: 16px;
    margin: auto 0px;
    padding-left: 5px;
    color: #000;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
}

.first_item item6 h2 a,
.second_item item6 h2 a {
    color: #000;
}

.right_poll_block {
    width: 100%;
    margin: 15px 0px;
    overflow: hidden;
    border-radius: 5px;
    background: #f0f0ed;
}

.right_poll_block .right_poll_title {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 35px;
    font-weight: 700;
    background-position: bottom center;
    background-image: url("./img/right-poll-bg.png");
}

.right_poll_block .right_poll_title a:link,
.right_poll_block .right_poll_title a:visited {
    color: #fff;
}

.wp-polls p strong {
    font-size: calc(1em + .3vw);
}

.right_poll_cont {
    border: 1px solid #d17c29;
    border-top: 0px;
    padding: 10px;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
}

input[type="radio"] {
    display: none;
}

.wp-polls-ul {
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    margin-bottom: 0;
}

.wp-polls-ul li label {
    display: flex;
    align-items: center;
}

.wp-polls-ul li .pollbar {
    display: none;
}

.wp-polls-ans p:nth-child(3) {
    display: none;
}

[type="radio"]+label:before,
.radio_two input[type="radio"]+label:before,
.radio_three input[type="radio"]+label:before {
    content: "";
    /* display: inline-block; */
    width: 30px;
    height: 30px;
    padding: 3px;
    margin-right: 10px;
    background-clip: content-box;
    border: 3px solid #ee0000;
    transition: 0.9s;
    border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked+label:before,
.radio_two input[type="radio"]:checked+label:before,
.radio_three input[type="radio"]:checked+label:before {
    width: 30px;
    height: 30px;
    background-color: #f30303;
}

.wp-polls-ul li:nth-child(1) input[type="radio"]+label:before {
    border: 3px solid green;
}

.wp-polls-ul li:nth-child(1) input[type="radio"]:checked+label:before {
    background-color: green;
}

.wp-polls-ul li:nth-child(3) input[type="radio"]+label:before {
    border: 3px solid #0053ee;
}

.wp-polls-ul li:nth-child(3) input[type="radio"]:checked+label:before {
    background-color: #0053ee;
}

.wp-polls .Buttons {
    margin-top: 15px;
    padding: 4px 20px;
    background: #00a651;
    color: #fff;
    width: inherit;
    border: none;
    border-radius: 5px;
}


.first_section {
    display: flex;
    gap: 19px;
}

.home_page .home_page_left1{
    margin-bottom: 34px;
    border-bottom: 2px dotted #e0e0e0;
    padding-bottom: 91px;
}


.home_page .home_page_left1 .leatest_one_post img {
    width: 100%;
    height: inherit;
}

.home_page .home_page_left1 .leatest_one_post {
    position: relative;
    margin: 0px 0px 10px 0px;
    max-width: 45%;
}

.home_page .home_page_left1 .leatest_one_post h2 {
    position: relative;
    bottom: 0px;
    margin-bottom: 0;
    padding: 8px 5px 5px 7px;
    width: 100%;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.383);
    font-size: calc(0.9em + 1.4vw);
}

.home_page .home_page_left1 .leatest_one_post p{
    font-size: 20px;
    text-align: justify;
    line-height: 32px;
    font-weight: 500;
    
}
.home_page .home_page_left1 .leatest_one_post p a{
    color: black;
}
/*.home_page .home_page_left .leatest_one_post h4 {*/

/*    position: absolute;*/
/*    bottom: 0;*/
/*    margin-bottom: 0;*/
/*    padding: 10px 5px 5px 5px;*/
/*    width: 100%;*/
/*    font-weight: 300;*/
/*    background-color: rgba(0, 0, 0, 0.383);*/
    /* font-size: calc(0.9em + 1.4vw); */

/*}*/

.home_page .home_page_left1 .leatest_one_post h2 a:link,
.home_page .home_page_left1 .leatest_one_post h2 a:visited,
.home_page .home_page_left1 .leatest_one_post h4 p {
    color: #fff;
}

.home_page .home_page_left1 .leatest_one_post:hover h2 a:link,
.home_page .home_page_left1 .leatest_one_post:hover h2 a:visited,
.home_page .home_page_left1 .leatest_one_post h4 p {
    transition: 0.3s;
    color: rgb(255, 179, 0);
}



.latest_middle_section {
    
    width: 36%;
    height: 560px;
    overflow: hidden;
    
}
.latest_middle_section2 {
    
    height: 660px !important;
    background: #fbfffb;
    padding: 0px 3px;
    box-shadow: 0px 1px 6px -2px gray;
    
}

.latest_middle_section2 .first_item item6 h2{
    font-weight: 300 !important;
}


.leatest_nine_post {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 30px;
    grid-row-gap: 10px;
}

.leatest_nine_post a img {
    width: 100%;
    height: inherit;
    border: 4px solid #ffffff;
}

.leatest_nine_post a h4 {
    font-size: calc(1em + .5vw);
    margin-top: 10px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
}

.leatest_nine_post a:hover h4,
img {
    color: #007bff;
}

.two_coloumn_grid {
    display: flex;
    justify-content: space-between;
}

.two_coloumn_grid .national {
    width: 48%;
}

.two_coloumn_grid .political {
    width: 48%;
}

.photo h3,
.video h3,
.sports_grid_container h3,
.two_coloumn_grid h3 {
    color: #484848;
    font-size: 24px;
    padding: 5px;
    font-weight: 600;
    padding-left: 2px;
    border-bottom: 1.5px solid rgb(251, 0, 0);
    margin-top: 15px;
    margin-bottom: 15px;
}

.cat_arrow {
    display: none;
}

.two_coloumn_grid .national a:nth-child(2) img,
.two_coloumn_grid .political a:nth-child(2) img {
    width: 100%;
    height: inherit;
}

.two_coloumn_grid .national a:nth-child(3),
.two_coloumn_grid .national a:nth-child(4),
.two_coloumn_grid .national a:nth-child(5),
.two_coloumn_grid .national a:nth-child(6),
.two_coloumn_grid .political a:nth-child(3),
.two_coloumn_grid .political a:nth-child(4),
.two_coloumn_grid .political a:nth-child(5),
.two_coloumn_grid .political a:nth-child(6) {
    display: flex;
    margin: 5px 5px 5px 0;
}

.two_coloumn_grid .national a:nth-child(3) thumb img,
.two_coloumn_grid .national a:nth-child(4) thumb img,
.two_coloumn_grid .national a:nth-child(5) thumb img,
.two_coloumn_grid .national a:nth-child(6) thumb img,
.two_coloumn_grid .political a:nth-child(3) thumb img,
.two_coloumn_grid .political a:nth-child(4) thumb img,
.two_coloumn_grid .political a:nth-child(5) thumb img,
.two_coloumn_grid .political a:nth-child(6) thumb img {
    width: 90px;
    height: 60px;
    display: block;
    margin: 5px 0px;
}

.two_coloumn_grid .national a:nth-child(2) h4,
.two_coloumn_grid .political a:nth-child(2) h4 {
    font-size: calc(1em + .6vw);
    line-height: 24px;
    padding: 10px 0px;
    margin: 0;
    font-weight: 600;
    color: #000;
}

.two_coloumn_grid .national a:nth-child(3) h4,
.two_coloumn_grid .national a:nth-child(4) h4,
.two_coloumn_grid .national a:nth-child(5) h4,
.two_coloumn_grid .national a:nth-child(6) h4,
.two_coloumn_grid .political a:nth-child(3) h4,
.two_coloumn_grid .political a:nth-child(4) h4,
.two_coloumn_grid .political a:nth-child(6) h4,
.two_coloumn_grid .political a:nth-child(5) h4 {
    font-size: calc(1em + .2vw);
    margin: auto 7px;
    align-items: center;
    font-weight: 600;
    color: #000;
}

.two_coloumn_grid a:link,
.two_coloumn_grid a:visited {
    color: rgb(0, 0, 0);
    /* line-height: 20px; */
}

.two_coloumn_grid .national a:nth-child(2):hover h4,
.two_coloumn_grid .political a:nth-child(2):hover h4 {
    color: #007bff;
}

.two_coloumn_grid .national a h4:hover,
.two_coloumn_grid .political a h4:hover {
    color: #007bff;
}

.sports_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 30px;
    grid-row-gap: 15px;
}

.sports_grid a img {
    width: 100%;
    height: auto;
}

.sports_grid a h4 {
    font-size: calc(1em + .6vw);
    padding-top: 5px;
}

.sports_grid a:nth-child(2) h4,
.sports_grid a:nth-child(3) h4,
.sports_grid a:nth-child(4) h4,
.sports_grid a:nth-child(5) h4 {
    font-size: calc(1em + .2vw);
    margin: auto 0px;
    padding-top: 10px;
}

.sports_grid a h4:hover {
    color: #007bff;
}

.sports_grid a h4,
p {
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}

.sports_grid a:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.sports_grid a:nth-child(1):hover h4 {
    color: #007bff;
}

.sports_grid a p {
    display: none;
    font-weight: normal;
}

.sports_grid a:nth-child(1) p {
    display: block;
    font-size: calc(1em + .2vw);
}

.three_col_grid {
    display: flex;
    justify-content: space-between;
}

.three_col_grid .part_one {
    width: 31%;
}

.three_col_grid .part_two {
    width: 31%;
}

.three_col_grid .part_three {
    width: 31%;
}

.three_col_grid .part_one h3,
.three_col_grid .part_two h3,
.three_col_grid .part_three h3 {
    color: #484848;
    font-size: 24px;
    padding: 0 0 0 0px;
    font-weight: 600;
    padding-left: 2px;
    border-bottom: 1.5px solid rgb(251, 0, 0);
    margin-top: 15px;
    margin-bottom: 15px;
}

.three_col_grid .part_one a img,
.three_col_grid .part_two a img,
.three_col_grid .part_three a img {
    height: auto;
    width: 100%;
}

.three_col_grid .part_one a:nth-child(3),
.three_col_grid .part_one a:nth-child(4),
.three_col_grid .part_one a:nth-child(5),
.three_col_grid .part_one a:nth-child(6),
.three_col_grid .part_two a:nth-child(3),
.three_col_grid .part_two a:nth-child(4),
.three_col_grid .part_two a:nth-child(5),
.three_col_grid .part_two a:nth-child(6),
.three_col_grid .part_three a:nth-child(3),
.three_col_grid .part_three a:nth-child(4),
.three_col_grid .part_three a:nth-child(5),
.three_col_grid .part_three a:nth-child(6) {
    display: flex;
    margin-bottom: 5px;
    margin-top: 10px;
}

.three_col_grid .part_one a:nth-child(3) img,
.three_col_grid .part_one a:nth-child(4) img,
.three_col_grid .part_one a:nth-child(5) img,
.three_col_grid .part_one a:nth-child(6) img,
.three_col_grid .part_two a:nth-child(3) img,
.three_col_grid .part_two a:nth-child(4) img,
.three_col_grid .part_two a:nth-child(5) img,
.three_col_grid .part_two a:nth-child(6) img,
.three_col_grid .part_three a:nth-child(3) img,
.three_col_grid .part_three a:nth-child(4) img,
.three_col_grid .part_three a:nth-child(5) img,
.three_col_grid .part_three a:nth-child(6) img {
    width: 90px;
    height: 60px;
    margin: 5px 7px 7px 0px;
}

.three_col_grid .part_one h4,
.three_col_grid .part_two h4,
.three_col_grid .part_three h4 {
    color: #000000;
    font-size: calc(1em + .6vw);
    font-weight: 600;
    padding-top: 7px;
    margin-bottom: 0;
}

.three_col_grid .part_one a:nth-child(3) h4,
.three_col_grid .part_one a:nth-child(4) h4,
.three_col_grid .part_one a:nth-child(5) h4,
.three_col_grid .part_one a:nth-child(6) h4,
.three_col_grid .part_two a:nth-child(3) h4,
.three_col_grid .part_two a:nth-child(4) h4,
.three_col_grid .part_two a:nth-child(5) h4,
.three_col_grid .part_two a:nth-child(6) h4,
.three_col_grid .part_three a:nth-child(3) h4,
.three_col_grid .part_three a:nth-child(4) h4,
.three_col_grid .part_three a:nth-child(5) h4,
.three_col_grid .part_three a:nth-child(6) h4 {
    font-size: calc(1em + .1vw);
    padding-top: 0;
    margin: auto 0;
}

/* Slider */
.photo_video {
    display: none;
    /*display: grid;*/
    /*grid-gap: 15px;*/
    /*grid-template-columns: repeat(3, 1fr);*/
    /*grid-template-rows: none;*/
    /*grid-column-gap: 10px;*/
}

.photo {
    grid-column: 1/3;
}


.video_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-gap: 15px;
}

.video_content {
    width: 100%;
    position: relative;

}

.video_content:nth-child(1) {
    grid-column: 1/3;
}

.video_content:nth-child(1) .the_title {
    border-bottom: 1px solid rgb(131, 131, 131);
    color: rgb(85, 85, 85);
    padding: 5px 0px;
}

.video_content img {
    width: 100%;
    height: auto;
}

.yt_logo i {
    position: absolute;
    z-index: 9;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    padding: 13px 10px 12px 14px;
    top: 0;
    left: 0;
    opacity: .8;
}

.video_content:hover i {
    color: rgb(255, 0, 76);
}

.video_content:nth-child(2) .yt_logo i,
.video_content:nth-child(3) .yt_logo i {
    padding: 6px 7px 6px 9px;
    font-size: 14px;
}

.the_title {
    font-size: 18px;
    text-align: center;
}

.leatest_popular_home {
    display: none;
}

@media only screen and (max-width: 1200px) {

    .second_banner,
    .first_banner {
        width: 100%;
        padding: 0px;
    }

    .second_banner img {
        width: 100%;
        margin: 5px auto;
    }

    .first_banner img {
        width: 98%;
        margin: 5px auto;
    }

    .home_page {
        width: 960px;
        padding: 0px;
    }
}

@media only screen and (max-width: 990px) {

    .second_banner,
    .first_banner {
        width: 100%;
        margin-top: 10px;
    }

    .home_page {
        width: 760px;
    }
}

@media only screen and (max-width: 770px) {

    .second_banner,
    .first_banner {
        max-width: 570px;
        width: 100%;
        /* margin: 10px auto; */
    }

    .home_page {
        margin: 0px auto;
        display: flex;
        max-width: 570px;
        width: 96%;
        flex-direction: column;
    }
    
    .latest_middle_section{
        display: none;
    }
    
    .home_page .home_page_left1 .leatest_one_post{
        max-width: 100%;
    }
    .home_page .home_page_left1 .leatest_one_post p{
        display: none;
    }

    .leatest_popular_home {
        display: block;
    }

    .home_page .leatest_popular_sidebar {
        display: none;
    }

    .home_page_left .home_lest_ad {
        display: none;

    }

    .leatest_nine_post {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(auto, auto);
    }

    .leatest_nine_post a:last-of-type {
        display: none;
    }

    .sports_grid {
        display: flex;
        flex-direction: column;
    }

    .sports_grid a:nth-child(1) p {
        display: none;
    }

    .sports_grid a:nth-child(1) {
        position: relative;
    }

    .sports_grid a:nth-child(1) h4 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        padding: 7px;
        font-size: 23px;
        background-color: rgba(0, 0, 0, 0.383);
        margin-bottom: 0;
    }

    .sports_grid a:nth-child(2),
    .sports_grid a:nth-child(3),
    .sports_grid a:nth-child(4),
    .sports_grid a:nth-child(5) {
        display: flex;
    }


    .sports_grid a:nth-child(2) img,
    .sports_grid a:nth-child(3) img,
    .sports_grid a:nth-child(4) img,
    .sports_grid a:nth-child(5) img {
        width: 90px;
        height: 60px;
        margin-right: 7px;
    }

    .two_coloumn_grid {
        display: flex;
        flex-direction: column;
    }

    .two_coloumn_grid h3 a,
    .sports_grid_container h3 a,
    .photo h3 a,
    .video h3 a {
        display: flex;
        justify-content: space-between;
    }

    .two_coloumn_grid h3 .cat_arrow,
    .sports_grid_container h3 .cat_arrow,
    .photo h3 .cat_arrow,
    .video h3 .cat_arrow {
        display: block;
        color: red;
        font-size: 24px;
    }

    .two_coloumn_grid .political {
        width: 100%;
    }

    .two_coloumn_grid .national {
        width: 100%;
    }

    .two_coloumn_grid .political a:nth-child(2),
    .two_coloumn_grid .national a:nth-child(2) {
        position: relative;
        display: block;
    }

    .two_coloumn_grid .political a:nth-child(2) h4,
    .two_coloumn_grid .national a:nth-child(2) h4 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        padding: 7px;
        font-size: 23px;
        background-color: rgba(0, 0, 0, 0.383);
    }

    .three_col_grid {
        display: flex;
        flex-direction: column;
    }

    .three_col_grid .part_one,
    .three_col_grid .part_two,
    .three_col_grid .part_three {
        width: 100%;
    }

    .three_col_grid .part_one a:nth-child(2),
    .three_col_grid .part_two a:nth-child(2),
    .three_col_grid .part_three a:nth-child(2) {
        display: block;
        position: relative;
    }

    .three_col_grid .part_one a:nth-child(2) h4,
    .three_col_grid .part_two a:nth-child(2) h4,
    .three_col_grid .part_three a:nth-child(2) h4 {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        color: #fff;
        padding: 7px;
        font-size: 23px;
        background-color: rgba(0, 0, 0, 0.383);
    }

    .home_page .home_page_left {
        width: 100%;
        padding-right: 0;
    }

    .home_page .home_page_right {
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
    .home_page .home_page_left1{
        width: 100%;
        margin-bottom: 0;
        border-bottom: 12px double #f7f7f7;
        padding-bottom: 0;
        
        
    }

    .photo_video {
        display: flex;
        flex-direction: column;
    }

    .video_content:nth-child(2) .yt_logo img,
    .video_content:nth-child(3) .yt_logo img {
        width: 35px;
        bottom: 45%;
    }
}

@media only screen and (max-width: 640px) {}


/* Footer Start */
.footer_title {
    background-color: #e1e1e1;
    height: auto;
    padding: 12px;
    width: 100%;
}

.footer_title .footer_logo {
    max-width: 1170px;
    margin: auto;
    padding: 0px 15px;
}

.footer_menu_ground {
    width: 100%;
    background-color: #1a1a1a;
    color: #fff;
}

.footer_menu_ground .footer_nav_ground {
    max-width: 1170px;
    padding: 20px 15px;
    margin: auto;
    display: flex;
}

.footer_menu_ground .footer_nav_ground .left_side {
    width: 74%;
}

.footer_menu_ground .footer_nav_ground .left_side ul.footer_nav_ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 22px);
}

.footer_menu_ground .footer_nav_ground .left_side ul.footer_nav_ul li {
    font-size: calc(1em + .3vw);
}

.footer_menu_ground .footer_nav_ground .left_side ul.footer_nav_ul li a:link,
.footer_menu_ground .footer_nav_ground .left_side ul.footer_nav_ul li a:visited {
    color: #fff;
}

.footer_menu_ground .footer_nav_ground .left_side ul.footer_nav_ul li a:hover {
    color: #007bff;
}

.footer_menu_ground .footer_nav_ground .right_side {
    text-align: right;
    width: 26%;
}

.footer_menu_ground .footer_nav_ground .right_side img {
    width: 100%;
    height: auto;
    border: 1.5px solid #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}

.info {
    max-width: 1170px;
    margin: auto;
    padding: 0px 15px 10px 15px;
}

.info p {
    width: 70%;
    font-size: calc(1em + .1vw);
    font-weight: normal;
    color: #ffff;
    margin-bottom: 0px;
}

.copyright {
    background-color: #272b35;
    margin-bottom: 31px;
}

.copyright_container {
    max-width: 1170px;
    margin: auto;
    padding: 4px 15px;
    color: rgb(199, 197, 197);
    display: flex;
    justify-content: space-between;
}
.copyright_container a{
    color: green;
}

.copyright_container p {
    font-size: calc(0.8em + .2vw);
    color: #ffff;
    margin: auto 0px;
}

@media only screen and (max-width: 1200px) {

    .footer_title .footer_logo {
        margin: auto;
        padding: 0px;
    }

    .footer_menu_ground .footer_nav_ground {
        max-width: 960px;
        padding: 20px 0px;
    }

    .info {
        max-width: 960px;
        padding: 0px 0px 20px 0px;
    }

    .copyright_container {
        max-width: 960px;
        padding: 10px 0px;
    }
}

@media only screen and (max-width: 990px) {
    .footer_title .footer_logo {
        display: flex;
    }

    .footer_title .footer_logo img {
        margin: auto;
    }

    .footer_menu_ground .footer_nav_ground {
        max-width: 760px;
        padding: 20px 0px;
    }

    .info {
        max-width: 760px;
        padding: 0px 0px 20px 0px;
    }

    .copyright_container {
        max-width: 760px;
        padding: 10px 0px;
    }

    .footer_menu_ground .footer_nav_ground ul {
        padding: 10px 10px
    }

    .footer_menu_ground .footer_nav_ground .right_side {
        padding-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .footer_menu_ground .footer_nav_ground {
        padding: 0px;
    }


    .footer_nav_ground {
        display: flex;
        flex-direction: column;
    }

    .footer_title .footer_logo {
        width: 100%;
        text-align: center;
    }

    .footer_menu_ground .footer_nav_ground .left_side {
        width: 100%;
        display: flex;
        order: 2;
    }

    .footer_menu_ground .footer_nav_ground .right_side {
        width: 100%;
        background-color: #363d4d;
    }

    .footer_menu_ground .footer_nav_ground .right_side_inner {
        max-width: 570px;
        width: 98%;
        margin: 0px auto;
        display: flex;
        justify-content: space-around;
        order: 1;
        padding-right: 0px;
    }

    .footer_menu_ground .footer_nav_ground .right_side img {
        width: 45%;
        margin-bottom: 10px;
    }

    .footer_menu_ground .footer_nav_ground .left_side ul.footer_nav_ul {
        max-width: 570px;
        width: 98%;
        margin: 0px auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(auto, 22px);
    }

    .info {
        max-width: 570px;
        width: 98%;
        padding-bottom: 5px;
    }

    .info p {
        max-width: 570px;
        width: 98%;
        text-align: center;
        padding: 0px 10px;
    }

    .copyright_container {
        max-width: 570px;
        width: 98%;
        padding: 10px 10px;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
}

/* Design For Simgle Starts */
.single_page_container {
    max-width: 1170px;
    width: 100%;
    margin: auto;
    padding: 0px 15px;
}

.single_top_cat {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid rgb(121, 120, 120);
}

.single_top_cat a:link,
.single_top_cat a:visited {
    color: #1e88e5;
}

.single_top_cat ul {
    display: flex;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.single_top_cat ul li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: rgb(172, 172, 172) 1px solid;
}

.single_top_cat ul li:last-child {
    border: none;
}

.single_top_cat ul li a:link,
.single_top_cat ul li a:visited {
    color: #484848;
    /* cursor: default; */
}

.single_top_cat ul li a:hover {
    color: #1e88e5;
}

.the_thumb_caption {
    border-bottom: rgb(172, 172, 172) 1px solid;
    text-align: center;
    width: 100%;
    font-size: calc(1em + .4vw);
    padding: 5px 0px;
    margin-bottom: 20px;
}

.the_content_single p {
    margin: 7px 0px;
    font-weight: normal;
    font-size: calc(1em + .5vw);
}

.the_content_single img {
    width: 100%;
    height: auto;
}

.single_page_container .sigle_left {
    padding: 0px 34px 0 1px;
    width: 67%;
}

.single_page_container .sigle_right {
    padding-left: 15px;
    width: 33%;
}

.single_page_container .single_first_ad {
    text-align: center;
}

.single_page_container .single_first_ad img {
    width: auto;
    height: auto;
    margin: 5px auto;
}

.single_container {
    display: flex;
}

.breadcrumb1 {
    margin: 20px 0px;
    font-size: 20px;
}

.breadcrumb1 a {
    color: #0000ff;
}

.single_container .sigle_left h1 {
    font-size: calc(1em + 1.5vw);
    font-weight: 600;
    color: #333333;
    margin: 10px 0px
}

.single_container .sigle_left .info_box {
    display: flex;
    justify-content: space-between;
    height: 55px;
    border-bottom: rgb(172, 172, 172) 1px solid;
    margin-bottom: 15px;
    padding-bottom: 70px;
}

.info_box_right i.pr_md {
    color: #fff;
    margin-top: 3px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: gray;
    padding: 10px;
    cursor: pointer;
}

.smp-total-count {
    border-radius: none;
    border-right: 1px solid gray;
}

.info_box .smp-regular-but>span.smp-more {
    display: none;
}

.the_post_banner img {
    width: 100%;
    height: auto;
}

.more_single h2 {
    color: #484848;
    font-size: calc(1em + .3vw);
    padding: 5px;
    padding-left: 2px;
    border-bottom: 1.5px solid rgb(251, 0, 0);
    margin-top: 15px;
    margin-bottom: 15px;
}

.more_six_posts {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(auto, auto);
}

.more_six_posts a img {
    width: 100%;
    height: auto;
}

.more_six_posts h4 {
    font-size: 18px;
    color: #000;
}

.single_right_more h3 {
    font-size: 20px;
    margin: 10px 0px;
    color: #000;
    border-bottom: 1px solid rgb(255, 0, 0);
}

.single_right_more .single_right_post a {
    display: flex;
    margin: 3px 0px;
}


.single_right_more .single_right_post rihgt_thumb img {
    width: 90px;
    height: 60px;
    margin: 3px 10px 3px 0;
}

.single_right_more .single_right_post a h2 {
    font-size: 18px;
    color: #000;
    margin: auto 0px;
    font-weight: 700;
}

@media only screen and (max-width: 1200px) {

    .single_page_container {
        width: 960px;
        margin: auto;
        padding: 0px;
    }
}

@media only screen and (max-width: 990px) {

    .single_page_container {
        width: 760px;
        margin: auto;
        padding: 0px;
    }

    .single_top_cat {
        display: none;
    }


    .info_box .smp-regular-but [data-network="linkedin"],
    .info_box .smp-regular-but [data-network="pinterest"] {
        display: none;
    }

    .single_page_container .single_first_ad {
        display: none;
    }

    .info_box_right i.pr_md {
        display: none;
    }

}

@media only screen and (max-width: 770px) {
    .single_page_container {
        max-width: 570px;
        width: 97%;
    }

    .single_container {
        display: flex;
        flex-direction: column;
    }

    .single_container .sigle_left .info_box {
        display: flex;
        flex-direction: column;
        height: 120px;
        border-bottom: none;
    }

    .single_container .sigle_left .info_box p {
        padding-bottom: 5px;
        border-bottom: rgb(172, 172, 172) 1px solid;
    }

    .info_box_right {
        margin: 0 auto;
        padding-top: 5px;
    }

    .info_box .smp-regular-but [data-network="linkedin"],
    .info_box .smp-regular-but [data-network="pinterest"] {
        display: block;
    }

    .single_page_container .sigle_left {
        padding: 0px;
        width: 100%;
    }

    .single_page_container .sigle_right {
        padding-left: 0px;
        width: 100%;
    }

    .more_single h2 {
        color: #fff;
        background: #3b5998;
        border-bottom: none !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

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

/* Design For Simgle end */

/* Design For archive start */
.archive_page_container {
    max-width: 1170px;
    margin: auto;
    padding: 0px 15px;
}

.archieve_top_cat {
    display: flex;
    align-items: center;
    font-weight: bold;
    height: 45px;
    padding: 5px 0;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    border-bottom: 1px solid rgb(121, 120, 120);
}

.archieve_top_cat ul {
    display: flex;
    margin-bottom: 0;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 600;
}

.archieve_top_cat ul li {
    margin-right: 10px;
    padding-right: 10px;
    border-right: rgb(172, 172, 172) 1px solid;
}

.archieve_top_cat ul li:last-child {
    border: none;
}

.archieve_top_cat ul li a:link,
.archieve_top_cat ul li a:visited {
    color: #484848 !important;
}

.archieve_top_cat ul li a:hover {
    color: #1e88e5 !important;
}

.archive_first_ad img {
    width: 100%;
    height: auto;
    max-height: 100px;
    margin: 10px 0;
}

.archive_leatest_three_posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-column-gap: 26px;
    grid-row-gap: 15px;
}


.archive_leatest_three_posts item3:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
    position: relative;
}

.archive_leatest_three_posts item3:nth-child(2) {
    grid-row: 1/2;
}

.archive_leatest_three_posts item3:nth-child(3) {
    grid-row: 2/3;
}

.archive_leatest_three_posts item3 img {
    height: 100%;
    width: 100%;
}

.archive_leatest_three_posts item3 {
    position: relative;
}

.archive_leatest_three_posts item3 h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: calc(1em + 1.5vw);
}

.archive_leatest_three_posts item3 h4 a {
    width: 100%;
    position: absolute;
    bottom: 0px;
    color: #fff;
    font-weight: 700;
    background-color: rgba(170, 167, 167, 0.705);
    left: 0px;
    padding: 5px;
}

.archive_leatest_three_posts item3:nth-child(2) h4 a,
.archive_leatest_three_posts item3:nth-child(3) h4 a {
    /* line-height: 20px; */
    font-size: .6em;
}

.archive_leatest_three_posts item3:hover h4 a {
    color: rgb(255, 179, 0);
}

.archive_container {
    display: flex;
}

.archieve_left_part {
    width: 67%;
    padding-right: 12px;
}

.archieve_right_part {
    width: 33%;
    padding-left: 13px;
    margin-top: 15px;
}

.subcat_six_posts {
    margin-top: 15px;
}

.subcat_six_posts h2 {
    width: 100%;
    font-size: 28px;
    font-weight: 600;
    padding-left: 2px;
    border-bottom: 1px solid rgb(248, 0, 0);
    display: flex;
}

.subcat_six_posts h2 a:link,
.subcat_six_posts h2 a:visited {
    color: #484848;
    text-decoration: none;
}

.subcat_six_posts_grid h4 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: calc(1em + .2vw);
}

.subcat_six_posts_grid h4 a:link,
.subcat_six_posts_grid h4 a:visited {
    color: #000;
    display: block;
    margin-top: 7px;
    font-weight: 600;
}

.subcat_six_posts_grid h4 a:hover {
    color: #1e88e5;
}


.subcat_six_posts_grid item6 thumb1 img {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}

.subcat_six_posts_grid {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    grid-column-gap: 30px;
    grid-row-gap: 15px;
}

.down h2 {
    display: none;
}

@media only screen and (max-width: 1200px) {
    .archive_page_container {
        width: 960px;
        margin: auto;
        padding: 0px
    }
}

@media only screen and (max-width: 990px) {
    .archive_page_container {
        width: 760px;
        margin: auto;
        padding: 0px
    }

    .archieve_top_cat a {
        color: #000 !important;
    }

    .archieve_top_cat {
        margin: 10px 0;
        align-items: center;
        display: flex;
        border-bottom: 1px solid #ccc;
        background-color: rgb(240, 240, 240);
    }

    .down {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .down h2 {
        display: block;
        color: #000;
        font-size: 22px;
        font-weight: 600;
        margin-left: 45%;
        margin-top: 10px;
        padding-left: 5px;
        border-left: 2px solid red;
        ;
    }

    .archieve_top_cat ul {
        margin-top: 63px;
        position: absolute;
        margin-left: 0px;
        z-index: 99;
        background-color: rgb(243, 243, 243);
        display: grid;
        max-width: 760px;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(auto, auto);
    }

    .archieve_top_cat ul li {
        border-right: none;
    }


    .archive_leatest_three_posts {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, auto);
        grid-gap: 15px;
    }

    .archive_leatest_three_posts item3:nth-child(1) {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .archive_leatest_three_posts item3:nth-child(2) {
        grid-row: 3/4;
    }

    .archive_leatest_three_posts item3:nth-child(3) {
        grid-row: 3/4;
    }

    .archive_leatest_three_posts item3:nth-child(2) img,
    .archive_leatest_three_posts item3:nth-child(3) img {
        height: auto;
        margin-bottom: 5px;
    }

    .archive_leatest_three_posts item3:nth-child(2) h4,
    .archive_leatest_three_posts item3:nth-child(3) h4 {
        line-height: 15px;
        margin: 7px 0;
    }

    .archive_leatest_three_posts item3:nth-child(2) h4 a,
    .archive_leatest_three_posts item3:nth-child(3) h4 a {
        color: rgb(2, 2, 2);
        background: transparent;
        padding: 0;
        font-size: .7em;
        position: relative;
    }

    .subcat_six_posts_grid item6:nth-last-child(-n+3) {
        display: none;
    }

    .subcat_six_posts_grid {
        display: flex;
        flex-direction: column;
    }

    .subcat_six_posts_grid item6:nth-child(1) {
        position: relative;
    }

    .subcat_six_posts_grid item6:nth-child(1) h4 a {
        position: absolute;
        font-size: 25px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.323);
        width: 100%;
        bottom: 0px;
        padding: 8px 0;
        left: 0px;
    }

    .subcat_six_posts_grid item6:nth-child(2),
    .subcat_six_posts_grid item6:nth-child(3) {
        display: flex;
    }

    .subcat_six_posts_grid item6:nth-child(2) h4,
    .subcat_six_posts_grid item6:nth-child(3) h4 {
        margin: auto 5px;
    }

    .subcat_six_posts_grid item6:nth-child(2) thumb1 img,
    .subcat_six_posts_grid item6:nth-child(3) thumb1 img {
        width: 90px;
        height: 60px;
    }
}

@media only screen and (max-width: 770px) {
    .subcat_six_posts h2 .cat_arrow {
        display: block;
        color: red;
        font-size: 24px;
        margin-left: auto;
    }

    .archive_page_container {
        max-width: 570px;
        width: 97%;
        margin: auto;
        padding: 0px
    }

    .archieve_top_cat ul {
        max-width: 570px;
        width: 100%;
    }

    .archive_first_ad {
        display: none;
    }

    #id {
        display: none;
    }

    .archieve_left_part {
        width: 100%;
        padding-right: 0px;
    }

    .archieve_right_part {
        width: 100%;
    }

    .archive_container {
        margin: 0px 5px;
        display: flex;
        flex-direction: column;
    }
}

/* Design For archive end */

/* design for sub cat template start */

.subcat_archive_container {
    max-width: 1170px;
    margin: 0px auto;
    padding: 0px 15px;
}

.subcat_page_container {
    display: flex;
}

.subcat_page_container .subcat_left {
    width: 67%;
    padding-right: 9px;
}

.subcat_page_container .subcat_right {
    width: 33%;
    padding-left: 13px;
    margin-top: 15px;
}

.archive_leatest_eighteen_posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(5, auto);
    grid-column-gap: 30px;
    grid-row-gap: 5px;
}

.archive_leatest_eighteen_posts item15 img {
    width: 100%;
    height: 150px;
}

.archive_leatest_eighteen_posts item15 {
    margin-top: 15px;
}

.archive_leatest_eighteen_posts item15 h4 {
    color: #000;
    display: block;
    font-size: calc(1em + .2vw);
    text-decoration: none;
    overflow: hidden;
    font-weight: 600;
}

.archive_leatest_eighteen_posts item15 h4 a {
    color: #000;
}

.fullwidth {
    width: 100%;
    padding: 10px;
    display: block;
    text-align: center;
    background-color: #337ab7;
    font-size: 20px;
    margin: 5px 0px;
}

a.fullwidth a {
    text-decoration: none;
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    .subcat_archive_container {
        width: 960px;
        margin: auto;
        padding: 0px;
    }
}

@media only screen and (max-width: 990px) {
    .subcat_archive_container {
        width: 760px;
        margin: auto;
        padding: 0px;
    }

    .archive_leatest_eighteen_posts {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(auto, auto);
        grid-gap: 10px;
    }

    .archive_leatest_eighteen_posts item15 {
        display: flex;
        margin-top: 0;
    }

    .archive_leatest_eighteen_posts item15 h4 {
        margin: auto 5px;
    }

    .archive_leatest_eighteen_posts item15 img {
        width: 120px;
        height: 68px;
    }
}

@media only screen and (max-width: 770px) {
    .subcat_archive_container {
        max-width: 570px;
        width: 97%;
        padding: 0px;
    }

    .subcat_page_container {
        display: flex;
        flex-direction: column;
    }

    .subcat_page_container .subcat_left {
        width: 100%;
        padding-right: 0px;
    }

    .subcat_page_container .subcat_right {
        width: 100%;
        background-color: rgba(95, 158, 160, 0.411);
    }
}

/* design for sub cat template end */
/* design for photo archive starts */
.photo_archive_conatiner {
    max-width: 1170px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 15px;
    display: flex;
}

.photo_archieve_left_part {
    width: 70%;
}

.photo_subcat {
    padding: 0px 10px 10px 10px;
    border: 1px solid rgb(165, 165, 165);
    border-top: 2px solid #000;
    margin-bottom: 30px;
}

.photo_subcat h2 {
    margin-bottom: 10px;
    font-size: 28px;
}

.photo_subcat h2 a {
    background: #630933;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
    text-decoration: none;
    padding: 2px 25px;
    color: #fff;
}

.photo_subcat_posts_grid item8 {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    position: relative;
}

.photo_subcat_posts_grid item8 img {
    width: 100%;
    display: block;
    height: auto;
    margin: 5px 0px;

}

.photo_subcat_posts_grid item8 i {
    position: absolute;
    border: 2px solid #fff;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    padding: 13px 10px 12px 14px;
    opacity: .8;
    top: 20%;
    left: 35%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.photo_subcat_posts_grid item8 h4 {
    color: #000;
    font-size: 16px;
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 5px;
}

.photo_subcat_posts_grid item8:hover h4 {
    text-decoration: underline;
}

.photo_subcat_posts_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    grid-gap: 15px;
}

.photo_archieve_right_part {
    width: 30%;
}

.pv_bread {
    margin: 10px 0px 20px 0px;
}

.pv_bread a {
    color: #000;
    font-size: 18px;
}

/* design for photo archive end */
/* design for video archive starts */
.video_archive_conatner {
    max-width: 1170px;
    width: 100%;
    margin: 0px auto;
    padding: 0px 15px;
    display: flex;
}

/* design for video archive end */
.pagination1 {
    width: 100%;
    margin: 10px 0px;
    display: flex;
}

.page-numbers {
    position: relative;
    display: block;
    padding: .3rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination1 .current {
    color: red;
}

.pagi_inner {
    margin-left: auto;
    display: flex;
}

/* STyle forF */
.home_menu_inner {
    width: 100%;
    margin: 0 0 10px;
    position: relative
}

.map_inner_block {
    width: 100%;
    background: #e6e6fa;
    margin-bottom: 0;
    position: relative
}

.map_inner {
    background: #e6e6fa;
    padding: 15px;
    overflow: hidden
}

.st0 {
    opacity: .7
}

.st1 {
    fill: #80c2eb;
    cursor: pointer
}

.st2 {
    fill: none;
    cursor: pointer
}

.st3 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st4 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st5 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st6 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st7 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st8 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st9 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st10 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st11 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st13 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .25;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st14 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .75;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st15 {
    fill: #008c44;
    stroke: #fff;
    stroke-width: .25;
    stroke-miterlimit: 10;
    cursor: pointer
}

.st16 {
    enable-background: new;
    cursor: pointer
}

.st17 {
    fill: #fff;
    cursor: pointer
}

.st18 {
    opacity: .34;
    cursor: pointer
}

.st19 {
    fill: #008c44;
    cursor: pointer
}

#rangpur:hover path {
    fill: #9a1515
}

#rangpur:hover path.st17 {
    fill: #fff
}

#rangpur:hover path.st19 {
    fill: #d5d5d5
}

#mymensingh:hover path {
    fill: #9a1515
}

#mymensingh:hover path.st17 {
    fill: #fff
}

#mymensingh:hover path.st19 {
    fill: #d5d5d5
}

#sylhet:hover path {
    fill: #9a1515
}

#sylhet:hover path.st17 {
    fill: #fff
}

#sylhet:hover path.st19 {
    fill: #d5d5d5
}

#rajshahi:hover path {
    fill: #9a1515
}

#rajshahi:hover path.st17 {
    fill: #fff
}

#rajshahi:hover path.st19 {
    fill: #d5d5d5
}

#khulna:hover path {
    fill: #9a1515
}

#khulna:hover path.st17 {
    fill: #fff
}

#khulna:hover path.st19 {
    fill: #d5d5d5
}

#borishal:hover path {
    fill: #9a1515
}

#borishal:hover path.st17 {
    fill: #fff
}

#borishal:hover path.st19 {
    fill: #d5d5d5
}

#chittagong:hover path {
    fill: #9a1515
}

#chittagong:hover path.st17 {
    fill: #fff
}

#chittagong:hover path.st19 {
    fill: #d5d5d5
}

#dhaka:hover path {
    fill: #9a1515
}

#dhaka:hover path.st17 {
    fill: #fff
}

#dhaka:hover path.st19 {
    fill: #d5d5d5
}

.home_menu_online {
    width: 100%;
    border-bottom: 1px solid #fe0104;
    line-height: 36px;
    padding-left: 7px;
    font-size: 24px
}



/*===================================*/