@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){ 
  @media {
  	.navbar-expand-lg .navbar-collapse {	    display: inline !important;}
    #felicidad_es .my-auto{margin-top: 7vw !important;}
    .item-main-card .my-auto{margin-top: 7vw !important;}
    .column-stable .my-auto{margin-top: 11vw !important;}
    .item-elige.yellow{height: 33vw;}
  }
  @media (max-width: 1200px) {
    .item-main-card .my-auto{margin-top: 2vw !important;}
  }
  @media (max-width: 992px) {
    #felicidad_es .my-auto{margin-top: 5vw !important;}
  }
  @media (max-width: 768px) {
    #felicidad_es .my-auto{margin-top: 0 !important;}
    .item-main-card .my-auto{margin-top: 0 !important;}
  }
}

@media (min-width: 1600px) {
	.icon-container {    top: 12vw;}
	.bg-salud-1,.bg-salud-2,.bg-salud-3,.bg-aceite-palma{  padding-top: 12vw;}
}

@media (max-width: 1600px) {
	#transilvania .first-column, #dracula .first-column{
	  height: 27vw;
	}
}

@media only screen and (max-width: 1300px) {
	header.masthead.withHL h1 img{
	}
}

@media (max-width:1132px){
	#dracula .first-column {
    	height: 45vw;
	}
}

@media (min-width: 992px){
	#una_nocilla .title {
		font-size: 40px;
		line-height: 1;
	}
	#una_nocilla  .p-text {
		font-size: 18px;
	}
	.navbar-expand-lg .navbar-collapse {
		-webkit-display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	.navbar-expand-lg .navbar-nav {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 0 auto;
		-webkit-margin:0 !important;
	}
}

@media (max-width:936px){

	#transilvania .first-column{
		height: 38vw;
	}
}



@media (max-width: 1200px) {
	#slider-products {
		bottom: calc(50% - 220px);
	}
	#header-elige .site-heading {
		padding: 11vh 0 4vh;
	}
	.slider-item {
		width: 200px;
		height: 200px;
	}
	@keyframes slide-left {
		from {
			transform: translateX(0);
		}
		to {
			transform: translateX(-3403px);
		}
	}

	.content-info {     padding-top: 35px !important;
    padding-bottom: 0px !important;   min-height: 429px;}
    .content-info.exception {    padding-top: 20px !important;     max-height: inherit;  padding: 0 40px;     padding-bottom: 10px !important;}
	#mainNav .navbar-nav .nav-item .nav-link {    font-size: 12px;}
	header.masthead .site-heading .subheading {
	    font-size: 16px;
	    line-height: 1.3;
	}
	header.masthead .site-heading h1 {margin-bottom: 0;     margin-top: 40px;}
	header.masthead.new .site-heading h1 {    margin-top: 0px;}
	.p-text {    font-size: 15px;}
	.title2 {    font-size: 34px;}
	.title-header {    font-size: 36px;}
	.title-header .highlight, .title-header2{    font-size: 59px;}
	.icon-sin-aceite::before {
    top: 27%;
    background-size: 120px;}
    .icon-container {    
    	top: 10vw;
    	transform: scale(0.8);
	    -webkit-transform: scale(0.8);}
	footer .copyright {	  font-size: 12px;}
	.item-list-receta h3 {    font-size: 20px;}
	.item-list-receta {    min-height: 500px;}
	.content-info h5 {
	    padding-top: 25px;
    	margin-top: 25px !important;}

	.bg-carousell{ background-size: 400%;}
}


