/* On screens that are 1200px or less, set the background color to olive */
@media screen and (max-width: 1680px) {
.navbar-light .navbar-nav .nav-link {	font-size: 16px;}
}
@media screen and (max-width: 1580px) {
.navbar-light .navbar-nav .nav-link {	font-size: 14px;}
}
@media screen and (max-width: 1400px) {
	nav.main-navigation{display:block;}
	.main-navigation ul li.nav-item,.main-navigation ul li.nav-item:last-child  {		margin: 0px 10px 0px 10px;}
	.cbp-af-header.cbp-af-header-shrink .nav-item,.cbp-af-header.cbp-af-header-shrink .nav-item:last-child {    margin: 0px 10px 0px 10px;}
	#index .cbp-af-header.cbp-af-header-shrink .nav-item,#index .cbp-af-header.cbp-af-header-shrink .nav-item:last-child {    margin: 0px 10px 0px 10px;}
	.cbp-af-header.cbp-af-header-shrink .nav-item.ribbon::after {     transition: all 0.3s ease-out;   top: 7px;}
	.navbar-light .navbar-brand {    height: 70px;}
	.margin-principal {    margin-top: 152px;}
	.navbar-expand-xl .navbar-nav {    display: flex;    justify-content: space-between;		width: 100%;}
}
@media screen and (max-width: 1360px) {
	#landing-campana #mailchimpform input {		padding: 5px 20px;	  }
	#landing-campana .legal {font-size:12px;}
}
@media screen and (max-width: 1200px) {
	#landing-campana .legal {		font-size: 10px;	}
	#landing-campana .newsletter-campana {		padding: 0 15px;	}
	#landing-campana #mailchimpform h4 {		font-size: clamp(14px,1.2vw,40px);		line-height: normal;		margin-bottom: 0;	}
}
		
@media screen and (max-width: 1199px) {
	nav.main-navigation{display:flex;}
	.margin-principal,#index .margin-principal  {    margin-top: 0;}
		.navigation-wrap {    /*position: fixed;*/}
	.cbp-af-header.header-float .padding-on-scroll, .cbp-af-header.header-float.cbp-af-header-shrink .padding-on-scroll, .cbp-af-header.cbp-af-header-shrink .padding-on-scroll, .padding-on-scroll {    padding-top: 10px;    padding-bottom: 10px;}
	.cbp-af-header.cbp-af-header-shrink .navbar-brand {    height: 50px;}
	.cbp-af-header.cbp-af-header-shrink .nav-item, .cbp-af-header.cbp-af-header-shrink .nav-item:last-child {
		margin: 0px;padding: 8px 0;}
	.cbp-af-header.cbp-af-header-shrink .dropdown-menu {    margin-top: 0px!important;}
	#index .navbar-brand img,.navbar-brand img {    filter: brightness(0%);}
	#index .main-navigation .navbar-nav .nav-link,.main-navigation .navbar-nav .nav-link  {        color: var(--black)!important;}
	.main-navigation ul li.nav-item {    margin: 0;    font-family: 'Gotham-Book', sans-serif;    padding:8px 0;}
	.cbp-af-header.cbp-af-header-shrink .dropdown-menu .nav-item { padding:8px 0;}
	.main-navigation ul li.nav-item:last-child {    margin: 0;}
	.main-navigation .dropdown-menu {    margin-top: 0px!important;}
	.nav-item.dropdown a.dropdesktop:after {   display:none;}
	.nav-item.dropdown a.opendropmobile:after {    font-size: 18px;    color: var(--black)!important;}
	#index .idiomes a {    color: var(--black);}
	.navbar-collapse #topbar{opacity:0;visibility: hidden;-webkit-transition: all 1s ease-in;  transition: all 1s ease-in;}
	.navbar-collapse.show #topbar{opacity:1;visibility: visible;}
	#topbar .extratop .btn {     color: #000;height: auto;}
	#topbar .extratop {    display: flex;    flex-wrap: wrap;    top: 80px;    position: absolute;    right: -8px;    text-align: center;justify-content: center;    flex-direction: column-reverse;}
	#topbar .idiomes {    margin: 0;margin: 15px 0;}
	.main-navigation ul.idiomes li:after {    margin: 0;    content: " ";}
	.main-navigation ul.idiomes li {    display: block!important;}
	.individualbanner3 {		aspect-ratio: inherit;}
	.captionbanner3 {		font-size: min(max(16px, 3vw), 55px);}
	.dropdown-menu ul { padding-left:10px!important;}
	.dropdown-item{padding:0; font-size:13px;}
	.dropdown-menu {    max-width: calc(90vw - 80px);}
	.dropdown-menu .nav-item {    margin: 0!important;    padding: 0!important;    display: block;}
	#index .cbp-af-header.cbp-af-header-shrink .nav-item, #index .cbp-af-header.cbp-af-header-shrink .nav-item:last-child {
    margin: 0px!important;}
	.progress-wrap {		background-color: transparent;}
	/*.nav-item .dropdown-menu{height:0;-webkit-transition: all 1s ease-in;  transition: all 1s ease-in;}
	.nav-item.show .dropdown-menu{height: auto;-webkit-transition: all 1s ease-in;  transition: all 1s ease-in;}*/
}/* On screens that are 768px or less, set the background color to olive */
@media screen and (max-width: 1024px) {
	
}
@media screen and (max-width: 991px) {
	#landing-campana .lateral {		padding-left: 6px;		display: block;	}
	#landing-campana .vdistrib > div {		height: 100%;		display: flex;	}
	#landing-campana .vdistrib > div > div {		height: 100%;	}
	#landing-campana .lateral {		margin-top: 15px!important;		padding-left: 0!important;	}
	#landing-campana .video {		padding-right: 0px;	}
	#landing-campana #mailchimpform h4 {		margin-bottom: 10px;	}
	#landing-campana.fitxa .informacio{margin-top:15px!important;}
	#landing-campana.fitxa .fotos .destacada {		margin-bottom: 15px;	}
	#landing-campana.fitxa .descripcion p {		font-size: clamp(14px,1.2vw,20px);	}
	#landing-campana.fitxa .info {		padding-left: 30px;	}

	.margin-principal {    padding: 0 15px;}
	#prefooter .news{margin-bottom: 50px;}

}
@media screen and (max-width: 768px) {
	/*hack scroll horitzontal - breakpoints intermedis*/
	.container > .row, .col-12 > .row, .row.fullwidth, .row { margin-left: 0 !important; margin-right: 0 !important; }
}/* On screens that are 350px or less, set the background color to blue */

