.tit-prin-prod{ font-size: 28px; color: #da73a1;   }
.on-movil-carr{ display: block;}
.h1-carrusel{ width: 50% }
.on-movil{ display: none;}
.marg-menu {margin-top: 171px;}
.banderas{ text-align: center;
	width: 100%;
	height: 45px;
	background: #000000 none repeat scroll 0% 0%;
	display: block;
	padding-left: 10px; }

.cuadro-flags{height:25px;width:500px;margin:auto;}.flags{width:21px;height:14px;float:left;margin-right:6px;margin-top:6px;}.br{background:url(image/banderas/br.png);background-size:21px 14px;}.br:hover{background:url(image/banderas/br-over.png);background-size:21px 14px;}.de{background:url(image/banderas/de.png);background-size:21px 14px;}.de:hover{background:url(image/banderas/de-over.png);background-size:21px 14px;}.dk{background:url(image/banderas/dk.png);background-size:21px 14px;}.dk:hover{background:url(image/banderas/dk-over.png);background-size:21px 14px;}.es{background:url(image/banderas/es.png);background-size:21px 14px;}.es:hover{background:url(image/banderas/es-over.png);background-size:21px 14px;}.fr1{background:url(image/banderas/fr.png);background-size:21px 14px;}.fr1:hover{background:url(image/banderas/fr-over.png);background-size:21px 14px;}.gr{background:url(image/banderas/gr.png);background-size:21px 14px;}.gr:hover{background:url(image/banderas/gr-over.png);background-size:21px 14px;}.it{background:url(image/banderas/it.png);background-size:21px 14px;}.it:hover{background:url(image/banderas/it-over.png);background-size:21px 14px;}.lat{background:url(image/banderas/lat.png);background-size:21px 14px;}.lat:hover{background:url(image/banderas/lat-over.png);background-size:21px 14px;}.nl{background:url(image/banderas/nl.png);background-size:21px 14px;}.nl:hover{background:url(image/banderas/nl-over.png);background-size:21px 14px;}.no{background:url(image/banderas/no.png);background-size:21px 14px;}.no:hover{background:url(image/banderas/no-over.png);background-size:21px 14px;}.pt1{background:url(image/banderas/pt.png);background-size:21px 14px;}.pt1:hover{background:url(image/banderas/pt-over.png);background-size:21px 14px;}.sv{background:url(image/banderas/sv.png);background-size:21px 14px;}.sv:hover{background:url(image/banderas/sv-over.png);background-size:21px 14px;}.su{background:url(image/banderas/su.png);background-size:21px 14px;}.su:hover{background:url(image/banderas/su-over.png);background-size:21px 14px;}.usa{background:url(image/banderas/usa.png);background-size:21px 14px;}.usa:hover{background:url(image/banderas/usa-over.png);background-size:21px 14px;}.cz{background:url(image/banderas/cz.png);background-size:21px 14px;}.cz:hover{background:url(image/banderas/cz-over.png);background-size:21px 14px;}

@media (max-width: 576px) {
.tit-prin-prod{ font-size: 23px }
.bg-azul-oscuro{ background: url(image/cabecera-pills-movil.jpg) }
.bg-fondo-amarillo{ background: url(image/cabecera-cream-movil.jpg)   }

.jumbotron {padding: 1rem 1rem !important;height: 667px;}
.jumbotron-amarillo {padding: 1rem 1rem !important;height:  890px;}
.ficha h2 {font-size: 1.4rem;}
.h2, h2 { font-size: 1.5rem;}
.marketing h2 { font-size: 1.8rem;}
.ficha h3 { font-size: 1.3rem;}
.h3, h3 { font-size: 1.1rem;}
.h4, h4 { font-size: 1.1rem; line-height: 1.8rem;}
.nav-link{ font-size: 15px; width:  126px; }
.h1-carrusel {font-size: 1.5rem; margin: 10px!important; width: 85%!important;text-align: center; padding-right: 20px;}
.on-movil{ display: block;}
.on-movil-carr{ display: none;}
.img-carrusel{ background: url(image/como-aliviar-las-hemorroides-tratamiento-total-hemapro-movil.jpg) no-repeat scroll  !important;}
.img-carrusel2{ background: url(image/como-aliviar-las-hemorroides-tratamiento-pastillas-hemapro-movil.jpg)center no-repeat scroll  !important;}
.img-carrusel3{ background: url(image/como-aliviar-las-hemorroides-tratamiento-crema-hemapro-movil.jpg)center no-repeat scroll  !important;} 
.carousel-caption {width: 400px; left: 20px; margin-left: 0px; bottom: 17rem !important;}
.btn-ver{ font-size: 12px }
.btn-buy{ font-size: 12px }
.btn-des{ font-size: 12px }
.boton-movil{ margin-top: -46px; text-align: center; margin-left: 50px;}
.boton-mov{ margin-top:-46px; text-align: center; margin-left: 50px;}
.sus-sidebar{width: 420px;}
.margin-content {
            margin-left: 40px;
}
#infobox3 p {line-height: 20px;}
 #infobox3 { padding: 10px; }
}

@media (max-width: 515px) {
	#infobox3 p {line-height: 20px;}
 #infobox3 { padding: 10px; }

 
}

 
@media (max-width: 375px) {
	#infobox3 p {line-height: 20px;}
 #infobox3 { padding: 10px; }

 
}

@media (min-width: 576px) {
.on-movil-carr{ display: block;}
 #infobox3 p {line-height: 20px;}
 #infobox3 { padding: 10px; }


 	
} 

@media (min-width: 375px) {

 #infobox3 p {line-height: 20px;}
 #infobox3 { padding: 10px; }

}


@media (max-width: 768px) {
	.ficha h2 {font-size: 1.4rem;}
.h2, h2 { font-size: 1.6rem;}
.marketing h2 { font-size: 1.6rem;}
.ficha { padding: 10px 5px;}
.ficha h3 { font-size: 1.2rem;}
.h3, h3 { font-size: 1.4rem;}
.h4, h4 { font-size: 1.1rem; line-height: 1.8rem;}
.img-carrusel{ background: url(image/como-aliviar-las-hemorroides-tratamiento-total-hemapro.jpg) no-repeat scroll -500px 0;}
.img-carrusel2{ background: url((image/como-aliviar-las-hemorroides-tratamiento-pastillas-hemapro.jpg)center no-repeat scroll -500px 0;}
.img-carrusel3{ background: url(image/como-aliviar-las-hemorroides-tratamiento-crema-hemapro.jpg)center no-repeat scroll -500px 0;}


 
}
@media (min-width: 768px) {
	

   
}
@media (max-width: 992px) {

 .marg-menu { margin-top:25px;}
 .off-movil {display: none;}
 .bloque-of { max-width: 47% !important; margin-bottom: 5px}
  #infobox3 p {line-height: 20px;}
 #infobox3 { padding: 10px; }

}
@media (max-width: 992px) {
	.carousel-caption { bottom: 4rem;} 
	.img-carrusel{ background: url(image/como-aliviar-las-hemorroides-tratamiento-total-hemapro.jpg) no-repeat scroll -380px 0;}
	.img-carrusel2{ background: url(image/como-aliviar-las-hemorroides-tratamiento-pastillas-hemapro.jpg)center no-repeat scroll -380px 0;}
	.img-carrusel3{ background: url(image/como-aliviar-las-hemorroides-tratamiento-crema-hemapro.jpg)center no-repeat scroll -380px 0;}
	.carousel-item { height: 31rem;}
	.h1, h1 {font-size: 1.8rem;}
	.h1-carrusel { margin-bottom: 49px; width: 100%}
	.marg-menu {
    margin-top: 50px;}
 #infobox3 {height: 88px; }
 }


@media (min-width: 992px) {
.off-movil {display:block;}
 #infobox3 {height: 88px;}
}

@media (max-width: 1200px) {
 #infobox3 {height: 88px;}
    

}
@media (min-width: 1200px) {
.h1-carrusel { width: 100% }

}