/* ----------------------------------------------------------------
    MOBILE STYLE
---------------------------------------------------------------- */


@media only screen and (max-width: 767px) {
/* @media only screen and (max-width: 810px) { */
/* START:: Área Médica */
.carousel-indicators{display: none!important;}
#am_home_banner.inner {height:auto;}
#am_home_banner.inner .full-img.am-home {display: none;}
#am_home_banner.inner .full-img.am-home.webp { display: none;}

#spinner_modal{
  position: absolute;
  top: 60%;
  left: 31%;
}

.loading-content {
  border: 16px solid #fff0c5;
  border-top: 16px solid #ffc107;
  background-color: #ffffffcc;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 0;
  animation: spin 2s linear infinite;
	}


#compartiendo-exp .row .col-sm-4, #dosier-productos .row .col-sm-3{margin-top:16px;}

/* END:: Área Médica */

#recommended {text-align: center;}
#recommended img {width: 150px;}
.uk-ava-b{display: none!important}
#section1uk h5{text-align: center;}
#section1uk h1 {text-align: center;}

#section2uk .kidney {text-align: center;padding: 8px 30px;}
#banner-lateral img{width: 200px;}

/*header provisional*/
.navbar-fixed {
	position: sticky;
  position: -webkit-sticky;} /*para que en Iphone haga scroll en responsive*/
/*fi header provisional*/

.hidden-xs {display: none !important;}
.visible-xs {display: block !important;}
.w-xs-100{width: 100%!important;}

.text-center-mbl {text-align: center;}

footer.md{margin-top: 0px !important;} /*afegit ami*/
.md {margin-top: 25px !important;}
section.container.md {margin: 0 15px; width: calc(100% - 30px);}
/*section.container.md {margin: 0px; width: calc(100% - 30px);} */

.divider.md {border: none;}

.ttl {font-size: 28px;}
.ttl2{font-size: 19px; text-align: center; line-height: 32px;margin-bottom: 8px;}/*afegit aleix*/
/* .ttl i {display: block; margin: 0 0 5px;} */
.ttl-line h3 {max-width: 236px!important; margin-top: 15px;}
.ttl-line h3 i {display: inline-block; margin: 0 8px 0 0;}
.subttl {font-size: 28px;}
.subttl i {display: block; margin: 0 0 5px;}

