.bc_black {
    background-color: #3A3A3A;
}

span {
    font-weight: 600;
}


@media (max-width: 1199px) {
    .submenu_container {
        gap: calc(30 * var(--factor-resolution));
        height: calc(40 * var(--factor-resolution));

        a {
            margin: 0;
            color: white;
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 400;
        }
    }

    .submenu_tittle_2 {
        font-size: calc(18 * var(--factor-resolution));
        font-weight: 800;
        margin: 0;
        color: white;
        text-align: center;
        padding:
            calc(14 * var(--factor-resolution)) calc(0 * var(--factor-resolution)) calc(0 * var(--factor-resolution)) calc(0 * var(--factor-resolution));
    }

    .banner_rayban {
        background-image: url(/assets/Imagenes/Lentes_movil/Lentes_movil_banner.png);
        background-size: cover;
        background-position: center;
        height: calc(321 * var(--factor-resolution));

        p {
            font-size: calc(14 * var(--factor-resolution));
            font-weight: 400;
            margin: 0;
            padding:
                calc(147 * var(--factor-resolution)) calc(40 * var(--factor-resolution)) calc(45 * var(--factor-resolution)) calc(174 * var(--factor-resolution));
            color: white;
            line-height: calc(22 * var(--factor-resolution));
            text-align: right;
        }
    }

    .rayban_description {

        padding: 0;
        gap: calc(105 * var(--factor-resolution));

        .rayban_galery {
            width: calc(400 * var(--factor-resolution));
            content: url(/assets/Imagenes/Lentes_movil/RAYBAN.png);
        }

        .rayban_logo {
            width: calc(152 * var(--factor-resolution));
            margin:
                calc(41 * var(--factor-resolution)) auto calc(26 * var(--factor-resolution)) auto;
            margin-bottom: calc(26 * var(--factor-resolution));
            display: block;

        }

        p {
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 400;
            margin-bottom: calc(20 * var(--factor-resolution));
            color: white;
            line-height: calc(22 * var(--factor-resolution));
        }

        .text_container {
            width: calc(325 * var(--factor-resolution));
            margin: 0 auto;
            padding-bottom: calc(50 * var(--factor-resolution));
        }
    }


    .video_rayban_container {
        gap: calc(14 * var(--factor-resolution));
    }

    .video_rayban {
        width: calc(400 * var(--factor-resolution));
        height: calc(225 * var(--factor-resolution));
    }

    .video_rayban_mini {
        width: calc(400 * var(--factor-resolution));
        height: calc(500 * var(--factor-resolution));
    }

    .lentes_polo {
        color: white;

        .polo_logo {
            width: calc(169 * var(--factor-resolution));
            margin: 0 auto;
            display: block;
        }

        .tittle_container {
            padding-top: calc(49 * var(--factor-resolution));
            padding-bottom: calc(36 * var(--factor-resolution));
        }

        .tittle {
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            margin-bottom: calc(17 * var(--factor-resolution));
        }

        .polo_galery {
            content: url(/assets/Imagenes/Lentes_movil/polo_colage_movil.png);
            width: calc(362 * var(--factor-resolution));
            display: block;
            margin: 0 auto;
        }
    }

    .lentes_vogue {
        color: white;
        padding: calc(42 * var(--factor-resolution)) calc(39 * var(--factor-resolution)) calc(0 * var(--factor-resolution)) calc(39 * var(--factor-resolution));

        .video_vogue {
            width: calc(400 * var(--factor-resolution));
            height: calc(719 * var(--factor-resolution));
            margin: 0 calc(-39 * var(--factor-resolution));
        }

        .logo_vogue {
            width: calc(168 * var(--factor-resolution));
            display: block;
            margin: 0 auto calc(37 * var(--factor-resolution)) auto;
        }

        .tittle {
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            margin-bottom: calc(23 * var(--factor-resolution));
            text-align: center;
        }

        .description {
            width: calc(325 * var(--factor-resolution));
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 500;
            line-height: calc(22 * var(--factor-resolution));
            margin-bottom: calc(50 * var(--factor-resolution));
        }

        .vogue_galery {
            width: 100%;
            content: url(/assets/Imagenes/Lentes_movil/vogue_galery.png);
        }

        .text_img_movil {
            padding-top: calc(50 * var(--factor-resolution));
        }
    }

    .lentes_jack {

        color: white;
        padding-top: calc(50 * var(--factor-resolution));
        padding-bottom: calc(42 * var(--factor-resolution));

        .tittle_container {
            margin-bottom: calc(23 * var(--factor-resolution));
        }

        .tittle {
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            margin: 0;
            text-align: center;
        }

        .logo {
            width: calc(172 * var(--factor-resolution));
            display: block;
            margin: calc(5 * var(--factor-resolution)) auto calc(38 * var(--factor-resolution)) auto;
        }

        .description {
            width: calc(325 * var(--factor-resolution));
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 500;
            margin: 0;
            line-height: calc(22 * var(--factor-resolution));
            margin: 0 auto;
        }

        .jack_galery {
            width: calc(325 * var(--factor-resolution));
            content: url(/assets/Imagenes/Lentes_movil/jack_colage_movil.png);
            display: block;
            margin: 0 auto;
        }
    }

    .lentes_sol {
        .submenu {
            background-color: #B39D46;
            gap: calc(40 * var(--factor-resolution));
            padding-bottom: calc(12 * var(--factor-resolution));

            .nav-link-to-black {
                color: white;
                text-decoration: none;
                font-size: calc(16 * var(--factor-resolution));
                font-weight: 400;
            }
        }

        .tittle_2 {
            background-color: #B39D46;
            margin: 0;
            color: white;
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            padding-top: calc(14 * var(--factor-resolution));
            padding-bottom: calc(6 * var(--factor-resolution));
        }

        .tittle {
            margin: 0;
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            padding-top: calc(14 * var(--factor-resolution));
            padding-bottom: calc(6 * var(--factor-resolution));
        }

        .img_description {
            width: calc(400 * var(--factor-resolution));
        }

        .rayban_logo {
            width: calc(151 * var(--factor-resolution));
            display: block;
            margin: 0 auto calc(27 * var(--factor-resolution)) auto;
        }

        .text_container {
            width: calc(330 * var(--factor-resolution));
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 500;
        }

        .img_text_container {
            margin: calc(38 * var(--factor-resolution));
        }

        .lente_sol_galery {
            width: 100%;
            padding-top: calc(15 * var(--factor-resolution));
            content: url(/assets/Imagenes/Lentes_movil/rayban_sol_colage_movil.png);
        }

        .lentes_sol_lacrosse {
            padding-top: calc(61 * var(--factor-resolution));

            .tittle_logo_container {
                margin-bottom: calc(61 * var(--factor-resolution));
            }

            .lacrosse_galery {
                width: 100%;
            }

            .lacrosse_logo {
                width: calc(181 * var(--factor-resolution));
                display: block;
                margin: 0 auto;
            }

        }

        .lentes_sol_vespa {
            padding-top: calc(61 * var(--factor-resolution));
            padding-bottom: calc(15 * var(--factor-resolution));

            .tittle_logo_container {
                margin-bottom: calc(61 * var(--factor-resolution));
            }

            .vespa_logo {
                width: calc(182 * var(--factor-resolution));
                display: block;
                margin: 0 auto;
            }

            .vespa_galery {
                width: 100%;
                content: url(/assets/Imagenes/Lentes_movil/vespa_sol_colage_movil.png);
            }
        }

    }

    .lentes_niño {

        padding:
            calc(46 * var(--factor-resolution)) calc(38 * var(--factor-resolution)) calc(50 * var(--factor-resolution)) calc(38 * var(--factor-resolution));
        color: #3A3A3A;
        background-color: #FFD85A;

        .tittle_logo_container {
            margin-bottom: calc(37 * var(--factor-resolution));
        }

        .tittle {
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            margin: 0;
            text-align: center;
        }

        .moodkids_logo {
            width: calc(189 * var(--factor-resolution));
            display: block;
            margin: 0 auto;
        }

        .description {
            width: calc(325 * var(--factor-resolution));
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 500;
            margin: 0 auto calc(16 * var(--factor-resolution)) auto;
            text-align: left;
        }

        .moodkids_galery {
            width: calc(325 * var(--factor-resolution));
            display: block;
            margin: 0 auto;
            content: url(/assets/Imagenes/Lentes_movil/moodkids_colage_movil.png);
        }
    }

    .lentes_contacto {
        color: #3A3A3A;

        .tittle_container {
            height: calc(60 * var(--factor-resolution));
            color: white;
            background-color: #3A3A3A;
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            padding: calc(19 * var(--factor-resolution)) 0;
            margin: 0;
        }

        .lente_contacto_banner {
            background-image: url(/assets/Imagenes/Lentes_movil/Lentes_MOVIL_contacto_banner.png);
            background-size: cover;
            background-position: center;
            height: calc(307 * var(--factor-resolution));

            p {

                font-size: calc(18 * var(--factor-resolution));
                font-weight: 800;
                text-align: center;
                padding:
                    calc(272 * var(--factor-resolution)) 0 calc(13 * var(--factor-resolution)) 0;
            }
        }

        .galery {
            gap: calc(20 * var(--factor-resolution));
            margin-top: calc(36 * var(--factor-resolution));
        }

        .img_lentes {
            width: calc(325 * var(--factor-resolution));
        }

        .tittle_2 {
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            margin-top: calc(88 * var(--factor-resolution));
        }

        .img_liquido_slim {
            width: calc(325 * var(--factor-resolution));
        }

        .img_liquido_fat {
            width: calc(325 * var(--factor-resolution));
            content: url(/assets/Imagenes/Lentes_movil/liquido_lente_contacto_neo_plus_gold.png);
        }

        .img_lente_hombre {
            width: calc(400 * var(--factor-resolution));
            height: calc(206 * var(--factor-resolution));
            margin-top: calc(78 * var(--factor-resolution));
        }

        .yellow_block {
            width: calc(180 * var(--factor-resolution));
            height: calc(20 * var(--factor-resolution));
            background-color: #FFD85A;
            margin-left: auto;
            margin-top: calc(-10 * var(--factor-resolution));
        }

        .tittle_2_movil {
            font-size: calc(18 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            margin-top: calc(33 * var(--factor-resolution));
            margin-bottom: calc(33 * var(--factor-resolution));
        }

        .text_container {
            width: calc(325 * var(--factor-resolution));
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 500;
            margin: 0 auto;

            ul {
                padding-left: calc(15 * var(--factor-resolution));
            }
        }

        .lente_contacto_diario_description {
            padding-bottom: calc(33 * var(--factor-resolution));
            gap: calc(97 * var(--factor-resolution));
        }

    }


    .quieres_operativo {
        background-color: #FFD85A;
        padding:
            calc(50 * var(--factor-resolution)) calc(35 * var(--factor-resolution)) calc(71 * var(--factor-resolution)) calc(34 * var(--factor-resolution));
        color: #3A3A3A;

        gap: calc(84.8 * var(--factor-resolution));

        .tittle {
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 800;
            width: calc(316 * var(--factor-resolution));
            margin: 0;
            line-height: calc(28 * var(--factor-resolution));
        }

        .description {
            font-size: calc(16 * var(--factor-resolution));
            font-weight: 500;
            width: calc(316 * var(--factor-resolution));
            margin: 0 0 0 calc(30 * var(--factor-resolution));
            line-height: calc(27 * var(--factor-resolution));
        }

        .white_rectangle {
            width: calc(13 * var(--factor-resolution));
            height: calc(80 * var(--factor-resolution));
            background-color: #FFFFFF;
        }

        .rectangle_text {
            gap: calc(17 * var(--factor-resolution));
            margin-bottom: calc(17 * var(--factor-resolution));
        }
    }
}

@media (min-width: 1200px) {
    .bc_black {
        background-color: #3A3A3A;
    }

    span {
        font-weight: 600;
    }

    .submenu_container {
        gap: calc(83 * var(--factor-resolution));
        height: calc(90 * var(--factor-resolution));

        a {
            margin: 0;
            color: white;
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 400;
        }

        .submenu_tittle {
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
            margin: 0;
            color: white;
        }
    }

    .banner_rayban {
        background-image: url(/assets/Imagenes/LENTES_escritorio/Lentes_escritorio_banner_logo.png);
        background-size: cover;
        background-position: center;
        height: calc(499 * var(--factor-resolution));

        p {
            font-size: calc(25 * var(--factor-resolution));
            font-weight: 500;
            margin: 0;
            padding:
                calc(175 * var(--factor-resolution)) calc(615 * var(--factor-resolution)) calc(175 * var(--factor-resolution)) calc(895 * var(--factor-resolution));
            color: white;
            line-height: calc(30 * var(--factor-resolution));
            text-align: left;
        }
    }

    .rayban_description {
        padding: calc(72 * var(--factor-resolution)) 0;
        gap: calc(105 * var(--factor-resolution));

        .rayban_galery {
            width: calc(947 * var(--factor-resolution));
        }

        .rayban_logo {
            width: calc(288 * var(--factor-resolution));
            margin-bottom: calc(28 * var(--factor-resolution));
        }

        p {
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 400;
            margin: calc(25 * var(--factor-resolution)) 0;
            color: white;
            line-height: calc(27 * var(--factor-resolution));
        }

        .text_container {
            width: calc(712 * var(--factor-resolution));
        }
    }


    .video_rayban_container {
        gap: calc(14 * var(--factor-resolution));
        padding-bottom: calc(130 * var(--factor-resolution));
    }

    .video_rayban {
        width: calc(771 * var(--factor-resolution));
        height: calc(435 * var(--factor-resolution));
    }

    .video_rayban_mini {
        width: calc(348 * var(--factor-resolution));
        height: calc(435 * var(--factor-resolution));
    }

    .lentes_polo {
        color: white;
        padding-bottom: calc(140 * var(--factor-resolution));

        .polo_logo {
            width: calc(333 * var(--factor-resolution));
        }

        .tittle_container {
            gap: calc(100 * var(--factor-resolution));
            padding: calc(50 * var(--factor-resolution)) 0;
        }

        .tittle {
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
        }

        .polo_galery {
            width: 100%;
        }
    }

    .lentes_vogue {
        color: white;
        padding: calc(50 * var(--factor-resolution)) calc(130 * var(--factor-resolution));

        .video_description_container {
            gap: calc(44 * var(--factor-resolution));
        }

        .logo_description_container {
            gap: calc(92 * var(--factor-resolution));
            margin-bottom: calc(77 * var(--factor-resolution));
            ;
        }

        .video_vogue {
            width: calc(484 * var(--factor-resolution));
            height: calc(870 * var(--factor-resolution));
            border-radius: calc(30 * var(--factor-resolution));
        }

        .logo_vogue {
            width: calc(275 * var(--factor-resolution));
        }

        .tittle {
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
            margin-bottom: calc(107 * var(--factor-resolution));
            margin-left: calc(27 * var(--factor-resolution));
        }

        .description {
            width: calc(561 * var(--factor-resolution));
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 500;
            line-height: calc(27 * var(--factor-resolution));
        }

        .vogue_galery {
            width: calc(1109 * var(--factor-resolution))
        }
    }

    .lentes_jack {

        color: white;
        padding-top: calc(81 * var(--factor-resolution));
        padding-bottom: calc(150 * var(--factor-resolution));

        .tittle_container {
            gap: calc(104 * var(--factor-resolution));
            margin-bottom: calc(81 * var(--factor-resolution));
        }

        .tittle {
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
            margin: 0;
        }

        .logo {
            width: calc(248 * var(--factor-resolution))
        }

        .description {
            width: calc(433 * var(--factor-resolution));
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 500;
            margin: 0;
            line-height: calc(27 * var(--factor-resolution));
        }

        .jack_galery {
            width: 100%;
        }
    }

    .lentes_sol {
        .submenu {
            background-color: #B39D46;
            height: calc(90 * var(--factor-resolution));
            gap: calc(83 * var(--factor-resolution));

            .tittle {
                margin: 0;
                color: white;
                font-size: calc(35 * var(--factor-resolution));
                font-weight: 800;
            }

            .nav-link-to-black {
                color: white;
                text-decoration: none;
                font-size: calc(20 * var(--factor-resolution));
                font-weight: 400;
            }
        }

        .img_description {
            width: calc(756 * var(--factor-resolution));
        }

        .rayban_logo {
            width: calc(285 * var(--factor-resolution));
            margin-bottom: calc(53 * var(--factor-resolution));
        }

        .text_container {
            width: calc(660 * var(--factor-resolution));
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 500;
        }

        .img_text_container {
            margin: calc(145 * var(--factor-resolution));
        }

        .lente_sol_galery {
            width: 100%;
            padding-top: calc(15 * var(--factor-resolution));
            padding-bottom: calc(25 * var(--factor-resolution));
        }

        .lentes_sol_lacrosse {
            padding-top: calc(123 * var(--factor-resolution));
            padding-bottom: calc(71 * var(--factor-resolution));

            .tittle_logo_container {
                gap: calc(77 * var(--factor-resolution));
                margin-bottom: calc(123 * var(--factor-resolution));
            }

            .tittle {
                font-size: calc(35 * var(--factor-resolution));
                font-weight: 800;
                margin: 0;
            }

            .lacrosse_galery {
                width: 100%;
            }

        }

        .lentes_sol_vespa {
            padding-top: calc(110 * var(--factor-resolution));
            padding-bottom: calc(63 * var(--factor-resolution));

            .tittle_logo_container {
                gap: calc(77 * var(--factor-resolution));
                margin-bottom: calc(110 * var(--factor-resolution));
            }

            .tittle {
                font-size: calc(35 * var(--factor-resolution));
                font-weight: 800;
                margin: 0;
            }

            .vespa_logo {
                width: calc(514 * var(--factor-resolution));
            }

            .vespa_galery {
                width: 100%;
            }
        }

    }

    .lentes_niño {

        padding:
            calc(78 * var(--factor-resolution)) calc(110 * var(--factor-resolution)) calc(126 * var(--factor-resolution)) calc(110 * var(--factor-resolution));
        color: #3A3A3A;
        background-color: #FFD85A;

        .tittle_logo_container {
            gap: calc(69 * var(--factor-resolution));
            margin-bottom: calc(31 * var(--factor-resolution));
        }

        .tittle {
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
            margin: 0;
        }

        .description {
            width: calc(873 * var(--factor-resolution));
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 500;
            margin: 0 auto calc(56 * var(--factor-resolution)) auto;
            text-align: center;
        }

        .moodkids_galery {
            width: calc(1690 * var(--factor-resolution));
            display: block;
            margin: 0 auto;
        }
    }

    .lentes_contacto {
        color: #3A3A3A;

        .tittle_container {
            height: calc(90 * var(--factor-resolution));
            color: white;
            background-color: #3A3A3A;
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            padding: calc(24 * var(--factor-resolution)) 0;
            margin: 0;
        }

        .lente_contacto_banner {
            background-image: url(/assets/Imagenes/LENTES_escritorio/Lentes_escritorio_contacto_banner.png);
            background-size: cover;
            background-position: center;
            height: calc(498 * var(--factor-resolution));

            p {

                font-size: calc(35 * var(--factor-resolution));
                font-weight: 800;
                text-align: center;
                padding:
                    calc(407 * var(--factor-resolution)) calc(339 * var(--factor-resolution)) calc(48 * var(--factor-resolution)) calc(1118 * var(--factor-resolution));
            }
        }

        .galery {
            gap: calc(64 * var(--factor-resolution));
            margin-top: calc(77 * var(--factor-resolution));
            margin-bottom: calc(126 * var(--factor-resolution));
        }

        .img_lentes {
            width: calc(368 * var(--factor-resolution));
        }

        .tittle_2 {
            font-size: calc(35 * var(--factor-resolution));
            font-weight: 800;
            text-align: center;
            margin-bottom: calc(78 * var(--factor-resolution));
        }

        .img_liquido_slim {
            width: calc(368 * var(--factor-resolution));
        }

        .img_liquido_fat {
            width: calc(801 * var(--factor-resolution));
        }

        .img_lente_hombre {
            width: calc(824 * var(--factor-resolution));
            height: calc(410 * var(--factor-resolution));
        }

        .yellow_block {
            width: calc(35 * var(--factor-resolution));
            height: calc(288 * var(--factor-resolution));
            background-color: #FFD85A;
            margin-left: calc(-17 * var(--factor-resolution));
        }

        .text_container {
            width: calc(743 * var(--factor-resolution));
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 500;

            ul {
                padding-left: calc(15 * var(--factor-resolution));
            }
        }

        .lente_contacto_diario_description {
            padding: calc(45 * var(--factor-resolution)) 0;
            gap: calc(97 * var(--factor-resolution));
        }

    }

    .quieres_operativo {
        background-color: #FFD85A;
        padding:
            calc(101 * var(--factor-resolution)) calc(294 * var(--factor-resolution)) calc(107 * var(--factor-resolution)) calc(390 * var(--factor-resolution));

        gap: calc(84.8 * var(--factor-resolution));

        .tittle {
            font-size: calc(30 * var(--factor-resolution));
            font-weight: 600;
            width: calc(370 * var(--factor-resolution));
            margin: 0;
            line-height: calc(35 * var(--factor-resolution));
        }

        .description {
            font-size: calc(20 * var(--factor-resolution));
            font-weight: 500;
            width: calc(727 * var(--factor-resolution));
            margin: 0;
            line-height: calc(27 * var(--factor-resolution));
        }

        .white_rectangle {
            width: calc(17 * var(--factor-resolution));
            height: calc(129 * var(--factor-resolution));
            background-color: #FFFFFF;
        }

        .rectangle_text {
            gap: calc(47.2 * var(--factor-resolution));
            margin-bottom: 0;
        }
    }
}