/* responsive */

@media (max-width: 768px) {

    .wsj{
        display: none;
    }
    .english{
        display: none;
    }
    .latest{
        display: none;
    }
    .first{
        display: none;
    }
    .subscribe{
        padding-top: 100px;
        margin-left: 0px;
        margin-right: 0px;
        justify-content: center;
        margin: 0 auto;
        width: 50%;
    }
    .first-ad{
        display: none;
    }
    .exclusive{
        flex-direction: column;
        padding: 20px 0px;
        gap: 0px;
    }
    .exclusive-left {
        width: 100%;
    }
    .exclusive-mid {
        width: 100%;
    }
    .exclusive-right {
        width: 100%;
    }
    .section-two {
        flex-direction: column;
    }
    .section-wrapper {
    
    display: none;}
    .retirement {
        padding: 0px 0px;
    gap: 0px;
    flex-direction: column;
    }
    .retire-left {
        width: 100%;
    }
    .content-section {
        padding: 10px;
    }
    .independent {
    
    height: 50px;}
    .adver{
        flex-direction: column;
    
    }
    .pp{
        padding-bottom: 20px;
    }
    .adver-right {
        width: 100%;
    }
    .adver-left {
        width: 100%;
    }
    .conten {
        flex-direction: column;
    }
    .content-one {
    
    width: 100%;}
    .content-two {
    
        width: 100%;}
    
    
    .retire-right {
    width: 100%;
    }
    .styl {
        width: 100%;
    }
    .ad-three{
        display: none;
    }
    .footer-content
    {
        display: none;
    }
    .header{
        display: none;
    }
    .sss{
        flex-direction: column;
    }
    
    .first{
        padding: 0px 10px;
    }
    .exclusive{
        padding: 0px 10px;
    }
    .section-two{
        padding: 0px 10px;
    }
    .retirement{
        padding: 0px 10px;
    }
    .logo-section {
    width: 50%;
    }
    .title {
        font-size: 1rem;
    }
    .description {
        font-size: 9px;
    }
    .button{
        padding: 5px 5px;
    }
    .world-bodies-one {
        width: 100%;
    }
    .world-bodies{
        flex-direction: column;
    }
    .world-bodies-two {
        width: 100%;
    }
    .mercedes {
        flex-direction: column;
    }
    .section-two-right {
        margin-bottom: 20px;
    }
    .mercedes-left {
        width: 100%;}
        .mercedes-right {
            width: 100%;}
            .wall {
                display: flex
            ;
                flex-direction: column;
               
            }
            .subscribe {
                padding-top: 0px;
            }
            .playfair{
                padding-top: 10px;
            }
            .headers {
                position: sticky;
                z-index: 9999;
                top: 0;
                background-color: white; /* Keep this to ensure it covers content behind it */
                box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
                border-bottom: 1px solid #e0e0e0; /* Optionally, add a border for clarity */
            }
            .playfair img {
                width: 100%;
            }
            
                
            
    }
    
    
    @media only screen and (min-width: 820px) and (max-width: 1180px) { 
    
        .latest {
           
            padding: 10px 30px 10px 30px;
    }
    .latest img {
        width: 3%;
    }
    .first-right {
        display: flex
    ;
        gap: 10px;
    }
    .first{
        gap: 10px;
    }
    .exclusive {
        display: flex
    ;
        padding: 20px 10px;
    }
    .retirement {
        padding: 0px 10px;
    }
    
    }
    
    
    
    
    @media only screen and (width: 1280px) and (width: 800px) { 
    
        .latest {
           
            padding: 10px 30px 10px 30px;
    }
    .latest img {
        width: 3%;
    }
    .first-right {
        display: flex
    ;
        gap: 10px;
    }
    .first{
        gap: 10px;
    }
    .exclusive {
        display: flex
    ;
        padding: 20px 10px;
    }
    .retirement {
        padding: 0px 10px;
    }
    
    }
    
    
    /* category page */
    @media (max-width: 768px) {
        .cairlines {
            display: inline-block;}
            .csponsered {
            padding-top: 0px;
            }
            .csponsered img {
                padding: 10px 0px;
                display: none;
            }
            .cbusiness {
                margin: 0px 0px;
            }
            .cmain{
                padding: 40px 0px;
                flex-direction: column;
            }
            .cmain-left {
                width: 100%;
            }
            .doneimg img {
                width: 95%;
                padding: 20px 0px 0px 10px;
            }
            .cmain-right {
                width: 100%;}
                .ctech{
                    padding: 20px 0px;
                }
                .cad-two img {
                
                width: 100%;
            padding: 0px;}
            .cenergy {
                margin: 20px 0px;}
                .crelated {
                    margin: 20px 0px;}
                    .cmost{
                        margin: 20px 0px;
                        
                    }
                    .cmostt{
                        flex-direction: column;
                    }
                    .cmost-one {
                        display: flex
                    ;
                        width: 100%;
                    }
                    .cmost-two {
                        display: flex;
                        padding: 0px;
                        width: 100%;
                        border-left: 0px;
                        border-right: 0px;
                    }
                   
                       
                        .dplay-button {
                            background-color: black;
                            color: white;
                            border: none;
                            border-radius: 50%;
                            width: 10px;
                            display: flex
                            ;
                                    justify-content: center;
                            height: 19px;
                            margin-top: 4px;
                            cursor: pointer;
                            font-size: 15px;
                        }
                     
                    
                    .cmost-three {
                        display: flex
                    ;
                        width: 100%;
                    }
                    .cvideo {
                        padding: 20px 0px;
                    }
                    .cad-five {
                        padding: 20px 0px;
                        width: 100%;
                         margin: 0px
                    }
                    .cmore {
                        margin: 20px 0px;
                    }
                    .cbuyside {
                    margin: 20px 0px;
                    }
                    .cad-six {
                        padding: 20px 0px;
                        width: 100%;
                     margin: 0px;   
                    }
                    .cpopularbusiness {
                        margin: 20px 0px
                    }
                    .cwent-right {
                        width: 25%;
                    }
                    .crelated {
                    
                    text-align: center;
                }
                .cairlines p {
                    margin: 10px 0px;}
                    .cad-seven {
                        padding: 20px 0px;
                        width: 100%;
                         margin: 0px
                    }
                    .cadver {
                        margin: 20px 0px;}
                        .cadv{
                            flex-direction: column;
                        }
                        .cadvone {
                            margin: 10px 0px;
                            width: 100%;}
                            .cadvtwo {
                                margin: 10px 0px;
                                width: 100%;}
                                .cadvthree {
                                    margin: 10px 0px;
                                    width: 100%;}
                                    .playfair {
                                        width: 75%;
                                        display: flex
                                    ;
                                        
                                    }
                                    .headers.scrolled .playfair{
                                        gap: 100px;
                                        justify-content: left;
                                    }
                                    .cmain{
                                        padding: 10px 10px;
                                    }
                                    .ctech{
                                        padding: 0px 10px;
                                    }
                                    .cad-two{
                                        padding: 0px 0px;
                                    }
                                    .cenergy{
                                        padding: 0px 10px;
                                    }
                                    .crelated{
                                        padding: 0px 10px;
                                    }
                                    .ddigital{
                                        display: none;
                                    }
                                    .cmost{
                                        padding: 0px 10px;
                                    }
                                    .cvideo{
                                        padding: 0px 10px;
                                    }
                                    .cad-five{
                                        padding: 0px 0px;
                                    }
                                    .cmore{
                                        padding: 0px 10px;
                                    }
                                    .cload{
                                        padding: 0px 10px;
                                    }
                                    .cbuyside{
                                        padding: 0px 10px;
                                    }
                                    .cad-six{
                                        padding: 0px 0px;
                                    }
                                    .cpopularbusiness{
                                        padding: 0px 10px;
                                    }
                                    .cad-seven{
                                        padding: 0px 0px;
                                    }
                                    .ii-hamburger-menu{
                                        display: flex;
                                    }
                                    .cadver{
                                        padding: 0px 10px;
                                    }
                                    .csponsered{
                                        margin: 10px 0px;
                                        width: 100%;
                                    }
    
                                    .cmost-one-right img {
                                       
                                        border-radius: 55px;
                                    }
                                    .cmost-two-right img {
                                       
                                        border-radius: 55px;
                                    }
                                    .cmost-three-right img {
                                       
                                        border-radius: 55px;
                                    }
                                    .copinion-left {
                                        width: 70%;
                                    }
                                    .hamburger{
                                        display: flex;
                                      }
                                      /*  */
                                      
                                      /*  */
    }
    
    
    
    @media only screen and (min-width: 820px) and (max-width: 1180px) { 
    
    
    
    .csponsered{
        padding-top: 150px;
    }
    
    .cbusiness{
        margin: 0px 0px;
    }
    .cmain {
        padding: 40px 5px;
    }
    .ctech {
        padding: 20px 5px;
    }
    .cenergy {
        margin: 20px 5px;
    }
    .crelated {
        margin: 20px 5px;
    }
    .cmost{
        margin: 20px 5px;
    }
    .cvideo {
        padding: 20px 5px;
    }
    .cad-five {
        padding: 20px 0px;}
        .cmore {
            margin: 20px 5px;
        }
        .cbuyside {
            
            margin: 20px 5px;
        }
        .cad-six {
            padding: 20px 0px;
        }
        .cpopularbusiness {
            margin: 20px 5px;
        }
        .cairlines {
            flex-direction: column;}
            .crelated .fee {
                text-align: center;
            }
            .cadver {
                margin: 20px 5px;
            }
    
    }
    
    
    
    /* detailed */
    
    @media (max-width: 768px) {
    .dopinion{
        padding: 20px 10px;
    }
    .dboard{
        flex-direction: column;
        padding: 20px 10px;
    }
    .dboard-left {
        width: 100%;
    }
    .dmainn{
        flex-direction: column;
    }
    .dmainpleft {
       display: flex;
       justify-content: center;
    
        width: 100%;
    }
    .dmainpright {
    width: 100%;
    }
    .dboard-right {
        width: 100%;
    }
    .dboard-right-firstad{
        display: none;
    }
    .dadv-three{
        display: none;
    }
    
    }
    @media only screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) {
        .dshare-left {
            
            gap: 7px;
        }
    }
    
    @media only screen and (min-width: 820px) and (max-width: 1180px) { 
    
        .dopinion {
            border-top: 1px solid black;
            padding: 20px 10px;
        }
        .dboard {
        padding: 20px 10px;
        }
        .daudio-player span{
            display: none;
        }
    }
    
    
    @media only screen and (device-width: 344px) and (device-height: 882px) {
        .dshare-left {
            display: flex
        ;
            gap: 3px;
        }
    }