@media (max-width: 992px) {
	#una-nocilla-text {
		margin-top: 0;
	}
	#header-elige .site-heading {
		padding: 110px 0 4vh;
	}
	#p-nocilla-cookies {
		background-image: url(../img/productos/mobile_cookie_nocilla.jpg);
		height: 45vh;
	}
	#p-nocilla-cookies-blanca {
		background-image: url(../img/productos/mobile_cookie_blanca.jpg);
		height: 45vh;
	}
	#p-nocilla-cookies-cream-galleta {
		background-image: url(../img/productos/mobile_cookie_cream.jpg);
		height: 45vh;
	}
	#p-nocilla-mini-cookies {
		background-image: url(../img/productos/mobile_mini_cookie_nocilla.jpg) ;
		height: 45vh;
	}
	#p-nocilla-mini-cookies-blanca {
		background-image: url(../img/productos/mobile_mini_cookie_blanca.jpg);
		height: 45vh;
	}

	.video-header-cookies{
		height: 56vw;
		min-height: initial;
	}
	#cookies-videos .row::after {
		background-size: 100%;
	}
	#landing-cookies, #landing-cookies-2{
		background: none;
		height: auto;
		min-height: initial !important;
	}
	#cookies-videos-2 .row::after {
		max-width: 600px;
		top: 70px;
	}
	.min-height-video{
		height: 50vw;
	}
	.content-info h5 {    font-size: 14px;     padding-top: 10px;
    margin-top: 10px !important;}
	.content-info {    min-height: 317px;padding: 0 20px;     padding-top: 18px !important;}
	.content-info.exception { padding: 0 20px;}
	.item-list-receta {min-height: 420px;}
	.navbar-brand {    margin-top: 0;}
	.title-new {
    font-size: 50px;
    line-height: 50px;}
	.icon-container {    top: 16vw;}
	.title2, .title{    font-size: 28px;}
	.p-text {	    font-size: 13px;}
	.text-container {    padding: 0px 5%;}
	.item-main-card .first-column, .column-stable {
	    height: 365px;
	}
	.title-header .highlight, .title-header2 {    font-size: 50px;    line-height: 44px;}
	footer .intro-social-buttons i{background-position-y: -40px !important; }
	#mainNav .intro-social-buttons, #mainNav .navbar-toggler{display: none !important;}
	.navbar .container {    max-width: 100%;     margin-top: -12px;}
	#mainNav {    height: 73px;}
	.title {
	    font-size: 24px;
	    line-height: 32px;}
    .item-list-receta h3 {    font-size: 17px;}
    .properties {
	    font-size: 13px;
	    line-height: 20px;}
	.item-list-receta {	    min-height: 400px;}
	.b-ver-right {
	    position: relative;
	    right: 0;
	    top: 0;}
	#section-nocilleator-init {    margin-top: 30px;}

	.menu-footer, .menu-close{
		display: table;
	}
	.menu-footer .fa.fa-bars{
		font-size:28px !important;
		margin-top: 14px !important;
	}

	#mainNav {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#mainNav{    background: transparent;    padding-top: 0;      position: absolute;}
	#mainNav .navbar-toggler,.arrows{display: none !important;}
	#mainNav .navbar-brand {margin: 0 auto;
		width: 100px;
		margin-top: 10px;
	}
}

@media (max-width: 860px) {
	#mainNav .navbar-nav .nav-item .nav-link {    font-size: 11px;}
}

@media (min-width: 768px){

	.visible-xs{
		display: none;	
	}
}

@media (min-width: 768px) and (max-width: 992px){
	#final-result .item-list-receta {    min-height: 350px;}
}

