/*
MEDIA QUERYES QUE USA BOOTSTRAP

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/


/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1480px) {
    .field--name-field-grupo-terapeutico-otc {
        right: 5%;
    }
}

@media (max-width: 1170px) {
    .region-footer h2 {
        font-size: 24px;
        text-align: left;
    }
    #block-piesobreteva a,
    .teva-newsletter-button,
    .region-footer .block-tevafarmacia-utils-contacto-block,
    footer .teva-newsletter-button .btn-primary {
        font-size: 18px;
    }
    .footer a .fab {
        font-size: 30px;
    }
    #block-submenuconsejossalud ul.sf-menu li,
    #block-submenuconsejossalud-2 ul.menu li {
        width: 25%;
    }
    .navbar.container {
        max-width: 100% !important;
    }
    ul.sf-menu a,
    ul.sf-menu span.nolink {
        display: block;
        padding: 1em 5px;
    }
    .caracteristicas-container>div {
        max-width: 33%;
        flex: 0 0 33%;
    }
    .tv-medicamentootc .prospecto-container,
    .tv-medicamentootc .panel-body {
        padding-left: 20px;
    }
    .field--name-field-grupo-terapeutico-otc {
        right: 4%;
    }
    .data-container {
        padding-left: 5%;
    }
    .header-bar {
        padding-left: 15px;
        padding-right: 15px;
    }
    #block-views-block-articulos-relacionados-block-1 .views-field-title {
        background: #AFCB37;
        padding: 20px;
        font-size: 20px;
        line-height: 26px;
        color: #fff !important;
        z-index: 999999999999;
        position: absolute;
        bottom: -90px;
        right: 0;
        width: 100%;
        height: 180px;
    }
    .unslick .slick__slide,
    .slick-initialized .slick__slide {
        position: relative;
        visibility: visible;
        margin-right: 20px;
    }
}


/* Breakpoint del slider de la home */

@media screen and (max-width: 992px) {
    .friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto {
        bottom: -110px;
        max-width: 700px;
        height: 300px;
        border-radius: 60%;
        left: -15%;
    }
    .friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        bottom: -265px;
        font-size: 26px !important;
        line-height: 29px !important;
    }
    .sobres {
        right: 5%;
    }
    .description-product .field--name-field-image img {
        margin-top: 0;
    }
    .description-product .field--name-field-image {
        margin-top: 20px !important;
    }
    .navbar.container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 990px) {
    #block-views-block-articulos-relacionados-block-1 .slick-track {
        height: 500px;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div .field--name-field-descripcion {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
    }
    #block-nuestranewsletterhome h2 {
        font-size: 35px;
    }
    #block-nuestranewsletterhome h3 {
        font-size: 25px;
    }
    .data-container {
        padding-left: 2%;
    }
    .page-node-type-tv-medicamentootc .summary-teaser-post {
        padding-left: 20px;
    }
    .container {
        min-width: 100%;
        width: 100%;
    }
    #block-cheeseburgermenutrigger {
        display: block;
        margin-right: 20px;
    }
    #superfish-main,
    .navbar-toggle {
        display: none;
    }
    #block-cheeseburgermenutrigger {
        display: block;
    }
    .top-bar .container,
    .highlighted-bar .container,
    .paragraph .paragraph__column,
    .footer .container,
    section.bottom-bar .container,
    .nav-tabs {
        width: 100% !important;
        max-width: 100%;
    }
    .path-contact aside {
        position: relative !important;
        width: 100% !important;
        z-index: 0 !important;
        top: 0;
    }
    .path-contact .col-sm-8 {
        width: 100% !important;
    }
    .contact-message-feedback-form {
        padding-left: 30px !important;
    }
    .region-footer h2 {
        font-size: 22px;
        text-align: left;
    }
    #block-piesobreteva a,
    .teva-newsletter-button,
    .region-footer .block-tevafarmacia-utils-contacto-block {
        font-size: 16px;
    }
    .footer a .fab {
        font-size: 28px;
    }
    #block-submenuconsejossalud ul.sf-menu li,
    #block-submenuconsejossalud-2 ul.menu li {
        width: 33%;
    }
    .navbar.container {
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
    }
    #block-menumedicamentosconreceta-2,
    #block-menumedicamentossinrecetaotc-2 {
        max-width: 80%;
        flex: 0 0 80%;
        display: flex;
        flex-direction: column;
        height: 200px;
        margin-bottom: 200px;
        margin: 0 auto 80px;
    }
    .path-medicamentos-otc .view-medicamentos-otc .views-row,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li {
        margin-bottom: 125px;
    }
    .page-node-type-tv-medicamentootc .summary-teaser-post .content {
        max-width: 100%;
    }
    .page-node-type-tv-medicamentootc .data-container .posologia-container,
    .page-node-type-tv-medicamentootc .data-container .sabor-container {
        width: 58%;
    }
    .field--name-field-grupo-terapeutico-otc {
        width: 180px;
    }
    .header-bar {
        padding-left: 5px;
        padding-right: 5px;
    }
    .nombre-autor-full-post {
        float: right;
        width: 80%;
        padding-right: 0px;
        margin-right: 0;
    }
    #block-nuestranewsletterhome .field--item {
        background-size: 100px;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        width: 100%;
    }
    .page-node-type-landing-producto .puntos>div:nth-child(2n+1) .field--name-field-descripcion {
        padding-right: 37%;
        padding-left: 25px;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto-subtitulo .field--name-field-descripcion {
        min-height: 270px;
    }
    article.landing-producto {
        padding-top: 0;
    }
    .description-product h1 {
        margin-top: 0;
    }
}

