/* #Media Queries
================================================== */

/* Large Devices, Wide Screens */


@media all and (min-width: 992px) {
	.products_container_page{
		min-height: 90vh;
		background-image: url('https://app-62e7f973c1ac18fe3c611a0b.closte.com/wp-content/uploads/2022/10/product_background.png');
		background-position: 48% 13%;
    	background-size: 236%;
    	background-repeat: no-repeat;
	}
}

@media (min-width: 1920px){
	.products_container_page {
		min-height: 58vh;
    	background-image: url('https://app-62e7f973c1ac18fe3c611a0b.closte.com/wp-content/uploads/2022/10/product_background.png');
    	background-position: 48% 17%;
    	background-size: 180%;
    	background-repeat: no-repeat;
	}
}

@media only screen and (max-width : 1500px){
	.homepage_hero .container{
    	max-width: 100%;
		width: 100%;
    	margin: 0;
    	padding: 0;
	}
}

@media only screen and (max-width : 1200px) {
	
	.header__nav {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 2;
  }

  .screenMenu {
    display: block;
    content: '';
    width: 100%;
    height: calc(100vh - 280px);
    z-index: 1;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(200%);

    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  }

  .menuOpen .screenMenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);

    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
  }

  .header__nav nav ul li{
    display: block;
    padding: 0;
    text-align: center;
  }

  .header__nav--left,
  .header__nav--right{
    transform: translateY(-800%);
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
  }

  .menuOpen .header__nav--left{
    display: block;
    position: fixed;
    transform: translateY(95px);
    width: 100%;
    background: var(--main-bg-color);

    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
  }

  .menuOpen .header__nav--right{
    display: block;
    position: fixed;
    transform: translateY(176px);
    width: 100%;
    background: var(--main-bg-color);
    box-shadow: 0 3px 4px rgba(0,0,0,0.3);

    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
  }

  .menuOpen{
    overflow: hidden;
  }

  .pricing-right, .pricing-left {
    padding: 0 2rem;
  }

  .the-price {
    font-size: 70px;
    line-height: 78px;
  }

  .hamburger{
    display: block;
    z-index: 10;
  }
	
	.d-lg-block {
    	padding: 0 4%;
	}
	
}

@media all and (min-width: 992px) {
	
	.dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		margin-top: 0;
	}
	
	.nav-item:hover .dropdown-menu {
		visibility: visible;
		opacity: 1;
		top: 100%;
		background-color: #D2E7FF;
    	border: none;
	}
	
	.nav-toggle {
		display: none;
	}
	
	.mobile_back{
		background-image: none !important;
	}
	
	
}