@media (max-width: 768px) {
	#faqs p {
		top: 25px;
		left: 0;
		max-width: 100%;
	}
	#faqs h2 {
		margin-top: 70px;
	}
	.carousel-varieties h5, .carousel-formats h5 {
		font-size: 1.1rem;
	}
	#slider-products {
		bottom: 200px;
	}
	#cookies-videos-2 .row::after {
		max-width: 350px;
		top: 0;
	}
	#types-products-carousel.owl-carousel .owl-item p {
		font-size: 1rem;
	}
	#video-you iframe{
		width: 100%;
		height: 60vw;
	}
	#b-cookies {
		position: relative;
		bottom: 0;
		left: 0;
		display: block;
		transform: translate(0%, 0px);
	}
	#mascotas {	    background: url(../img/bg-mascotas-xs.jpg) no-repeat center bottom; background-size: cover; background-color: #fff;}
	#mascotas.minions {background: url(../img_new/minions/bg-minions-xs.jpg) no-repeat center bottom;}
	#bee-do {
		top: 11vh;
		left: -20px;
		transform: scale(0.7);
	}
	#mascotas .btn-primary {    margin-bottom: 20px;}
	#mascotas .site-heading {    padding: 80px 0;}
	#copy-universal {	display: none;}
	#copy-universal2 {   display: block;}
	#msform {    margin-top: 50px;}
	.content-info,.content-info.exception {
	    padding-top: 30px !important;
	    padding-bottom: 20px !important;
	}
	.content-info h5, .content-info.exception h5 {
	    padding-top: 25px;
	    margin-top: 25px!important;
	}
	#progressbar {    margin-bottom: 0px;}
	#progressbar li {    width: 70px;}
	#section-nocilleator .site-heading {    padding: 15vh 0 !important;}
	#section-nocilleator .window {    padding: 35px 15px;}
	#section-nocilleator h3 {font-size: 17px;}
	.bg-white.wow.fadeInUp.mb-4 a.text-right {    display: none;}
	.content-info { min-height: auto;    padding-bottom: 20px !important;}
	.item-list-receta { min-height: auto;
    	padding-bottom: 40px;}
	.overlay-nocilleamos .text {
	    font-size: 25px;
	    line-height: 27px;}
	#hotelT h1 {
    	font-size: 30px !important;
	}

	#hotelT{height: auto !important;}

	#highlightsTop .col-md-6 .btn {
    	width: 100% !important;
    	text-decoration: underline;
	}

	#highlightsTop .col-md-6:first-child, #highlightsTop .col-md-6:last-child{
		padding-right: 0;
		padding-left: 0;
		margin-bottom: 25px;
		background: none;
	}

	#highlightsTop .col-md-6:first-child .btn, #highlightsTop .col-md-6:last-child .btn{    position: relative;
		top: 0;}
	#highlightsTop .col-md-6:first-child{
		background: url('../img_new/cookies/banner-cookies.jpg') no-repeat left top !important; background-size:cover !important;
	}
	#highlightsTop .col-md-6:last-child{
		background: url('../img/cookies_destacado_mobile.jpg') no-repeat center center !important; background-size:cover !important;
	}

	#highlightsTop .col-md-6 {
    	width: 50% !important;
	}

	#dracula .first-column {
    	height: 48vw;
	}

	#dracula .min-height-mask{
		min-height: 73vw;
	}

	.hidden-xs{
		display: none !important;
	}

	#camisetas-mobile .icon-container{
		right: 33% !important;
	}

	#una_nocilla .item a{
		pointer-events: none !important;
	}


	.bg-mask{height: 65vw;}
	.bg-mask2{height: 115vw;}

	#descubre-maneras .bg-mask, #nocilleator .bg-mask{    height: 380px;}

	.min-height-mask {height:auto; min-height: 90vw;}

	#mascotas .arrows {
	    display: block !important;
	    bottom: 50px;
	}

	header.masthead .site-heading .subheading {    font-size: 14px;     color: #fff !important;}
	#mascotas .subheading {color:#5b7f95 !important;}
	.bg-nocilla2{display: none;}
	.item-main-card .first-column {    height: auto;}
	.column-stable {    height: 100%;}
	.bg-nocilla5 {
	    background-position: center;
	    background-size: 122% !important;
	    background-color: #fa3122;
	}
	.bg-nocilla6 {background-position: right 0;}
	.bg-tienes-dudas, .bg-nueva-receta, .bg-nocillea{background-position: center;
	    background-size: 200% !important;}
	.icon-container {
	    top: -50px;
	    right: 41%;
	    transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	}
	#felicidad_es .first-column {    height: auto;}
	.text-container {    padding: 30px 5%;}
	.btn-transparent, .btn-transparent:focus {
    padding: 12px 40px;
    font-size: 12px;}
    /*.icon-sin-aceite::before { background-size: 18vw;
	    right: 0;
	    top: 20vw;}
    .column-stable2 {    height: 50vw;}*/


	.title-header3 {    font-size: 26px; line-height: 32px;}
	/*.bg-recetas{background: none;}*/ 
	.bg-leche {    background: url(../img/bg-leche-xs.jpg) no-repeat left center;     padding-top: 17vw;}
	.bg-cacao {    background: url(../img/bg-cacao-xs.jpg) no-repeat left center;     padding-top: 17vw;}
	.bg-avellanas {    background: url(../img/bg-avellanas-xs.jpg) no-repeat left top;     padding-top: 17vw;}
	.bg-azucar {    background: url(../img/bg-azucar-xs.jpg) no-repeat center center;     padding-top: 5vw;}
	.bg-aceite {    background: url(../img/bg-aceite-xs.jpg) no-repeat center center;    padding-top: 5vw;}
	.bg-manteca {    background: url(../img/bg-manteca-xs.jpg) no-repeat center center;    padding-top: 17vw;}

	/*.bg-recetas .title-header3, .bg-recetas p{color:#412216 !important;}*/
	.bg-white-xs{background-color: #fff !important;}
	.bg-40-xs{    background-color: #e19d00 !important;}
	.item-elige .text {
    font-size: 28px;
    line-height: 29px;}
    #small-dialog {    padding: 70px 0 !important;}
	.container-checkbox {    padding-top: 0;}
	.bg-icons {    background: none;}

	.item-main-card .icon-animate::before {
	    animation-iteration-count: infinite;
	}

	.bg-mask-felicidad{height: 99vw;}
	.bg-salud-1 {		background: url(../img/salud-1-xs.jpg) no-repeat 0 0;}
	.salud-1-text {
	    padding: 20px;
	    padding-top: 60vw;
	}
	.bg-salud-2 {		background: url(../img/salud-2-xs.jpg) no-repeat 0 0;}
	.salud-2-text {
	    padding: 20px;
	    padding-top: 64vw;
	}
	.bg-salud-3 {	    background: url(../img/salud-3-xs.jpg) no-repeat 0 0;	}
	.salud-3-text {
	    padding: 20px;
	    padding-top: 60vw;
	}
	.bg-aceite-palma{		background: url(../img/sin-aceite-de-palma-xs.jpg) no-repeat 0 0;	}
	.aceite-palma-text {
	    padding: 20px;
	    padding-top: 58vw;
	}
	.item-elige:after{
	     content: "+";
	    position: absolute;
	    right: 0;
	    bottom: 0;
	    padding: 0.5rem;
	    color: #fff;
	    font-size: 40px;
	    line-height: 1.1rem;
	}

	.item-elige.yellow:after{
		content: "" !important;
	}

	header.masthead.withHL h1 img{
		/*max-width: 60% !important;*/
	}
	#descubre-maneras .title-new {
	    font-size: 35px;
    	line-height: 40px;}
    .text-absolute {    left: 15px;}
    .icon-container2 {
	    top: -42px;
    	left: 20px;
    	transform: scale(0.7);
    	-webkit-transform: scale(0.7);}	
    #nocilleator .title-new {
	    font-size: 35px;
    	line-height: 40px;}
    #una_nocilla .bg-animate {    background: url(../img_new/para-ti-xs.jpg) no-repeat right center;}
    .title-new2 {
	    font-size: 33px;
	    line-height: 36px;}
    .item-list-receta h3 {    font-size: 22px;}
    #msform fieldset {    padding: 20px 0px;}
    #section-nocilleator-init {    margin-top: 10px;}
    .link-ant {    top: 25px;}
    #section-nocilleator-init {    height: auto;}

	.bg-carousell {
		background-size: cover;
	}
	#slider-products-cookies-mobile.owl-carousel .owl-item .item-slide img {
		height: 230px;
		width: auto;
	}
}

