@media (max-width: 600px) {

    
    body{

        overflow-x: hidden;
        width: 100vw;
    }

    h2 {
        font-size: 1.2rem;
    }

    p {
        font-size: 1rem;
    }


.header .header-container
{

    margin:0px;
    padding: 0px;
}
    .header .menu {
        padding: 12px;
    }

    .header .menu .logo h1 {
        font-size: 1.3rem;
    }

    .header .menu .logo img {
        width: 30px;
    }

    .hero {
        padding: 32px 10px;
        display: flex;
        align-items: center;
    }

    .header .hero .nav {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .header .hero .box-download {
        padding: 20px;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 20px;
        min-width: fit-content;
    }

    .header .hero .box-download h2 {
        font-size: 1.2rem;
    }

    .header .hero .box-download p {
        font-size: 1rem;
        ;
    }




    form {
        display: flex;
        flex-direction: column;

    }

    .url-button {

            display: flex;
            flex-direction: column;
            width:90% !important;

    }

    .header .hero .box-download .url-button .header-url {
        padding: 20px 5px;
        box-shadow: #3A3939;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
    }

    .header .hero .box-download .url-button .header-url img.link {
        width: 20px;
    }

    .header .hero .box-download .url-button .header-url .button {
        display: flex;
        gap: 8px;
        padding: 8px 8px;
        cursor: pointer;
        font-size: 15px;
    }

    input.input-url {
        /*width: 15ch;*/
        width: min-content;
        padding: 4px;
    }



    .dd_box {
    width: 80% !important;
    margin: 0 auto;
    }

    .share_content {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .share_content input[type="text"] {

        border-radius:0px;
    }


    .loadstatus {
        padding: 60px 10px;
    }

    .info {
        padding: 80px 10px;
    }

    .steps {
        padding: 80px 10px;
    }

    .box1 {
        padding: 20px 20px;
    }

    img.hand-icon {
        right: 30px;
    }

    .box2 {
        padding: 20px 20px;
    }

    .box-content {
        padding: 20px 20px;
    }

    .box-content h3 {
        font-size: 1.2rem;
    }

    .box-content p {
        font-size: 1rem;
    }

    .box-url {
        padding: 8px 16px;
    }

    .box-url p {
        font-size: 0.7rem;
        width: 50%;
    }

    .features {
        padding: 60px 10px;
    }

    .features .text {
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .text div {
        order: 1;
    }

    .text img {
        order: 2;
    }

    .faq .container {
        padding: 10px 10px;
    }

    .question {
        text-align: left;
    }

    /*Indvidual Page CSS */


     h1.page_heading {color:#fff !important; text-align: center !important;}




    /*Indvidual Page CSS Ends */




    .footer {
        padding: 40px 5%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }

    .footer .column {
        text-align: center;
    }

    .copyright {
        padding: 20px 5%;
    }

    .main {
        padding: 60px 10px;
    }

    .data-reel {
        display: flex;
        /* Fila principal */
        gap: 16px;
        /* Espacio entre bloques */
    }

    .data-reel div {
        display: flex;
        /* Cada bloque: ícono + texto */
        align-items: center;
        /* Alineación vertical centrada */
        gap: 6px;
        /* Espacio entre imagen y texto */
    }

    .data-reel img {
        width: 16px;
        height: 16px;
    }
}