/* #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 : 1400px){
	.title_switcher {
    	font-size: 20px;
	}
	
	.blog_entry {
	    width: 30%;
	}
	
}

@media only screen and (max-width : 1200px) {
	
	.title_switcher {
    	font-size: 17px;
	}
	
	.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%;
	}
	
	.nav-toggle {
		display: none;
	}
	
	
	
	
}

/* 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;
	}
	
	.w-lg-90{
		max-width: 90%;
	}
	
	.hero_slide_item {
    	flex-direction: column;
		min-height: 87vh;
		min-height: 66vh;
	}
	
	.image_slider, .text_slider {
    	width: 100%;
	}
	
	.homepage_hero .container{
		width: 100%;
    	max-width: 100%;
    	padding: 0;
	}
	
	.homepage_hero h1 {
	    font-size: 2.4rem;
		text-align: center;
		line-height: 2.6rem;
	}
	
	.home_slider .button_container {
    	margin-top: 20px;
		justify-content: center;
	}
	
	.homepage_newsletter h2 {
	    font-size: 36px;
	    line-height: 1;
	}
	
	.recetas_grid {
	    grid-template-columns: 1fr;
	}
	
	.homepage_recetas h2 {
	    font-size: 3.5rem;
	    margin-bottom: 0;
	}
	
	.posts-grid-single-content {
    	padding: 26px 0;
	}
	
	.homepage_recetas .main-btn.light_btn {
    	max-width: 100%;
    	margin: auto;
	}
	
	.text_slider {
    	padding: 25px 20px;
		
	}
	
	.section_padded {
    	padding: 35px 0;
	}
	
	.homepage_recetas h2 span {
    	font-size: 3.5rem;
	}
	
	.products_hero h1 {
	    font-size: 4.5rem;
    	padding: 0;
    	max-width: 100%;
    	text-align: center;
	}
	
	.products_container_page {
	    background-position: center 14%;
		min-height: 65vh;
	}
	
	.products_container {
	    grid-template-columns: 1fr;
		grid-gap: 40px;
		margin: 10px 0 60px 0;
    	padding: 0 15px;
	}
	
	.nav {
		width: 500px;
	}
	
	.products_hero h1 p {
    	font-size: 2.7rem;
    	padding: 9px 0;
		max-width: 100%;
		text-align: center;
	}
	
	.the_product{
		flex-direction: column;
	}
	
	.the_product_txt{
		order: 0;
	}
	
	.the_product_img{
		order: 2;
	}
	
	.single_product h1{
		text-align: center;
		font-size: 26px;
    	line-height: 31px;
	}
	
	.the_text p{
		font-size: 16px;
		line-height: 23px;
	}
	
	.the_buttons {
	    flex-direction: column;
    	gap: 30px;
	}
	
	.cookies {
    	flex-direction: column;
	}
	
	.recetas_hero_content {
    	flex-direction: column;
    	gap: 30px;
	}
	
	.hero_photo img {
    	max-width: 100%;
	}
	
	.recetas_hero_content h1 {
	    font-size: 50px;
	    line-height: 50px;
	}
	
	.hero_content ul {
    	flex-wrap: wrap;
	}
	
	.hero_content ul li {
    	width: 50%;
	}
	
	.recetas_proceso ol li::before {
	    width: 40px;
	}
	
	.recetas_proceso ol li::before {
	    left: 0px;
	}
	
	.recetas_proceso ol li {
    	font-size: 20px;
    	line-height: 29px;
    	gap: 16px;
    	padding-left: 60px;
	}
	
	.ingredients_grid p {
	    font-size: 17px;
    	line-height: 25px;
	}
	
	.ingredients_grid {
    	grid-template-columns: 1fr;
	}
	
	/*** BLOG ***/
	
	.blog_entry {
    	width: 100%;
	}
	
	.blog_entry:first-child a {
	    flex-direction: column;
	}
	
	.blog_entry:first-child a figure, .blog_entry:first-child a .blog_info_wrapper {
	    width: 100%;
	}
	
	.home_slider .is_desktop{
		display: none;
	}

	.home_slider .is_mobile{
		display: flex;
	}
	
	section.infografia_section .infog-01 {
    	left: 50px;
    	top: -54px;
    	width: 94px;
	}
	
	section.infografia_section .infog-02 {
    	right: 34px;
    	top: -27px;
    	width: 110px;
	}
	
	section.infografia_section .infog-03 {
    	left: 110px;
    	top: 26px;
    	width: 82px;
	}
	
	section.infografia_section .infog-04 {
    	right: 37px;
    	top: 70px;
    	width: 90px;
	}
	
	section.infografia_section .infog-05 {
    	left: 57px;
    	top: 108px;
    	width: 132px;
	}
	
	.addInfo .infog_txt.intxt-01 {
    	position: absolute;
    	left: 21px;
    	top: 40px;
    	font-family: 'Montserrat';
    	font-style: normal;
   		font-weight: 400;
    	font-size: 7px;
    	line-height: 1;
    	text-align: center;
    	color: #0D3358;
    	max-width: 94px;
    	display: block;
	}
	
	.addInfo .infog_txt.intxt-02 {
    	position: absolute;
    	right: 0;
    	top: 84px;
    	font-family: 'Montserrat';
    	font-style: normal;
    	font-weight: 400;
    	font-size: 7px;
    	line-height: 1;
    	text-align: center;
    	color: #0D3358;
    	max-width: 100px;
    	display: block;
	}
	
	.addInfo .infog_txt.intxt-03 {
    	position: absolute;
    	left: 60px;
    	top: 123px;
    	font-family: 'Montserrat';
    	font-style: normal;
    	font-weight: 400;
    	font-size: 7px;
    	line-height: 1;
    	text-align: center;
    	color: #0D3358;
    	max-width: 100px;
    	display: block;
	}
	
	.addInfo .infog_txt.intxt-04 {
    	position: absolute;
    	right: 17px;
    	top: 169px;
    	font-family: 'Montserrat';
    	font-style: normal;
    	font-weight: 400;
    	font-size: 7px;
    	line-height: 1;
    	text-align: center;
    	color: #0D3358;
    	max-width: 73px;
    	display: block;
	}
	
	.addInfo .infog_txt.intxt-05 {
    	position: absolute;
    	left: 27px;
    	top: 209px;
    	font-family: 'Montserrat';
    	font-style: normal;
    	font-weight: 400;
    	font-size: 7px;
    	line-height: 1;
    	text-align: center;
    	color: #0D3358;
    	max-width: 100px;
    	display: block;
	}
	
	.infografia_section {
    	background: rgb(0,128,186);
    	background: linear-gradient(0deg, rgba(0,128,186,1) 10%, rgba(251,241,229,1) 10%);
	}
	
	.donde-comprar_container_page {
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
	}
	
	.donde-comprar_title h1 {
    	font-size: 4rem;
    	text-align: center;
	}
	
	.donde-comprar_container_page .hero_decription {
    	text-align: center;
	}
	
	.text_slider br{
		display: none;
	}
	
	.dc_rounded{
		width: 100%;
	}
	
	.donde-comprar-hero-text{
		width: 100%;
	}
	
	.donde-comprar_hero .hero_subtitle {
    	text-align: center;
	}
	
	.dc_rounded::after {
    	content: '';
    	display: block;
    	position: absolute;
    	left: 0;
    	top: 0;
    	bottom: inherit;
    	width: 100%;
    	background-color: #0080BA;
    	border-radius: 0 0 35px 35px;
    	right: 0;
    	height: 35px;
	}
	
	.hero_product {
	    width: 160px;
		width:100%;
		margin-top: 130px;
		margin-top: 44px;
	}
	
	.products_container_page .products_title {
    	flex-direction: column;
	}
	
	.home_pot_image{
		padding-right: 0;
	}
	
	.button_container_hero {
    	display: flex;
    	flex-direction: column;
    	padding-top: 10%;
    	width: 100%;
    	align-items: center;
	}
	
	.products_hero h1 p {
    	font-size: 6.7rem;
    	padding: 9px 0;
    	max-width: 100%;
    	text-align: center;
		min-height: 152px;
		min-height: auto;
	}
	
	.the_product_img{
		display: none;
	}
	
	.mobile_only{
		display: block;
	}
	
	.desktop_only{
		display: none;
	}
	
	.desktop_only img,
	.mobile_only img{
		width: 100%;
	}
	
	.the_product_txt h1{
		order: 0;
	}
	
	.the_product_txt .mobile_only{
		order: 1;
	}
	
	.the_product_txt .the_text{
		order: 2;
	}
	
	.the_product_txt .product_desc{
		order: 3;
	}
	
	.the_product_txt .single_product_icons{
		order: 4;
		display: flex;
    	flex-direction: row;
    	align-items: flex-start;
    	justify-content: center;
		flex-wrap: wrap;
	}
	
	.the_product_txt .filter_wrapper{
		order: 5;
	}
	
	.item_icon_single {
    	text-align: center;
    	width: 32%;
    	align-items: center;
    	display: flex;
	    flex-direction: column;
	}
	
	.slider_legal_line {
	    text-align: center;
		margin-top: 14px;
	}
	
	.products_slider .button-group .p_cat:nth-child(3) {
    	border-radius: 0 0 0.5em 0.5em;
	}

}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.highlight_recetas_title {
    	font-size: 4rem;
		text-align: center;
	}
	
	.highlight_recetas_text {
    	font-size: 21px;
    	line-height: 26px;
		text-align: center;
	}
	
	.highlight_recetas {
    	padding: 50px 40px;
	}
	
	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;
	}
	
	.donde-comprar_title h1 {
	    font-size: 4rem;
		margin-bottom: 10px;
	}
	
	.hero_subtitle {
	    font-size: 30px;
	}
	
	.hero_decription {
    	font-size: 19px;
	}
	
	.logos_grid_container img {
    	max-width: 75%;
	}
	
	.logos_grid_container {
	    gap: 50px;
	}
	
	.beneficios_container_page {
    	flex-direction: column;
	}
	
	.beneficios_title h1{
		font-size: 4rem;
		text-align: center;
		margin-top: 30px;
    	margin-bottom: 0;
	}
	
	.beneficios_title {
    	max-width: 100%;
	}
	
	.beneficios_hero_image img{
		max-width: 100%;
	}
	
	.beneficios_cuida_columns {
	    flex-direction: column;
	}
	
	.beneficios_cuida_columns img{
		max-width: 100%;
	}
	
	.rulers_cuida_columns {
	    flex-direction: column;
	}
	
	.rulers_cuida_columns img {
    	width: 80%;
	}
	
	.rulers_cuida_columns:nth-child(odd) img {
    	order: 0;
	}
	
	.product_slider_container .products_container {
    	grid-template-columns: 1fr;
    	margin: 60px 0;
	}
	
	.product_category_descripcion {
		font-size: 17px;
		line-height: 29px;
	}
	
	.center_image {
	    max-width: 40%;
	}
	
	.hero_paragraph p {
	    font-size: 20px;
	    line-height: 28px;
	}
	
	.animated_blocks {
   		min-height: 194px;
	}
	
	.hover_info{
		display: none;
	}
	
	.beneficios_info_section p {
    	font-size: 19px;
    	line-height: 29px;
	}
	
	.beneficios_info_section p.p_lighted {
    	font-size: 36px;
	}
	
	.beneficios_cuida_section h2 span {
	    font-size: 4rem;
	}
	
	.beneficios_cuida_section p, .beneficios_cuida_columns p {
    	font-size: 19px;
    	line-height: 28px;
	}
	
	.animated_blocks:hover .hover_info{
		display: block;
	}
	
	.the_product_img img {
    	max-width: 100%;
	}
	
	.page_recetas .element-item{
		width: 100%;
	}
	
	.buttons_container {
	    flex-direction: column;
	}
	
	.buttons_container .productos button.is-checked {
    	border-radius: 12px 12px 0 0;
	}
	
	.buttons_container .comida button.is-checked {
    	border-radius: 0 0 12px 12px;
	}
	
	.blog_single_wrapper {
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
	}
	
	.hero_nosotros_top_container{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		align-content: space-between;
	}
	
	.img_container{
		order: 2;
	}
	
	.txt_container{
		order: 1;
	}
	
	.blog_list_hero .blog_list_hero_content h1,
	.page_recetas .recetas_hero h1{
    	font-weight: 700;
    	font-size: 40px;
    	line-height: 1;
    	text-align: center;
    	text-transform: uppercase;
    	color: #FBF1E5;
    	margin: 0;
	}
	
	.hero_nosotros_top_container h1 {
	    font-size: 4rem;
    	line-height: 4rem;
	}
	
	.new_product_section .nav{
		width: 100%;
	}
	
	.the_product_img, .the_product_txt {
	    width: 100%;
	}
	
	.section_title {
	    font-size: 26px;
	}
	
	.blue_container {
    	background: #0080BA;
    	border-radius: 40px;
    	padding: 20px 20px 20px 20px;
	}
	
	.animated_content {
	    max-width: 100%;
	}
	
	.animated_content .left_top:hover {
    	transform-origin: 155px 200px;
		transform: scale(1.2);
	}
	
	.animated_content .right_top:hover {
	    transform-origin: 155px 202px;
	    transform: scale(1.2);
	}
	
	.animated_content .left_bottom:hover {
    	transform-origin: 155px 0;
	    transform: scale(1.2);
	}
	
	.animated_content .right_bottom:hover {
    	transform-origin: 155px 0;
	    transform: scale(1.2);
	}
	
	.responsiveIframe {
    	padding-bottom: calc(150.25%);
		padding-bottom: calc(99.25%);
		padding-bottom: 0;
	}
	
	.donde-comprar-hero-text {
    	padding: 20px 30px 0;
	}
	
	.button_container_home {
    	display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	align-items: center;
		gap: 20px;
	}
	
	.descubre_container {
    	flex-direction: column;
    	align-items: flex-start;
    	justify-content: space-between;
    	gap: 50px;
	}
	
	.title_switcher {
    	flex-direction: column;
    	gap: 20px;
    	text-align: center;
	}
	
	.title_switcher p:nth-child(2){
		display: none;
	}
	
	.filter_wrapper {
   	 	flex-direction: column;
    	gap: 20px;
		width: 100%;
	}
	
	.filter_wrapper select{
		width: 100%;
		max-width: 100%;
	}
	
	.title_switcher p {
    	font-size: 18px;
	}
	
	.tres-reglas button.accordion {
	    font-size: 17px;
	}
	
	.is_desktop{
		display:none;
	}
	
	.is_mobile{
		display:flex;
	}
	
	.back_receta_responsive{
		display: block;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {

	.main-btn {
	    font-size: 15px;
		padding: 16px 30px;
	}
	
	.nav {
		width: 300px;
	}
	
	.nav__link{
		font-size: 12px;
	}
	
	.products_container_page {
    	background-position: center -4%;
    	min-height: 46vh;
	}
	
	.products_slider.section_padded{
		padding: 20px 0;
	}
	
	.products_slider .button_product{
		width: 100%;
	}
	
	.products_slider .button-group .button_product:first-child {
    	border-radius: 0.5em 0.5em 0 0;
	}
	
	.products_slider .button-group .button_product:last-child {
    	border-radius: 0 0 0.5em 0.5em;
	}
	
	.products_slider .products_subcategories .button_product {
	    margin: 10px 0 10px;
	}
	
	.products_slider .products_subcategories .button-group .button_product:first-child {
    	border-radius: 4px;
	}
	
	.slide_product_single {
    	width: 90%;
		margin: 0;
	}
	
	.products_hero .slick-slide {
    	min-height: 61vh;
	}
	
	.dc_rounded::after{
		display: none;
	}
	
	
}


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

	.products_container_page {
    	background-position: center -28%;
    	min-height: 52vh;
	}
	
}