@media (max-width: 640px){
	.menu-footer, .menu-close {
	    height: 57px;
	}
	.a4z_a47 {
	    width: 25%;
	}

	#camisetas-mobile .icon-container {
    	right: 28% !important;
	}

}

@media (max-width: 450px) {
	#cookies-videos-2 .row::after {
		max-width: 240px;
	}
	.title-new2 {    font-size: 25px;}
	/*#felicidad {        background-position: -175vw top;}*/
	#item-original{		background-position: 69% center !important;}
	#item-chocoleche{		background-position: 63% center !important;}
	#item-boca-abajo{		background-position: right center !important;}
	#item-cero{		background-position: right center !important;}

	#cookies h4{    font-size: 19px;}
	#cookies .btn-primary {    font-size: 10px;}
	#cookies::after{
		content: "";
		display: block;
		background: url(../img/bg-cookies.png) center bottom no-repeat;
	    background-size: cover;
	    height: 40px;
	    width: 100%;
	}
	#cookies .i-close {
	    bottom: 18px;
	    right: 15px;
	    transform: scale(0.7);
	}
	#small-dialog2 {    margin: 0px auto; padding: 30px 10px;}
	.btn-primary {
    	padding: 11px;
    	width: 100%;}
	#bg-form {
    	height: 40vh;
    	background-position: center;}
	#p-nocilla-cero {        background: url(../img/productos/banner-nocilla-cero-xs.jpg) right center;}
	.bg-tienes-dudas, .bg-nueva-receta, .bg-nocillea {    background-size: 170% !important;}
	.item-slide p {    font-size: 20px;}
	.table.table-type1 td, .table.table-type1 th {    font-size: 9px !important;}
	body.css-nocilla-cookies .table.table-type1 td, body.css-nocilla-cookies .table.table-type1 th {    font-size: 13px !important;}

	.item-elige .text {
    font-size: 18px;
    line-height: 19px;}
	.title2, .title{font-size: 24px;}
	header.masthead .site-heading h1 {padding: 0 20px;}
	#mascotas h1 {    font-size: 30px !important;}
	#mascotas .subheading strong {    font-size: 16px; line-height: 19px;}
	#mascotas .subheading {    font-size: 13px;    margin-top: 16px;}
	#mascotas .btn-primary {    width: 85%;}
	.mascotas-section .title {    font-size: 30px;    line-height: 33px;}
	 .icon-sin-aceite::before { background-size: 18vw;
	    right: -30px;
	    top: 9vw;}
	footer .copyright {    font-size: 11px;}
	#felicidad_buena {    background-position: center center;}
	.title-header .highlight, .title-header2 {
	    font-size: 42px;
    	line-height: 35px;
	}
	.title-header-xs {    font-size: 25px; line-height: 22px;}
	.title-header .highlight2{
	    font-size: 35px;
	    line-height: 32px;
	}
	.icon-container {	right: 37%;    }
	.title2{    font-size: 24px; line-height: 32px;}
	/*.title {
	    font-size: 18px;
	    line-height: 22px;}*/

	.p-text {    font-size: 14px;     margin-bottom: 13px;     line-height: 17px;     font-weight: 600;}
	.link-card {font-size: 14px;}
	.fa.fa-bars{
	    font-size:18px !important;
	    color: #d73427;
	}
	.menu-footer .fa.fa-bars{
	    font-size:28px !important;
	     margin-top: 14px !important;
	}
	.icon-home::before {
	    top: 73%;
	    right: 41%;
	    width: 70px;
	    height: 70px;
	    padding: 9px 0;
	    font-size: 33px;
	}
	.btn-line, .btn-line:focus {
    padding: 2px 0px;
    font-size: 13px;}

    #camisetas-mobile .icon-container {
    	right: 23% !important;
	}
	body.css-nocilla-cookies .table.table-type1 span.f-raleway{
		font-size: 0.8rem !important;
	}
}