@media screen and (max-width: 576px) {
.fancybox-slide{padding:0}
.fancybox-slide--iframe .fancybox-content {    max-width: calc(100% - 50px);    max-height: 450px;}
	#landing-campana .vdistrib > div {
		height: 100%;
		display: inline-block;
	}
	.order1{order:1}
	#landing-campana .clear > div{all:inherit;}
	#landing-campana .vdistrib>div {
		height: unset;
		display: block;
	}
	.individualbanner3 .zonalink {		position: relative;}
	#landing-campana .individualbanner3{		height: auto;		aspect-ratio: 16/7;	}
	#landing-campana .newsletter-campana {	    padding: 30px 15px;	}
	#landing-campana #mailchimpform input,#landing-campana #mailchimpform button {		height: 42px;	}
    #landing-campana #mailchimpform button {position: absolute;	}

	#landing-campana #mailchimpform input{    width: 80%;}
	.owl-dots{display:none;}
	/*hack scroll horitzontal*/
	.container > .row,.col-12 > .row,.row.fullwidth,.row{margin-left:0!important; margin-right:0!important;}
	.individualbanner1 figure, .individualbanner2 figure {    margin: 0;    padding: 0;    width: 100%;}
	.navbar-light .navbar-brand {    padding: 0 0;    height: 60px;}
	#Sliders-owl .portfolio-thumb {    margin-bottom: 0;    width: 100%;}
	.caption h1, .caption h2, .caption h3, .caption h4, .caption h5, .caption h6 {    font-size: min(max(24px, 3vw), 55px);}
	#Sliders-owl .owl-dots {display: none!important;}
	.caption .projectebotservei a {    font-size: min(max(12px, 1.28vw), 16px);		padding: 5px 20px;}
	#slogan h2{    font-size: min(max(18px, 3vw), 55px);    line-height: 6vw;}
	#slogan {    padding: 30px 0;}
	#banners .iz {    border-top: 12px solid #fff;    border-bottom: 6px solid #fff;    border-left: 0;    border-right: 0;}
	#banners .de {    border-right: 0;    border-left: 0;    border-top: 6px solid #fff;    border-bottom: 6px solid #fff;}
	#bannerspink .iz {    padding: 0 0 12px;}
	#bannerspink .de {    padding: 0 0 12px;}
	#mailchimpform button {    color: #ddd;    padding: 8px 16px;    margin-left: -5px;}
	#mailchimpform input {    width: 70%;    padding: 8px 20px;    font-size: 16px;}
	footer .logo{text-align:center;margin-bottom: 15px;}
	footer ul li {    text-align: center;}
	footer h2, footer h3, footer h4 {     text-align: center;}
	footer .columna.doble ul {    column-count: 1;}
	.individualbanner1 .caption h2,.individualbanner2 .caption h2,.captionbanner3 {    font-size: min(max(22px, 3vw), 55px);}
	.margin-principal {		margin-top: 0;}
	body.page .margin-principal {    padding: 20px 0;}
	#cabecera-aqui img{width:100%!important;}
	#cabecera-aqui {    margin-bottom: 15px;}
	#categoria .cabecera .captioncategoria .titlecat, #categoria .cabecera .captioncategoria h1 { font-size: min(max(36px, 3vw), 55px);}
	.filtrar {  margin-top: 10px;    align-items: flex-end;    margin-bottom: 20px;}
	#description {    padding: 0px 10px;}
	#description p {     font-size: 14px;}
	#description h4, #description h5 {    font-size: 14px;}
	#description .tallaslist p {    margin-bottom: 10px;}
	.bannerficha a{font-size: min(max(18px, 3vw), 55px);padding: 3vw 25px 3vw 4vw;}
	.Productos.fitxa .margin-principal .row.fullwidth.fondorosa {    margin-top: 30px;}
	#relacionados h2{font-size: min(max(20px, 3vw), 55px);}
	#relacionados .main-content-wrap{margin-top: 0!important;}
	#relacionados .owl-carousel.owl-drag .owl-item {    padding-bottom: 0;}
	#relacionados article .post-details h2{margin-bottom:0;}
	#category-list .owl-carousel .owl-nav .owl-next {    right: -20px;}
	#category-list .owl-carousel .owl-nav .owl-prev {    left: -20px;}
	#calcula .margin-principal {    padding: 20px 0 0;}
	body.page h1 { font-size: min(max(28px, 3vw), 55px); line-height: normal;}
	#calcula .fondorosa {    margin-top: 15px;}
	#calcula .pasos p {    font-size: 20px;}
	#calcular-talla label {    font-size: 20px;}
	#calcular-talla .medida:first-child {    padding: 0 15px;    margin-bottom: 15px;}
	#calcular-talla .medida{ margin-bottom: 15px;}
	#calcular-talla input {		padding: 20px 20px;}
	#calcular-talla .search .btn {    font-size: 20px;}
	#consejos p {    font-size: 20px;}
	#consejos h3 {    font-size: 35px;}
	#consejos .bloque {    margin-bottom: 0;}
	.blocpanelmap{margin-bottom:15px;padding:0!important;}
	#mapresult #map {		aspect-ratio: inherit;}
	#lista_distribuidores li{list-style:none;}
	#editorial h1 {    padding: 0 0px;}
	#editorial article {    margin-bottom: 20px; padding:0;}
	#editorial article img,#editorial article a{width:100%;}
	#editorial article .post-content a{width:auto;}
	#editorial article h2 {		font-size: 7vw!important;line-height: normal;margin-bottom: 5px;}
	#editorial article .subtitol, #editorial article .subtitol p {    font-size: 3.5vw;    margin-bottom: 3vw;}
	#editorial article .post-details {      bottom: 0px;    right: 20px;    max-width: 75%;}
	.Editorial.fitxa .fotos .destacada {    margin-bottom: 20px;}
	.Editorial.fitxa #video {    margin: 10px 0;}
	.Editorial.fitxa .info {    padding-left: 0;}
	.Editorial.fitxa .maintitle h1 {    font-size: 8vw;		padding-top: 30px;}
	.Editorial.fitxa .subtitulo h2 {    font-size: 4vw;}
	.Editorial.fitxa .descripcion {    margin-top: 0px;}
	.Editorial.fitxa .descripcion p {    font-size: 18px;}
	.breadcrumb ul li a{font-size: 11px;}
	.navbar-collapse {    padding-left: 0px;}
	.dropdown-menu ul { padding-left:10px!important;}
	.dropdown-item{padding:0; font-size:13px;}
	.dropdown-menu {    max-width: calc(90vw - 80px);}
	.dropdown-menu .nav-item {    margin: 0!important;    padding: 0!important;    display: block;}
	

	/*fi hack scroll horitzontal*/
}