@media (min-width: 769px) and (max-width: 1024px) {
    :root{
        --mm-b-b: 0.01rem solid #A10F0D;
        --m-menu-bg: #23282D;
        --m-bar-b: 0.125rem solid #A10F0D;
        --m-bar-pd: 0 0.625rem;
        --m-menu-f-c: #fff;
        --m-menu-pd: 0.25rem 0.75rem;
        --m-menu-f-s: 1.25rem;
        --m-arrow-f-s: 1.375rem;

        --com-ts: all 0.3s ease;
        --com-radi-heavy: 0.3125rem;
        --com-radi-light: 0.15625rem;
        --com-ts: all 0.3s ease;
        --com-fw-500: 500;
        --com-fw-550: 550;
        --com-fw-600: 600;
        --com-fw-700: 700;
        --s-light: 0 0.125rem 0.30rem rgb(0 0 0 / 20%);
        --s-dark: 0 0.3rem 0.625rem rgb(0 0 0 / 20%);
        --font-family:  'Noto Serif Bengali', 'Calibri', 'SutonnyMJ', 'Siyamrupali', 'Arial', Georgia, "Times New Roman", Times, serif;
    }

    /*----- Major CSS for Sit Section Start -----*/
    *, *::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: var(--font-family);
        scroll-behavior: auto;
        background-color: #ffffff;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L20 20M40 0L20 20M0 40L20 20M40 40L20 20' stroke='%23009688' stroke-opacity='0.08' fill='none'/%3E%3C/svg%3E");
        
    }
    ul, li, ol{
        list-style: none;
    }
    a{
        text-decoration: none;
    }
    .line1{
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .line2{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .line3{
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    /*----- Major CSS for Sit Section End -----*/

    /*---------- Mobile menu Area Start ----------*/
    #menu-toggle{
        display: none;
    }
    .mobile-menu{
        display: none;
    }
    .mbar{
        display: none;
    }
    .navbar100{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 1000;
        height: 3.125rem;
        transition: transform 0.3s ease;
    }
    .navbar{
        height: 100%;
        width: 95%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: var(--s-dark);
        padding: 0 20px;
        background: #ffffff;
        border-bottom: var(--m-bar-b);
    }
    .logo{
        height: 100%;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .logo img{
        height: 35px;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #banglaDateTime{
        height: 100%;
        width: 40%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }
    .ms_link{
        height: 100%;
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
    }
    .ms_link a{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tiktokm, .youtubem, .facebookm{
        height: 1.875rem;
        width: 1.875rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        border-radius: 0.3125rem;
        font-size: 1.35rem;
    }
    .youtubem{
        background: #FF0033;
    }
    .facebookm{
        background: #0767FF;
    }
    .tiktokm{
        background: #000000;
    }
    .hide {
        transform: translateY(-100%);
    }
    
    /*---------- Mobile menu Area End ----------*/


    /*---------- Desktop menu Area Start ----------*/
    .d_menu{
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 3.14rem;
        height: 2.5rem;
        width: 100%; 
        position: fixed;  
        z-index: 999;    
    }
    .dm_ul{
        height: 100%;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px;
        background: #ffffff;
        box-shadow: var(--s-dark);
        border-bottom: var(--m-bar-b);
    }
    .dm_list{
        height: auto;
        width: auto;
        padding: 0.1875rem 0.4375rem;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0.0625rem;
        border-radius: var(--com-radi-light);
        position: relative;
        transition: var(--com-ts);
    }
    .dm_list:hover{
        background: #A21210;
        transition: var(--com-ts);
    }
    .dm_list:hover .dm_a{
        color: #ffffff;
        transition: var(--com-ts);
    }
    .dm_list:hover .home-icon{
        color: #ffffff;
        transition: var(--com-ts);
    }
    .dm_list:hover .dm_sub_m{
        display: block;
        transition: var(--com-ts);
    }
    .home-icon{
        color: #A21210;
        font-size: 1.0625rem;
        cursor: pointer;
        padding: 0.25rem 0.3125rem;
        transition: var(--common-ts);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .dm_a{
        height: auto;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 1.0625rem;
        color: #000000;
    }
    .dm_sub_m{
        display: none;
        position: absolute;
        top: 31px;
        left: 0;
        background: #263238;
        width: 160px;
        z-index: 1000;
        box-shadow: var(--s-dark);
    }
    .sub_dm_list{       
        display: block;
        transition: var(--com-ts);
        padding: 0 ;
        cursor: pointer;
        position: relative;
    }
    .sub_dm_a{
        display: block;
        color: #ffffff;
        padding: 0.1875rem 0.75rem;
        font-size: 1.0625rem;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
    }
    .sub_dm_list:hover{
        background: #A21210;
        transition: var(--com-ts);
    }
    .sub_dm_list:hover .sub_dm_a{
        color: #ffffff;
    }
    .dm_sub_m_before::before{
        width: 0;
        height: 0;
        border-left: 0.4375rem solid transparent;
        border-right: 0.4375rem solid transparent;
        border-bottom: 0.5rem solid #263238;
        content: "";
        position: absolute;
        top: -0.4375rem;
        left: 0.5625rem;
    }
    .dm_sub_m_be::before{
        width: 0;
        height: 0;
        border-left: 0.4375rem solid transparent;
        border-right: 0.4375rem solid transparent;
        border-bottom: 0.5rem solid #263238;
        content: "";
        position: absolute;
        top: -0.4375rem;
        right: 0.5625rem;
    }
    #dm_sub_m{
        top: 100%;
        right: 0;
        left: auto;
    }
    /*---------- Desktop menu Area End ----------*/


    /* ------- Footer Area ------- */
    .footer_max{
        height: 12.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
    }
    .footer{
        height: 100%;
        width: 95%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        box-shadow: var(--s-dark);
    }
    .single_line{
        height: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .line{
        height: 2px;
        width: 45%;
        background: #A10F0D;
    }
    .footer_icon{
        height: 100%;
        width: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.25rem;
        text-align: center;
        color: #A10F0D;
    }
    .logo_author{
        height: 2.5rem;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 3.125rem;
    }
    .footer_logo{
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer_logo a{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .footer_logo a img{
        height: 2.1875rem;
        width: auto;
    }
    .author{
        height: 100%;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .author a{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 1.125rem;
        color: #A10F0D;
        cursor: pointer;
    }
    .footer_law{
        height: 2.5rem;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 40px;
    }
    .footer_law a{
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 1.125rem;
        color: #A10F0D;
        cursor: pointer;
        text-align: center;
        padding: 0.125rem 0.9375rem;
        margin-left: 0.0625rem;
    }
    .footer_social{
        height: 2.1875rem;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.875rem;
    }
    .ms_link a{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .tiktokf, .youtubef, .facebookf{
        height: 2.1875rem;
        width: 2.1875rem;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        color: white;
        border-radius: 0.3125rem;
        font-size: 1.35rem;
    }
    .youtubef{
        background: #FF0033;
    }
    .facebookf{
        background: #0767FF;
    }
    .tiktokf{
        background: #000000;
    }
    .site_copyright{
        height: 20px;
        width: 95%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #A10F0D;
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: 0.75rem;
    }
    /* ------- Footer Area ------- */

    /* ----------- secA Area Start ----------- */
    .secA{
        height: 100dvh;
        width: 95dvw;
        margin: auto;
        background: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-top: 5.8rem;
        gap: var(--gap-pd);
        margin-bottom: var(--gap-pd);
        box-shadow: var(--s-dark);
    }
    .secA_top{
        height: 74%;
        width: 100%;
        padding: var(--gap-pd);
        gap: var(--gap-pd);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #ffffff;
        flex-grow: 1;
    }
    .secA_top_big{
        height: 40%;
        width: 100%;
        padding: var(--gap-pd);   
        box-shadow: var(--s-light);  
        display: flex;
        align-items: center;
        justify-content: center; 
    }
    .secA_top_big a{
        height: 100%;
        width: 100%;
        gap: var(--gap-pd);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    .secA_top_big_img{
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .secA_top_big_img img{
        width: 100%;
        height: 100%;
    }
    .secA_top_big_news{
        position: absolute;
        bottom: 0;
        top: auto;
        background: #fbeaf0;
        padding: var(--gap-pd);
        gap: var(--gap-mini);
    }
    .secA_top_big_news h3{
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        font-size: var(--text-xl);
        color: #000203;
        line-height: 1.4;
    }
    .secA_top_big_news p{
        font-family: var(--font-family);
        font-weight: var(--com-fw-600);
        line-height: 1.4;
        font-size: var(--text-base);
        color: #525252;
    }
    .secA_top_bottom{
        height: 60%;
        width: 100%;
        gap: var(--gap-pd);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .secA_top_bottom a{
        width: 49.25%;
        height: 49.5%;
        background: #ffffff; 
        box-shadow: var(--s-dark);
        padding: var(--gap-pd);
    }
    .secA_top_bottom_img{
        height: 65%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: var(--gap-mini);
    }
    .secA_top_bottom_img img{
        height: 100%;
        width: 100%;
    }
    .secA_top_bottom_news{
        height: 35%;
        width: 100%;
        gap: var(--gap-mini);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-content: center;
    }
    .secA_top_bottom_news h3{
        font-family: var(--font-family);
        font-size: var(--text-lg);
        font-weight: var(--com-fw-600);
        line-height: 1.3;
        color: #000000;
    }
    .secA_top_bottom_news p{
        font-family: var(--font-family);
        font-size: var(--text-base);
        font-weight: var(--com-fw-500);
        line-height: 1.2;
        color: #525252;
    }
    .secA_bottom{
        height: 25%;
        width: 100%;
        gap: var(--gap-pd);
        padding: var(--gap-pd);
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .secA_bottom_img{
        width: 49.5%;
        height: 100%;
        background: #ffffff;
        box-shadow: var(--s-dark);
        padding: var(--gap-pd);
    }
    .secA_bottom_img img{
        height: 100%;
        width: 100%;
    }
    :root{
        --gap-pd: 0.6rem;
        --gap-mini: 0.20rem;
        /* ---------- Text Size ---------- */
        --text-xs: clamp(0.70rem, 1.5vw, 0.80rem);  /* meta / date */
        --text-sm: clamp(0.80rem, 1.8vw, 0.90rem);  /* caption */
        --text-base: clamp(0.90rem, 2.0vw, 1.00rem);  /* body */
        --text-md: clamp(1.00rem, 2.2vw, 1.10rem);  /* card title */
        --text-lg: clamp(1.10rem, 2.5vw, 1.30rem);  /* section heading */
        --text-xl: clamp(1.30rem, 3.0vw, 1.70rem);  /* lead story */
        --text-2xl: clamp(1.60rem, 4.0vw, 2.20rem);  /* hero headline */
        --text-ticker: clamp(0.80rem, 1.8vw, 0.95rem); 
        /* ---------- Text Size ---------- */
    }
    /* ----------- secA Area End ----------- */
}