@media (max-width: 400px) {
	.icon-container {	right: 34%;    }
	header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {    padding: 11vh 0;}

	#camisetas-mobile .icon-container{
		right: 18% !important;
	}
}
@media (max-width: 320px) {
	.title-header .highlight, .title-header2 {
	    font-size: 38px;
    	line-height: 35px;
	}
	.salud-1-text,.salud-2-text,.salud-3-text {	     padding: 0;   padding-top: 48vw;}
	.aceite-palma-text  {	    padding: 0;    padding-top: 43vw;}
	.menu-footer-item title{font-size: 8px;}
	#mainNav .navbar-brand {    margin-top: 20px;}
 }
@media (min-height: 1000px){
	header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {    padding: 30vh 0;}
	header.masthead.minions .site-heading {padding: 25vh 0;}
	#bee-do {top: 18vh;}
}
@media (max-height: 1000px){
	header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {    padding: 20vh 0;}
	#mascotas .site-heading {   padding: 9vh 0 4vh;}
	#mascotas.minions .site-heading {padding: 15vh 0 4vh;}
}
@media (max-height: 800px) {
	header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {    padding: 16vh 0;}
	#mascotas .site-heading {    padding: 8vh 0;}
}
@media (max-height: 650px)  and (min-width: 450px) {
	header.masthead .page-heading, header.masthead .post-heading, header.masthead .site-heading {    padding: 9vh 0;}
}
@media (max-height: 650px){
	#mascotas .subheading {
	    margin-bottom: 20px;
	    font-size: 14px;
	}
	#copy-universal {    top: 650px;}
	#mascotas h1 {    margin-top: 30px;}
}
@media (max-height: 600px){
	.arrows{display: none !important;}
}
@media (max-height: 550px){
	header.masthead {height: 110vh;}
}

@media (max-width: 1600px){
	#camisetas.recetas-desktop .first-column{height: 19vw !important;}
	#camisetas.recetas-desktop  .first-column .bg-nocilla-camisetas div{border-width: 0 100px 19vw 0 !important;}
}

@media (max-width: 1390px){
	#camisetas.recetas-desktop .first-column{height: 31vw !important;}
	#camisetas.recetas-desktop  .first-column .bg-nocilla-camisetas div{border-width: 0 100px 31vw 0 !important;}
}

@media (max-width: 1300px){
	#camisetas.recetas-desktop .first-column{height: 28vw !important;}
	#camisetas.recetas-desktop  .first-column .bg-nocilla-camisetas div{border-width: 0 100px 28vw 0 !important;}
}

@media (max-width: 1200px){
	#camisetas.recetas-desktop .first-column{height: 36vw !important;}
	#camisetas.recetas-desktop  .first-column .bg-nocilla-camisetas div{border-width: 0 100px 36vw 0 !important;}
}

@media (max-width: 1000px){
	#camisetas.recetas-desktop .first-column{height: 55vw !important;}
	#camisetas.recetas-desktop  .first-column .bg-nocilla-camisetas div{border-width: 0 100px 55vw 0 !important;}
}

@media (max-width: 1200px) and (max-height: 650px){
	#mascotas-videos .row::after{    background-size: 130%;}
}
@media (max-width: 992px) and (max-height: 650px){
	#mascotas-videos .row::after{    background-size: 160%;}
}