@charset "UTF-8";
/* CSS Document */

@media (max-width: 750px) {

    .header a img {
        padding-top: 4px;
        width: 106px;
    }

    .btn-volver-place a#link_volver, .btn-volver-place a.volver2 {
        position: absolute;
        left: 40px;
        margin: 4px 15px;
        font-weight: normal;
        font-size: 40px;

        width: 20px;
        text-align: left;
        line-height: 13px;

        bottom: initial !important;
        top: 0 !important;
    }

    .tiendas-container .volver2 {
        display: none;
    }

    .tiendas-container .newbutton {
        float: left;
        margin-top: 10px;
    }

    .tiendas-container .eventos-en-tienda .newbutton {
        float: right;
    }

    #buscador, #buscador-results {
        width: 100%;
    }

    #lista-vestido-content li {
        width: calc(33% - 17px) !important;
        margin: 0 6px 11px 11px;
    }

    .banners-home-responsive {
        display:block;
    }
    .banners-home-noresponsive {
        display:inline-block;
    }

    .responsive.hide {
        display:block;
    }

    /* Cookies */
    #cookiesadv .xs {
        font-size: 2.5vw !important;
        line-height: 2.5vw !important;
    }

    #nav1 ul li {
        width:100%;
        text-align:center;
        clear:both;
    }

    .misdatos-layer {
        width: auto;
        text-align: center;
        margin: 0 auto;
        display: inline-block;
    }

    .misdatos-layer a {
        width:auto;
        float:left;
    }

    #lang-box {
        width: 80%;
    }

    #menu{
        height: 70px;
    }


    .menu-responsive, #menu-bottom-responsive {
        display:inline-block;
        font-family: "gotham_htf_bookregular",Helvetica,Arial,Verdana,sans-serif !important;
    }
    #menu-bottom-responsive ul.last-nav li:after{content:' | '}
    #menu-bottom-responsive ul.last-nav li:last-child:after,
    #menu-bottom-responsive ul.last-nav li.not-last:after{content:''}



    .regirter-login { width:auto; margin:0 auto; display: inline-block; }
    .regirter-login a {
        width:auto;
        float:left;
    }

    #menu-bottom-responsive {
        width:100%;
        height: 350px;

        text-align: center;
        font-family: "gotham_htf_bookregular",Helvetica,Arial,Verdana,sans-serif !important;
    }

    #menu-bottom-responsive ul.last-nav {
        float:none;
        clear: none !important;
        width:auto;
        margin:0 auto;
        display:inline-table;

        padding-top:40px;
    }

    #menu-bottom-responsive div.menu-social-icons {
        width:90%;
        display: table;
        text-align:center;

        margin: 40px auto;
        height:auto;

    }
    #menu-bottom-responsive div.menu-apps div, #menu-bottom-responsive div.menu-social-icons div {
        height:40px;
        width: calc(14.28571428571429% - 22px);
        padding:0;
        margin:0;

        padding-left:10px;
        padding-right:10px;

        margin:0 auto;
    }
    #menu-bottom-responsive div.menu-social-icons div a:hover {
        color:#000;
    }

    #menu-bottom-responsive div.menu-apps div a, #menu-bottom-responsive div.menu-social-icons div a {
        float:none;
        height: 40px;
        font-size:3.5em;
        padding:0;
    }
    #menu-bottom-responsive div.blog a { line-height: 21px; }
    #menu-bottom-responsive div.blog a img {
        width:100%;
    }

    #menu-bottom-responsive ul.last-nav li {
        font-size:16px;
        display:inline;
    }

    #menu-bottom-responsive ul.pais {
        margin-top:40px;
        font-size:16px;
    }


    /* HOME TEMPORAL */
    .banner-home {
        z-index:999999;
    }
    .banner-home #new_divslider {
        top:auto !important;
        bottom:13px !important;
    }

    .banner-home .swiper-accessories #new_divslider {
        bottom:auto !important;
    }

    .banner-home .swiper-right #new_divslider {
        top:auto !important;
        bottom:-20px !important;
    }

    .banner-home.banner-mobile {
        display:inline-block !important;
    }
    .banner-home.third-nquart.banner-mobile,.banner-home.third-dfquart.banner-mobile {
        width:100% !important;
    }
    .banner-home.third-nquart.banner-mobile .crop,.banner-home.third-dfquart.banner-mobile .crop {
        width:100% !important;
        height:auto !important;
    }

    .banner-home.third-nquart.banner-mobile .bg-image,.banner-home.third-dfquart.banner-mobile .bg-image {
        position: static !important;
        width:100% !important;
        height: auto !important;

    }

    .banner-mobile .nquart-sep {
        display:none;
    }

    .banner-home.double-third.banner-mobile.fullw .cuerpo-banner > div {top:74% !important;width:100% !important;}
    /*.banner-home.double-third.banner-mobile.fullw h1 {margin-bottom:5px !important;}*/
    .banner-home.double-third.banner-mobile.fullw .btn {display:block !important;}



    .banner-home.double-third.banner-mobile.fullw .ml,.banner-home.banner-mobile .swiper-slide .ml {
        font-size:3.8vw !important;
        line-height: 4vw !important;
        padding-bottom: 6px !important;
    }
    .banner-home.double-third.banner-mobile.fullw .xs {
        font-size:2.4vw !important;
    }

    .banner-home.third-nquart.banner-mobile .sl,.banner-home.third-dfquart.banner-mobile .sl {
        font-size:4vw !important;
        line-height: 4.5vw !important;
    }
    .banner-home.third-nquart.banner-mobile .m,.banner-home.third-dfquart.banner-mobile .m,
    .banner-home.third-dfquart.banner-mobile .ml {
        font-size:4vw !important;
        line-height: 4.5vw !important;
    }

    .banner-home.third-quart {
        width:100%;
        clear:both;
    }
    .banner-home.third-quart .crop {
        width:100% !important;
        height:auto !important;
    }

    .banner-home.third-quart .crop .bg-image {
        width:100% !important;
        height:auto !important;
        position: static;
    }

    .banner-home.third-quart .cuerpo-banner {
        width:50%;
    }
    .banner-home.third-quart .cuerpo-banner>div {
        width:70% !important;

        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;

        margin:auto !important;
        display:table;
        text-align:center;
    }
    .banner-home.third-quart .cuerpo-banner>div>span {
        display:inline-block !important;
    }

    .banner-home.third-quart:nth-of-type(1) {

    }
    .banner-home.third-quart:nth-of-type(2) .cuerpo-banner {
        left:initial !important;
        right: 0 !important;
    }

    .banner-home.third.destacado {
        margin-left: 0;
        width: 100%;
    }


    #drawer #menu-top-responsive ul a.logout, #drawer #menu-top-responsive ul a.misdatos {
        font-size: 15px;
    }

    .banner-home .cuerpo-banner h1 {
        font-size:7vw !important;
        line-height: 7.5vw !important;
        text-align: center !important;
    }
    .banner-home.third-nquart .cuerpo-banner h1 {
        font-size:5vw !important;
    }

    .banner-home .cuerpo-banner .mxl {
        font-size:7vw !important;
        line-height: 7.5vw !important;
        text-align: center !important;
    }
    .banner-home .cuerpo-banner p.title {
        font-size:3vw !important;
        line-height: 4.5vw !important;
        text-align: center !important;
    }
    .banner-home .cuerpo-banner .button {
        font-size:3vw !important;
        line-height: 3.5vw !important;
        text-align: center !important;
        display:block;
    }
    .banner-home.double-third {
        display:none;
    }
    .form-error {
        font-size:16px;
        line-height: 21px;
        margin-top:25px;
    }

    .visor {
        width: 100% !important;
    }

    /* BANNERS revisar con el tema movil */
    #banners-home {width:100% !important;}
    .content-double-third {
        width:100%;
    }

    .banner-home.double-third-slider {
        width:100%;
    }

    .banner-home.third-quart {
        width:100%;
        float:none;
    }

    .banner-home.accessories h2 {
        padding: 35px 0 6px;
    }

    .banner-home .cuerpo-banner #new_divslider .mm {
        font-size:4.5vw !important;
        line-height:3vw !important;
    }
    .banner-home .cuerpo-banner #new_divslider .s {
        font-size:3vw !important;
        line-height:2vw !important;
    }
    .pagination, .pagination-res, .pagination-right, .pagination-right-res {
        bottom: -0.2%;
    }

    /* TEMPORAL */
    .banner-home.third.destacado {
        width:100%;
        float:none;
    }

    #content-container .swiper-accessories h3{
        margin: 10px 0px;
    }

    .swiper-accessories {
        margin-top:20px;
        width: 75%;
        margin-bottom: 8px;
    }

    .swiper-right .swiper-wrapper{
        margin-top:-35px;
    }

    .swiper-right{
        margin-top:20px;
    }

    .arrow-accesorios.left{
        left:5%;
    }
    .arrow-accesorios.right{
        right:5%;
    }

    .banner-home-left, .banner-home-right{
        width:100%;
    }

    #content-container .banner-home-right h2{
        font-size:1.6em;
    }

    .banner-home-right .third-element{
        width:49%;
        float:left;
        margin-right:2%;
    }

    .banner-home-right .third-element.right-last{
        margin-right:0;
    }

    #loader-bg img {
        top:0 !important;
        left:0 !important;
        bottom:0 !important;
        right: 0 !important;

        margin:auto !important;
        position:absolute !important;
    }

    body {
        min-width:100%;
        width:100%;
        background:#FFFFFF !important;
    }

    .header-vestido {
        padding-top:25px;
        height:79px;

        display: table !important;
        margin:0 auto;
        width:90%;
    }
    .header-vestido .h2 {
        font-family: "gotham_htf_bookregular", Helvetica,Arial,Verdana,sans-serif !important;

        width:auto;
        font-size:18px;
        line-height: 21px;

        text-align:center;
        color:#9f9b98;
        text-transform: uppercase;
        border-bottom:solid #020102 1px;
        padding:5px 10px;
    }
    .header-vestido .modelo_str {
        font-family:'BertholdWalbaumBookRegular',Arial,Verdana,Sans-serif;
        line-height: 32px;
        font-size:26px;
        color:#57504c;
        text-align:center;
        width:auto;
        text-transform: uppercase;
        padding:5px 10px;
    }


    #lista-vestido-content {
        width:100% !important;
        margin-left: 0 !important;
    }

    #lista-vestido-content-new li#empty-resultado {
        font-size:16px !important;
    }

    /* 2x1  #lista-vestido-content-new li { margin:0; padding:0; width:50%; } */
    .coleccion-block, #lista-vestido-content-new li {
        width:100% !important;
        border:0;
        height:auto !important;
    }

    #lista-vestido-content-new a {
        position: relative;
        margin:10px; margin-top:0px; margin-bottom:0px;
    }
    #lista-vestido-content-new li .box {
        width:86%;

        margin:0;
        padding:0;

        left:0;
        right:0;

        bottom:10px;

        margin-left:auto;
        margin-right:auto;
    }
    #lista-vestido-content-new li .add_vestidor, #lista-vestido-content-new li .sub_vestidor { width:10%; line-height: 6.5vw; }
    #lista-vestido-content-new li .box { font-size: 12px; }
    #lista-vestidos .add_vestidor i, #lista-vestidos .sub_vestidor i { float:right; font-size: 20px; line-height: 30px; }
    #lista-vestido-content-new li .box .title { line-height: 24px; display: inline-block; }
    #lista-vestido-content-new li .box .price { line-height: 24px; }

    #lista-vestido-content-new img { border:0; }
    #colecciones-container .bloque .desc_cabecera {
        font-family:'BertholdWalbaumBookRegular',Arial,Verdana,Sans-serif;
        font-size:4.5vw !important;
        line-height:5vw !important;
    }
    #colecciones-container .bloque .title_cabecera {
        font-family: 'BertholdWalbaumBookRegular',Arial,Verdana,Sans-serif;
        font-size:7vw !important;
        line-height:7.5vw !important;
        color:#56514d;

        margin-top:4%;
        margin-bottom:4%;
    }

    #colecciones-container .bloque.blanco .title_cabecera, #colecciones-container .bloque.blanco .desc_cabecera {
        color:#56514d;
    }


    /* CATALOGO */
    .catalogo-img {
        border:0;
    }

    /* PORTADA DE COLECCIONES */
    #colecciones-container { border:0 !important; }
    #colecciones-container>div:first-child img { display: none; }
    #colecciones-container>div:first-child ul img { display: block; }

    #colecciones-container .bloque { position:initial; }
    #colecciones-container .bloque .separacion {display:none;}
    #colecciones-container .banner-principal img { display: none;}
    #colecciones-container .banner-principal .bloque img {
        display:none !important;
    }

    .colecciones-container {
        width:100%;
    }
    .colecciones-container-thumbnails {
        width:100% !important;
        min-height:355px;
        border-left-width:0 !important;
    }

    .favoritos-list {
        min-height: 0;
    }

    #lista-vestido-content-new li .sub_vestidor p, #lista-vestido-content-new li .add_vestidor p { display:none; }

    .colecciones-container-thumbnails div.banner-principal { min-height: 355px; background:#f6f6f4; }
    .colecciones-container-thumbnails div.banner-principal img.banner-imagen {
        display:none;
    }

    #colecciones-container .bloque { width:85%; left:0; right:0; padding:5%; margin:auto; }
    #colecciones-container .bloque.izquierda {
        left:0;
        right:0;
        margin:auto;
    }

    #colecciones-container div.banner-principal .banner-logo { width:40% !important; }
    #lista-vestido-content-new .listado-breadcrumbs, #lista-vestido-content-new .listado-volver {
        display:none;
    }
    #lista-vestido-content-new ul {
        margin:0;
        padding:0;

        width:98%;
        margin:0 auto;
    }
    #lista-vestido-content-new .hijo img {
        /* margin-top:0; */
        display: none !important;
    }

    /* PORTADA COLECCIONES */
    #colecciones-container {
        width:100% !important;
        border-left-width:0;
    }

    .contenedor-coleccion { padding:0; width:96%; margin:0 auto; }

    .coleccion-block.three_x_two .crop {
        width:94% !important;
        height: auto !important;
        position:relative;
        padding:0%;
        overflow: hidden;
        margin:0 auto;
    }
    .coleccion-block.three_x_two .bg-image {
        width:125% !important;
        height: auto !important;
        position:relative;
        left:0 !important;
        right:0 !important;

        margin:auto;
    }


    #colecciones-container .description {
        width:80% !important;
        font-size:20px;
        margin:0 auto;
    }
    #colecciones-container .description p.title, #colecciones-container .description p.text {
        font-size:2.7vw;
        line-height:3.3vw;
    }
    #colecciones-container .colection, #colecciones-container .two {
        float: left;
        width: 99%;
        margin: 1%;
    }
    .coleccion-block .sombra-coleccion {
        height:auto !important;
    }


    div.menu-apps div a, div.menu-social-icons div a {
        font-size:16px;
    }

    /* VESTIDOS */
    .colecciones-img { border:0 !important; }
    .colecciones-img .crop {
        width:100% !important;
        height:auto !important;
        float:none;
    }
    .colecciones-img .crop a.zoom {
        width:100% !important;
        height:100% !important;
        display:inline-block !important;
        position: relative !important;
    }
    #ficha-producto a{
        position: relative !important;
    }

    .colecciones-img .crop a img.bg-image {
        position:static !important;
        width:100% !important;
        height:auto !important;
    }



    .colecciones-img div.cuerpo-banner {
        position:initial !important;
    }
    .colecciones-img #link_volver, #colecciones-container .volver2 {
        display:none !important;
    }
    #formulario-pasos .volver2 {
        display:none;
    }

    #breadcrums {
        display:none !important;
    }

    /* TIENDAS */
    section#tiendas-section {

    }
    .scroll-it, .scroll-it-dialog {
        height:auto !important;
    }

    section#tiendas-section .tiendas-container {
        border:0 !important;
        margin-left:0 !important;
    }

    section#tiendas-section .tiendas-container .tienda-container-inset {
        display:inline-block;
        height:auto !important;
    }
    section#tiendas-section .tiendas-container .volver2 {
        display:none;
    }

    section#tiendas-section #map-container {
        width:100% !important;
        float:none;
    }

    #direcciones #tienda_detalle {
        width:100%;
        padding-left:0;
    }

    #direcciones .direccion_tienda .text {
        word-wrap: break-word;
    }

    section#tiendas-section #direcciones {
        width:100% !important;
        margin:20px auto !important;
        float:none;
        padding:0;
    }
    section#tiendas-section.details #direcciones {
        width:92% !important;
    }

    section#tiendas-section .scroll-it {
        width:92%;
        margin:0 auto;
    }

    section#tiendas-section.details #direcciones {
        padding-bottom:0;
        height:auto !important;

    }

    section#tiendas-section.details #direcciones div {
        border:0 !important;
    }

    section#tiendas-section .textIntro {
        padding-left:0 !important;
        font-size:18px;
        line-height: 21px;
    }

    section#tiendas-section #direcciones #tienda_detalle * {
        font-size:18px !important;
        line-height: 21px !important;
    }

    #direcciones #tienda_detalle a.boton {
        padding:3%;
        font-size:18px;
    }



    section#tiendas-section #direcciones h2 {
        font-size:20px !important;
        float: none;
    }

    section#tiendas-section #direcciones ul li {
        width:100%;
        padding: 12px 0px 35px;
    }

    section#tiendas-section .scroll-it * {
        font-size: 16px !important;
        line-height: 19px !important;
    }
    section#tiendas-section #direcciones .newbutton {
        margin: 10px 0px;
        width: 100%;
    }
    section#tiendas-section .scroll-it .imagen-evento {
        width:100% !important;
    }
    section#tiendas-section .scroll-it .imagen-evento img {
        width:100% !important;
        position:initial;
    }
    section#tiendas-section #subhome-eventos {
        width:100%;
    }

    section#tiendas-section .tiendas-container #buscador, section#tiendas-section .tiendas-container #buscador-results {
        /* margin-left:0 !important; */
    }
    section#tiendas-section .new_button {
        padding:15px 15px;
        font-size:16px;
        margin:10px 5px;
    }

    .tiendas-container h2 {
        width:86% !important;
        float:none !important;
    }

    .tiendas-container .scroll-it-content h2 {
        width:90% !important;
        margin:initial !important;
        float:none !important;
    }


    section#tiendas-section .tiendas-container .-select-value {
        height:35px !important;
        line-height: 35px !important;
    }

    section#tiendas-section .-select-value {
        font-size:18px;
    }
    section#tiendas-section .-select-icon {
        height:40px;
        background-position: 0px 18px;
    }

    #content_eventos-container-left {
        width:100% !important;
        height:auto !important
    }

    /* Detall event */
    section#tiendas-section .scroll-it h1,#content-container #subhome-eventos h1{
        font-size: 25px !important;
        line-height: 30px !important;
    }
    #content-container #subhome-eventos h5{
        margin-bottom:15px;
        text-align: left;
    }



    section#tiendas-section #right-banner {
        display: none !important;
    }
    section#tiendas-section #content-eventos-container #right-banner {
        display: block !important;
        width: 100%;
    }

    #content-eventos{
        padding: 0px 22px;
    }

    section#tiendas-section #content-eventos-container.tiendas-container input[type="submit"]#enviar{
        margin: 24px 0px 10px;
    }

    section#tiendas-section #content-eventos-container.tiendas-container #buscador-form{
        margin-top: 24px;
    }

    #buscador select, #buscador-results select {
        width:100%;
    }
    section#tiendas-section .tiendas-container .-select {
        height:55px !important;
        width:100% !important;
        margin-left:0 !important;
        padding-bottom: 15px;
    }


    #direcciones #tienda_detalle .newbutton {height: 23px;line-height:inherit;margin:0;padding: 11px 0; width: 100%}
    .tiendas-container .newbutton.tienda_detalle{margin: 40px 7% 0;}
    #buscador, #buscador-results {
        display: block;
        margin:0 auto !important;
        width:86%;
    }

    #direcciones .direccion_tienda .title {
        word-wrap: break-word;
    }
    #tiendas-section .inscribete-bot {
        padding:4px 4px !important;
    }

    section#tiendas-section #direcciones .opciones_tienda a.boton {
        min-width: 110px;
        text-align:center;


        font-size:15px !important;
        padding:7px 7px;
    }


    section#tiendas-section .scroll-it.jspScrollable, section#tiendas-section .jspContainer {
        width:100%;
    }

    .pnDialog-container {
        width:calc(100% - 65px) !important;
        left:0 !important;
        right:0 !important;

        margin-left:auto !important;
        margin-right: auto !important;

        /* height: 290px !important; */
        height:auto !important;
        padding-bottom:15px;

    }
    #popupFlashFavorito.pnDialog-container {
        height: 120px !important;
    }

    .form-error {
        padding:0 30px;
    }

    #alert-dialog .scroll-it-dialog {
        margin-left: 0;
    }

    #alert-dialog {
        width: calc(92% - 60px) !important;
        padding: 21px 30px;
        background-size:100% 100% !important;
        height:310px !important;
    }
    #alert-dialog h2 {
        font-size: 2.8vw;
        line-height: 3.8vw;
        padding:0 25px 0 0px;
    }
    #alert-dialog .scroll-it-content-dialog .lopd p {
        padding:0 30px 0 0px !important;
    }

    /* FORM CITA */
    #cita-container { width:96% !important; clear: none !important; height: auto !important; float:none !important; margin:0 auto; }
    #cita-container #bg-image {
        display:none !important;
    }

    #cita-container .content-form {
        width:90% !important;
        margin:0 auto !important;

        position:initial !important;
        height:auto !important;
        border:0 !important;
    }

    #cita-container .cabecera-form {
        width:100%;
        float:none;
        text-align:center;
    }

    #cita-container .formulario-cita {
        width:100%;
        display:inline-block;
        margin-top:30px;
    }

    #cita-container .content-form #formulario-new .inp2, #cita-container .content-form #formulario-new .inp {
        width:100% !important;
        float:none;
        display:inline-block;
    }

    #formulario-pasos input.check {
        margin-left:5px;
    }

    #cita-container .content-form #formulario-new .inp.cc .-select-value {
        height:40px !important;
        line-height:40px !important;
    }
    #cita-container .content-form #formulario-new .inp .-select-value {
        height:39px !important;
        line-height:39px !important;
    }
    .inp3.fhdeseada, .inp.fhdeseada.end {
        width:100% !important;
        /* display:block !important; */
    }
    .inp.fhdeseada.end {
        /* display:block !important; */
    }


    .content-form #formulario-new .inp { position: relative;  }
    .formulario-cita #formulario-new .subinp {
        margin-left:0;
        margin-top: 10px;
        position:initial;
    }
    #formulario-pasos label.tiposfiesta {
        padding-left: 0;
    }

    #citas-confirm #bg-image {
        display:none;
    }
    .content-form {
        width:100%;
        height: 100%;
        margin: 0 auto;

        width:calc(100% - 60px) !important;
        padding:20px 20px;
        top:0;
        left:0;

        position: relative;
        margin-top: 20px;
    }
    #formulario-new .sharebutton {
        /*padding:10px 14px !important;*/
        margin: 5px 0;
        display: inline-block;
        text-align: center;
        font-size:16px!important;
        width: 100%;
        padding: 13px 0px;
    }

    #cita-container .content-form #formulario-new .inp { clear:both; padding-bottom:10px; }
    /*#cita-container .content-form #formulario-new .inp * { width:100%; }*/

    #cita-container .content-form #formulario-new .btmalign {
        margin-top:0;
    }

    .content-form #formulario-new p {
        font-size: 16px;
        line-height: 19px;
    }

    .content-form #formulario-new .inp input[type="text"] {
        width:95%;
        padding:2%;
        font-size:18px;
        line-height: 20px;
        height: 39px !important;
    }
    #formulario-new .inp.cc .-select-value {
        padding:0 !important;
    }
    .formulario-cita #formulario-new label {
        font-size: 17px !important;
        line-height: 21px !important;
    }
    #formulario-new .-select select {
        height:40px !important;
        min-height:40px !important;
    }
    #formulario-pasos a.link-style-1 {
        font-size: 16px !important;
        line-height: 19px !important;

    }

    .formulario-cita #formulario-new .ui-datepicker-trigger {
        top:45px;
    }

    .formulario-cita #formulario-new .fhdeseada input[type="text"], .content-form #formulario-new .inp input[type="text"] {
        width: 92% !important;
        padding: 5px 5px;
        line-height: 21px !important;
        font-size: 16px !important;
        height: 30px !important;
    }
    .content-form #formulario-new .inp input[type="text"] {
        height: 40px !important;
    }

    .formulario-cita #formulario-new .fhdeseada .ui-datepicker-trigger,
    .formulario-cita #formulario-new .ui-datepicker-trigger {
        left:initial;
        right:8%;
    }
    .formulario-cita #formulario-new .fhdeseada .ui-datepicker-trigger {
        top:inherit;
        bottom:6px;
    }

    .formulario-cita #formulario-new p.aviso {
        width:100%;
        float:left;
        font-size:12px;
    }
    .formulario-cita #formulario-new p.form-obl {
        font-size:16px;
    }

    #cita-container #datos-telefono, #cita-container #datos-movil,#cita-container input#telefono, #cita-container input#movil {
        width: calc( 84% - 60px) !important;
    }
    #cita-container #datos-email {
        width:calc(70% + 40px);
    }
    .formulario-cita #formulario-new .select-label {
        width:70px;
        font-size: 18px !important;

        height: 41px;
        padding: 0 10px;
        line-height: 41px !important;

    }
    .content-form #formulario-new .inp3 {
        clear: both;
        width:100% !important;
        margin-top:20px;
        display: inline-block;
    }

    #formulario-new .tlfregistro .-select {
        width:24% !important;
        height:38px !important;
    }

    #formulario-new  .-select {
        width:50% !important;
        height:38px !important;
    }

    .formulario-cita #formulario-new .fhdeseada2 input[type="text"]{
        width:60% !important;
    }

    #formulario-new .-select-value {
        font-size: 18px !important;
        padding:0 10px !important;
        line-height: 39px !important;
        height:39px !important;
    }
    #formulario-new .-select-icon {
        height:39px !important;
        background-position: 0px center !important;
    }

    /* Form contacto */
    .content-form.contactol .formulario-cita #formulario-new .motives .-select,
    .content-form.contactol .formulario-cita #formulario-new .state .-select,
    .content-form.contactol .formulario-cita #formulario-new .country .-select{width:96% !important;}

    #content-container #cita-container h2 {
        float:none;
        text-align:center;
        font-size:3em !important;
        line-height: 1.5em;
        text-transform:initial !important;

        margin-top:10px;
        margin-bottom:10px;
    }

    #content-container #cita-container .cabecera-form p {
        font-size:1.6em;
        line-height:1.5;
        color:#3d3d3d;
    }

    #content-container #cita-container #formulario-new h2 {
        font-size:18px !important;
        line-height: 28px;
        padding: 2% 0;
    }

    #formulario-new .inp2.sstyle1 .-select {
        /*width:calc(100% - 75px) !important;*/


        /* Firefox */
        width: -moz-calc(100% - 102px) !important;
        /* WebKit */
        width: -webkit-calc(100% - 102px) !important;
        /* Opera */
        width: -o-calc(100% - 102px) !important;
        /* Standard */
        width: calc(100% - 102px) !important;
    }
    #formulario-new .inp2.sstyle1.end .-select {
        width:calc(100% - 102px) !important;
    }
    #formulario-new .inp2.btmalign .-select {
        width:calc(100% - 102px) !important;
    }



    .login-form input[type="text"], .login-form input[type="password"] {
        font-size: 18px;
        padding:6px 8px;
        margin-bottom:10px;
    }
    .login-form input[type="submit"] {
        width:35px;
        height: 37px;

        padding: 0;
        background-position: 10px 10px !important;
    }

    #cita-container .cabecera-form hr {
        margin:0 auto;
        margin-top:15px; margin-bottom:15px;
        float:none;
        width:100%;
    }

    #cita-container .login-form {
        width:auto;
        margin:0 auto;
        float:none;
        display:table;
    }

    .formulario-cita #formulario-new h2 {
        border-bottom:none !important;
        border-top: 1px solid #615d5a !important;
    }

    #cita-container .login-form h3, #cita-container .login-form p {
        text-align: center;
        font-size: 16px;
        line-height: 21px;
        text-align: left;
    }

    .login-form a {
        font-size:16px;
        line-height:21px;
    }

    /* preloaderCon:AJUSTE TRICK */
    #preloaderCon {
        display:none !important;
    }
    .drawer-form {
        margin:0;
    }


    /* PÁGINA VESTIDOS */
    #lista-vestido-content-new li .popupFavorito .flash-favorito {
        font-size: 14px;
        line-height: 15px;
    }


    a#lang { text-transform:none; }

    .btn-volver-place {
        display:block;
        position:relative;
    }
    .btn-volver-place a#link_volver, .btn-volver-place a.volver2 {
        position: absolute;
        left:40px;
        margin:4px 15px;
        font-weight: normal;
        font-size:40px;

        width:20px;
        text-align: left;
        line-height: 13px;

        bottom:initial !important;
        top:0 !important;
    }

    #lista-vestido-content-new { width:90%; margin:0 auto; }
    #fav-logo #tit { font-size:26px; line-height: 32px;}
    #fav-logo span { font-size: 16px; margin: 0; }

    /* #lista-vestido-content-new>div {display:none;}*/
    #lista-vestido-content-new .simple_cabecera{padding-top: 10px;}
    #lista-vestido-content-new>div#fav-logo {display:inline-block; }
    #lista-vestido-content-new>#fav-logo a { margin:0; }

    #fav-logo div {
        width:75%;
        font-size: 18px;
        padding:18px 0px 36px 0px;

        margin:0 auto;
    }

    .impuestos {
        padding:2%;
    }


    #lista-vestido-content-new>div.hijo { display:inline-block; margin-top:0px; margin-bottom:10px; }
    #lista-vestido-content-new .hijo span {
        display:inline-block;
        font-size:16px;
        border-top: 1px solid #aca7a5;
    }

    #lista-vestido-content-new>a>div {display:inline-block; }

    .otras-colecciones ul li { line-height: 4.5vw; }


    .otra-colecciones-boton {
        width:80%;
        padding:20px;
        text-align: center;

        margin: 0 auto;
        display:none !important;
    }

    .otra-colecciones-boton a {
        border:solid #796e6d 1px;
        padding: 2.5% 5%;
        text-align:center;
        font-size:2.5vw;
        line-height: 2.5vw;
        text-transform: uppercase;
    }

    #lista-vestido-content-new .fclose {
        right: 6%;
    }


    /* AVISO LEGAL Y OTRAS GENERICAS */
    #avisolegal-box {
        position: initial;
        height: auto;
        margin: 0;
        padding: 0;
        background: none;
    }
    #avisolegal-box .scroll-it {
        width:90%;
        height:100%;

        margin:0;
        padding:0;
        margin:0 auto;
    }
    .full-size {
        margin-bottom: 20px;
        margin-top: 50px;
    }
    .vestidor {
        margin-top: 50px;
        width: 100% !important;
    }
    .full-size #bg-image {
        display:none;
    }
    #no-dresses {
        width: 100% !important;
    }
    #avisolegal-box .scroll-it-content p, #avisolegal-box .scroll-it-content li {
        font-family: "gotham_htf_bookregular",Helvetica,Arial,Verdana,sans-serif !important;
        color:#57504c;
        text-align:justify;

        font-size:3vw !important;
        line-height:3.5vw !important;
    }

    #content-container .full-size h2 {
        width:60%;
        margin:0 auto !important;
        margin-top:20px !important;
        margin-bottom:20px !important;

        text-align:center;
        border-bottom:solid #020102 1px;
    }

    .full-size #descarga {
        margin:0 auto !important;
        display:block !important;
        text-align:center;
        padding:20px 0;
    }

    #avisolegal-box #descarga a, #alert-dialog #descarga a, #cookiesadv #descarga a {
        margin-top: 0px;
    }

    .full-size #avisolegal-box #descarga a, .full-size #alert-dialog #descarga a, .full-size #cookiesadv #descarga a {
        float:none;
    }


    /* LOGIN */
    body.menu-open #login-box {
        left:310px !important;
    }
    #login-box {
        width:99% !important;
        position:absolute !important;
        margin:0 !important;
        padding:0 !important;
        height:auto !important;
        left:0 !important;
        right:0 !important;
        margin:auto !important;
        top:75px !important;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #login-normal, #olvidocontrasenya, #respuestaaccion, #acceso-claves {
        width:calc(100% - 80px);
        margin:0 auto;
        margin-bottom: 100px;
        padding:20px;
        margin:20px;
        background:#FFF;
        padding-bottom:50px;
    }

    #olvidocontrasenya2{
        margin:0 auto;
        padding:25px;
    }

    #login-box #acclav, #login-box #olcon {
        margin-left:0;
    }

    #login-box #acceso-claves #acclav {
        margin-top: 15px;
    }

    input.contrasenyaOlvidada {
        font-size:16px;
        height:21px;
        line-height:21px;
    }
    #olcon .medio label{
        display: block;
    }
    #login-normal #inferior {
        width:100%;
    }

    #login-normal #superior {
        height:auto;
    }

    #login-normal #superior h1 {
        margin-top:20px;
        font-size: 4vw;
        line-height: 4.5vw;
        height: auto;
    }

    #login-normal #superior-bajo {
        margin:0;
    }

    #login-normal #superior-bajo p, #login-box p {
        font-size:3.5vw !important;
        line-height:4vw !important;
        text-align: center;
        margin:10px auto;
    }

    #login-normal .link-style-1, #login-normal #constrasenyaolvidada {
        font-size: 3.5vw !important;
        line-height: 4vw !important;
    }

    #login-normal #izquierda label, #acceso-claves #acclav label, #olvidocontrasenya #olcon label {
        text-indent: -99999px;
    }

    #login-normal .boton-login {
        font-size: 18px;
        line-height: 18px;
        padding:0 3%;
        height: 30px;
    }
    #login-normal #submit-login, #login #ok-contrasenya-clave, #login #okContrasenya, #login #ok_contrasenya,
    #login-box #ok-contrasenya-clave, #login-box #ok_contrasenya {
        padding: 0;
        width: 25px;
        height: 31px;
        background-position:center !important;
    }

    #login-normal #submit-login, #login-box #ok_contrasenya {
        background-position:center !important;
        padding: 0;
        height: 31px;
    }

    #formulario-pasos label.radio3 {
        width:auto;
        padding-right: 3px;
    }

    #formulario-pasos input.radio3 {
        margin-right: 5px;
    }

    #formulario-pasos ul.radio1 {
        padding-left:5px;
    }

    #formulario-pasos ul.radio1 li:nth-child(3){clear:left;}
    #formulario-pasos ul.radio3 li:nth-child(3){clear:none;}

    #login-box h1, #login-box-2 h1 { text-align:center; }
    #login-normal #submit-login1, #login-normal #submit-registradalogin, #formulario-pasos #datos-enviar,
    #formulario-pasos #registro-enviar, #formulario-pasos #inscripcion-enviar, #formulario-pasos #datos-enviar,
    #buscador-vestidos #boton {
        padding: 20px 14px !important;
        font-size: 16px !important;
        line-height: 20px !important;
        display: inline-block !important;
        text-transform:uppercase;
        margin:0 auto;
        min-width:150px !important;
    }

    #login-normal #submit-registradalogin {
        font-size: 16px !important;
        padding:17px 12px !important;
    }

    #buscador-vestidos #boton {
        padding:15px 15px !important;
        min-width: 125px !important;
    }

    #alert-dialog .jspContainer {
        overflow:hidden;
        width:100% !important;
        height:95% !important;
    }

    #alert-dialog .scroll-it-dialog {
        width:100% !important;
        height:80% !important;
        margin-bottom:0;
    }

    #alert-dialog .jspPane {
        width:95% !important;
    }

    #alert-dialog .scroll-it-content-dialog {
        width:100%;
    }

    #login-normal #submit-registradalogin {
        margin:20px auto 0;
    }

    #formulario-pasos #registro-enviar { display: table !important;}

    #formulario-pasos .status { margin-top:0; margin-bottom: 15px;}

    #formulario-pasos #datos-enviar { float:none !important; height:auto !important; padding:4% 10%; }
    #formulario-pasos #formulario-new div.radio1 { width:auto !important; }

    #formulario-pasos #enviar-element {
        width:100%;
        text-align:center;
        display:inline-block;
        padding:2%;
    }

    #login-normal #derecha form, #login-normal #izquierda {
        text-align:center;
    }

    #login-normal #submit-login1:hover, #login-normal #submit-registradalogin:hover {
        color: #57504c !important;
        background-color: #fff !important;
        border: 1px solid #57504c !important;
    }

    #login-normal #izquierda, #login-normal #derecha {
        width:100%;
        height: auto;
        float:none;
        padding:0;
        margin:0;
        border:0;
    }

    .login-normal #menu-bottom-responsive {
        margin-top:150px;
    }


    /* REGISTRO */
    .registro-content {
        background:#FFFFFF !important;
    }
    .registro-content .titular {
        background:#FFFFFF !important;
    }
    .registro-content .titular h2 {
        background:#FFFFFF !important;
        width:100% !important;
        text-align: center;
        margin-left: 0!important;
        font-size:21px !important;
    }

    .registro-content #datos-person {
        float:none !important;
        width:92% !important;
        padding:0 !important;
        background:#FFF !important;

        margin:0 auto;
    }
    .registro-content #formulario-pasos {
        width:100% !important;
        padding:0 !important;
        background:#FFF !important;
    }

    .registro-content #right-banner {
        display:none !important;
    }

    #formulario-pasos h2 {
        font-size: 16px !important;
    }

    #formulario-pasos label, #formulario-pasos input {
        font-size:16px !important;
        line-height: 21px !important;
    }
    #formulario-pasos input[type="text"], #formulario-pasos input[type="password"] {
        width: 85% !important;
        height:30px !important;
        padding:0 5px !important;
    }
    #formulario-pasos #registro-fechacelebracion {
        width:95% !important;
    }

    #formulario-pasos input[type="text"].telf {
        width: calc( 84% - 60px) !important;
    }
    #formulario-pasos .form-separator2 {
        height: 20px;
        margin-bottom: 20px;
    }

    #confirm-left {
        width:100% !important;
        height: 100% !important;
    }

    #right-banner {
        display: none !important;
    }

    #confirm-left p {
        font-size:16px;
        line-height: 21px;
        margin:0 25px 0 25px;
    }
    #confirm-left .link-style-1 {
        font-size:16px;
    }
    #confirm-left #pedir-cita {
        font-size:18px;
        padding:16px 12px;
    }

    #formulario-pasos .inp, #formulario-pasos .inp2 {
        width:calc(100% - 20px) !important;
        padding:10px 0;
        margin-right:0;
    }
    #formulario-pasos label.radio1 { width:auto; }


    #formulario-pasos .form-separator {
        height:1px;
    }
    #formulario-pasos .form-separator+.form-separator {
        height:16px;
        display:block;
    }
    .inp2 .-select{ width:50% !important; }
    .-select-value {
        font-size:16px !important;
        line-height: 15px !important;
        padding:10px !important;
    }
    .inp .-select-value {
        padding-left:0 !important;
    }
    .-select-icon {
        height: 32px;
        background-position: center center;
    }
    #formulario-pasos select {
        height:40px;
        min-height: 40px;
    }

    #formulario-pasos .description {
        font-size:13px !important;
        padding-top: 10px;
        clear: both;
    }
    #formulario-pasos p {
        font-size:14px;
    }

    input[type=checkbox].css-checkbox+label.css-checkbox-label,
    input[type=checkbox].css-checkbox+label.css-checkbox-label.clr {
        padding-left:10px;

    }
    input[type=checkbox].css-checkbox { position: initial; }
    #formulario-pasos label.check {
        width:auto !important;
        line-height: 19px !important;
        font-size:16px !important;

        background:none;
        padding-left:5px;
        padding-top:0 !important;
    }

    /* PORTADA FIESTA */
    .coleccion-block.two_x_one .crop {
        width:95% !important;
        margin:0 auto !important;
    }

    /* BUSCADOR DE VESTIDOS */
    #buscador-vestidos-section #bg-image {
        display:none;
    }
    #buscador-vestidos-section #buscador-vestidos {
        position: relative;
        left:0;
        right: 0;
        margin:0 auto;
        width:calc( 100% - 30px) !important;
        top:0;
        height: auto;
        padding:50px 0;
    }
    #buscador-vestidos .title, .busqueda .cabecera_busqueda .title {
        font-family:'BertholdWalbaumBookRegular',Arial,Verdana,Sans-serif;
        font-size:22px;
    }
    #buscador-vestidos p, #buscador-vestidos input, .busqueda .cabecera_busqueda p,
    .busqueda .model p , .busqueda .model .add_dressing p, .busqueda .model .sub_dressing p {
        font-size:16px;
        line-height: 18px !important;
    }
    .busqueda .model .add_dressing p, .busqueda .model .sub_dressing p {
        width: auto;
    }
    .busqueda .model .add_dressing p, .busqueda .model .sub_dressing p {
        text-transform: uppercase;
        clear: none;
    }
    #buscador-vestidos #boton { height: auto; display: table !important; margin:20px auto; }
    /* #lista-vestido-content li {
        width: calc(50% - 17px) !important;
        margin:0 6px 11px 11px;
    }*/
    #lista-vestido-content li {
        width: calc(100% - 17px) !important;
        margin:0 6px 11px 11px;
    }
    #lista-vestido-content img { width:100%; height:auto; }
    #lista-vestido-content a { width:98%; }

    #lista-vestido-content li #vestidor .add_vestidor a, #lista-vestido-content li #vestidor .sub_vestidor a {
        font-size:16px;
        line-height: 21px !important;
        width:auto !important;
        padding:10px 10px;
    }

    .content.busqueda { border:0;  }

    #buscador-vestidos-section #lista-vestidos {
        width:96%;
        margin:0 auto 25px;
    }
    .busqueda a.nueva { font-size: 16px; }


    /* PÁGINA 404 */
    #page-404 #bg-image {
        display:none;
    }

    #page-404 #bg-image {
        display:none;
    }

    #page-404 #error-box {
        height:100%;
        position:initial;
        margin:0 auto !important;
        padding:20px 20px;
    }

    .pnDialog-close, #login-box .close-btn {
        background: url("../images/cerrar-sp-off.png");
        background-size: 100%;
        background-repeat: no-repeat;
        height: 14px;
        position: absolute;
        right: 12px;
        top: 13px;
        width: 14px;
        cursor:pointer;
    }

    .pnDialog-close:hover, #login-box .close-btn:hover {
        background: url("../images/cerrar-sp.png");
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .listado-colecciones {
        width:94%;
        margin: 0 auto;
    }
    .listado-colecciones li.x3 {
        width:100%;
        margin:0 !important;
        margin-bottom:20px !important;
    }
    .listado-colecciones li.x3.last  {
        margin-bottom:0;
    }
    #content-container .listado-colecciones hr {
        margin:0.6em auto 20px;
        display: block !important;
    }


    .listado-colecciones li img.normal {
        display:none;
    }
    .listado-colecciones li img.responsive {
        display:inline-block;
    }

    .listado-colecciones li.x3 h1 div:first-child {
        font-size:24px !important;
        line-height: 27px !important;
        padding-bottom:4px !important;
    }
    .listado-colecciones li.x3 h1 div:last-child {
        font-size:19px !important;
        line-height: 21px !important;
    }

    /* FIESTA */
    .listado-colecciones li.x2 {
        width:100%;
        margin:0;
    }

    .listado-colecciones li.x2 h1 div:first-child {
        font-size:27px !important;
        line-height: 30px !important;
        padding-bottom:4px !important;
    }
    .listado-colecciones li.x2 h1 div:last-child {
        font-size:19px !important;
        line-height: 21px !important;
    }
    /* END FIESTA */

    .listado-colecciones .botones {
        margin-bottom: 60px;
    }

    .listado-colecciones .desc-coleccion p {
        width:80%;
        font-size: 3vw !important;
        line-height: 3.5vw !important;
    }


    .listado-colecciones .botones .new_button {
        padding: 20px 20px !important;
        font-size: 18px !important;
        line-height: 18px !important;
        display: inline-block !important;
        text-transform:uppercase;
        margin:10px auto;
        width:250px !important;
        clear:both;
        display:block !important;
        text-align:center;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
    }
    #colecciones-container #lista-vestido-content-new .simple_cabecera{padding-top: 10px !important;}
    /* VESTIDOR */
    .vestidor .content-cajitas{position:relative;}
    .vestidor .content-cajitas-pos{margin:auto;}
    .vestidor .cajita_derecha{float:none;}
    .vestidor .cajita_izquierda{float:none;}
    .vestidor #bg-image.cajitas{display:none;}

    #no-favoritos{height:inherit;padding:5px;width:auto;}
    /* Pasarela */
    .reproductor_pasarela .video{width:100%;left:0;}
    .slider_videos p{font-size:2.4vw;line-height: 3vw;}
    .slider_videos .contenedor{width:100%;left:0;}
    .add_dressing .fa-heart-o, .sub_dressing .fa-heart{
        float: left;
        line-height: 19px !important;
        font-size: 16px !important;
        margin-left: 8px;
    }
    .swiper-gallery-container .swiper-slide img{width:100%;height: auto;}
    .swiper-gallery-container.swiper-button-next, .swiper-gallery-container.swiper-button-prev{top: 37%;}

    /* Financiación 24 - popup listado tiendas */
    #content-container #lista-tiendas h2{padding-bottom:0;}
    #lista-tiendas .pnDialog-content{padding:50px 10px 10px;}
    #lista-tiendas .scroll-it-dialog{width:96% !important;}
    #lista-tiendas .scroll-it-dialog .jspPane{padding-left:0 !important;}


    /* PRUEBAS MENU */
    #drawer-toggle {
        height:70px;
        position: absolute;
        opacity: 0;
        width:80px;
        z-index: 3;
    }
    #drawer-toggle-label {
        left: 0px;
        height: 100%;
        width: 45px;
        display: inline-block;
        position: absolute;
        background: rgba(94, 91, 89, .0);
        z-index: 2;

    }

    /* adds our "hamburger" menu icon */
    #drawer-toggle-label:before {
        content: '';
        display: block;
        position: absolute;
        height: 3px;
        width: 24px;
        background: #afaaa2;
        left: 13px;
        top: 18px;
        box-shadow: 0 6px 0 #afaaa2, 0 12px 0 #afaaa2;
    }

    .header {
        width: 100%;
        position: absolute;
        left: 0px;
        background: #FFF;
        padding: 0;
        font-size: 30px;
        line-height: 34px;
        z-index: 0;
        text-align: center;
        height: 54px;
    }

    /* drawer menu pane - note the 0px width */
    #drawer {
        position: fixed;
        top: 0;
        left: -310px;
        height: 100%;
        width: 310px;
        background: #FFF;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0;
        /* -webkit-overflow-scrolling: touch; */
    }

    #drawer, #drawer-sub {
        /*box-shadow:10px 10px black inset;*/
        box-shadow: inset -8px 0px 8px -7px rgba(0, 0, 0, 0.5);
    }

    #drawer #menu-bottom {
        width: 96% !important;
    }

    #drawer div#menu-top div:first-child {
        display: none;
    }

    #drawer #menu-bottom .last-nav, #drawer #menu-bottom .menu-social-icons {
        display: none;
    }

    /* subdrawer */
    #drawer-sub {
        position: fixed;
        top: 0;
        left: -310px;
        height: 100%;
        width: 310px;
        background: #FFF;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0;
        /* -webkit-overflow-scrolling: touch; */

        /*display:none;*/
    }

    .back-drawer {
        position: relative;
    }

    .back-drawer a {
        position: absolute;
        top: 8px;
        left: 15px;
        font-size: 40px;
    }

    /*body:not(.menu-open) #drawer-sub {
        display:none !important;
    }*/
    #drawer-sub .sub-menu, #drawer-sub #divbgsubmenu {
        left: 10px;
        width: 290px;

        background: #FFF;
    }

    header {
        position: fixed;
        height: 56px;
        width: 100%;
        top: 0;
        z-index: 10001;
        background: #FFF;
    }

    /* html.menu-opened,*/
    body.menu-open {
        overflow: hidden !important;
        position: fixed !important;
    }

    /* actual page content pane */
    #content-container {
        margin-left: 0px;
        margin-top: 41px;
        width: 100%;
        height: auto !important;
        overflow-x: hidden;
        overflow-y: hidden;
        /* -webkit-overflow-scrolling: touch; */
        padding: 0;
    }

    /* FAQ */

    #att-cliente{padding:0 20px;}
    #steps-3{padding:0 20px;}
    #financiacion-24{padding:0 20px;}
    #avisolegal-box{padding:0 20px;}

    body.menu-open #content-container {
        overflow: hidden !important;
        height: 100% !important;
    }

    /* checked styles (menu open state) */
    #drawer-toggle:checked ~ #drawer-toggle-label {
        height: 100%;
        width: calc(100% - 310px);
        background: rgba(255, 255, 255, 0);
    }

    #drawer-toggle:checked ~ #drawer {
        left: 0;
    }

    #drawer-toggle-label, #content-container, #drawer, #drawer-toggle, .header, #drawer-sub, #recomendacion-box {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .cajita_izquierda{
        right: 9%;
    }
    .cajita_derecha{
        left: 6%;
    }

    body.menu-open {
        overflow: hidden !important;
    }

    body.menu-open header, body.menu-open .header {
        height: 100% !important;
        background: transparent !important;
    }

    body.menu-open #drawer-toggle-label, body.menu-open .header, body.menu-open #recomendacion-box {
        left: 310px;
    }

    body.menu-open #content-container {
        margin-left: 310px;
    }

    body.menu-open #banners-home,body.menu-open  #colecciones-container{
        margin:0;
    }

    /* Menu item styles */
    #drawer ul {
        list-style-type: none;
    }

    .menu-responsive p.logged {
        text-align: center;
        padding: 4%;
    }


    div.menu-nueva-app {
        text-transform: uppercase;
        padding: 5%;
    }

    div.menu-apps div + div, div.menu-social-icons div + div {
        border: 0;
    }

    #ico-android, #ico-android:hover {
        background: none !important;
        font-size: 25px;
        color: #635e5d;
        text-align: left;
    }

    #ico-applestore, #ico-applestore:hover {
        background: none !important;
        font-size: 25px;
        color: #635e5d;
        text-align: right;
    }

    div.menu-apps div, div.menu-social-icons div {
        height: 30px;
    }

    div.menu-apps div a, div.menu-social-icons div a {
        width: 25px;
        height: 30px;
    }

    div.menu-apps {
        width: 62px;
        margin:auto;
        margin-bottom: 30px;
    }

    #drawer-sub .opensans-extrabold {
        font-family: "gotham_htf_medium", Helvetica, Arial, Verdana, sans-serif !important;
    }

    #drawer-sub ul.tercer_submenu a, #drawer-sub ul.tercer_submenu li {
        font-size: 16px;
    }

    #menu-top-responsive {
        padding-top: 30px;
    }

    #drawer #menu-top-responsive ul a, #drawer-sub #menu-top-responsive ul a, #drawer-sub #menu-top-responsive ul li {
        padding: 2% 0;
        font-size: 16px;
    }

    #drawer #menu-top-responsive ul a.mis-favoritos-not-logged {
        padding: 0;
    }

    #drawer ul.main-menu-responsive a, #drawer-sub ul.sub-menu-responsive a, #drawer-sub ul.sub-menu-responsive li {
        text-transform: uppercase;
    }

    #drawer ul a:hover, #drawer-sub ul a, #drawer-sub ul li {
        color: #6b625a;
    }

    #drawer-sub ul li, #drawer-sub ul li a {
        padding: 3% 0;
    }

    .separador1 {
        margin: 25px auto 25px;
    }

    #drawer-sub ul.sub-menu-responsive.primer_submenu, #drawer-sub ul.sub-menu-responsive.segundo_submenu,
    #drawer-sub ul.sub-menu-responsive.tercer_submenu, #drawer-sub ul.sub-menu-responsive.cuarto_submenu {
        padding-top: 55px;
    }

    /* VESTIDOR */
    .vestidor .opcion_vestidor{padding:50px 20px 35px;}

    /* LOCALIZADOR DE TIENDAS */
    /*#direcciones #tienda_detalle .newbutton{padding:11px 10px;}*/
    .swiper-gallery-container .swiper-slide img{width:100%;height: auto;}
    .swiper-gallery-container .swiper-button-next, .swiper-gallery-container .swiper-button-prev{top: 41%;}

    .banner-mv.timeline {
        width: 33.3%;
    }

    .banner-mv .cuerpo-banner .texto{
        left: 33%;
    }

    .formulario-cita #formulario-new .subinptext {
        position: relative;
        right: 0;
        margin-top: -72px;
        top: 0;
    }
    #content-container .half-content.description div.h1{
        font-size: 1em;
        margin: 0px 0;
    }
    #content-container h1{
        font-size: 2.4em;
    }
    #content-container h2{
        font-size:  2.4em;
    }
    #content-container h3{
        font-size:  2.2em;
    }
    #content-container h4{
        font-size:  1.6em;
    }
    #content-container h5 {
        font-size:  1.2em;
    }
    .listado-colecciones li p.desc{
        font-size: 18px;
        line-height: 22px;
    }

    .otras-colecciones ul li a, .otras-colecciones ul li{
        font-size: 1.4em;
        display:block;
        border:none;
    }

    .slider-head #new_divslider h2 {
        padding: 9px 0 8px;
    }

    .slider-head #new_divslider h4 {
        padding: 1px 0 9px;
    }
    .listado-colecciones li p{
        margin: 30px 10px 42px;
    }
}