@media (max-width: 767px) {
    #block-nuestranewsletterhome h2 {
        font-size: 30px;
    }
    #block-nuestranewsletterhome h3 {
        font-size: 20px;
    }
    #block-nuestranewsletterhome .field--item {
        background-size: 90px;
    }
    .navbar.container {
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        width: 100% !important;
    }
    .path-taxonomy .blazy--view--taxonomy-term .panel {
        flex-wrap: wrap;
    }
    #block-botoneraenlabotanica .flex-parent {
        flex-wrap: wrap;
    }
    #block-botoneraenlabotanica .col-md-3 {
        width: 50% !important;
    }
    #block-cheeseburgermenutrigger {
        display: block;
    }
    .collapse {
        display: inline-block;
    }
    body.path-frontpage .row.highlighted-bar {
        display: block;
    }
    #block-tevafarmaciautilsparati .para-ti-estatico {
        padding-bottom: 0;
        margin-bottom: -270px;
        flex-wrap: wrap;
    }
    .highlighted-bar .container,
    .paragraph .paragraph__column,
    .nav-tabs {
        max-width: 576px;
        margin: 0 auto !important;
        float: none;
    }
    .para-ti-estatico>div {
        margin-bottom: 20px;
    }
    .path-frontpage .region-highlighted {
        padding-top: 25%;
    }
    .header-bar {
        padding-left: 20px;
        padding-right: 20px;
    }
    .navbar-header {
        width: 100%;
        margin: 0;
    }
    .top-phone .txt-enlace {
        display: none;
    }
    body.path-frontpage .main-container {
        margin-top: 530px;
    }
    .paragraph--id--29 .field--name-bp-view,
    .paragraph--id--178 a.home-podcast {
        width: 100%;
        max-width: 65%;
    }
    .paragraph--id--29 .paragraph__column,
    .paragraph--id--178 .paragraph__column {
        background-position: right bottom;
    }
    .paragraph--id--29 .field--name-bp-view,
    .paragraph--id--178 a.home-podcast {
        width: 100%;
        max-width: 100%;
    }
    .paragraph--id--29 .paragraph__column,
    .paragraph--id--178 .paragraph__column {
        padding-bottom: 0px;
    }
    .paragraph--id--178 .paragraph__column {
        background-image: none;
    }
    .paragraph--id--178 a.home-podcast>.field--item {
        background-image: none;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 70px;
        padding-right: 0;
    }
    .paragraph--id--178 a:hover.home-podcast>.field--item {
        background-image: none;
    }
    .region-footer h2 {
        font-size: 20px;
        text-align: left;
    }
    .region-footer {
        flex-wrap: wrap;
    }
    .region-footer>nav,
    .region-footer>section#block-tevafarmaciautilsrrss-footer,
    .region-footer>section {
        width: 100% !important;
    }
    #block-piesobreteva {
        padding-left: 15px;
    }
    .path-taxonomy .blazy--view--taxonomy-term .panel {
        flex-wrap: wrap;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #fff;
    }
    .path-taxonomy .blazy--view--taxonomy-term .panel-body {
        background-color: #fff;
        padding: 0px 20px 30px;
        position: relative !important;
        right: 0;
        width: 100% !important;
        top: 0%;
        transform: translateY(0%) !important;
        max-width: 100% !important;
    }
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-body {
        position: absolute !important;
    }
    .path-taxonomy .blazy--view--taxonomy-term .panel>div {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-heading {
        z-index: 9;
        max-width: 25% !important;
        padding-left: 30px;
    }
    .view-publicaciones-home .field-content>div,
    .tv-post .panel-heading,
    .tv-post .panel-body .path-taxonomy .blazy--view--taxonomy-term .panel-body {
        width: 100%;
    }
    .view-publicaciones-home .field-content>div img {
        width: 100%;
        height: auto;
    }
    .view-publicaciones-home .field-content {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .view-publicaciones-home .info {
        position: relative;
        width: 100% !important;
        transform: 0;
        top: 0%;
        transform: translateY(0%);
    }
    .col-sm-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .paragraph__column {
        padding-left: 0px;
        padding-right: 0px;
    }
    #block-bloquenewsletterbrand .field--name-body .content {
        width: 100%;
    }
    #block-bloquenewsletterbrand.block-block-content {
        padding-left: 0;
        padding-right: 0;
    }
    #block-bloquenewsletterbrand .btn-lg,
    .circle h3 {
        font-size: 24px;
    }
    .top-bar .container,
    .highlighted-bar .container,
    .paragraph .paragraph__column,
    .footer .container,
    section.bottom-bar .container,
    .nav-tabs {
        width: 100% !important;
        max-width: 100%;
    }
    #block-mainnavigation-2 {
        display: none;
    }
    .main-page-title.block-block-content {
        padding-left: 20px;
    }
    .path-taxonomy li.grid {
        padding-bottom: 75px;
    }
    .caracteristicas-container>div {
        max-width: 49%;
        flex: 0 0 49%;
    }
    .page-node-type-tv-medicamentootc .summary-teaser-post .pic-container {
        width: 100%;
        background: none;
        display: flex;
        justify-content: center;
        margin-top: -90px;
    }
    .pic-container .field--name-field-imagen-caja-otc {
        max-width: 250px;
    }
    .page-node-type-tv-medicamentootc .data-container {
        width: 98%;
    }
    .page-node-type-tv-medicamentootc .summary-teaser-post {
        padding-bottom: 120px;
    }
    .page-node-type-tv-medicamentootc .main-page-title {
        margin-bottom: 35px;
    }
    .page-node-type-tv-medicamentootc .data-container .posologia-container,
    .page-node-type-tv-medicamentootc .data-container .sabor-container {
        width: 100%;
    }
    .nombre-autor-full-post {
        float: right;
        width: 100%;
        padding-right: 0px;
        margin-right: 0;
        padding-left: 0;
    }
    .nombre-autor-post {
        width: 100%;
        text-align: center;
    }
    .nombre-autor-full-post .field--name-field-autor-ref,
    .nombre-autor-full-post .field--name-field-autor {
        padding-left: 20px;
    }
    /* #search-block-form {
        display: none;
    } */
    .description-product>div {
        width: 100%;
        flex: 100% 0 0;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto .field--name-field-texto-sin-formato {
        font-size: 33px;
        line-height: 37px;
        text-align: right;
        right: 10%;
        color: #fff;
        bottom: 25px;
    }
    .description-product .field--name-field-image {
        margin-bottom: 0;
        padding-bottom: 80px;
        margin-top: 0;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        font-size: 23px;
        line-height: 27px;
    }
    .page-node-type-landing-producto .content-razones .puntos>div {
        margin-bottom: 30px;
    }
    .page-node-type-landing-producto .content-razones .puntos>div:nth-child(2n+1) .field--name-field-fondo,
    .page-node-type-landing-producto .content-razones .puntos>div:nth-child(2n) .field--name-field-fondo {
        max-width: 100%;
        width: 100%;
    }
    .page-node-type-landing-producto .content-razones .puntos>div:nth-child(2n+1) .field--name-field-fondo img,
    .page-node-type-landing-producto .content-razones .puntos>div:nth-child(2n) .field--name-field-fondo img {
        width: 100%;
    }
    .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        padding: 12px 20px;
        font-size: 23px;
        line-height: 30px;
        width: 100%;
    }
    .content-como .field--name-field-ti {
        text-align: center;
        font-size: 28px;
        line-height: 32px;
    }
    .content-comprar .field--name-field-ti {
        text-align: center;
        font-size: 28px;
        line-height: 32px;
    }
    .content-como .paragraph--type--texto.paragraph--id--283 {
        position: relative;
        bottom: 0;
    }
    .content-como {
        margin-bottom: 0;
    }
    .content-usos {
        margin-top: 0;
    }
    .field--name-field-indicaciones .field--label {
        line-height: 32px;
        font-size: 28px;
    }
    .content-usos {
        padding: 45px 20px;
        margin-top: 0;
    }
    .sobres {
        text-align: center;
        font-size: 22px;
    }
    .sobres .field--label {
        font-weight: normal;
        font-size: 18px;
    }
    .sobres {
        width: 145px;
        height: 145px;
        font-size: 22px;
        left: 20px;
        top: -100px;
    }
    .page-node-type-landing-producto .puntos>div:nth-child(2n) .field--name-field-descripcion {
        padding-left: 15px;
        padding-right: 20px;
    }
    .page-node-type-landing-producto .puntos>div:nth-child(2n+1) .field--name-field-descripcion {
        padding-right: 20px;
        text-align: left;
        padding-left: 15px;
    }
    .content-como {
        padding-left: 20px;
        padding-right: 20px;
    }
    .content-preguntar .paragraph--type--imagen-texto {
        position: absolute;
        bottom: auto;
        max-width: 800px;
        height: auto;
        justify-content: center;
        background-color: #fff;
        border-radius: 0%;
        left: 0%;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-fondo {
        position: absolute;
        top: -100px;
        margin: 0 auto;
        right: 0;
        left: 0;
        display: flex;
        justify-content: flex-start;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        width: 100%;
        position: relative;
        text-align: center;
    }
    .description-product .field--name-field-descripcion {
        padding-right: 20px;
        padding-bottom: 25px;
    }
    .content-razones {
        padding-left: 20px;
        padding-right: 20px;
    }
    .page-node-type-landing-producto .content-razones .field--name-field-ti {
        text-align: center;
        font-size: 28px;
        line-height: 33px;
    }
    .page-node-type-landing-producto .content-razones .puntos>div:nth-child(2n+1) .field--name-field-fondo,
    .page-node-type-landing-producto .content-razones .puntos>div:nth-child(2n) .field--name-field-fondo {
        max-width: 100%;
        padding-bottom: 20px;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-texto-sin-formato {
        width: auto;
        font-size: 28px !important;
        line-height: 31px;
    }
    #block-btnportalclientes .field--name-body {
        float: right;
    }
    #block-btnportalclientes {
        padding: 0;
    }
    .top-bar #block-formulariodebusqueda {
        padding: 2px 0 5px;
    }
    article.landing-producto {
        padding-top: 0;
    }
    .description-product h1 {
        margin-top: 0;
    }
    .sudocrem-multi-expert .description-product>div,
    .sudocrem-multi-expert .description-product .field--name-field-image {
        width: 100%;
        flex: 100% 0 0;
        max-width: 100%;
        padding-top: 0;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        font-size: 38px;
        line-height: 41px;
        right: 8%;
        bottom: 8%;
        max-width: 430px;
        text-align: right;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        bottom: -180px;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div:nth-child(2n+1) .field--name-field-descripcion {
        position: relative;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .content-razones .puntos>div:nth-child(2n+1) .field--name-field-fondo {
        max-width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div:nth-child(2n) .field--name-field-descripcion {
        padding-left: 0;
        padding-right: 0;
        bottom: 0;
        font-size: 22px;
        line-height: 25px;
        position: relative;
        width: 100%;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto-subtitulo .field--name-field-descripcion {
        min-height: auto;
    }
    .page-node-type-landing-producto .content-razones .puntos>div .paragraph__column {
        position: relative;
        float: left;
        display: flex;
        flex-direction: column;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div:nth-child(2n+1) .field--name-field-descripcion {
        padding-right: 0%;
        text-align: right;
        padding-left: 0;
        position: relative;
        bottom: auto;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .paragraph--type--imagen-texto-subtitulo .field--name-field-descripcion {
        min-height: auto;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div:nth-child(2n+1) .field--name-field-descripcion {
        position: relative;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .content-razones .puntos>div:nth-child(2n+1) .field--name-field-fondo {
        max-width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div:nth-child(2n) .field--name-field-descripcion {
        padding-left: 0;
        padding-right: 0;
        bottom: 0;
        font-size: 22px;
        line-height: 25px;
        position: relative;
        width: 100%;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto-subtitulo .field--name-field-descripcion {
        min-height: auto;
    }
    .page-node-type-landing-producto .content-razones .puntos>div .paragraph__column {
        position: relative;
        float: left;
        display: flex;
        flex-direction: column;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .paragraph--type--imagen-texto-subtitulo .field--name-field-subtitulo {
        width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .content-razones .puntos>div:nth-child(2n) .field--name-field-fondo {
        max-width: 100%;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .puntos>div:nth-child(2n+1) .field--name-field-descripcion {
        padding-right: 0%;
        text-align: right;
        padding-left: 0;
        position: relative;
        bottom: auto;
    }
    .page-node-type-landing-producto.sudocrem-multi-expert .paragraph--type--imagen-texto-subtitulo .field--name-field-descripcion {
        min-height: auto;
    }
    .sudocrem-multi-expert .content-como>div:first-child,
    .sudocrem-multi-expert .content-como>div:nth-child(4) {
        padding: 20px 30px 130px;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-fondo {
        position: relative;
        top: -100px;
    }
    .friolgrip-descongestivo .content-como .block {
        width: 100%;
        padding: 0px 20px;
    }
    .friolgrip-descongestivo .content-como .paragraph--type--texto.paragraph--id--310 {
        position: relative;
        bottom: 40px;
    }
    .friolgrip-descongestivo .content-usos {
        padding: 15px 20px;
        margin-top: 0;
    }
    .page-node-type-landing-producto.friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto .field--name-field-fondo {
        top: -130px;
    }
    .friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto img {
        max-width: 300px;
    }
    .friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto {
        position: relative;
    }
    .friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto {
        bottom: 0;
        max-width: 700px;
        height: auto;
        border-radius: 0;
        left: 0;
        padding-left: 22px;
    }
    .friolgrip-descongestivo .sobres {
        width: 140px;
        height: 140px;
        font-size: 20px;
        top: -70px;
    }
    #block-views-block-articulos-relacionados-block-1 {
        margin-top: 0;
        margin-bottom: 40px;
        height: auto;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        bottom: -20px;
    }
    .eu-cookie-compliance-buttons {
        float: left;
        margin: 0 0 1em 0;
        max-width: 100%;
    }
}


/* Small devices (landscape phones, 576px and up) */

@media (max-width: 575px) {
    /* .slick__slide {
        width: auto !important;
    } */
    .underphoto-full-post {
        margin-top: -15px;
    }
    #block-views-block-articulos-relacionados-block-1 .block-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sudocrem-multi-expert .content-como>div:nth-child(2),
    .sudocrem-multi-expert .content-como>div:nth-child(3) {
        width: 100%;
        margin-top: 0px;
        padding: 0 0px;
    }
    .sudocrem-multi-expert .content-como>div:nth-child(2) {
        margin-top: -120px;
    }
    #block-nuestranewsletterhome {
        max-width: 100%;
        padding-left: 0;
        width: 100%;
    }
    .paragraph--id--268 .paragraph__column.paragraph__column {
        padding: 170px 0 40px;
    }
    #block-nuestranewsletterhome h2 {
        padding: 10px 20px 13px;
        width: 100%;
        margin-top: -10px !important;
        font-size: 25px;
    }
    #block-nuestranewsletterhome .field--item h3 {
        margin-top: 0;
        padding-left: 50px;
        font-size: 20px;
        line-height: 27px;
    }
    .paragraph--id--268 .paragraph__column.paragraph__column {
        background-size: 100%;
    }
    #block-nuestranewsletterhome .field--item {
        background-position: left 0px;
    }
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-body {
        position: relative !important;
    }
    .caracteristicas-container>div {
        max-width: 99%;
        flex: 0 0 99%;
    }
    .caracteristicas-container .paragraph--type--titulo-texto {
        min-height: 120px;
    }
    .circle p {
        line-height: 18px;
    }
    #block-menumedicamentosconreceta-2,
    #block-menumedicamentossinrecetaotc-2 {
        height: auto;
    }
    #block-menumedicamentosconreceta-2 ul.nav,
    #block-menumedicamentossinrecetaotc-2 ul.nav {
        display: flex;
        margin-bottom: -50px;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
    }
    #block-menumedicamentosconreceta-2 ul.nav li,
    #block-menumedicamentossinrecetaotc-2 ul.nav li {
        margin-bottom: 20px;
    }
    #block-menusproductos section ul li a,
    #block-menusproductos nav ul li a {
        background: #AFCB37;
        color: #fff;
        min-width: 250px;
        max-width: 250px;
        min-height: 150px;
    }
    #block-menumedicamentosconreceta-2 ul.nav,
    #block-menumedicamentossinrecetaotc-2 ul.nav {
        flex-wrap: wrap;
    }
    #block-submenuconsejossalud ul.sf-menu li,
    #block-submenuconsejossalud-2 ul.menu li {
        width: 99%;
    }
    #block-botoneraenlabotanica .col-md-3 {
        width: 100% !important;
        margin-bottom: 20px;
    }
    #block-botoneraenlabotanica .pth-container {
        min-height: auto;
        padding-bottom: 20px;
    }
    #block-tevafarmaciautilsparati {
        margin-top: 40px;
    }
    #block-botoneraenlabotanica {
        padding-left: 20px;
    }
    body.path-frontpage .row.highlighted-bar {
        height: 170px;
    }
    .para-ti-estatico {
        margin-top: -50px;
    }
    #block-tevafarmaciautilsparati .para-ti-estatico {
        padding-top: 0;
    }
    #dropdownClientes .txt-enlace {
        display: none;
    }
    body.path-frontpage .main-container {
        margin-top: 790px;
    }
    .paragraph__column {
        padding-left: 0px;
        padding-right: 0px;
    }
    #block-bloquenewsletterbrand .btn-lg,
    .circle h3 {
        font-size: 21px;
    }
    #block-bloquenewsletterbrand .btn-lg {
        margin-top: -124px;
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 5px;
    }
    .path-medicamentos-otc .tv-medicamentootc .panel-body,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-body {
        background-color: #fff;
        padding-left: 45px;
        padding-right: 45px;
    }
    .path-medicamentos-otc .tv-medicamentootc .panel-heading,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-heading {
        z-index: 9;
        max-width: 180px !important;
        padding-left: 0px !important;
        position: absolute;
        left: 27%;
        top: -70px;
        padding-right: 0px !important;
    }
    .path-medicamentos-otc .view-medicamentos-otc .views-row,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li {
        margin-bottom: 125px;
        min-height: 250px;
    }
    .path-medicamentos-otc .views-row:nth-child(2n) .panel-body,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li:nth-child(2n) .panel-body,
    .path-medicamentos-otc .tv-medicamentootc .panel-body,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term .panel-body {
        background-color: #fff;
        padding-left: 25px;
        padding-right: 25px;
        position: relative;
        margin: 0;
        top: 0;
        transform: translateY(0%);
        padding-top: 130px;
    }
    .path-medicamentos-otc .views-row:nth-child(2n) .panel-heading,
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li:nth-child(2n) .panel-heading {
        padding-left: 0px;
        padding-right: 0px;
    }
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li {
        margin-bottom: 25px;
        min-height: 0px;
    }
    .path-taxonomy.medicamentos-otc .blazy--view--taxonomy-term li.grid .grid__content.form-group {
        margin-bottom: 25px !important;
    }
    .path-taxonomy.medicamentos-otc ul.blazy--view {
        margin-top: 55px;
    }
    .path-taxonomy.medicamentos-otc #block-menumedicamentosconreceta-2,
    .path-taxonomy.medicamentos-otc #block-menumedicamentossinrecetaotc-2 {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .page-node-type-landing-producto .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        font-size: 28px;
        line-height: 33px;
        right: 5%;
        bottom: 7%;
        max-width: 100%;
        text-align: right;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        font-size: 25px !important;
        line-height: 29px;
        right: 20px;
        max-width: 100%;
        text-align: right;
        bottom: 0px;
    }
    .sudocrem-multi-expert .content-preguntar .paragraph--type--imagen-texto img {
        max-width: 130px;
    }
    .description-product .field--name-field-descripcion {
        padding-right: 0px;
    }
    .page-node-type-landing-producto .content-preguntar .paragraph--type--imagen-texto .field--name-field-fondo {
        position: relative;
        top: -110px;
        left: 0px;
        width: 90%;
    }
    .sobres {
        width: 140px;
        height: 140px;
        font-size: 20px;
        top: -140px;
    }
    .sudocrem-multi-expert .description-product .field--name-field-image {
        height: 340px;
    }
    .vitadynb .content-preguntar .paragraph--type--imagen-texto img {
        max-width: 250px;
    }
    .page-node-type-landing-producto.vitadynb .content-preguntar .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        bottom: 40px;
    }
    .page-node-type-landing-producto .puntos>div .field--name-field-descripcion {
        padding-top: 0;
    }
    .page-node-type-landing-producto.friolgrip-descongestivo .paragraph--type--imagen-texto .field--name-field-texto-con-formato {
        color: #fff;
        font-size: 30px;
        line-height: 34px;
    }
    .friolgrip-descongestivo .content-preguntar {
        margin-bottom: 80px;
        position: relative;
    }
    .eu-cookie-compliance-categories-buttons {
        margin: 0 0 1em 0;
        margin-bottom: 1em;
        max-width: 100%;
        float: left;
        margin-bottom: 60px;
    }
    #popup-buttons {
        width: 100%;
    }
    .eu-cookie-compliance-message p {
        margin-bottom: 0;
    }
    .eu-cookie-compliance-message p {
        font-size: 14px;
        line-height: 18px;
        display: block;
        font-weight: normal;
    }
}

@media (max-width: 576px) {
    .eu-cookie-compliance-content {
        margin: 0 auto;
        max-width: 80%;
        display: inline-block;
        text-align: left;
        width: 100%;
        position: relative;
        height: 380px;
        overflow: scroll;
    }
    .foto600 {
        display: block;
    }
    .foto750 {
        display: none;
    }
}

@media (min-width: 576px) {
    .foto600 {
        display: none;
    }
    .foto750 {
        display: block;
    }
}