@media only screen and (max-width : 1400px){
	.hero_products_image {
    	max-width: 774px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	.navbar-nav .d-lg-block {
    	padding: 0 4%;
	}
}

@media only screen and (max-width : 992px) {
	
	#menu-nav-menu {
		padding-top: 30px;
	}
	
	.navbar .mega-menu .dropdown-menu,
	.navbar .dropdown-menu {
		display: none;
		background: #f0f0f0;
		padding: 10px;
		margin-top: 0;
		transition: none;
	}
	
	.navbar .mega-menu .sub-header {
		width: 100%;
		padding: 0 15px;
		text-align: left;
	}
	
	.navbar .dropdown {
		position: relative;
	}
	
	.navbar .dropdown .nav-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		font-size: 20px;
		padding: 18px 20px 20px 20px;
		line-height: 1;
		border-left: 1px solid #f0f0f0;
		cursor: pointer;
	}
	
	.navbar .dropdown .nav-toggle i {
		-webkit-transition: all 0.2s ease;/* Safari 3.2+, Chrome */
		-moz-transition: all 0.2s ease;/* Firefox 4-15 */
		-o-transition: all 0.2s ease;/* Opera 10.5-12.00 */
		transition: all 0.2s ease;/* Firefox 16+, Opera 12.50+ */
	}
	
	.navbar .dropdown .nav-toggle.active i {
		transform: rotate(180deg);
	}

	.navbar-light .navbar-toggler {
    	color: transparent;
    	border-color: transparent;
	}
	
	.main_header ul {
    	display: inline-flex;
    	flex-direction: column;
    	text-align: center;
		width: 100%;
    	gap: 14px;
	}
	
	.main_header ul li:after {
    	display: none;
	}
	
	.header_logo {
    	max-width: 140px;
	}
	
	.navbar {
    	padding-top: 2rem;
    	padding-bottom: 2rem;
	}
	
	.main_header ul li a {
    	font-size: 1.7rem;
    	line-height: 3rem;
    	border-bottom: 1px solid #f0f0f0;
	}
	
	.main_header ul li:last-child a{
		border-bottom: none;
	}
	
	.footer_links ul {
    	flex-direction: column;
    	text-align: center;
    	gap: 13px;
	}
	
	.legal_container {
    	flex-direction: column;
    	align-items: center;
    	gap: 10px;
	}
	
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		width: 90%;
	}
	
	.navbar-expand-lg .navbar-nav {
    	width: 100%;
	}
	
	h2 {
	    font-size: 4rem;
		line-height: 4rem;
    	margin-bottom: 20px;
	}
	
	.contacto_section h2 {
    	font-size: 46px;
    	line-height: 72px;
	}
	
	.inner_txt_content {
    	padding: 33px;
	}
	
	h2 span {
    	font-size: 7rem;
	}
	
	.w-lg-90{
		max-width: 90%;
	}
	
	/***** DANONE COOKIES *****/
	
	.subcontainer {
    	width: 100%;
    	margin: auto;
	}
	
	.cookies {
    	font-size: 10px;
	}
	
	/***** DANONE HOMEPAGE HERO SLIDER *****/
	
	.hero_products_image {
    	position: relative;
	    max-width: 100%;
		margin-top: 40px;
	}
	
	h1{
		
	}
	
	h1 {
    	font-size: 5.2rem;
    	line-height: 1;
	}
	
	h1 span {
    	font-size: 3rem;
    	display: block;
	}
	
	.hero_subtitle {
	    font-size: 3rem;
    	margin-top: 0;
	}
	
	.hero_homepage {
	    min-height: 64vh;
	}
	
	.hero_back_image{
		background-size: 100%;	
	}
	
	.homepage_content .slick-next {
    	right: 0px;
	}
	
	.homepage_content .slick-prev {
    	left: 0;
	}

	.slick-slide .home_slide_container img{
		margin-top:30px;
	}
	
	/* MENU */
	.navbar>.container{
		position: relative;
	}
	
	.nav-open .navbar-collapse,
	.navbar-collapse{
		position: absolute;
    	z-index: 99;
    	background-color: #D2E7FF;
    	top: 67px;
    	right: -19px;
	}
	
	.main_header ul li {
    	padding: 8px 27px;
    	position: relative;
    	text-align: left;
	}
	
	.main_header ul {
    	gap: 0;
	}
	
	/* SLIDE */
	
	.home_slide_container{
		display: flex;
    	flex-direction: column;
	}
	
	.content_txt_slide{
		order: 2;
		text-align: center;
	}
	
	.content_txt_slide img{
		order: 1;
	}
	
	.content_txt_slide h1,
	.content_txt_slide p{
		text-align: center;
	}
	
	h1 {
    	font-size: 4.1rem;
    	line-height: 1;
		margin-bottom:14px;
	}
	
	.hero_subtitle {
    	font-size: 2rem;
    	margin-top: 0;
    	line-height: 1.3;
	}
	
	.hero_homepage .slick-dots {
    	bottom: 35px;
	}
	
	.slick-slide img {
    	max-width: 85%;
    	margin: auto;
	}
	
	#single_product .slick-slide img {
		max-width: 220px;
    	margin: 0 auto;
	}
	
	.single_product .single_product_wrapper .hero_image .img_product_slide{
		padding: 40px 0 0 0;
		justify-content: flex-start;
	}
	
	.img_product_slide {
	    min-height: auto !important;
	}
	
	.hero_products_image{
		bottom: 0;
	}
	
	.filter_wrapper {
	    gap: 20px;
		flex-wrap: wrap;
	}
	
	.filter_wrapper select {
	    min-width: 100%;
	}
	
	.btn_singlep_wrapper {
    	flex-wrap: wrap;
    	gap: 20px;
	}
	
	.btn_singlep_wrapper a{
		min-width: 100%;
	}
	
	.single_product h1 {
    	font-size: 49px;
    	text-align: center;
	}
	
	.hero_product_description, .hero_product_description p, .hero_presentacion {
    	text-align: center;
	}
	
	.hero_product_subtitle {
    	text-align: center;
	}
	
	#dot_menu span {
		display: block;
	}
	
	.navbar .mega-menu .dropdown-menu, .navbar .dropdown-menu {
    	display: none;
    	background: transparent;
    	padding: 10px;
    	margin-top: 0;
    	transition: none;
    	border: none;
	}
	
	.caracteristicas_content h2 {
    	font-size: 36px;
	}
	
	.caracteristicas_content img{
		max-width: 100px;
	}
	
	.cd-horizontal-timeline .events-content {
	    width: 100%;
	}
	
	.como_ayudas_section {
    	min-height: auto;
	}
	
	.cd-horizontal-timeline .events-content li img {
    	max-width: 80%;
    	margin: 0 auto;
	}
	
	.cd-horizontal-timeline .events-content {
	    margin: 0 0 2em 0;
	}
	
	.cd-horizontal-timeline .events-content h2{
		font-size:38px;
	}
	
	.cd-horizontal-timeline .events-content {
    	min-height: 400px;
	}
	
	/* ESTAMOS HECHOS */
	.col_interactive {
    	display: flex;
    	flex-direction: column;
    	gap: 30px;
	    justify-content: space-between;
	}
	
	.item_box {
    	padding: 30px;
    	font-size: 16px;
    	font-weight: 500;
    	width: 100%;
    	height: auto;
    	padding: 30px;
    	overflow: hidden;
    	margin: 0 auto;
    	top: 0;
    	position: relative;
    	right: 0;
    	color: rgba(255,255,255,1);
    	-webkit-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
	}
	
	.estamos_hechos {
    	padding: 70px 0;
	}
	
	.middle_product {
    	display: flex;
    	padding: 70px 0;
	}
	
	.middle_product img {
    	max-height: 279px;
    	margin: auto;
	}
	
	.como_ayudas_content{
		text-align: center;
	}
	
	.como_ayudas_section p {
    	font-weight: 500;
    	font-family: 'Roboto', sans-serif;
    	font-size: 18px;
    	line-height: 24px;
	}
	
	.productos_category_section {
    	min-height: inherit;
	}
	
	.mobile_back{
		background-position: top center;
    	background-size: 100%;
    	background-repeat: no-repeat;
		height: 100%;
		display: flex;
    	align-items: flex-end;
    	padding-bottom: 70px;
	}
	
	section .slider_hero_homepage .section_padded, 
	section .slider_hero_homepage .section-padding {
    	padding: 0;
	}
	
	.como_ayudas_content{
		margin-top: 60% !important;
		width: 100%;
    	align-items: center;
    	display: flex;
    	justify-content: center;
    	flex-direction: column;
	}
	
	.the_hero_slider .como_ayudas_section {
    	min-height: auto;
	}
	
	.otros_productos_subtitle {
    	font-weight: 500;
    	font-size: 18px;
    	line-height: 28px;
    	margin-top: 5px;
    	max-width: 90%;
	}
	
	.inner_single_content h2 {
    	font-style: normal;
    	font-weight: 900;
    	font-size: 40px;
    	line-height: 44px;
	}
	
	.receta_single_section {
	    min-height: auto;
	}
	
	.recetas_recomendadas h2 {
    	font-size: 58px;
    	line-height: 1;
    	padding: 40px 0;
	}
	
	.utensilios_container {
    	display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
    	width: 100%;
    	justify-content: space-evenly;
	}
	
	.utencilio_item {
    	padding: 25px 0 25px 0;
	}
	
	.contacto_section {
    	min-height: auto;
	}
	
	.contacto_section p {
    	font-weight: 500;
    	font-family: 'Roboto', sans-serif;
    	font-size: 22px;
    	line-height: 27px;
    	margin-bottom: 0;
	}
	
	.page-template-page-donde-comprar .img_back {
    	background-position: top center;
    	background-size: cover;
    	background-repeat: no-repeat;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	h1{
    	/*font-size: 5.2rem;
    	line-height: 5.9rem;*/
  	}

  	section .container,
  	footer .container{
    	max-width: 90%;
    	width: 90%;
  	}
	
	.w-lg-90{
		max-width: 100%;
	}
	
	.nav {
		width: 370px;
	}
	
	.nav__link{
		font-size: 14px;
	}
	
	.logos_container a {
	    width: 40%;
	}
	
	.logos_container {
	    gap: 30px 20px;
	}
	
	.the_subtitle {
    	font-size: 3rem;
    	line-height: 3rem;
	}
	
	.newsletter-section h2 span {
    	margin-top: 20px;
	}
	
	.newsletter-section h2 {
    	line-height: 4rem;
	}
	
	.fw_category_container {
    	display: flex;
    	flex-direction: column;
    	align-items: center;
    	justify-content: space-between;
	}
	
	.middle_container{
		order: 1;
	}
	
	.img_left{
		order: 2;
	}
	
	.img_right{
		order: 3;
	}
	
	.hechos_container{
		width: 100%;
	}
	
	.home_recetas_wrapper {
    	flex-direction: column;
		gap: 55px;
	}
	
	.wrapper_hechos p {
    	font-size: 18px;
	    line-height: 28px;
	}
	
	.page_recetas .element-item {
	    width: 50%;
	}
	
	.receta_column {
    	padding: 30px;
	}
	
	.receta_column h2 {
    	font-size: 50px;
    	line-height: 1;
    	margin-bottom: 22px;
		text-align: center;
	}
	
	.recetas_wrapper {
    	display: flex;
    	flex-direction: column;
	}
	
	.recetas_grid {
	    grid-template-columns: 1fr 1fr;
	}
	
	.hero_single_product {
    	display: flex;
    	flex-direction: column;
	}
	
	.single_product .hero_title {
    	font-size: 43px;
	}
	
	.img_product_slide,
	.hero_info{
    	padding: 40px 20px;
	}
	
	.single_product h1 {
	    font-size: 42px;
	}
	
	.single_product .hero_image{
		order: 1;
	}
	
	.single_product .hero_info{
		order: 2;
	}
	
	.hero_info {
    	min-height: auto;
	}
	
	.recetas_comprar_item {
    	padding: 50px 30px;
	}
	
	.product_bebible,
	.product_slider_2,
	.product_deslactosado,
	.carrusel_2{
		max-width: 80%;
		margin: auto;
	}
	
	.images_container{
		flex-direction: column;
	}
	
	.licuados_container {
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
	}
	
	.licuados_container div:first-child{
		display: none;
	}
	
	.blog_box_content_wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}
	
	.blog_highlight_content p, .blog_highlight_content, .blog_highlight_content_p {
    	color: #ffffff;
    	font-weight: 500;
    	text-align: center;
    	font-size: 22px;
	}
	
	.phone_image {
    	max-width: 70px;
	}
	
	.contact_text_itm p {
    	font-style: normal;
    	font-weight: 600;
    	font-size: 20px;
    	line-height: 32px;
    	color: #ffffff;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
	
	.recetas_grid {
	    grid-template-columns: 1fr;
	}

	.main-btn {
	    font-size: 15px;
		padding: 16px 30px;
	}
	
	.nav {
		width: 300px;
	}
	
	.nav__link{
		font-size: 12px;
	}
	
	.categories_wrapper {
    	flex-direction: column;
	}
	
	.category_content {
	    bottom: 28px;
    	gap: 0;
	}
	
	.main_btn {
    	padding: 5px 24px 5px 24px;
	    font-size: 1.6rem;
	}
	
	.category_content h2 {
    	margin-bottom: 12px;
	}
	
	.page_recetas .element-item {
	    width: 100%;
	}
	
	h2 span {
    	font-size: 5rem;
	}
	
	.hero_info{
		min-height: auto;
	}
	
}


@media only screen and (max-width : 390px) {

	
	
}