.bckg {padding: 0px 0 25px;}
.bckg.bckg-xs-no {background: #ffffff;}

#banner.inner .full-img.contacto {background-position: right center;}

.cookies .txt{line-height: 20px;}
.bot{margin-top:10px;}
.cookies .cookie-row{margin-top: 26%;}

#user-rmmb .boxed-info .txt{font-size: 17px;}

.lh-mbl{line-height: 1.2em!important;}


header div.preHeader .navbar:nth-child(1) {width: 48%; float: left;}
header div.preHeader .navbar:nth-child(1) ul {width: 100%; display: block; padding: 0 0 0 15px;}
header div.preHeader .navbar:nth-child(1) ul li {display: inline-block !important; margin-right: 8px; width: 20px; vertical-align: top;}
header div.preHeader .navbar:nth-child(1) ul li:last-child {width: 35px;}
header div.preHeader .navbar:nth-child(1) ul li:nth-child(1) a {font-size: 0;}
header div.preHeader .navbar:nth-child(1) ul li:nth-child(2) a {font-size: 0;}
header div.preHeader .navbar:nth-child(1) ul li:nth-child(1) a i {margin-right: 0;}
header div.preHeader .navbar:nth-child(1) ul li:nth-child(2) a i {margin-right: 0;}

header div.preHeader .navbar:nth-child(2) {width: 48%; float: right;}
header div.preHeader .navbar:nth-child(2) ul {width: 100%; display: block; padding: 0 15px 0 0; text-align: right;}
header div.preHeader .navbar:nth-child(2) ul li {display: inline-block !important; margin-left: 8px; margin-right: 0px; width: 20px; vertical-align: top;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(2) {width: 26px;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(3) {width: 26px;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(1) a {font-size: 0;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(2) a {font-size: 0;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(3) a {font-size: 0;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(1) a i {margin-right: 0;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(2) a i {margin-right: 0;}
header div.preHeader .navbar:nth-child(2) ul li:nth-child(3) a i {margin-right: 0;}
header div.preHeader .navbar:nth-child(2) ul li .dropdown-toggle::after {font-size: 12px;}
header div.preHeader .navbar ul li span {width: 200px; margin-top: 7px; margin-left: -13px; font-size: 12px;}

header nav.navbar.main-menu {padding: 3px 0; box-shadow: 0px 1px 1px #f4f4f4;}
header nav.navbar.main-menu .navbar-brand img {width:135px !important;}
header nav.navbar.main-menu button.navbar-toggler {padding: 0; margin-left: 8px;}
header nav.navbar.main-menu button.navbar-toggler .navbar-toggler-icon {height: 66px; background: url('../images/home/men.png') center center no-repeat transparent;}

header nav.navbar.main-menu .navbar-shop .nav-item {margin-right: 15px;}
header.navbar-fixed nav.navbar.main-menu .navbar-shop .nav-item {padding: 13.5px 0 13.5px 6px !important;}

header nav.navbar.main-menu #navbarCollapse {display: none; width: 100%; margin: 0; padding: 0;}
header nav.navbar.main-menu #navbarCollapse.show {display: block !important;}
header nav.navbar.main-menu .navbar-brand {position: absolute; top: 0; left: 0; right: 0; text-align: center; margin: 0 0 0 20%; width: 50%;}
header nav.navbar.main-menu .navbar-collapse .nav-item {padding: 0 !important;}
header nav.navbar.main-menu .navbar-collapse .nav-item a {border-right: 0; border-top: 1px solid #eceff2; padding: 10px 15px; color: #009fe3; opacity: 0.98;}
header nav.navbar.main-menu .navbar-collapse .nav-item.active:after {display: none;}
header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-menu a {border-bottom: 0; font-size: 14px; opacity: 0.9; color: #222222;}
header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-menu a:hover {color: #222222; background: #ffffff;}
header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-menu a:first-child {border-top: 0;}
header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-menu a:last-child {border-bottom: 0;}
header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-menu {border-bottom: none; height: auto; display: block; border-right: none; position: relative !important; right: 0 !important;}
header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-menu.d-xs-none-products{display:none;}

header nav .dropdown.over:hover .dropdown-menu {position: absolute; right: -15px; left: auto;}
header div.preHeader .navbar ul li .dropdown-menu a {font-size: 14px !important; padding: 10px 15px;}

header div.preHeader .navbar ul li span {display:none;}

header .nav-item.dropdown.shop .dropdown-menu {position: absolute; top: 71px;}
header .nav-item.dropdown.shop .dropdown-menu.show-mbl {display: block}

header nav.navbar.main-menu .navbar-shop {width: 72px;}/*per solucionar problema amb pàgina testimonials*/
footer #footer.uk {
    background: #243749;
    padding: 30px 0 100px;
}
footer #suscripcion {padding: 20px 22px 10px;}
footer #suscripcion form {display: block !important;}
footer #suscripcion .col-md-4 {width: 100%; margin: 0; padding: 0; text-align: center; margin-bottom: 15px; flex: 0 0 100%; -ms-flex: 0 0 100%;}
footer #suscripcion .col-md-4 p.txt {font-size: 14px;}
footer #suscripcion .col-md-8 {width: 100%; margin: 0 0 10px; padding: 0; text-align: center; flex: 0 0 100%; -ms-flex: 0 0 100%;}

footer #footer {position: relative;}
footer #footer h6 {padding-top: 30px;}
footer #footer .col-md-4 {width: 100%; text-align: center; flex: 0 0 100%; -ms-flex: 0 0 100%; display: block !important;}
footer #footer .col-md-8 {width: 100%; text-align: center; flex: 0 0 100%; -ms-flex: 0 0 100%; display: block !important; position: inherit;}

html[lang="en"] footer #footer .col-md-8 .col-md-3 {width: 100%; text-align: center; flex: 0 0 100%; -ms-flex: 0 0 100%;border-bottom: 0px solid #000000;border-top: 0px solid #314b64;}

footer #footer .col-md-8 .col-md-3 {width: 100%; text-align: center; flex: 0 0 100%; -ms-flex: 0 0 100%;border-bottom: 1px solid #000000;border-top: 1px solid #314b64;}
footer #footer .col-md-8 .col-md-3:nth-child(3),html[lang="fi"] footer #footer .col-md-8 .col-md-3:nth-child(3) {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
footer #footer .col-md-8 .col-md-3:nth-child(1) {position: absolute; bottom: 20px; left: 0; right: 0; border: none !important;}
footer #footer .col-md-8 .col-md-3:nth-child(2) {border-top: none}
footer #footer .col-md-8 .col-md-3:nth-child(2) h6 {padding-top: 0;}
/* footer #footer .col-md-8 .col-md-3:nth-child(4) {border-bottom: none;} */
footer #footer .col-md-8 .col-md-3:nth-child(4) ul {margin-bottom: 5px; padding-bottom: 23px;}/* padding_bootom afgeit aleix*/
footer #footer ul {margin-bottom: 25px;}
footer #footer ul li {text-align: center;}
footer #footer ul.social-md {width: 100%; border-bottom: 1px solid #000000; border-top: 1px solid #314b64; padding-bottom: 15px; padding-top: 15px; margin: 0; text-align: center!important;}

footer #footer ul.distribuidor-md {    position: relative;
    top: -54px; text-align: center!important;}

footer #footer ul.social-md li:first-child {margin-left: 0;}
footer #footer div.cards-md {width: 100%; display: block !important; position: relative; margin-bottom: 80px; border-top: 1px solid #314b64; padding-top: 15px;}
html[lang="en"] footer #footer div.cards-md img {max-width: 100px;}
footer #footer div.cards-md img {margin: 0 8px; max-width: 55px;}

footer #footer-bottom {text-align: center;}

footer #footer h5.uk {text-align: center; margin-right: 0;}
footer #footer .social-md img.fr.uk {float: none!important;}

.pre_checkbox{margin-bottom: -10px!important;}

.carousel-indicators {bottom: 0;}
#carousel-md .carousel-item {min-height: 200px;}
#carousel-md .carousel-inner .carousel-caption {max-width: 62%; left: 20px; bottom: auto; top: 0;}
#carousel-md .carousel-inner .carousel-item:first-child .carousel-caption {width: 100%; max-width: 300px;}
/* #carousel-md .carousel-inner .carousel-caption a {display: none;} */
#carousel-md .carousel-inner .carousel-caption h5 {width: 300px; font-size:40px;}
#carousel-md .carousel-inner .carousel-caption h5.size-book {width: 300px; font-size:28px;}
#carousel-md .carousel-inner .carousel-caption h5.rsc {width: 280px; font-size:36px;}
#carousel-md .carousel-inner .carousel-caption h2 {display: none;font-size: 18px; width: 300px; margin-bottom: 10px;}
#carousel-md .carousel-inner .carousel-caption h2 br {display: none;}
#carousel-md .carousel-inner .carousel-item img {opacity: 1;}
#carousel-md .carousel-inner .carousel-caption a {padding: 5px 0;}
#carousel-md .carousel-inner .carousel-caption h5.campaign{font-size: 17px; margin-top: -10px; margin-bottom: 0;}
#carousel-md .carousel-inner .carousel-caption h5.campaign-app{font-size: 22px; margin-top: -10px; margin-bottom: 10px; font-weight: 900; color:#243749;}
#carousel-md .carousel-inner .carousel-caption h1 {font-size: 17px;font-weight: 900;margin-top: 5px;}
#carousel-md .carousel-inner .carousel-caption h2.campaign {
	display: block;
  font-size: 13px;
  width: 300px;
  margin-bottom: 10px;
}

#productos-inicial .three-products .product-item {width: 100%; margin: 0 auto 15px; padding: 20px 5px;}
#productos-inicial .three-products .product-item:hover {border-color: #eceff2;} /*agegit ami*/

#medir-ph article .col-md-8 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; margin-bottom: 15px;}
#medir-ph article .col-md-8 .product-item .mg {max-width: 300px;text-align: center; margin: 0 auto; width: 100%; display: block !important;}
#medir-ph article .col-md-8 .product-item .mg img {max-width: 280px; margin-top: -17%; width: 100%;}
#medir-ph article .col-md-8 .product-item .mt {max-width: 100%; width: 100%;}

#medir-ph article .col-md-4 {max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}
#medir-ph article .col-md-4 .product-item .mg {max-width: 280px; max-height:140px; margin: 40px auto 0; display: block !important}
#medir-ph article .col-md-4 .product-item .mg img {transform: scale(0.65); max-width: 280px; margin-top: calc(-46% + 73px);}
#medir-ph article .col-md-4 .product-item .mt {max-width: 100%; width: 100%;}
#medir-ph article .col-md-4 .product-item .mt h4 {position: absolute; top: 0; width: 100%; margin: 0; left: 0; padding: 15px 0 0;}

html[lang="en"] #medir-ph article .col-md-4 .product-item:first-child {width:100%;} /*ajustar ph-sensor*/

#opiniones-expertos {padding-bottom: 25px; padding-top: 25px;}
#opiniones-expertos .container article.row .opinion-item {margin-bottom: 15px;}
#opiniones-expertos img {-webkit-filter: none; filter: none;}
#opiniones-expertos .opinion-item button {max-width: 378px; margin: 0 auto}

#carousel-opiniones-md .carousel-opiniones {padding-bottom: 50px;}
#carousel-opiniones-md .carousel-opiniones .carousel-inner {padding: 0 15px;}
#carousel-opiniones-md .carousel-opiniones .carousel-inner .carousel-item img {width: 100%; max-width: 292px; height: auto; margin: 10px auto;}

#banner.inner {height: 175px;}
#banner.inner .full-img {opacity: 0.3 !important;}
#banner.inner .banner-ttl {top: calc(50% - 25px);}
#banner.inner .banner-ttl h1.ttl {text-align: center; font-size: 31px; padding-top: 0}
#banner.inner .banner-ttl h1.ttl br {display: none;}

#banner.inner .top-banner-ttl-2 {top: 10px;}

#banner.inner .top-banner-ttl-2 h4.ttl{
  font-size: 18px;
  font-weight: 400;
  line-height: auto;
  width:100%;
  display: block;
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}

#banner.inner .top-banner-ttl-2 h1.ttl {margin-bottom:0px; padding: 0 15px 0 15px; }

.top-banner-ttl-2 .div-btn-resp{margin-left: auto; margin-right: auto;}

#banner.inner .row {display: block;}
#banner.inner .row img.img-fluid {max-width: none; height: auto; width: auto; max-height: 150px;}

#banner .banner-ttl h1.ttl {font-size: 26px; margin: 0 auto; max-width: 84%; padding: 25px 0;}
#banner .banner-ttl a.go-home i {margin-left: 10px;}

#blog-list.blog-md {margin: 0; width: 100%;}
#blog-list.blog-md article {position: relative;}
#blog-list.blog-md .opinion-item.col-md-4 {position: absolute; top: 0; left: 0; right: 0;}
#blog-list.blog-md .col-md-8 {padding-bottom: 40px; margin-top: 55%;}

/* #article-blog.article-md h1.ttl {font-size: 18px;} */
#article-blog.article-md h1.ttl {font-size: 23px; margin-top: -28px;}
#article-blog.article-md .info-article .time {width: 48%;}
#article-blog.article-md .info-article .col-md-5{width: 50%;}
#article-blog.article-md .txt-blog {border: none; border-bottom:1px solid #eceff2 ; padding: 20px 0;}
#article-relacionados article .col-md-4 {width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; margin: 0 0 15px; padding: 0;}
#article-relacionados article .col-md-4 .txt-md {padding-bottom: 30px;}

#opiniones-clientes.testimonios-md article {border-bottom: none; margin: 0; padding: 0;}
#opiniones-clientes.testimonios-md article .opinion-item {border-bottom: 1px solid #eceff2; padding-bottom: 40px;}
#opiniones-clientes.testimonios-md article:last-child .opinion-item:nth-child(2) {border-bottom: none;}
#opiniones-clientes .opinion-item:first-child {left: 0px;}
#opiniones-clientes .opinion-item:last-child {right: 0px;}
#opiniones-clientes.testimonios-md article .opinion-item img {width: 100%; height: auto;max-width: 292px; margin: 0 auto;}

#nosotros-md .ttl-line:after {display: none;}
#nosotros-md .nosotros-item:nth-child(2) .ttl-line h3 {max-width: 100%;}
#nosotros-md .nosotros-item:nth-child(3) .ttl-line h3 {max-width: 100%;}
#nosotros-md .nosotros-item:nth-child(4) .ttl-line h3 {max-width: 100%;}

#content-page article {display: block !important;}
#content-page #contact-page .row {margin: 0;}
#content-page #contact-page .col-md-6.boxed {max-width: 100%; width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; margin: 0; padding: 0;}
#content-page #contact-page .col-md-6.boxed.fr {margin-top: 25px; right: 0; position: relative;}
#content-page #contact-page form.contact-md {left: 0;}
#content-page #contact-page .col-md-6:last-child ul.info-contacto {width: 100%; text-align: center; position: absolute; top: 0;}
#content-page #contact-page .col-md-6.boxed iframe {margin-top: 200px;}
#content-page #contact-page .contact-md + div button.btn-devicare {margin-left: 0;}

#content-page.two-col .bckg {position: relative;}
#content-page.two-col .container .row.d-flex {display: block !important;}
#content-page.two-col .container .col-md-6.txt-block {width: 100%; padding: 50px 15px 30px;}
#content-page.two-col .container .col-md-6.txt-block .txt {text-align: center; margin: 0; padding: 0;}
#content-page.two-col .container .col-md-6.img-block img {width: 100%; height: auto;}
#content-page.two-col .container .col-md-6.img-block.fl {position: absolute; bottom: 0; height: 0; padding: 0 0 56% 0;}
#content-page.two-col .container .col-md-6.txt-block.fr {margin-bottom: 56%;}
#content-page.two-col .container .col-md-6.txt-block ul {padding: 0;}
#content-page.two-col .container .col-md-6.txt-block ul li.txt {padding: 0; width: 85%; margin: 0 auto 8px; list-style: none; line-height: 1.2em;}
#content-page.two-col .container .col-md-6.txt-block ul li.txt:before {content: ""; height: 6px; width: 6px; display: inline-block; background: #00b9ea !important; border-radius: 50% 50%; position: relative; top: -2px; margin-right: 5px;}
section#content-page article.md.bckg {padding: 25px 15px;}
section#content-page article.container.md {margin: 0 15px; width: calc(100% - 30px);}
section#content-page article.txt-center-xs p.txt {text-align: center;}
section#content-page h2 {text-align: center; font-size: 24px;}
section#content-page h2 i {display: block; margin: 0 0 8px 0; font-size: 32px;}

section#content-page .bckg-xs-no h2 {margin-bottom: 0;}

#interesting-product .col-md-3 {border: 1px solid #eceff2 !important}
#interesting-product {margin-bottom: 0; height:40%;}
#interesting-product .col-md-3 img {max-width: 60%;margin-bottom: 50px;}
#interesting-product .col-md-3 .btn.btn-devicare{position: absolute!important; bottom: 11px!important;} /*per a iphone plus*/

#content-extra {padding: 0 15px}
#content-extra h3 {text-align: center;}
#content-extra h3 i {display: block; margin: 0 0 8px 0;}
#content-extra div.d-flex {display: block !important; margin: 0 0 0;}
#content-extra div.d-flex a {width: 100%; margin: 10px 0 0;}

.container.only-txt .txt a {text-decoration: underline !important; opacity: 0.95; word-break: break-all;}

form .fl {margin-bottom: 15px; padding: 0;}
form .form-group {margin-bottom: 0; margin-top: 0;}
form .form-group .iblk.col-md-3 {padding: 0;}
form .form-group .iblk.col-md-4 {padding: 0;}
form .form-group .iblk.col-md-6 {padding: 0;}
form .form-group .iblk.col-md-12 {padding: 0;}
form + .iblk.col-md-12 {padding: 0;}
form + .col-md-12 {padding: 0;}

#lit-product {border: none;}
#lit-product h1 {text-align: center;}
#lit-product #carouselGallery .carousel-inner {margin-bottom: 10px;}
#lit-product #carouselGallery .carousel-inner img {width: 100%; height: auto;}
#lit-product #carouselGallery ol.carousel-indicators {margin: 0 0 20px; z-index: 99;}
#lit-product #carouselGallery ol.carousel-indicators li {width: 18px;height: 18px;border-radius: 50% 50%;margin: 0 6px;background: #5aceee;}
#lit-product #carouselGallery ol.carousel-indicators li.active, #lit-product #carouselGallery ol.carousel-indicators li:hover {background: #00b9ea; cursor: pointer;}
#lit-product #carouselGallery ol.carousel-indicators li.active {cursor: default !important;}
#lit-product #description a.link {padding-bottom: 20px;width: 100%;text-align: center;}
#lit-product #product-price .info-md p.txt {padding: 0 2px;}

#productos-relacionados .product-item {width: 100%; margin-bottom: 15px; position: relative;}
#productos-relacionados h3.subttl {margin-bottom: 15px; margin-top: 50px;}
#productos-relacionados .product-item .mt {vertical-align: top; margin: 0 auto; display: block !important; max-width: 350px;}
#productos-relacionados .product-item .mt h4.prodInfo, html[lang="fi"] #productos-relacionados .product-item .mt h4.prodInfo {text-align: center; padding-left: 0!important;}
html[lang="en"] #productos-relacionados .product-item .mt h4.prodInfo {text-align: center; padding-left: 0!important; letter-spacing: -1.1px;}
#productos-relacionados .product-item .mt h5.prodTtl {text-align: center; margin: 10px 0; padding: 0;}
#productos-relacionados .product-item .mt p.txt.checked {padding: 0; line-height: 1em; margin-bottom: 10px; display: none;}
#productos-relacionados .product-item .mt p.txt.checked i {position: relative; top: 2px;}
#productos-relacionados .product-item .mg {/*position: absolute; bottom: 70px;*/ left: 0; right: 0; text-align: center; width: 100%; max-height: 55%; display: block !important; top: auto;}
#productos-relacionados .product-item .mg img {margin: 0;}

/* #productos-relacionados .product-item:nth-child(2) a.btn.btn-devicare{margin-top: 210px;} /*ajustar btn en three products*/
/*#productos-relacionados .product-item:nth-child(3) a.btn.btn-devicare{margin-top: 210px;} /*ajustar btn en three products*/
/* #productos-relacionados .three-products .product-item:nth-child(2) a.btn.btn-devicare {margin-top: 210px;} */

#productos-relacionados .three-products .product-item {width: 100%;}
#productos-relacionados .three-products .product-item .mt {max-width: 100%;}
#productos-relacionados .three-products .product-item .mg {width: 100%; margin-top: 0;}
#productos-relacionados .three-products .product-item .mg img {width: 180px; margin: 0; height: auto;}

#accordion-product-info {margin: 60px 0 !important;}
#accordion-product-info .card {border-bottom: none; border-left: none; border-right: none; border-color: #a1b1bc; border-radius: 0;}
#accordion-product-info .card:last-child {border-bottom: 1px solid #a1b1bc;}
#accordion-product-info .card .card-header {background: transparent; border: none; padding: 5px;}
#accordion-product-info .card .card-header button {color: #00b9ea; text-align: left; position: relative; cursor: pointer; font-size: 14px;}
#accordion-product-info .card .card-header button i {margin-right: 8px;}
#accordion-product-info .card .card-header button.collapsed {color: #243749;}
#accordion-product-info .card .card-header button:after {content: "\f146";font-family: 'Font Awesome\ 5 Free'; position: absolute; right: 5px;}
#accordion-product-info .card .card-header button.collapsed:after {content: "\f0fe";font-family: 'Font Awesome\ 5 Free'; position: absolute; right: 5px;}
#accordion-product-info .card .card-body {padding: 0 15px;}
#accordion-product-info .card .card-body br {display: none;}

#product-no-selling .pharmacy-md {margin-top: 15px;}
#product-no-selling .pharmacy-md p.txt {min-height: 64px;}

.accordion-faq {margin-top: 10px;}
.accordion-faq .card-header h5 button.collapsed {white-space: normal; padding-left: 30px; position: relative;}
.accordion-faq .card-header h5 button:hover, .accordion-faq .card-header h5 button {white-space: normal; padding-left: 30px; position: relative;}
.accordion-faq .card-header h5 button.collapsed i {position: absolute; left: 5px; top:18px;}
.accordion-faq .card-header h5 button i {position: absolute;left: 5px;top: 18px;}

#opiniones-expertos.expertos-md .col-md-7 h2.ttl {font-size: 18px; margin-bottom: 15px;}
#opiniones-expertos.expertos-md .col-md-7 .time {position: relative; bottom: 0; left: 0; margin-top: 15px;}

#ph-urinario.extra-md {margin: 0 15px; width: calc(100% - 30px);}
#ph-urinario.extra-md:hover {border: 0px solid #eceff2;}
#ph-urinario h6 i {display: none;}
#ph-urinario img {max-height: 160px; max-width: none; margin-left: -55%;}

#sindromes-urinario {margin: 0 15px; width: calc(100% - 30px);}
#sindromes-urinario ul li.sindrome-item {width: 100%!important; margin-bottom: 15px; border: 1px solid #006ab4 !important;}
#sindromes-urinario ul li.sindrome-item img {max-height: 150px; position: absolute; right: -33%; top: -25px;}
#sindromes-urinario ul li.sindrome-item h6 {width: 160px; margin-top: 40px;}
#sindromes-urinario ul li.sindrome-item h6 i {display: none;}
#sindromes-urinario ul li.sindrome-item h6 br {display: none;}
#sindromes-urinario ul li.sindrome-item:first-child h6 br {display: block;}

.extra-md .extra-info {display: none;}

#user-rmmb {padding: 0;}
#user-rmmb article.boxed-info {padding: 25px 0; margin: 0;}
#user-rmmb article.boxed-info p.ttl {text-align: center; font-size: 20px; max-width: 200px; margin: 0 auto 8px;}
#user-rmmb article.boxed-info p.txt {text-align: center; font-size: 16px;}
#user-rmmb article.boxed-info .col-md-5.fr {margin: 0;}

#pedido-md article .col-md-9, #pedido-md article .col-md-3 {padding: 15px 0;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item {position: relative;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item p.product-description {display: none;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-2 {max-width: 65px; padding-right: 0; margin-right: 5px;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .cantidad.col-md-2 p.txt {display: none;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item p.product-ttl {font-size: 16px;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-7 {width: 30%; padding: 0; margin: 5px 0 0 0;}

#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-1 {display:none; border-left: 0px;}

.delete-product {display: block!important;width: 32px; margin-right: 6px;margin-left: -10px;}

#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .cantidad.col-md-2 {margin: 0; max-width: 28%; padding: 0; float: right; margin-right: 10px; margin-top: 12px;}
#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .cantidad.col-md-2 .qty {padding: 0; height: 38px;}
.pedido-box .cantidad .minus, .pedido-box .cantidad .plus {height: 38px;}
.cantidad .qty {padding-left: 0;}

#pedido-md article .col-md-3 div#resumen-md {height: auto;}
#pedido-md article .col-md-3 div#resumen-md h6 {text-align: center;}
#pedido-md article .col-md-3 div#resumen-md ul {margin-bottom: 40px;}
#pedido-md article .col-md-3 div#resumen-md p.total-md {bottom: -15px;}

.promocion-box {display: block; width: 100%;}
.promocion-box img {width: 100%; height: auto;}

#datos-md h3.ttl i, #datos-medicos-md h3.ttl i, #password-md h3.ttl i {display: inline-block !important; margin: 0 8px 0 0;}

#datos-md .boxed-info {padding-bottom: 15px;}
#datos-md .boxed-info form .form-group label {width: 100% !important; margin: 0 0 5px !important;}
#datos-md .boxed-info form .form-group input {width: 100% !important; margin: 0;}
#datos-md .boxed-info form .form-group select {width: 100% !important; margin: 0;}
#datos-md .boxed-info form .form-group:last-child .col-md-3.iblk.fl:nth-child(1) {width: 30%; margin-right: 5%;}
#datos-md .boxed-info form .form-group:last-child .col-md-3.iblk.fl:nth-child(2) {width: 65%;}
#datos-md .boxed-info button.btn-secondary {margin-left: 0; margin-top: 10px; margin-bottom: 10px;}

#formato-pago-md form.col-md-6.fl {margin: 0; padding: 0;}
#formato-pago-md article.boxed-info .col-md-6 .form-group {max-width: 288px; margin: 0 auto 0; left: 0px; margin-left: 0; position: relative;}

#formato-pago-md form.col-md-6.fl .form-group .custom-control.custom-radio {margin-right: 0; padding-right: 0;}
#formato-pago-md form.col-md-6.fl .form-group .custom-control.custom-radio:nth-child(1) {margin-right: 25px}
#formato-pago-md form.col-md-6.fl .form-group .custom-control.custom-radio:nth-child(2) {margin-left: 0px}
#formato-pago-md form.col-md-6.fl .custom-control.custom-checkbox {max-width: 368px; margin: 0 auto 25px;}
#formato-pago-md article.boxed-info button {margin-right: 0;}

.direccion-new .modal-body form {margin: 0; padding: 0; max-width: 100%;}
.direccion-new .modal-body form .form-group label {width: 100% !important; margin: 0 0 5px !important;}
.direccion-new .modal-body form .form-group input {width: 100% !important; margin: 0;}

#buscador-farmacias #searching-pharmacy form.col-md-9 {width: 100%; margin: 0; padding: 0;}
#buscador-farmacias #searching-pharmacy form .form-group label.searchpoblacion-md {width: 100%; text-align: center; margin-bottom: 8px;}
#buscador-farmacias #searching-pharmacy form .form-group .col-md-9 {margin-bottom: 8px;}
#buscador-farmacias #searching-pharmacy form .form-group label.searchpoblacion-md + select {width: 100%;}
#buscador-farmacias #buscador-page .col-md-5.boxed.fl {width: 100%; margin: 0 15px; flex: 0 0 100%; -ms-flex: 0 0 100%;}
#buscador-farmacias #buscador-page .col-md-5 ul#direcciones-md {margin-bottom: 15px;}
#buscador-farmacias #buscador-page .col-md-5 ul#direcciones-md li a {font-size: 0;}
#buscador-farmacias #buscador-page .col-md-5 ul#direcciones-md li a i {font-size: 14px; margin: 0;}
#buscador-farmacias #buscador-page .col-md-7.boxed.fr {width: calc(100% - 30px); margin: 0 15px; flex: 0 0 100%; -ms-flex: 0 0 100%; padding: 0;}

#searching-pharmacy .w-50{width: 100%!important;}

#banner + section.container.md article:first-child ul.area-options {display: none;}

.acceso-form {max-width: 450px;}
.acceso-form form .col-md-12 {margin: 0; padding-right: 0; padding-left: 0;}

#extra-info {margin-bottom: 50px;}
#extra-info h4 {max-width: 250px; margin: 0 auto 10px;}

.divider.md {margin-top: 0 !important;}
#intro-md p.txt {max-width: 95%;}
.tooltip-devicare .tooltiptext {right: -4px; left: auto;}
.tooltip-devicare .tooltiptext::after {right: 5px; left: auto;}

ul.area-options li {width: 49%; display: inline-block !important; margin-bottom: 25px;}
ul.area-options li p.txt {padding: 0;}

#datos-md h3, #datos-medicos-md h3, #password-md h3 {text-align: center;}
#datos-md.metric-box .boxed-info, #datos-medicos-md.metric-box .boxed-info, #password-md.metric-box .boxed-info {padding-bottom: 15px;}
#datos-md.metric-box .boxed-info form .custom-checkbox {margin-top: 15px;}
#datos-medicos-md.metric-box .boxed-info form .form-group label {width: 100% !important; margin: 0 0 5px !important;}
#datos-medicos-md.metric-box .boxed-info form .form-group input {width: 100% !important; margin: 0 !important;}
#datos-medicos-md.metric-box .boxed-info form p.txt {position: relative; top: -20px; margin: 0 0 5px;}
#datos-medicos-md.metric-box .boxed-info form .form-group div.col-md-2 {padding: 0;}
#password-md.metric-box .boxed-info form {padding: 0;}
#password-md.metric-box .boxed-info form .form-group label {width: 100% !important; margin: 0 0 5px !important;}
#password-md.metric-box .boxed-info form .form-group input {width: 100% !important; margin: 0 !important;}

#interesante-list.interesante-md article {position: relative;}
#interesante-list.interesante-md article .col-md-4 {position: absolute; top: 0; left: 0; right: 0;}
#interesante-list.interesante-md article .col-md-8 {padding: 15px 15px 40px; margin-top: 55%;}
#interesante-list.interesante-md .col-md-8 .time {left: 15px;}

.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

.modal-form .modal-body form.col-md-12 {margin: 0; padding: 0;}
.modal-form .modal-body form.col-md-12 > .col-md-12 {padding: 0;}
.modal-form .modal-body h6 {font-size: 19px;}
.modal .modal-content button.close span {top: -20px; position: relative; right: -20px;}

#activaDispositivo.modal-form .modal-body .codigo-activar {max-width: 100%;}
#activaDispositivo.modal-form .modal-body .steps-activar .col-md-12 {padding: 0;}
#activaDispositivo.modal-form .modal-body .steps-activar .col-md-4 {padding: 0; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
#activaDispositivo.modal-form .modal-body .steps-activar .col-md-4:last-child {/*position: absolute;*/ bottom: 0; /*margin-top: 300px;*/}
#activaDispositivo.modal-form .modal-body .video-activar {margin: 20px auto 20px; padding: 0;}
#activaDispositivo.modal-form .modal-body .steps-activar .col-md-4 p.txt {max-width: 85%;margin: 0 auto 10px;}
#activaDispositivo.modal-form .modal-body .steps-activar .col-md-4 p.txt.number{margin: 15px auto 15px;}

#registroUsuario.modal-form form .form-group h3 {padding: 0; margin: 25px 0 10px; font-size: 14.5px;}
#registroUsuario.modal-form form .form-group h3 i {display: inline-block; margin: 0 5px 0 0;}
#registroUsuario.modal-form form .form-group label {width: 100% !important; margin: 0 0 5px !important;}
#registroUsuario.modal-form form .form-group input {width: 100% !important; margin: 0 0 5px !important;}
#registroUsuario.modal-form form .form-group select {width: 100% !important; margin: 0 0 5px !important;}
#registroUsuario.modal-form form .form-group div.iblk {margin-bottom: 10px;}
#registroUsuario.modal-form form .form-group p.txt {padding: 0;}
#registroUsuario.modal-form form .col-md-12 {padding: 0;}

#login-md form {margin-top: 15px;}
#register-md form {margin-top: 15px;}

#pedidos-list div ul {padding: 0; margin: 0; width: 100%; border-bottom: 1px solid #eceff2; padding-bottom: 10px; margin-bottom: 10px;}
#pedidos-list div ul li {list-style: none; clear: both; display: block; margin-bottom: 8px;}
#pedidos-list div ul li span.ttl-pedido {width: 135px; color: #00b9ea;}
#pedidos-list div ul li span.item-pedido {width: calc(100% - 140px); float: right; display: block; vertical-align: top; font-size: 13px; line-height: 1.4em; margin-top: 4px;}
#pedidos-list div ul li span:last-child {width: calc(100% - 140px); float: right; display: block; vertical-align: top; font-size: 13px; line-height: 1.4em; margin-top: 4px;}
#pedidos-list div ul li a {margin-left: 140px;}
#pedidos-list div ul li a span.btn {width: 40%; font-size: 14px; text-transform: none;}
#pedidos-list div ul li a i {margin-top: 13px; color: #00b9ea; float: none;}

#historico-md {margin: 0; width: 100%;}
#historico-md h3 {text-align: center;}
#historico-md h3 i {display: inline-block; margin: 0 5px 0 0;}
#historico-md table.table thead tr th:first-child {display: none;}
#historico-md table.table thead tr th:last-child {display: none;}
#historico-md table.table tbody tr td:first-child {display: none;}
#historico-md table.table tbody tr td:last-child {display: none;}

#metricas-md {padding: 0;}
#metricas-md .add-metrica {margin: 0 15px; width: calc(100% - 30px);}
#metricas-md form .form-group .iblk.col-md-3:nth-child(2) {width: 70%;}
#metricas-md form .form-group .iblk.col-md-3:nth-child(3) {width: 30%;}
#metricas-md form .form-group .iblk.col-md-3:last-child {margin-bottom: 0;}
#metricas-md form.add-metrica .form-group label.ph-md {/*text-align: center*/; width: 100%;}
#metricas-md form.add-metrica .form-group label.ph-md + input {width: calc(100% - 0% - 0px); text-align: center; margin: 0 auto; display: block !important;}
#metricas-md form.add-metrica .form-group label.date-md {width: 100%;/*text-align: center*/; padding-right: 20px;}
#metricas-md form.add-metrica .form-group label.date-md + input {width: calc(100% - 0% - 0px); min-height: 36px!important;}/*min-height per navegador safari mobil*/
#metricas-md form.add-metrica .form-group label.time-md {width: 100%}
#metricas-md form.add-metrica .form-group label.time-md + input {width: 100%; min-height: 36px!important;}/*min-height per navegador safari mobil*/
#metricas-md button.col-md-5 {width: 112%; margin-left: -15px;}
#metricas-md button.col-md-5 {width: 100%; margin-left: 0; font-size: 16px;}

.card-expire {padding-right: 16px!important; margin-left: -18px!important;}
.card-month {margin-left: 19px;}

section#hDapp {background-position: left center; text-align: center; height: auto; overflow: visible;}
section#hDapp h1 {font-size: 28px; margin-top: 50px; max-width: 100%;}
section#hDapp h2 {font-size: 22px; display: block; max-width: 100%;}
section#hDapp .col-md-7 p {font-size: 23px; line-height: 1.3em; margin-top: 20px;}
section#hDapp .col-md-5 img {width: 71%; height: auto; display: block; margin: 0 auto; position: relative; top: 50px; max-width: 280px}

.btnGroup a.iblk {max-width: 120px; margin-right: 15px;}
.btnGroup a.iblk:last-child {margin-right: 0 !important;}
.btnGroup a.iblk img {width: 100%; height: auto;}

#fun-md h3 {font-size: 26px; max-width: 92%; margin: 120px auto 40px;}
#fun-md .col-md-12 {padding: 0; margin: 0;}
#fun-md .col-md-12 .col-md-4 {text-align: center !important; padding: 0;}
#fun-md .col-md-12 .col-md-4 p {margin-bottom: 35px;}
#fun-md .col-md-12 .col-md-4 h6 {width: 100%; margin-left: 0;}
#fun-md .col-md-4:nth-child(2) img {margin-left: 0; margin-bottom: 35px; max-width: 280px}

#vid-md {width: 100%; margin: 0; max-width: 100%;}
#vid-md .col-md-12 {margin: 0; padding: 0;}
#vid-md h3 {font-size: 26px; max-width: 92%; margin: 80px auto 40px;}
#vid-md video {max-width: 100%;}

#reco-md {margin-top: 80px !important; padding: 1px 0 30px;}
#reco-md h3 {font-size: 26px; max-width: 92%; margin: 80px auto 40px;}
#reco-md .col-md-12 {margin: 0; padding: 0;}
#reco-md .col-md-12 .col-md-4 {margin-bottom: 50px; padding: 0;}
#reco-md .col-md-12 .col-md-4:last-child {margin-bottom: 0px; padding: 0;}
#reco-md .col-md-4 p b {font-size: 16px;}

#infl-md {margin-top: 0px !important; padding: 1px 0 30px;}
#infl-md h3 {font-size: 26px; max-width: 70%; margin: 80px auto 40px;}
#infl-md .col-md-12 {margin: 0; padding: 0;}
#infl-md .col-md-12 .col-md-4 {margin-bottom: 50px; padding: 0;}
#infl-md .col-md-12 .col-md-4:last-child {margin-bottom: 0;}
#infl-md .col-md-4 p b {font-size: 16px;}

#stor-md {background-position: 0% -170px; padding: 0;}
#stor-md h3 {margin: 0 auto 20px; font-size: 26px; max-width: 92%; padding-top: 80px;}
#stor-md .col-md-12 {margin: 0; padding: 0;}
#stor-md .col-md-12 .col-md-4 {margin: 0; padding: 0;}
#stor-md .col-md-12 .col-md-4 small {font-size: 14px;}
#stor-md .col-md-12 .col-md-4 p {padding: 18px 15px; margin: 0 0 10px;}
#stor-md .col-md-4 img {position: relative; top: 0; width: 80%; height: auto; margin: 40px auto 0; display: block; max-width: 280px}

#rat-md .col-md-12 {margin: 0; padding: 0;}
#rat-md .col-md-12 .col-md-4 {margin-bottom: 35px;}
#rat-md .col-md-12 .col-md-4:last-child {margin-bottom: 0px !important;}
#rat-md img {margin-bottom: 8px;}
#rat-md span {margin-bottom: 5px;}
#rat-md p br {display: none;}

#dsrg-md {text-align: center; padding-top: 0; margin-bottom: 60px;}
#dsrg-md h3 {margin: 50px auto 35px; font-size: 26px; max-width: 92%;}
#dsrg-md .col-md-12 {margin: 0; padding: 0;}
#dsrg-md img {max-width: 280px; margin:  0 auto}

#comn-md h3 {font-size: 26px; max-width: 92%; margin: 0 auto 12px;}
#comn-md .socialList li {margin: 0 5px;}

}

@media only screen and (max-width: 321px) {
	#formato-pago-md article.boxed-info .col-md-6 .form-group label i {width: 105px;}
	/* #formato-pago-md form.col-md-6.fl .form-group .custom-control.custom-radio:nth-child(2) {margin-left: 7px;} */
}

/* ----------------------------------------------------------------
    TABLET STYLE
---------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {


	.hidden-sm {display: none !important;}
	.visible-sm {display: block !important;}

	#carousel-md #carouselInicial .carousel-inner .carousel-item .carousel-caption h5 {display: block; margin-bottom: 10px;}
	#carousel-md #carouselInicial .carousel-inner .carousel-item .carousel-caption {max-width: 75%;}
	#carousel-md #carouselInicial .carousel-inner .carousel-item:first-child .carousel-caption {max-width: 300px;}

	#productos-inicial .three-products .product-item p.txt.checked {max-width: 370px; margin: 0 auto 10px}

	#productos-inicial .three-products .product-item:hover {border-color: #eceff2;} /*agegit ami*/

	#carousel-opiniones-md .carousel-opiniones .carousel-inner .carousel-item img {display: block; margin: 0 auto;}

	#interesting-product .col-md-3 img {max-width: 50%!important;}

	footer #footer div.cards-md img {max-width: none;}

	#banner .banner-ttl h1.ttl {max-width: 90%;}
	#banner.inner .banner-ttl h1.ttl {padding: 0;}

	#opiniones-expertos.expertos-md article {max-width: 377px; margin: 0 auto 10px;}

	#blog-list.blog-md article {max-width: 95%; margin: 0 auto 10px;}
	#interesante-list.interesante-md article {max-width: 95%; margin: 0 auto 10px;}

	#lit-product #carouselGallery#carouselGallery .carousel-inner .carousel-item {text-align: center;}
	#lit-product #carouselGallery#carouselGallery .carousel-inner .carousel-item img {max-width: 450px;}

	#description {margin-top: 20px;}

	#product-no-selling .pharmacy-md {margin-top: 15px;text-align: left;max-width: 340px;margin: 15px auto 5px;}
	#product-no-selling .pharmacy-md p.txt {padding-top: 6px;}

	#productos-relacionados .product-item {width: 49%;}

	#buscador-farmacias #searching-pharmacy form .form-group label.searchpoblacion-md + select {width: 60%; margin: 0 auto; display: block !important;}
	#buscador-farmacias #searching-pharmacy form .form-group .iblk.col-md-3 {width: 60%; margin: 0 auto; display: block !important; float: none;}
	#buscador-farmacias #buscador-page .col-md-5 ul#direcciones-md li a {font-size: 14px;}
	#buscador-farmacias #buscador-page .col-md-5 ul#direcciones-md li a i {margin-right: 8px;}

	#user-rmmb article.boxed-info p.ttl {max-width: 100%;}
	#user-rmmb article.boxed-info button {max-width: 275px; margin: 15px auto 0;}

	#password-md .boxed-info form.col-md-12 .iblk.col-md-4:nth-child(1) {width: 49% !important; margin-right: 2% !important;}
	#password-md .boxed-info form.col-md-12 .iblk.col-md-4:nth-child(2) {width: 49% !important; margin-right: 0% !important;}

	#datos-medicos-md form .form-group .iblk.col-md-6 {width: 49% !important; margin-right: 2% !important;}
	#datos-medicos-md form .form-group .iblk.col-md-6:last-child {margin-right: 0 !important;}

	ul.area-options {max-width: 500px; margin: 0 auto;}

	#pedidos-list div ul {max-width: 460px; margin: 10px auto 0;}

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

    .btnGroup a.iblk {max-width: 134px;}
    section#hDapp h1 {font-size: 35px;}
    section#hDapp h2 {font-size: 25px;}

    #fun-md h3, #vid-md h3, #reco-md h3, #stor-md h3, #infl-md h3, #dsrg-md h3 {font-size: 30px; max-width: 100%;}
    #stor-md h3 {padding-top: 110px;}

}

@media only screen and (min-width: 601px) and (max-width: 767px) {

	.container {max-width: 98%;}

	#banner.inner {height: 170px;}
	#banner.inner .row img.img-fluid {max-height: 170px; margin-left: -15px;}

	header nav.navbar.main-menu .navbar-brand {margin-left: 25%;}

	#carousel-md #carouselInicial .carousel-inner .carousel-item img.hidden-xs {display: block !important;}
	#carousel-md #carouselInicial .carousel-inner .carousel-item img.visible-xs {display: none !important;}
	#carousel-md #carouselInicial .carousel-inner .carousel-item .carousel-caption {max-width: 55%;}

	/* #productos-inicial .three-products .product-item {width: 32.5%;} */
	#productos-inicial .three-products .product-item:hover {border-color: #eceff2;} /*agegit ami*/
	#productos-inicial .three-products .product-item h4.prodInfo {font-size: 25px; max-width: 180px; margin: 0 auto;}
	#productos-inicial .three-products .product-item h5.prodTtl {margin-bottom: 15px !important;}


	#medir-ph article .col-md-4 .product-item {width: 49%; display: inline-block;}
	#medir-ph article .col-md-4 .product-item:first-child {margin-right: 1.4%;}
	#medir-ph article .col-md-4 .product-item .mg {max-height: 140px;}
	#medir-ph article .col-md-4 .product-item .mg img {margin-top: calc(-46% + 55px);}

	#opiniones-expertos .container article.row .opinion-item {width: 33.3333%; display: inline-block; margin: 0; padding: 5px;}

	footer #suscripcion form .col-md-8 {width: 49%; display: inline-block; margin-right: 1.4%;}
	footer #suscripcion form button{width: 49%; display: inline-block; vertical-align: top;}

	.accordion-faq {margin-bottom: 50px;}

	form.contact-md .form-group .iblk.col-md-4 {width: 32%; margin-right: 2%;}
	form.contact-md .form-group .iblk.col-md-4:last-child {margin-right: 0%;}
	form.contact-md .form-group .iblk.col-md-4 select {height: 35px;}
	form.contact-md .custom-control.custom-checkbox {margin-left: 0;}

	#content-page #contact-page form.contact-md .iblk.col-md-6 {width: 49%; margin-right: 2%;}
	#content-page #contact-page form.contact-md .iblk.col-md-6:last-child {margin-right: 0%;}

	#article-blog.article-md h1.ttl {font-size: 24px}

	#article-relacionados article {display: inline-block !important; margin-top: 0;}
	#article-relacionados article .col-md-4 {width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32.5%; margin: 0 1.45% 15px 0; display: inline-block;}
	#article-relacionados article .col-md-4:last-child {margin-right: 0;}
	#article-relacionados article .col-md-4 .txt-md {padding: 20px 15px 35px;}

	#blog-list.blog-md article {max-width: 80%; margin: 0 auto 10px;}
	#interesante-list.interesante-md article {max-width: 80%; margin: 0 auto 10px;}

	#opiniones-clientes.testimonios-md article .opinion-item img {max-width: 540px; display: block; margin: 0 auto;}
	#opiniones-clientes.testimonios-md article .opinion-item img.hidden-xs {display: block !important}
	#opiniones-clientes.testimonios-md article .opinion-item img.visible-xs {display: none !important}

	#carousel-opiniones-md .carousel-opiniones .carousel-inner .carousel-item img {max-width: 540px; display: block; margin: 0 auto;}
	#carousel-opiniones-md .carousel-opiniones .carousel-inner .carousel-item img.hidden-xs {display: block !important}
	#carousel-opiniones-md .carousel-opiniones .carousel-inner .carousel-item img.visible-xs {display: none !important}

	#productos-relacionados .product-item .mt a:last-child {margin-top: 12px;}
	#productos-relacionados .product-item .mg {position: relative; bottom: 0; margin-bottom: 20px;}
	#productos-relacionados .three-products .product-item {width: 32.5%;}

	#content-extra div.d-flex {text-align: center;}
	#content-extra div.d-flex a {width: 31.6666%; margin: 10px 0.5% 0 0.5%; display: inline-block; font-size: 15px; padding-left: 0; padding-right: 0;}

	#interesting-product .col-md-3 {height: auto;}
	#interesting-product .col-md-3 img {max-width: 55%!important;margin-bottom: 50px;}

	#ph-urinario img {margin-left: 0;}

	.promocion-box img.hidden-xs {display: block !important;}
	.promocion-box img.visible-xs {display: none !important;}

	#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-2 {margin-top: 8px;}
	#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-7 {width: 56%;}
	#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .cantidad.col-md-2 {max-width: 20%;}
	#pedido-md article .col-md-9 ul.pedido-box li.pedido-item p.product-description {display: block;}

	#formato-pago-md article.boxed-info .col-md-6 .form-group {max-width: 490px; position: relative; left: 2px;}
	#formato-pago-md form.col-md-6.fl .form-group .custom-control.custom-radio {margin-right: 25px;}
	#formato-pago-md form.col-md-6.fl .form-group .custom-control.custom-radio:last-child {margin-right: 0;}

	#datos-md form .form-group .iblk.col-md-2 {width: 32% !important; margin-right: 2% !important;}
	#datos-md form .form-group .iblk.col-md-4 {width: 32% !important; margin-right: 2% !important;}
	#datos-md form .form-group .iblk.col-md-5 {width: 32% !important; margin-right: 2% !important;}
	#datos-md form .form-group .iblk.col-md-3 {width: 32% !important; margin-right: 2% !important;}
	#datos-md form .form-group .iblk.col-md-6 {width: 32% !important; margin-right: 2% !important;}
	#datos-md form .form-group .iblk.col-md-7 {width: 32% !important; margin-right: 2% !important;}
	#datos-md form .form-group .iblk.col-md-3:last-child {margin-right: 0 !important;}
	#datos-md form .form-group .iblk.col-md-6:last-child {margin-right: 0 !important;}
	#datos-md form .form-group:nth-child(4) .iblk.col-md-3:nth-child(1) {width: 49% !important;}
	#datos-md form .form-group:nth-child(4) .iblk.col-md-3:nth-child(2) {width: 49% !important; margin-right: 0% !important;}
	#datos-md form .form-group:nth-child(4) .iblk.col-md-3:nth-child(3) {width: 49% !important;}
	#datos-md form .form-group:nth-child(4) .iblk.col-md-3:nth-child(4) {width: 49% !important; margin-right: 0% !important;}
	#datos-md form .form-group:first-child > .iblk.col-md-5:first-child {width: 100% !important; margin-right: 0% !important;}
	#datos-md.metric-box div.boxed-info button.btn-secondary {margin-top: 15px;}

	.modal-form form .form-group .iblk.col-md-4 {width: 49%; display: inline-block !important; margin-right: 1.4%;}
	.modal-form form .form-group .iblk.col-md-6 {width: 49%; display: inline-block !important; margin-right: 1.4%;}
	.modal-form form .form-group .iblk.col-md-8 {width: 49%; display: inline-block !important; margin-right: 1.4%;}
	.modal-form form .form-group .iblk.col-md-4:last-child {margin-right: 0%;}
	.modal-form form .form-group .iblk.col-md-6:last-child {margin-right: 0%;}
	.modal-form form .form-group .iblk.col-md-8:last-child {margin-right: 0%;}

	section.container.md.acceso-form {max-width: 450px; margin: 25px auto 0;}

	#extra-info .row {display: block !important;}
	#extra-info a.btn {padding: 10px 0;display: block;width: 300px; margin: 0 auto;}

	#pedidos-list div ul:last-child {border: none;}

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

    #stor-md .col-md-12 .col-md-4 {flex-direction: row !important;}
    #stor-md .col-md-12 .col-md-4 p {width: 49%;}
    #stor-md .col-md-12 .col-md-4 p:first-child {margin-right: 2%;}


}

/* ----------------------------------------------------------------
    TABLET VERTICAL STYLE
---------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width:877px) {

	html[lang="fi"] header nav.navbar.main-menu .navbar-collapse .nav-item a {padding-left: 5px; padding-right: 5px;}

	#productos-inicial{display:none;}
	.food-tbl-v{display:block!important; margin-top: 30px;}

	#medir-ph article .product-item .mg img {margin-top: calc(-58% + 82px);}
	#medir-ph article .product-item .mg {max-height: 135px; overflow: visible;}

	.btn.btn-devicare.btn-tbl-v {padding: 8px 0px;}

	#medir-ph article .product-item h4.prodInfo-tbl-v, #medir-ph article .product-item h5.prodTtl-tbl-v {padding-left: 37%; text-align: inherit;}
	#medir-ph article .product-item .mt.checked-tbl-v {margin-left: 3%;}

	footer #footer .col-md-8 .col-md-3:nth-child(3) {flex: 0 0 26%; max-width: 26%;}

	.col-md-3.price-tbl-v, #carouselGallery.gallery-tbl-v {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
	}

	#carouselGallery.gallery-tbl-v .ttl{text-align: center;}

	#product-price p.total {width: 50%!important;}
	#product-price .info-md p.txt {font-size: 13px!important;}

	#description.description-tbl-v {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 100%!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
	}

	.hidden-tbl-v{display:none;}
	.visible-tbl-v{display:block;}

	#lit-product #carouselGallery#carouselGallery .carousel-inner .carousel-item {text-align: center!important;}
	#lit-product #carouselGallery#carouselGallery .carousel-inner .carousel-item img {max-width: 500px;}

	#product-price .card-md img {max-height: 48px;}

	#accordion-product-info .card {
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-color: #a1b1bc;
    border-radius: 0;
	}

	#accordion-product-info .card .card-header {
    background: transparent;
    border: none;
    padding: 5px;
	}

	#accordion-product-info .card .card-header button {
    color: #00b9ea;
    text-align: left;
    position: relative;
    cursor: pointer;
    font-size: 14px;
	}

	#accordion-product-info .card .card-header button i {
    margin-right: 8px;
	}

	#accordion-product-info .card:last-child {
    border-bottom: 1px solid #a1b1bc;
	}

	#accordion-product-info .card .card-header button.collapsed {
    color: #243749;
	}

	#accordion-product-info .card .card-header button.collapsed:after {
    content: "\f0fe";
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    right: 5px;
	}

	#accordion-product-info .card .card-header button:after {
    content: "\f146";
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    right: 5px;
	}

	#accordion-product-info .card .card-body {
    padding: 0 15px;
	}

	#productos-relacionados .product-item .mt p.txt.checked {
    padding: 0;
    line-height: 1em;
    margin-bottom: 10px;
    display: none;
	}

	#productos-relacionados .product-item .mt h5.prodTtl {
    padding-left: 0px;
	}

	#productos-relacionados .three-products .product-item .mt h4.prodInfo.prodInfo.blue {
    padding-left: 0px;
	}

	#formato-pago-md form.col-md-6.fl .custom-control.custom-checkbox {
    max-width: 368px;
    margin: 0 auto 0px;
	}

	#formato-pago-md article.boxed-info .col-md-6 .form-group {
    max-width: 95%;
    margin: 0 auto;
		text-align: center;
	}

	.col-md-4.btnbp-tbl-v {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
		margin: 0px;
	}

	.btn-secondary-tbl-v.col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 33%;
    max-width: 33%;
	}

	#formato-pago-md article.boxed-info button {margin-top: 20px;}
	#formato-pago-md form.col-md-6.fl .custom-control.custom-checkbox {max-width: 416px;}
	.ttl2{font-size: 18px; text-align: center; line-height: 32px;margin-bottom: 8px;}
	#user-rmmb .boxed-info .txt{font-size: 16px;margin: 0;line-height: 1.2em;}

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

	#user-rmmb article.boxed-info p.txt {font-size: 20px;text-align: center;}

	#opiniones-expertos.expertos-md .col-md-7 h6.txt {font-size: 14px;}
	.tooltip-devicare .tooltiptext {right: -4px!important; left: auto!important;}
	.tooltip-devicare .tooltiptext::after {left: 147px;}
	#carousel-md .carousel-inner .carousel-caption h5.campaign {font-size: 27px;max-width: 46%;}
	#carousel-md .carousel-inner .carousel-caption h2.campaign {font-size: 20px;}
}

/* ----------------------------------------------------------------
    BIG DEVICES STYLE
---------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.hidden-sm {display: none !important;}
	.visible-sm {display: block !important;}

	.hidden-md {display: none !important;}
	.visible-md {display: block !important;}

	.container {max-width: 96.5%;}

	header div.preHeader .navbar ul li {margin-right: 15px;}
	header div.preHeader .navbar ul li a {font-size: 12px;}
	header div.preHeader .dropdown-toggle::after {top: 2px;}

	header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-toggle::after{left: -1px!important;margin-left: 12px!important;}

	header i.fas {font-size: 10px;}
	header .dark i.fas {font-size: 10px;}
	header i.fas.fa-user {font-size: 9px;}

	header nav.navbar.main-menu {padding-top: 0}
	header nav.navbar.main-menu .navbar-collapse .nav-item a {padding: 4px 7px; font-size: 12px; letter-spacing: 0px;}
	header nav.navbar.main-menu .navbar-brand {margin-right: 0;}
	header nav.navbar.main-menu .navbar-brand img {width: 77px; margin-top: 10px;}
	html[lang="fi"] header nav.navbar.main-menu .navbar-brand img {width: 77px!important;}
	header nav.navbar.main-menu .navbar-shop .nav-item {padding: 11.5px 0 11.5px 6px;}

	header nav.navbar.main-menu .navbar-collapse .nav-item {padding: 18.9px 0px !important;}
	header.navbar-fixed nav.navbar.main-menu .navbar-shop .nav-item {padding: 11px 0px 12px 6px !important;}
	.navbar-fixed .navbar-brand img {width: 95px !important;}

	footer #suscripcion .col-md-4 {width: 45%; -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; padding: 0;}
	footer #suscripcion .col-md-8 {width: 55%; -webkit-box-flex: 0; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; padding: 0;}
	footer #suscripcion .col-md-8 form .col-md-8 {width: 53%; -webkit-box-flex: 0; -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; margin-right:2%}

	footer #footer .col-md-8 {width: 73%; -webkit-box-flex: 0; -ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%;}
	footer #footer .col-md-8 .col-md-3 {width: 30%; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
	footer #footer .col-md-8 .col-md-3:first-child {width: 20%; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
	footer #footer .col-md-8 .col-md-3 img {width: 88%;}
	footer #footer .col-md-4 {width: 27%; -webkit-box-flex: 0; -ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%;}
	footer #footer .col-md-4 .cards-md {padding: 0; margin: 0; position: absolute; right: 0; bottom: 0; width: 340px;}
	footer #footer ul li a {font-size: 13px;}
	footer #footer .col-md-8 .col-md-3:nth-child(3) {flex: 0 0 26%; max-width: 26%;}

	#interesting-product .col-md-3 img {max-width: 100%;}

	#opiniones-clientes .opinion-item img {width: 100%; height: auto;}
	#opiniones-clientes .opinion-item:first-child {left: -5px;}
	#opiniones-clientes .opinion-item:last-child {right: -5px;}

	#opiniones-expertos.expertos-md .col-md-7 {padding: 12px 20px;}
	#opiniones-expertos.expertos-md .col-md-7 h2.ttl {font-size: 16px; margin-bottom: 10px;}
	#opiniones-expertos.expertos-md .col-md-7 p.txt {font-size: 14px; max-width: 100%; line-height: 1.2em;}
	#opiniones-expertos.expertos-md .col-md-7 .time {left: 20px;}

	#content-page #contact-page form.contact-md {left: 0;}
	#content-page #contact-page .contact-md + div button.btn-devicare {margin-left: 0;}

	#blog-list.blog-md {width: 100%;}
	#blog-list.blog-md article {position: relative;}
	#blog-list.blog-md .opinion-item.col-md-4 {position: absolute; top: 0; left: 0; right: 0;}
	#blog-list.blog-md .col-md-4 {width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#blog-list.blog-md .col-md-8 {padding-bottom: 40px; margin-top: 56%; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#blog-list.blog-md article {max-width: 95%; margin: 0 auto 10px;}

	#article-blog.article-md {margin-top: 35px;}

	#article-relacionados article.row {margin: 0;}
	#article-relacionados article.row .col-md-4 {width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;}

	#carousel-md .carousel-inner .carousel-caption h2.uk {width: 70%;}
	#carousel-md #carouselInicial .carousel-inner .carousel-caption.uk {max-width: 100%;}
	#carousel-md #carouselInicial .carousel-inner .carousel-caption {left: 5%;}
	#carousel-md #carouselInicial .carousel-inner .carousel-caption {max-width: 70%;}
	#carousel-md #carouselInicial .carousel-inner .carousel-caption br{display:none;}
	#medir-ph article .product-item.dto{
		padding-top: 7px;
		padding-left: 18px;
		padding-right: 18px;
		padding-bottom: 18px;
		background: url(../images/home/block-dto.png) no-repeat;
		background-size: content;
		background-origin: border-box;
		background-color: white;
	}
	#medir-ph article .product-item {padding: 18px;}

	#medir-ph article .col-md-8 .product-item {height: 100%;}

	#content-extra div.d-flex a {width: 19.5%;font-size: 12px;padding: 5px 0 0; margin: 0 0.5%;}

	#productos-relacionados .three-products .product-item .mg {width: 100%; text-align: center;}
	#productos-relacionados .three-products .product-item .mt {max-width: 100%;}
	#productos-relacionados .three-products .product-item .mt h4.prodInfo {font-size: 16.5px;}
	#productos-inicial .three-products .product-item:hover {border-color: #eceff2;}
	#productos-relacionados .product-item:nth-child(2) a.btn.btn-devicare{margin-top: 0px;} /*ajustar btn en three products*/
	#productos-relacionados .product-item:nth-child(3) a.btn.btn-devicare{margin-top: 0px;} /*ajustar btn en three products*/

	#product-info .nav-tabs .nav-link {padding:19.5px 25px; font-size: 16.5px;}
	#product-no-selling .pharmacy-md p.txt {font-size: 16px; padding: 85px 0 0; background: url('../images/icons/farmacia.png') top center no-repeat transparent;}
	#product-no-selling p.info {padding: 0;}

	#content-page.two-col article.container:first-child .col-md-6.img-block img {width: 100%; height: auto; margin-top: 10%;}
	#content-page.two-col article.bckg:nth-child(2) .col-md-6.txt-block {padding-top: 30px; padding-bottom: 0;}
	#content-page.two-col .container .col-md-6.txt-block li.txt {padding-right: 60px;}

	#buscador-farmacias #searching-pharmacy {padding: 0;}
	#buscador-farmacias #searching-pharmacy form.col-md-9 {width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0;}
	#buscador-farmacias #searching-pharmacy form .form-group .col-md-9 {padding-left: 0;}
	#buscador-farmacias #searching-pharmacy form .form-group .col-md-9 label {font-size: 19px;}

	#sindromes-urinario ul li.sindrome-item {width: 18.3333333%;}
	#sindromes-urinario ul li.sindrome-item h6 {font-size: 15px; padding: 10px 9px;}
	#sindromes-urinario ul li.sindrome-item h6 i {display: none;}

	#product-price p.total .discounted-price + .regular-price {font-size: 22px;}
	#product-price p.total {width: 100%;}
	#product-price .price-md .cantidad {max-width: 100%;margin-left: 0;width: 100%;}
	/* #product-price div.cupon-md input {width: 100%; margin-bottom: 10px;} */
	#product-price div.cupon-md .cupon-md i.fas {left: 88%;}
	#product-price div.cupon-md > .input-group-append {margin-left: 10px;/*width: 100%;*/}
	#product-price .info-md p.txt {font-size: 11px;}
	#product-price .info-md p.txt i.fa-truck{font-size: 15px;}
	#product-price .info-md p.txt i.icon-delivery {font-size: 15px;}
	#product-price .cupon-md.valid i.fa-check {left: 88%;}
	.cantidad .qty {padding-left: 0}

	#productos-relacionados .product-item .mg {width: 100%; text-align: center;}
	#productos-relacionados .product-item .mt {width: 100%; text-align: center;}
	#productos-relacionados .product-item .mt p.txt.checked {padding: 0;}
	#productos-relacionados .product-item .mt p.txt.checked i {position: relative; margin-right: 5px;}

	#pedido-md .row {display: block !important}
	#pedido-md article .col-md-3 div#resumen-md ul{margin-bottom: 60px;}
	#pedido-md article .col-md-3 div#resumen-md p.total-md {bottom: 0;}
	#pedido-md article .col-md-9, #pedido-md article .col-md-3 {width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-1 {width: 50px; margin-left: 0;}

	#datos-md .boxed-info form .form-group label.nombre-md {width: 29%;}
	#datos-md .boxed-info form .form-group label.apellidos-md {width: 25%;}
	#datos-md .boxed-info form .form-group label.poblacion-md {width: 38%;}
	#datos-md .boxed-info form .form-group label.provincia-md {width: 37%;}
	#datos-md .boxed-info form .form-group label.address-md {width: 22%;}
	#datos-md .boxed-info form .form-group label.tel-md {width: 34%;}
	#datos-md .boxed-info form .form-group label.nombre-md + input {width: calc(100% - 29% - 20px);}
	#datos-md .boxed-info form .form-group label.apellidos-md + input {width: calc(100% - 25% - 20px);}
	#datos-md .boxed-info form .form-group label.poblacion-md + input {width: calc(100% - 38% - 20px);}
	#datos-md .boxed-info form .form-group label.provincia-md + input {width: calc(100% - 37% - 20px);}
	#datos-md .boxed-info form .form-group label.address-md + input {width: calc(100% - 22% - 20px);}
	#datos-md .boxed-info form .form-group label.tel-md + input {width: calc(100% - 34% - 20px);}

	#formato-pago-md article .col-md-6  {width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#formato-pago-md article.boxed-info button {margin-top: 20px; float: left;}

	.promocion-box img {width: 100%; height: auto;}

	ul.area-options li {width: 19%; -webkit-box-flex: 0; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%;}
	#register-md + .divider ul.area-options li {width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; margin-bottom: 35px;}

	.acceso-form {max-width: 500px;}

	#datos-md.metric-box .boxed-info form .form-group label.provincia-md {width: 35%;}
	#datos-md.metric-box .boxed-info form .form-group label.address-md {width: 15%;}
	#password-md.metric-box .boxed-info form .form-group label.password-md {width: 38%;}
	#password-md.metric-box .boxed-info form .form-group label.repeatpasword-md {width: 70%;}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.referencia-md {width: 46%;}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.centromedico-md {width: 34%;}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.farmacia-md {width: 50%;}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.patologia-md {width: 22%;}
	#password-md.metric-box .boxed-info form .form-group label.password-md + input {width: calc(100% - 38% - 20px);}
	#password-md.metric-box .boxed-info form .form-group label.repeatpasword-md + input {width: calc(100% - 67% - 20px);}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.referencia-md + input {width: calc(100% - 46% - 20px);}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.centromedico-md + input {width: calc(100% - 34% - 20px);}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.patologia-md + input {width: calc(100% - 22% - 20px);}
	#datos-medicos-md.metric-box .boxed-info form .form-group label.farmacia-md + input {width: calc(100% - 50% - 20px);}
	#datos-md.metric-box .boxed-info form .form-group label.address-md + input {width: calc(100% - 15% - 20px);}
	#datos-md.metric-box .boxed-info form .form-group label.provincia-md + input {width: calc(100% - 35% - 20px);}

	#interesante-list.interesante-md {width: 100%;}
	#interesante-list.interesante-md article {position: relative;}
	#interesante-list.interesante-md .col-md-4 {position: absolute; top: 0; left: 0; right: 0;}
	#interesante-list.interesante-md .col-md-4 {width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#interesante-list.interesante-md .col-md-8 {padding-bottom: 40px; margin-top: 56%; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	#interesante-list.interesante-md article {max-width: 95%; margin: 0 auto 10px;}

	ul#consejos-md li h6  {line-height: 1.2em !important;}
	ul#consejos-md li h6 i {display: none;}
	ul#consejos-md li p.txt {padding: 45px 10px 25px;}

	#historico-md table.table thead tr th:first-child {display: none;}
	#historico-md table.table thead tr th:last-child {display: none;}
	#historico-md table.table tbody tr td:first-child {display: none;}
	#historico-md table.table tbody tr td:last-child {display: none;}

	#metricas-md button.col-md-5 {font-size: 15px;}

	#metricas-md form.add-metrica .form-group label {width: 100% !important;font-size: 14px !important;}
	#metricas-md form.add-metrica .form-group input {width: 100% !important;}
	#metricas-md form.add-metrica button.btn {margin-top: 31px;}

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

	.accordion-faq .card-header h5 button.collapsed {font-size: 17px;}
	.accordion-faq .card-header h5 button:hover, .accordion-faq .card-header h5 button {font-size: 17px;}

	.cupon-md i.fas.ico_cupon {left: 37.5%;}

    section#hDapp {background-position: left center; text-align: center; height: auto; min-height: 460px;overflow: visible;}
    section#hDapp h1 {margin-top: 10px; max-width: 100%; font-size: 32px;}
    section#hDapp h2 {display: block; max-width: 100%; font-size: 24px;}
    section#hDapp .col-md-7 p {font-size: 23px; line-height: 1.3em; margin-top: 20px;}
    section#hDapp .col-md-5 img {width: 71%; height: auto; display: block; margin: 0 auto; position: relative; top: 50px; max-width: 280px}

    section#hDapp .col-md-5 img.hidden-xs {display: none;}
    section#hDapp .col-md-5 img.visible-xs {display: block;}

    .btnGroup a.iblk {margin-right: 15px;}
    .btnGroup a.iblk:last-child {margin-right: 0 !important;}
    .btnGroup a.iblk img {width: 100%; height: auto;}

    #fun-md h3, #vid-md h3, #reco-md h3, #stor-md h3, #infl-md h3, #dsrg-md h3 {font-size: 30px; max-width: 100%;}
    #stor-md h3 {padding-top: 110px;}

    #fun-md h3 {font-size: 26px; max-width: 92%; margin: 0 auto 40px;}
    #fun-md .col-md-12 {padding: 0; margin: 0; flex-direction: column !important;}
    #fun-md .col-md-12 .col-md-4 {text-align: center !important; padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
    #fun-md .col-md-12 .col-md-4 p {margin-bottom: 35px;}
    #fun-md .col-md-12 .col-md-4 h6 {width: 100%; margin-left: 0;}
    #fun-md .col-md-4:nth-child(2) img {margin-left: 0; margin-bottom: 35px; max-width: 280px}

    #vid-md {width: 100%; margin: 0; max-width: 100%;}
    #vid-md .col-md-12 {margin: 0; padding: 0;}
    #vid-md h3 {font-size: 26px; max-width: 92%; margin: 80px auto 40px;}
    #vid-md video {max-width: 100%;}

    #reco-md {margin-top: 80px !important; padding: 1px 0 30px;}
    #reco-md h3 {font-size: 26px; max-width: 92%; margin: 80px auto 40px;}
    #reco-md .col-md-12 {margin: 0; padding: 0;}
    #reco-md .col-md-12 .col-md-4 {margin-bottom: 50px; padding: 0;}
    #reco-md .col-md-12 .col-md-4:last-child {margin-bottom: 0px; padding: 0;}
    #reco-md .col-md-4 p b {font-size: 16px;}

    #infl-md {margin-top: 0px !important; padding: 1px 0 30px;}
    #infl-md h3 {font-size: 26px; max-width: 70%; margin: 80px auto 40px;}
    #infl-md .col-md-12 {margin: 0; padding: 0;}
    #infl-md .col-md-12 .col-md-4 {margin-bottom: 50px; padding: 0;}
    #infl-md .col-md-12 .col-md-4:last-child {margin-bottom: 0;}
    #infl-md .col-md-4 p b {font-size: 16px;}

    #stor-md {background-position: 0% -170px; padding: 0px 0 100px;}
    #stor-md h3 {margin: 0 auto 20px; font-size: 26px; max-width: 92%; padding-top: 135px;}
    #stor-md .col-md-12 {margin: 0; padding: 0;}
    #stor-md .col-md-12 .col-md-4 {margin: 0; padding: 0;}
    #stor-md .col-md-12 .col-md-4 small {font-size: 14px;}
    #stor-md .col-md-12 .col-md-4 p {padding: 18px 15px; margin: 0 0 10px;}
    #stor-md .col-md-4 img {position: relative; top: 0; width: 80%; height: auto; margin: 0 auto; display: block; max-width: 280px}
    #stor-md .col-md-12 .col-md-4 p {width: 96%;}

    #rat-md {margin-top: 0;}
    #rat-md .col-md-12 {margin: 0; padding: 0;}
    #rat-md .col-md-12 .col-md-4 {margin-bottom: 35px;}
    #rat-md .col-md-12 .col-md-4:last-child {margin-bottom: 0px !important;}
    #rat-md img {margin-bottom: 8px;}
    #rat-md span {margin-bottom: 5px;}
    #rat-md p br {display: none;}

    #dsrg-md {text-align: center; padding-top: 0; margin-bottom: 60px;}
    #dsrg-md h3 {margin: 80px auto 35px; font-size: 26px; max-width: 92%;}
    #dsrg-md .col-md-12 {margin: 0; padding: 0;}
    #dsrg-md .col-md-7 img {max-width: 280px; margin:  40px auto}
    #dsrg-md .btnGroup a.iblk {max-width: 124px;}

    #comn-md h3 {font-size: 26px; max-width: 92%; margin: 0 auto 12px;}
    #comn-md .socialList li {margin: 0 5px;}

}

@media only screen and (min-width: 878px) and (max-width: 991px) {
	.hidden-sm {display: none !important;}
	.visible-sm {display: block !important;}

	.hidden-md {display: none !important;}
	.visible-md {display: block !important;}

	header nav.navbar.main-menu .navbar-collapse .nav-item .dropdown-toggle::after{left: -1px!important;margin-left: 12px!important;}

	header div.preHeader .navbar ul li a {font-size: 14px;}

	header i.fas {font-size: 12px;}
	header .dark i.fas {font-size: 14px;}
	header i.fas.fa-user {font-size: 11px;}

	header nav.navbar.main-menu .navbar-collapse .nav-item a {padding: 4px 8px; font-size: 14px;}
	header nav.navbar.main-menu .navbar-shop .nav-item {padding: 13.5px 0 13.5px 6px;}
	header nav.navbar.main-menu .navbar-brand img {width: 110px; margin-top: 5px;}
	.navbar-fixed .navbar-brand img {width: 110px !important;}

	#opiniones-expertos.expertos-md .col-md-7 h2.ttl {font-size: 21px;margin-bottom: 15px;}

	#sindromes-urinario ul li.sindrome-item {width: 18.555555%;}
	#sindromes-urinario ul li.sindrome-item h6 i {display: inline-block;}

	#password-md.metric-box .boxed-info form .form-group label.repeatpasword-md {width: 54%;}
	#password-md.metric-box .boxed-info form .form-group label.repeatpasword-md + input {width: calc(100% - 55% - 20px);}

	#productos-inicial .three-products .product-item:hover {border-color: #eceff2;} /*agegit ami*/

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

}
/*ipad*/
@media only screen and (min-width: 991px) and (max-width:1200px){ /*ipad*/

	.hidden-md {display: none !important;}
	.visible-md {display: block !important;}

	header nav.navbar.main-menu .navbar-brand img {width: 89px; margin-top:9px;}
	header nav.navbar.main-menu .navbar-collapse .nav-item a {font-size: 14px;}
	header nav.navbar.main-menu .navbar-collapse .nav-item {padding: 19px 0;}
	header nav.navbar.main-menu .navbar-collapse .nav-item a {letter-spacing: 0;}
	html[lang="fi"] header nav.navbar.main-menu .navbar-collapse .nav-item a {padding-left: 9px;padding-right: 9px; padding-bottom: 15px;}

	#productos-relacionados .product-item .mg {width: 100%; text-align: center;}
	#productos-relacionados .product-item .mt {width: 100%; text-align: center;}
	#productos-relacionados .product-item .mt p.txt.checked i {position: relative; margin-right: 5px;}

	.ttl2 {font-size: 27px;}

	#user-rmmb article.boxed-info p.txt {font-size: 20px;text-align: center;}
	#user-rmmb article.boxed-info button {margin-top: 21px;}

	#pedido-md article .col-md-9 ul.pedido-box li.pedido-item .col-md-7 {width: 57%;}
	#pedido-md article .col-md-3 div#resumen-md h6 {font-size: 15.5px; text-align: center;}

	.cantidad .qty, .cantidad_product .qty {padding: 0 0 0 2px;}
	.custom-control-inline {margin-right: 0.3rem;}

	#sindromes-urinario ul li.sindrome-item {width: 18.75%;}
	#sindromes-urinario ul li.sindrome-item h6 {font-size: 15px;}

	#activar-md.acceso-form {max-width: 50%;}

	#metricas-md form.add-metrica .form-group label {font-size: 12px;}
	.cupon-md i.fas.ico_cupon {left: 45.5%;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {

    section#hDapp h1 {font-size: 40px;}
    section#hDapp .col-md-5 img.hidden-xs {display: none;}
    section#hDapp .col-md-5 img.visible-xs {display: block; width: 270px; height: auto; margin-top: 0;}


    #fun-md .col-md-12, #vid-md .col-md-12, #reco-md .col-md-12, #stor-md .col-md-12, #infl-md .col-md-12 {margin: 0; padding: 0;}

    #dsrg-md {margin-bottom: 0; min-height: 530px;}

}


@media only screen and (min-width: 878px) and (max-width: 1200px) {
	#carousel-md .carousel-inner .carousel-caption h5.rsc {
    font-size: 33px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 20px;
}
	.hidden-sm {display: none !important;}
	.visible-sm {display: block !important;}

	.hidden-md {display: none !important;}
	.visible-md {display: block !important;}

	#productos-inicial .three-products .product-item h5.prodTtl.up-en{margin-bottom: 40px;} /*ami*/
	#productos-inicial .three-products .product-item img.img-phup{margin-top: 3%;}
	#ph-urinario.extra-md:hover, .extra-md:hover{border: 1px solid #eceff2;}
	.extra-md .extra-info {display: none;}
	#sindromes-urinario ul li.sindrome-item{width: 18.75%; margin-right: 1.5%;}
	#sindromes-urinario ul li.sindrome-item h6 {font-size: 15px;}

	.flecha{padding-left: 10px;}

	footer #footer .col-md-8 .col-md-3:nth-child(3) {flex: 0 0 26%; max-width: 26%;}

	html[lang="en"] #productos-inicial .three-products .product-item h5.prodTtl.green {margin-bottom: 41px;font-weight: bold;}
	html[lang="en"] #productos-inicial .three-products .product-item img.img-phup {margin-top: 0%;}

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/

	.tooltip-devicare .tooltiptext {right: -4px!important; left: auto!important;}
	.tooltip-devicare .tooltiptext::after {left: 147px;}
}

@media only screen and (min-width: 1201px) and (max-width: 1281px) {
	.hidden-sm {display: none !important;}
	.visible-sm {display: block !important;}

	.hidden-md {display: none !important;}
	.visible-md {display: block !important;}

	#productos-inicial .three-products .product-item h5.prodTtl.up-en{margin-bottom: 40px;} /*ami*/
	#productos-inicial .three-products .product-item img.img-phup{margin-top: 3%;}
	#ph-urinario.extra-md:hover, .extra-md:hover{border: 1px solid #eceff2;}
	.extra-md .extra-info {display: none;}
	#sindromes-urinario ul li.sindrome-item{width: 18.75%;margin-right: 1.5%;}
	#sindromes-urinario ul li.sindrome-item h6 {font-size: 15px;}

	.flecha{padding-left: 10px;}

	footer #footer .col-md-8 .col-md-3:nth-child(3) {flex: 0 0 26%; max-width: 26%;}

	html[lang="en"] #productos-inicial .three-products .product-item img.img-phup {margin-top: 10%;}

	.modal.modal-form, .modal, .modal-form {z-index:99999!important;} /*ami para visualizar los modal por encima de todo*/
	.modal-backdrop.fade, .modal-backdrop.show {z-index:9999!important;}  /*ami para visualizar los modal por encima de todo*/
	.tooltip-devicare .tooltiptext {right: -4px!important; left: auto!important;}
	.tooltip-devicare .tooltiptext::after {left: 147px;}
}

@media print {
  .no-print {display: none!important;}
	.gr-umbral {display: block!important;}
	h3.ttl, h1.ttl{color:#243749 !important;}
}

@media only screen and (min-width:600px) and (max-width:1200px){
	/*para uk*/
	#productos-relacionados .product-item .mg.col-sm-3 img {
    width: 158%;
    margin-left: -9px;
	}

}
/*para el banner de uk "product available..." se adapte bien*/
@media only screen and (min-width:769px) and (max-width:1600px){
	/*para uk*/
	.uk-ava-b{display:block!important;}
	#carousel-md #promo-black-days h2.promo-black-days {font-size: 28px;}
	#carousel-md #promo-black-days h5.promo-black-days {font-size: 23px;}
	
}

@media only screen and (min-width:1500px){
	/*para uk*/
	.uk-ava-a{display:block!important;}
	.uk-ava-b{display:none!important;}
	/* #carousel-md #promo-black-days h2.promo-black-days {font-size: 28px;}
	#carousel-md #promo-black-days h5.promo-black-days {font-size: 23px;} */
}
/*----------------------------------------------*/