@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
}





/* RESPONSIVE HORIZONTAL */




/* ----------------------------------------------------------------------*/

/* 1460
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1460px){
	
	
	/* #root */ 
	:root {


		/* medidas */
		--h-header              : 100px;
		--col-header-left       : 220px;

	} 



}







/* ----------------------------------------------------------------------*/

/* 1370
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1370px){


	:root {

		/* medidas */
		--container-md: 1280px;
		--w-sidebar   : 280px;

	}


}








/* ----------------------------------------------------------------------*/

/* 1300
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1300px){




	.footer--top:after {
		width: 35%;
	}





}







/* ----------------------------------------------------------------------*/

/* 1200
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1200px){


	/* #root */ 
	:root {



		/* size */
		--size           : .938rem; /* 15px */
		--size-1         : 3rem; /* 48px */
		--size-2         : 2.25rem; /* 36px */
		--size-3         : 1.875rem; /* 30px */
		--size-4         : 1.625rem; /* 26px */
		--size-5         : 1.375rem; /* 22px */
		--size-6         : 1.125rem; /* 18px */

		/* medidas */
		--h-header       : 100px;
		--col-header-left: 180px;

		--h-cabezal      : 130px;
		--w-botonera     : 140px;

	}



	/* #HEADER */
	.cont--header {
		height       : var(--h-header-scroll) !important;
	}

		.cont--header > [class*=container--] > .d--grid {
			grid-template-columns: var(--col-header-left-scroll) var(--col-header-right);
		}

			.header-right--bottom {
				grid-template-columns: 120px 30px;
				grid-column-gap      : 15px;
				justify-content      : end;
			}

			.cont--header .col--right {
				grid-column-gap: 10px;
			}
			
			.cont--header.woo--active .col--right {
				grid-template-columns: 25px 25px 25px;
			}
			.cont--header.login.woo--active .col--right {
				grid-template-columns: 25px 25px 25px 25px;
			}
			.cont--header.login .col--right {
				grid-template-columns: 25px 25px 25px 25px;
			}

				.btn--logout span {
					transform: translateY(2px);
				}



		/* #logo */
		.logo--header img {
			max-width: var(--col-header-left-scroll) !important;
		}

		/* #menu */
		.cont--header .cont--menu {
			display   : none;
			visibility: hidden;
		}

		.btn--menu {
			display: block;
		}


		.header-right--top .cont--redes {
			display: none;
		}

		/* sub menu */
		.cont--menu .sub-menu {
			position: relative;
		}

		.cont--menu ul li.menu-item-has-children:hover a + .sub-menu {
			display: none;
		}





	/* #MAIN */
	.cont--main {
		padding-top: var(--h-header-scroll);
	}



		/* slide */
		.n2-ss-slider .cont--tx .n2-ss-layer.n2-ow:nth-of-type(1) > .n2-ss-layer-col {
			transform: translateX(25px);
		}

		.n2-ss-slider h2 {
			font-size: 200% !important;
		}
		.n2-ss-slider p {
			font-size: var(--size) !important;
		}



		 /* botonera */
		 .bakery .cont--botonera .vc_btn3-container > a, 
		 .content--template .cont--botonera .vc_btn3-container > a {
		 	padding: var(--w-botonera) 0 10px 0 !important;
		 }

			 .bakery .cont--botonera .vc_btn3-container > a:before, 
			 .content--template .cont--botonera .vc_btn3-container > a:before {
					width : var(--w-botonera); 
					height: var(--w-botonera);
			 }



		/* counter */
		.cont--contador .counter {
			font-size: 4.6rem !important;
		}



		/* logos */
		.cont--logos a > img {
			max-height: 70px;
		}








	/* #FOOTER */

	/* logo */
	.footer--top .col--widget-1 .widget_media_image img {
		max-height: 80px;
	}

		.footer--top:after {
			width: 31%;
		}
			


}






/* ----------------------------------------------------------------------*/

/* 1024
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 1024px){



	/* #root */ 
	:root {



		/* size */
		--size      : .9rem !important; /* 15px */
		--size-1    : 2.8rem !important; /* 48px */
		--size-2    : 2rem !important; /* 36px */
		--size-3    : 1.7rem !important; /* 30px */
		--size-4    : 1.5rem !important; /* 26px */
		--size-5    : 1.25rem !important; /* 22px */
		--size-6    : 1.10rem !important; /* 18px */

		/* medidas */
		--w-sidebar : 265px;
		--w-botonera: 130px;

	}




	/* #slide smart 3 */
	.n2-ss-slider .n2-ss-slide {
		height      : auto !important;
		aspect-ratio: 16 / 7 !important;
	}



		.n2-ss-slider h2 {
			font-size: 185% !important;
		}

	






	/* #FOOTER */
	.footer--top > .container--md > .d--grid {
		grid-template-columns: 200px 275px 300px;
		grid-column-gap      : 20px;
		justify-content      : space-between;
	}

		.col--widget-2 {
			transform: translateX(0);
		}


		.footer--top:after {
			display: none;
		}


}





/* ----------------------------------------------------------------------*/

