@media (max-width: 768px){

    :root{
    /*-- Heading Root Start --*/
        --FF:'Anek Bangla';
        --heading_BC: #007bffd5;
        --heading_BC_light: #007bffd5;
        --main_color: #006563;
        --secondary_color:#fff;

        --news_title_color: rgb(0,0,0);
        --news_paragraph_color: rgb(82, 82, 82);
        --news_section_hover: #cd2127;

        --bdfs: 20px;
        --mainLogoSize: 70px;
        --social_link_a:23px;
        --social_link_a_margin:0 5px;
        
        --menu_list-padding:2px 10px;
        --menu_list-margin:0 1px;
        --sub_menu_list_bg:rgba(237, 237, 237, 0.582);
        --menu_a_fs: 20px;
        --sub_menu_list_a_fs:16px;
        /*-- Heading Root Start --*/

        --box_shadow-light: 0 1px 1px rgba(0,0,0,0.15);
        --box_shadow-dark: 0 2px 5px rgba(0,0,0,0.15);
    }

    *, *::after, *::before{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    HTML,
    BODY {
        height:auto;
        width:100%;
        margin:0;
        padding:0;
        text-decoration: none;
        list-style: none;
        box-sizing: border-box;
        overflow:auto;
        font-family: 'Anek Bangla';
        scroll-behavior: auto;
    }

    /*---------- Mobile Menu Section Start ----------*/
    .header_area{
        display: none;
    }

    .menu{
        display: none;
    }

    .mobile_bar{
        display: block;
        width: 95%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 0 2.5%;
        border-bottom: 2px solid var(--heading_BC);
        box-shadow: var(--box_shadow-dark);
        position: relative;
    }
    
    #check{
        display: none;
    }

    .logoMobile{
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logoMobile img{
        height: 40px;
    }

    .bar{
        width: 25%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .bar .toggle{
        height: 25px;
        width: 25px;
        background: #fff;
        border-radius: 2px;
        box-shadow: var(--box_shadow-light);
        position: relative;
    }

    .bar .toggle .common{
        display: block;
        position: absolute;
        height: 1.8px;
        width: 14px;
        background: var(--main_color);
        border-radius: 12.5%;
        transition: 0.3s ease;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.3s;
    }

    .toggle .top_line{
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .toggle .middle_line{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    .toggle .bottom_line{
        top: 75%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #check:checked ~ .bar .toggle .top_line{
        left: 5px;
        top:11px;
        transform: rotate(45deg);
    }


    #check:checked ~ .bar .toggle .bottom_line{
        left:  5px;
        top: 11px;
        transform: rotate(-45deg);
    }

    #check:checked ~ .bar .toggle .middle_line{
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        
    }

    #check:checked ~ .mobile_menu{
        display: block;
    }

    

    .social_link{
        height: 100%;
        width: 25%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .social_link a{
        text-decoration: none;
        font-size: 17px;
        padding: 0;
        border: 0;
        margin: 0 2px;
    }


    .mobile_menu{
        display: none;
        width: 180px;
        list-style: none;
        padding: 7px;
        position: absolute;
        left: 0;
        top: 100%;
        z-index: 999;
        background: var(--main_color);
        border-radius: 5px;
    }

    .mobile_menu li{
        position: relative;
        display: block;
        background: #fff;
        margin-bottom: 1px;
        border-radius: 5px;
    }

    .mobile_menu li:hover{
        background: var(--main_color);
    }

    .mobile_menu li:hover a{
        color: #fff;
    }

    .mobile_menu li:hover label{
        color: #fff;
    }

    .mobile_menu li a{
        color: var(--main_color);
        font-family: var(--FF);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        display: block;
        padding: 5px 10px;
    }



    .mobile_menu li label{
        color: var(--main_color);
        font-family: var(--FF);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
        display: block;
        width: 100%;
        height: 100;
        padding: 5px 10px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        position: relative;
    }

    .mobile_menu li label .arrow{
        position: absolute;
        font-size: 20px;
        top: 50%;
        left: 90%;
        transform: translate(-50%, -50%);
    }


    .mobile_menu li ul{
        position: absolute;
        top: 0;
        left: 104.5%;
        width: 180px;
        padding: 5px;
        background: #fff;
        box-shadow: var(--box_shadow-dark);
        border-radius: 5px;
    }

    .mobile_menu li ul li{
        background: var(--main_color);
    }

    .mobile_menu li ul li a{
        color: #fff;
        font-family: var(--FF);
        font-size: 13px;
        padding: 3px 8px;
        font-weight: 500;
        text-decoration: none;
        display: block;
    }

    .mobile_menu li ul li:hover{
        background: #fff;
    }

    .mobile_menu li ul li:hover a{
        color: var(--main_color);
    }

    #dropasia, #dropmiddle, #dropmore{
        display: none;
    }

    .subasia, .submiddle, .submore{
        display: none;
    }

    #dropasia:checked ~ #subasia,
    #dropmiddle:checked ~ #submiddle,
    #dropmore:checked ~ #submore{
        display: block;
    }
    

    #dropasia:checked ~ #drop_label,
    #dropmiddle:checked ~ #drop_label,
    #dropmore:checked ~ #drop_label{
        color: #fff;
        background: var(--main_color);
    }
    #subasia{
        top: -105px;
    }

    #submore{
        top: -250px;
    }
    /*---------- Mobile Menu Section End ----------*/




    .sectionB{
        width: 95%;
        height: auto;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin-top: 5PX;
        margin-bottom: 5px;
        padding: 5px;
        background: #fff;
    }
    .sectionB_left{
        width: 100%;
        margin-bottom: 5px;
    }
    .sectionB_left_top{
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 5px;
        padding: 5px;
        
    }
    .sectionB_left_top_news{
    padding: 0 0 0 10px; 
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    }
    .sectionB_left_top_news h3{
    font-size: 20px;
    line-height: 24px;    
    padding-top: 0;
    margin-bottom: 7px;
    }
    .sectionB_left_top_news_p{
        font-size: 14px;
        line-height: 18px;

    }
    #line3{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    }
    .sectionB_left_bottom{
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 5px;
    }
    .sectionB_left_bottom a{
        box-shadow: none;

    }
    .sectionB_left_bottom_a_left{
        padding: 0px;
    }
    .sectionB_left_bottom_a_right{
        padding: 0 0 0 5px;
    }
    .sectionB_left_bottom_a_right h3{
        font-size: 14px;
        line-height: 18px;
    }
    .sectionB_left_bottom a{
    text-decoration: none;
    display: flex;
    align-items: initial;
    justify-content: center;
    transition: 0.3s;
    background: #EFF3F4;
    box-shadow: none;
}
    /*---------- Footer Section Start ----------*/
    .footer{
        border-top: 2px solid var(--heading_BC);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .logo_author{
        border-bottom: 0.5px solid var(--heading_BC);
        padding: 2px;
    }
    .footer_logo{
        height: 40px;
    }

    .our_details{
        width: 100%;
        border-bottom: 0.5px solid var(--heading_BC);    
    }

    .details{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .details li{
        padding: 0;
        margin: 0 2px;
        border-radius: 5px;
        position: relative;
        transition: 0.3s;
    }

    .details li:hover{
        background: var(--text_hover);
    }

    .details li:hover a{
        color: var(--main_color);
    }

    .details li a{
        font-size: 12px;
        padding: 2px 3px;
    }



    .social_contact{
        padding: 0;
        border-bottom: 0.5px solid var(--heading_BC); 
    }


    .social_contact .contact a{
        padding: 2.5px 2.55px;
        font-size: 20px;
        margin: 0 5px;
    }

    .copy_right{
        width: 100%;
        padding: 2.5px;
    }

    .copy_right .end{
        font-size: 12px;
        margin: 0px 5px;
        padding: 2.5px 5px;
    }

    .editor{        
        font-size: 12px;
        margin: 0px 5px;
        padding: 2.5px 5px;
    }

    .copy_middle{
        height: 18px;
        width: 2px;
    }
}