@media (max-width: 996px) {

    .content-form.contactol #formulario-new .inp2.extended{width:96.5%;}
    .content-form.contactol .formulario-cita #formulario-new input[type="text"]{width:200px;}
    .content-form.contactol .formulario-cita #formulario-new input.telf[type="text"]{width:142px;}
    .content-form.contactol .formulario-cita #formulario-new .motives .-select{width:208px !important;}
}

@media (max-width: 374px){


    #colecciones-container .description p.title, #colecciones-container .description p.text {
        font-size: 4.7vw;
        line-height: 5.3vw;
    }


    .tiendas-container .newbutton{
        font-size: 14px;
        height: 22px;
        line-height: 32px;
        padding-left: 0;
        padding-right: 0;
        width: 86%;
    }

    .tiendas-container .eventos-en-tienda .newbutton {
        min-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    #direcciones #tienda_detalle .newbutton{padding:11px 0 !important;}

    #subhome-eventos  .newbutton{min-width: 100%;
        padding-left: 0;
        padding-right: 0;}

    /* #lista-vestido-content li {
          width: calc(100% - 17px) !important;
    }*/

    #drawer-sub { display: none !important; }
    #drawer, #drawer-sub {
        width:280px !important;
        left:-280px;
    }

    #drawer-toggle:checked ~ #drawer-toggle-label {
        width: calc(100% - 280px) !important;
    }

    body.menu-open #drawer-toggle-label, body.menu-open .header {
        left: 280px !important;
    }

    body.menu-open #content-container {
        margin-left: 280px !important;
    }

    body.menu-open #login-box {
        left:280px !important;
    }

    #lista-vestido-content-new li .box {
        font-size:14px;
    }
    #lista-vestidos .add_vestidor i, #lista-vestidos .sub_vestidor i {
        font-size:25px;
    }

    .favoritos-list {
        min-height: 0;
    }
}

@media (max-width: 400px) {
    #menu-bottom-responsive div.menu-apps div a, #menu-bottom-responsive div.menu-social-icons div a {
        font-size:3em;
    }
    #menu-bottom-responsive div.menu-apps div, #menu-bottom-responsive div.menu-social-icons div {
        height:30px;
    }
    #menu-bottom-responsive .menu-social-icons .blog{width:30px;}


    #webmap-box{overflow:inherit;width:auto;}
}