/* 860
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 860px){




	/* #HEADER */




	/* #MAIN */


		/* #slide smart 3 */
		.cont--slide.inicio.desktop {
			display: none;
		}
		.cont--slide.inicio.mobile {
			display: block;
		}
		.n2-ss-slider .n2-ss-slide {
			height      : auto !important;
			aspect-ratio: 1 / 1 !important;
		}

			.n2-ss-slider .n2-ss-layer-row-inner {
				display: block !important
			}

			.n2-ss-slider .n2-ss-layer-row-inner > div {
				width    : 100% !important;
				max-width: inherit;
			}

			.n2-ss-slider h2 {
				font-size: 175% !important;
			}
				



		/*#slide noticias*/
		.cont--slide.noticias .slides li {
			grid-template-columns: 1fr;
		}

			.cont--slide.noticias .flex-caption {
				padding: 15px 0;
			}




		/* botonera */
		.cont--menu.botonera ul li a {
			font-size: 1rem !important;

		}
		.cont--menu.botonera ul li a:before {
			background-size: contain;
		}




		/* #content */
		[data-template="content"] > .container--md > .d--flex {
			flex-wrap     : wrap;
			flex-direction: column;
		}

			[data-template="content"] .col--right {
				width        : 100%;
				margin-bottom: var(--espacio-40);
			}





	/* #FOOTER */
	.footer--top > .container--md > .d--grid {
		grid-template-columns: 1fr;
	}

		.footer--top > .container--md > .d--grid > div {
			margin-bottom: 30px;
		}	







	/* #WOO */


	/* #area clientes */
	.woocommerce-account .cont--section.bakery .woocommerce {
		display       : flex;
		flex-direction: column-reverse;
	}

		.woocommerce-account .woocommerce-MyAccount-navigation,
		.woocommerce-account .woocommerce-MyAccount-content {
			width    : 100%;
			max-width: inherit;
		}
		.woocommerce-account .woocommerce-MyAccount-content {
			padding-right: 0;
		}


}





/* ----------------------------------------------------------------------*/

/* 768
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 768px){


	/* #root */
	:root {

		--w-sidebar : 100%;

	}

	/* table */
	table {
		width: 100% !important;
	}

	/* #btn's */

	.btn--wpp {
		width : 45px;
		height: 45px;
		top   : auto;
		bottom: 60px;
		right : 30px;
	}


	/* #bakery */
	.vc_col-sm-6 {
		width: 100% !important;
	}

	#intro {
		margin-top: 0;
	}


	/* #content's */
	[data-sidebar-posicion="right"] [class*=container--] .d--flex {
		flex-direction: column;
	}

	[data-sidebar="true"] [class*=container--] .col--right {
		width: 100%;
		padding-right: 0 !important;
	}
	[data-sidebar-posicion="right"] [class*=container--] .d--flex .col--left {
		width: 100%;
	}

	.content--template .col--right {
		width        : 100%;
		padding-left : 0;
		padding-right: 0;
		margin-bottom: 60px;
	}



	/* #WOO */


	.woocommerce .products.columns-4 {
		grid-template-columns: 1fr 1fr;
	}

	.woocommerce .woocommerce-result-count {
		transform: translateY(-5px);
	}



}






/* ----------------------------------------------------------------------*/

/* 640
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 640px){


	/* #root */
	:root {
	
		--padding-container: 0 30px

	}



	.footer--top > [class*=container--] .d--flex {
		column-gap: 0;
		flex-direction: column;
	}

		.footer--top > [class*=container--] .d--flex .col {
			width        : 100%;
			padding-left : 0 !important;
			margin-bottom: 15px;
		}





	/*#WOO */

	.woocommerce .products.columns-3 {
		grid-template-columns: repeat(2, 1fr);
	}




}





/* ----------------------------------------------------------------------*/

/* 500
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 540px){


	/* #root */ 
	:root {



		/* size */
		--size      : .9rem !important; /* 15px */
		--size-1    : 2.5rem !important; /* 48px */
		--size-2    : 1.9rem !important; /* 36px */
		--size-3    : 1.6rem !important; /* 30px */
		--size-4    : 1.4rem !important; /* 26px */
		--size-5    : 1.2rem !important; /* 22px */
		--size-6    : 1.1rem !important; /* 18px */

		/* medidas */
		--w-botonera: 130px;

	}


	/* #slide smart 3 */
	.n2-ss-slider .n2-ss-slide {
		aspect-ratio: 16 / 16 !important;
	}

		.n2-ss-slider .cont--tx .n2-ss-layer.n2-ow:nth-of-type(1) > .n2-ss-layer-col {
			transform: translateX(0);
		}

		.n2-ss-slider h2 {
			font-size  : 160% !important;
			line-height: 1.25 !Important;
		}



}






/* ----------------------------------------------------------------------*/

/* 420
 
-------------------------------------------------------------------------*/
@media screen and (max-width: 420px){


	/* #root */
	:root {


	}



	/* tit */
	.cont--tit, 
	.vc_custom_heading {
		grid-template-columns: 1fr;
	}
		.cont--tit:before, 
		.vc_custom_heading:before {
			display: none;
		}


	h2.cont--tit,
	h2.vc_custom_heading {
		display: grid !important;
		grid-template-columns: 1fr;
	}

		h2.cont--tit:before, 
		h2.vc_custom_heading:before {
			display      : block !important;
			margin-bottom: 3px;
		}



	/* slide entradas */
	.cont--slide.noticias .flex-caption {
		padding-bottom: 40px;
	}





}









/* RESPONSIVE VERTICAL (si es necesario) */


/* # 700 */
@media screen and (max-device-height: 700px) {  


}