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

}

@media only screen and (max-device-width: 1720px) {
	#calleDomCarrito {
		width: 70%;
	}
}

@media only screen and (max-device-width: 1570px) {
	.centerSlide {
		width: 100%;
	}

	.txtSlideMin1 {
		width: 60%;
		margin-left: 0%;
	}

	#calleDomCarrito {
		width: 67%;
	}
}

@media only screen and (max-device-width: 1420px) {
	#notificationContainer {
		width: 35vw;
	}
}

@media only screen and (max-device-width: 1390px) {
	.centerSlide {
		width: 100%;
	}

	#calleDomCarrito {
		width: 64%;
	}
}

@media only screen and (max-device-height: 1390px) {
	.txtUnd {
		font-size: 9px;
	}

	.txtDesc {
		font-size: 8px;
	}

	.contentTxtDetail .txtUnd {
		font-size: 22px;
	}

	.contentBtnList {
		width: 90%;
	}

	#list {
		width: 90%;
	}
}

@media only screen and (max-device-width: 1200px) {
	#notificationContainer {
		width: 55vw;
	}
}

@media only screen and (max-device-height: 1200px) {
	.contentTxtDetail .txtUnd {
		font-size: 20px;
	}

	.nameList p {
		font-size: 20px !important;
	}

	.boxCarritoList label {
		font-size: 16px;
	}
	/*
	.txtSlide p {
		font-size: 48px;
		line-height: 40px;
		margin-left: 20px;
	  }
	  
	  .txtSlide span {
		font-size: 16px;
		margin-left: 20px;
	  }*/
	  .colEnvios {
		width: 80%;
	  }

	  #calleDomCarrito {
		width: 60%;
	}
}

@media only screen and (max-device-width: 1040px) {
	.rslides_container {
		width: 100%;
		align-content: flex-start;
	}
	.contentbBtnSlideRight {
		width: 50%;
	}

	.txtSlide p {
		font-size: 46px !important;
		line-height: 40px;
		margin-left: 0px;
		text-align: center;
	}

	.marginSlideTop1 {
		margin-top: -284px;
	}
	.txtSlide {
		width: 100%;
		text-align: center;
		justify-content: center;
		align-self: center;
		align-content: center;
		align-items: center;
	}

	.parallaxSlide a {
		width: 100%;
		text-align: center;
		justify-content: center;
		align-self: center;
		align-content: center;
		align-items: center;
		display: flex;
	}

	  .btnRedSlide p {
		width: 300px !important;
		font-size: 24px !important;
		margin-top: 25px !important;
	  }
	  
	  .txtSlide span {
		font-size: 16px;
		margin-left: 20px;
	  }

	  .colEnvios {
		width: 90%;
	  }

	.txtSlideMin1 {
		width: 70%;
		margin-left: 0%;
	}

	.bgMinMobile {
		display: block;
		margin-top: 85px !important;
	}

	.bgTitleHomeMinorista {
		margin-top: 35px;
	}

	.bgMinDesktop {
		display: none;
	}

	.bgSlideMin1 {
		background-image: url("../slide/2025/minorista/PO_Banner-Mobile_800x1000-06.jpg");
	}
}

@media only screen and (max-device-width: 890px) {
	.rslides_container {
		width: 100%;
	}

	.contentbBtnSlideRight {
		width: 100%;
	}

	#notificationContainer {
        width: 84vw;
    }

	.marginSlideTop4 {
        margin-top: 405px;
    }

	.txtSlide p {
		font-size: 44px;
		line-height: 48px;
	}

	.txtSlide small {
		margin-top: 0px;
	}
	
	.marginSlideTop4 {
		margin-top: 309px !important;
	}

	.contentSubTitle {
		padding-top: 40px !important;
	}
}

@media only screen and (min-width: 769px) {
	.dark ul.main-nav > li > a.mega-menu > span:after {
	/*border-top: 5px solid #000 !important;*/
	}
}

@media only screen and (max-device-height: 900px) {
	.categories {
		margin-top: -194px;
	}
}

@media only screen and (max-device-height: 800px) {
	.boxCategory {
		width: 150px;
		height: 150px;
	}

	.titleCategory {
		margin-top: 200px;
	}

	.bgTitleHomeMayorista {
		margin-top: 0px;
	}
}

@media only screen and (max-device-height: 620px) {
    .boxNotification {
        height: 57vh;
    }

	.notifications {
		height: 76vh !important;
	}

	#notificationFooter {
		width: 55%;
		margin-left: 22%;
	}

	.bgSlide4 {
		background-size: auto 100% !important;
	}

	.txtSlide p {
        font-size: 56px;
        line-height: 51px;
    }

	.txtSlide small {
		margin-top: 5px;
	}

	.marginSlideTop4 {
		margin-top: 360px !important;
	}
}

@media only screen and (max-device-height: 760px) {
	.boxNotification {
		height: 68vh;
	}
}

@media only screen and (max-device-height: 700px) {
	.boxNotification {
        height: 60vh;
    }

	.notifications {
		height: 70vh !important;
	}
}

@media only screen and (max-device-height: 600px) {
    .boxNotification {
        height: 58vh;
    }
}

@media only screen and (max-device-height: 500px) {
	.socialFooter {
		padding-left:0%;float:left; margin-right:15px;
	}

	.secondaNavFooter {
		width: 100%;
		margin-left: 0%;
	}
}

@media only screen and (max-device-width: 1440px) {
	.parallaxSlide {
		background-size: cover;
	}

	.txtDetail {
		min-height: 90px;
		font-size: 15px;
	}
}

@media only screen and (max-device-width: 1320px) {
	.contentSite {
		width: 100%;
	}
}

@media only screen and (max-device-width: 1200px) {
	.container {
		width: 100%;
	}

	.nameList p {
		font-size: 24px;
	}

	.centerSite {
		width: 90%;
	}
}

@media only screen and (max-device-width: 1140px) {
	.contentProdSite {
		width: 904px;
	}

	.carousel-cell {
		/*width: 35% !important;*/
	}

	.titleDescDetail {
		font-size: 26px;
	}
}

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

	.iconComoComprar {
		width: 100%;
		text-align: center;
		margin-left: 0px;
		margin-top: 40px;
	}

	.contentImgGallery {
		width: 100%;
	}

	.contentDateGallery {
		width: 100%;
	}

	.containerHeader {
		width: 100%;
	}

	.col21 {
	  width: 30%;
	  height: auto;
	}

	.col22 {
	  width: 25%;
	  height: auto;
	}

	.col23 {
	  width: 35%;
	  height: auto;
	}

	.slide21 {
		width: 250%;
	}

	.slide22 {
		width: 150%;
	}

	.nameList p {
		font-size: 26px;
	}

	.col3 {
		width: 100%;
	}

	.col3 form {
		width: 100%;
	}

	.borderRightCol {
		border-right: 0;
	}

	.borderLeftCol {
		border-left: 0;
	}

	.btnCuenta {
		height: 60px;
		display: -webkit-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		display: -moz-flex;
		-moz-box-orient: horizontal;
		-moz-box-pack: center;
		-moz-box-align: center;
		display: flex;
		box-orient: horizontal;
		box-pack: center;
		box-align: center;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		align-self: center;
		align-content: center;
		align-items: center;
	}

	.colOrderLeft {
		width: 100%;
	}

	.colOrderLast {
		width: 100%;
		margin-top: 40px;
	}

	.contentBoxCategoryHome {
		width: 100%;
	}

	.bgSlide {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-image: url("../slide/2025/PO_Banner-Mobile_800x900.png");
	}

	.bgSlide1 {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-image: url("../slide/2025/new/PO_Banner-Mobile_800x1000-01.jpg");
	}

	.bgSlide2 {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: url("../slide/2025/new/PO_Banner-Mobile_800x1000-02.jpg");
	}

	.bgSlide3 {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: url("../slide/2025/new/PO_Banner-Mobile_800x1000-03.jpg");
	}

	.bgSlide4 {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: url("../slide/2025/new/PO_Banner-Mobile_800x1000-04.jpg");
	}

	.bgSlide5 {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: url("../slide/2025/new/PO_Banner-Mobile_800x1000-05.jpg");
	}

	/*
	.bgSlide1::after {
		background: linear-gradient(
		to bottom, rgba(250, 250, 250, 0) 0%, 
		rgba(250, 250, 250, 0) 40%, 
		rgba(250, 250, 250, 0) 60%, 
		rgba(250, 250, 250, 0) 85%, 
		rgba(250, 250, 250, 0) 100%);
	}

	.bgSlide2::after {
		background: linear-gradient(
		to bottom, rgba(250, 250, 250, 0) 0%, 
		rgba(250, 250, 250, 0) 40%, 
		rgba(250, 250, 250, 0) 60%, 
		rgba(250, 250, 250, 0) 85%, 
		rgba(250, 250, 250, 0) 100%);
	}

	.bgSlide3::after {
		background: linear-gradient(
		to bottom, rgba(250, 250, 250, 0) 0%, 
		rgba(250, 250, 250, 0) 40%, 
		rgba(250, 250, 250, 0) 60%, 
		rgba(250, 250, 250, 0) 85%, 
		rgba(250, 250, 250, 0) 100%);
	}

	.bgSlide4::after {
		background: linear-gradient(
		to bottom, rgba(250, 250, 250, 0) 0%, 
		rgba(250, 250, 250, 0) 40%, 
		rgba(250, 250, 250, 0) 60%, 
		rgba(250, 250, 250, 0) 85%, 
		rgba(250, 250, 250, 0) 100%);
	}*/

	.bgSlide3::after {
		background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, rgba(250, 250, 250, 4) 40%, rgba(250, 250, 250, 1) 60%, rgba(250, 250, 250, 1) 85%, rgba(250, 250, 250, 1) 100%);
	}

	.rslides_container {
		height: 90vh !important;
	}

	.txtSlide small {
		width: 100%;
	}

	.parallaxSlide a {
		z-index: 1;
	}

	.bgSlide2 .marginSlideTop1 {
        margin-top: 218px !important;
	}

	.bgSlide3 .marginSlideTop1 {
        margin-top: 218px !important;
		z-index: 1;
	}

	.txtSlide p {
		margin: 0px 0 0px 0px;
	}

	.marginSlideTop4 {
		margin-top: 436px;
	}

	.marginSlideTop {
		margin-top: 293px;
	}

	.marginSlideTop5 {
		margin-top: 380px !important;
	}

	.marginSlideTop5 .txtSlide p {
        font-size: 40px !important;
        line-height: 34px;
    }

	.marginSlideTop5 .txtSlide small {
    	font-size: 18px;
	}

	.marginSlideTop5 .btnRedSlide p {
        width: 215px !important;
        font-size: 18px !important;
        margin-top: 5px !important;
		height: 35px !important;
    }
}

@media only screen and (max-device-width: 900px) {
	header {
		height: 88px;
		align-content: flex-start;
	}
	.menu--on {
        width: 100vw;
    }

	.po-suc-page {
		margin-top: 90px;
	}

	.po-cc-page {
		margin-top: 70px;
	}

	.marginSlideTop1 {
        margin-top: -145px !important;
		width: 100% !important;
		justify-content: center;
	}

	.txtSlide {width: 85%;}

	.txtSlide p {
		margin-left: 0px;
	}

	.txtSlide small {
		text-align: center;
		margin-left: 0px;
		width: 100%;
	}

	.rslides_container {
		height: 600px;
	}

	.txtComoComprar {
		width: 100%;
	}
	.contentFlechas p {
		font-size: 14px;
	}

	.contentFlechas br {
		display: none;
	}
	.flecha1 {
		width: 100%;
		height: 65px;
		z-index: 100;
	}
	.lado-derecha1:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #BEE1EA transparent transparent;
	}	

	.flecha2 {
		width: 100%;
		height: 65px;
		z-index: 90;
	}
	.lado-derecha2:after {
		display: none;
	}
	.lado-derecha2 {
		margin-left: 0px;
	}
	.lado-derecha2:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #19B4CA transparent transparent;
	}
	.flecha3 {
		width: 100%;
		height: 65px;
		z-index: 80;
	}
	.lado-derecha3:after {
		display: none;
	}
	.lado-derecha3 {
		margin-left: 0px;
	}
	.lado-derecha3:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #408EA5 transparent transparent;
	}
	.flecha4 {
		width: 100%;
		height: 65px;
		z-index: 70;
	}
	.lado-derecha4:after {
		display: none;
	}
	.lado-derecha4 {
		margin-left: 0px;
	}
	.lado-derecha4:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #E3E2E2 transparent transparent;
	}

	.flecha5 {
		width: 100%;
		height: 65px;
		z-index: 60;
	}
	.lado-derecha5:after {
		display: none;
	}
	.lado-derecha5 {
		margin-left: 0px;
	}
	.lado-derecha5:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #F9CF13 transparent transparent;
	}
	.flecha6 {
		width: 100%;
		height: 65px;
		z-index: 50;
	}
	.lado-derecha6:after {
		display: none;
	}
	.lado-derecha6 {
		margin-left: 0px;
	}
	.lado-derecha6:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #F9F9F9 transparent transparent;
	}
	.flecha7 {
		width: 100%;
		height: 65px;
		z-index: 40;
	}
	.lado-derecha7:after {
		display: none;
	}
	.lado-derecha7 {
		margin-left: 0px;
	}
	.lado-derecha7:before {
		content: "";
		position: absolute;
		top: 65px;
		left: 0px;
		width: 50px;
		max-width: 100%;
		height: 30px;
		max-height: 20px;
		overflow: hidden;
		border-width: 25px 25px 0;
		border-style: solid;
		border-color: #EC343D transparent transparent;
	}

	.contentFlechas {
		margin-bottom: 40px;
	}

	.contentProdSite {
		width: 100%;
		
	}

	.productsRight {
		justify-content: center;
	}

	.contentFilter {
		width: 100%;
	}

	.contentBoxProducts {
		width: 100%;
	}

	.accordionStore {
		min-height: inherit;
		height: auto;
	}

	.contentProducts {
		width: 90% !important;
		margin-top: 88px !important;
	}

	.po-checkout-wrap {
		margin-top: 100px !important;
	}

	.boxProducts {
		margin: 10px 0px 10px 0px;
	}

	.boxProducts {
		width: auto;
	}

	.col2 {
		width: 100%;
	}

	.contentLoginForm {
		width: 90%;
		margin-left: 0%;
	}

	.lineVertForm {
		width: 100%;
		height: 2px;
		margin-top: 25px;
		margin-bottom : 15px;
	}

	.contentRegForm {
		display: -webkit-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center;
		-webkit-box-align: center;

		display: -moz-flex;
		-moz-box-orient: horizontal;
		-moz-box-pack: center;
		-moz-box-align: center;

		display: flex;
		box-orient: horizontal;
		box-pack: center;
		box-align: center;

		flex-wrap: wrap;
	  	justify-content: center;
	  	text-align: center;
	  	align-self: center;
	  	align-content: center;
	  	align-items: center;
	}

	.titleGral {
		width: 100%;
	}

	.titleGral p {
		text-align: center;
	}

	.contentSearch input {
		background-position-y: 6px;
	}

	.carousel-cell {
		/*width: 45% !important;*/
	}

	#NavDetail {
		margin-top: 0px;
		margin-left: 0px;
    	margin-right: 0px;
		width: 100%;
	}

	.contentNav {
        width: auto;
        /* justify-content: center; */
        position: fixed;
        /* right: 5%; */
        top: 10px;
        right: 8px;
    }

	.contentNav nav {
		width: 100%;
	}

	.containerHeader {
		width: 100%;
		height: 46px;
		align-content: flex-start;
	}

	.logo img {
		/*width: 70px;*/
	}

	ul {
	    width: 100%;
	}

	nav {
		/*width: 100%;*/
	}

	.containerSearch {
		margin-top: 40px;
		width: auto;
		justify-content: flex-start;
	}

	.contentSearch {
		position: fixed;
        width: 100% !important;
        top: 50px;
        left: 1%;
		justify-content: flex-start;
	}

	.ui-widget {
		width: 100%;
	}

	.contentSearch input {
		width: 94%;
		
	}

	.contentSearch form {
		width: 100%;
	}

	#notificationContainer {
		top: 14px;
		margin-left: -349px;
	}

	#notificationContainer:before {
		/*margin-left: 5px !important;*/
	}

	.colComprar {
		width: 100%;
		text-align: left !important;
		justify-content: flex-start;
	}

	.colComprar img {
		float: left;
	}

	.colEnvios {
		width: 90%;
	}

	.bgSlideMayoristas1 {
	    height: 160px;
	}

	.bgSlideMayoristas2 {
		height: 160px;
	}

	.bgSlideMin {
		height: 160px;
	}

	.contentImgDetail {
		width: 90% !important;
	}

	.contentTxtDetail {
		width: 90%;
	}

	.colOrder3Dates {
		width: 100%;
		margin-bottom: 25px;
	}

	.wrapper {
		display: block;
	}

	#menuHorizontal {
		display: none;
	}

	.flexCat {
		display: none;
	}

	.contentSubTitle {
		/*padding-top: 250px;*/
	}.contentSearch form .ui-widget

	.logo {
		text-align: left;
		padding-left: 3%;
	}

	.containerList {
		margin-top: 100px;
	}

	.marginTitle {
		margin-top: 60px;
	}

	/* TAGS */
	.ui-widget-content {
		top: 80px !important;
	}

	.colEnvios span {
		margin-top: 25px;
	}

	.nameHeader {
		position: absolute;
		margin-top: 75px;
		line-height: 12px;
		display: none;
	}

	nav .tooltipHeader i:hover {
		display: block;
	}

	.NavContainerDetail {
		height: 46px !important;
	}

	.contentCategoriesMayorista {
		margin-top: 0px;
	}

	.contentBoxCategoryHome {
		padding-bottom: 0px;
	}

	.contentNav {
		top: 10px;
		right: 9%;
	}

	.wrapper {
		top: 0px;
		z-index: 11;
		pointer-events: none;
	}

	.wrapper .material-design-hamburger,
	.wrapper .menu {
		pointer-events: auto;
	}

	.material-design-hamburger__layer {
		background: #FFF;
	}

	.contentSubTitle h2 {
		font-size: 26px;
		padding-top: 50px;
	}

	.rslides li {
		height: 550px;
		top: 25px;
	}
}

@media only screen and (max-device-width:810px) {
	.containerSearch {
	    margin-top: 40px;
	}

	.txtHashtag {
		margin-top: 70px;
	}

	.rslides img {
		margin-bottom: 0px;
	}

	.parallaxSlide img {
	   margin-top: 0px;
	   width: 100%;
	}

	.topHeader {
		height: auto;
		padding: 5px 0px 5px 0px;
	}

	.topHeader .contentHeader {
		width: 100%;
		margin-top: 3px;
	}

	.containerHeader {
		height: 46px;
	}

	.titleGral {
		/*margin-top: 60px;*/
	}

	.titleGral h2 {
		text-align: center;
		font-size: 34px;
	}

	.flexMenu {
		/*padding-top: 165px;*/
	}

	.flexProdMenu {
		padding-top: 165px;
	}

	.contentSearch {
		margin-right: 0;
	}

	.contentSearchMayoristas {
		width: 100%;
		margin-left: 0;
	}

	.btnMayoristas {
		margin-top: 15px;
	}

	.btnMinoristas {
		margin-top: 15px;
	}

	.popupcarrito {
		top: 250px;
	}

	.btnRegFormAccederCarrito {
		margin-top: 0px;
	}

	.contentNav {
		margin-top: 0px;
	}

	/*
	.nameSession {
		width: 100% !important;
		float: left;
		margin-left: 0px;
		margin-top: 25px;
	}*/

	.slideDesktop {
		display: none;
	}

	.slideResponsive {
		display: block;
	}

	.txtDetail {
		min-height: auto !important;
	}

	.contentTxtDetail h1 {
		margin-top: 20px;
		font-size: 24px !important;
	}

	#pasosListDisplay {
		display: none;
	}

	.rslides_container {
        width: 100%;
		height: auto;
		margin-bottom: 0px;
    }

	.contentbBtnSlideRight {
		width: 100%;
		padding-left: 0%;
	}

	.secondaNavFooter nav ul {
		justify-content: center;
	}

	.containerHeader {
        height: 46px;
    }

	.txtSlideTop {
        margin-top: -400px;
        height: auto;
    }

	.bgSlide {
		background-color: #C7C3C4;
		position: relative;
	}

	/* Degradé sobre el color de fondo gris en móvil */
	.bgSlide::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 28%; /* altura del degradé */
		/* Funde el gris (#C7C3C4) hacia blanco en la parte inferior */
		background: linear-gradient(
			to bottom,
			rgba(250,250,250,0) 0%,     /* transparente: deja ver el gris */
			rgba(250,250,250,0.85) 80%,
			rgba(250,250,250,1) 100%    /* #FAFAFA pleno */
		);
		pointer-events: none;
		z-index: 0; /* debajo del contenido del slide */
	}

	.bgSlide .txtSlideTop {
		margin-top: 227px !important;
	}

	.contentNavFixed {
    	top: 9px !important;
	}

	.marginSlideTop4   {
    	margin-top: -228px;
	}

    .bgSlide2 {
		height: 90vh !important;
	}

	.marginSlideTop5 {
		margin-top: 360px !important;
	}

	.bgSlideVac1 {
		height: 65vh !important;
		margin-top: 85px !important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: url("../slide/2025/dic2025/PO_Vacaciones2026_banner-mobile-01ok.jpg");
	}

	.bgSlideVac2 {
		height: 65vh !important;
		margin-top: 85px !important;
		background-position: top center !important;
		background-repeat: no-repeat !important;
		background-size: 100% !important;
		background-image: url("../slide/2025/dic2025/PO_Vacaciones2026_banner-mobile-02ok.jpg");
	}
}

@media only screen and (max-device-width: 710px) {
	.col11 {
		width: 100%;
	}

	.col12 {
		width: 100%;
	}

	.col13 {
		width: 100%;
	}

	.col21 {
	  width: 100%;
	  height: auto;
	}

	.col22 {
	  width: 100%;
	  height: auto;
	}

	.col23 {
	  width: 100%;
	  height: auto;
	}

	.slide21 {
		width: 130%;
	}

	.slide22 {
		width: 90%;
	}

	.slide23 {
		width: 100%;
	}
	/*
	#notificationContainer {
		margin-left: -200px !important;
	}

	#notificationContainer:before {
		margin-left: 200px !important;
	}*/

	.btnAccion {
		width: 100%;
	}

	.btnAccionOrder {
		width: 100%;
	}

	.txtSmall {
		font-size: 12px;
	}

	.btnAccionOrderDetailRight {
		margin-right: 5px;
	}

	.txtTotal {
		margin-right: 5px;
	}

	.colOrderLeft {
		width: 100%;
	}

	.colOrderLast {
		width: 100%;
		margin-top: 30px;
	}

	.btnCuenta p {
		font-size: 12px;
	}

	.contentSubTitle h2 {
		font-size: 26px;
	}

	.bgRedDetailMayBox .titleUnidadDetail {
		text-align: center;
	}

	.contentNav {
        right: 11%;
    }

	.contentSearch input {
		width: 92%;
	}

	.bgSlide4 {
		height: 90vh !important;
		margin-top: 0px !important;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: auto 100% !important;
	}

	.flexEnvios {
		margin-top: -150px;
	}
}
@media only screen and (max-device-width: 590px) {

	.nameHeader {
		float: right;
	}

	.hover i {
		float: right;
	}

	nav li {
	    margin: 0px 5px 0px 5px;
	}

	.btnProd {
		font-size: 10px;
	}

	.flexProdMenu {
		padding-top: 180px;
	}

	.hidden {
		display: none;
	}

	.menujq a {
		text-align: left;
	}

	.menujq ul ul a {
		padding-left: 20px;
	}

	.menu--on {
		width: 100vw;
	}

	.wrapper {
		/*
		top: 0;
	    bottom:0;
	    position:fixed;
	    overflow-y:hidden;
	    overflow-x:hidden;*/
		right: -11px;
	}

	.slideMayo {
	  width: 90%;
	  height: auto !important;
	  margin-top: 0px !important;
	}

	.slideTextMay {
	  width: 90%;
	  height: auto !important;
	}

	.bgSlideMayoristas1 {
	    background-position: 71% center;
	    background-size: 200% auto !important;
	    height: 200px;
	}

	.bgSlideMayoristas2 {
		background-position: 0% center;
	    background-size: 200% auto !important;
	    height: 200px;
	}

	.bgSlideMin {
		background-position: 0% center;
	    background-size: 200% auto !important;
	    height: 250px;
	}

	.spanEnviosRow {
		font-size: 24px !important;
		margin-top: 0px;
	}

	.col2 img {
		width: 25%;
	}

	.btnCuenta p {
		font-size: 10px;
	}

	.titleMenCategories {
        padding-left: 10px;
        padding-top: 20px;
    }

	.wrapper {
        /*top: 147px;
		right: -6px;*/
    }

	.circleAlert {
		/*
		margin-top: -10px;
		margin-left: 20px;*/
	}

	.nameSession {
		margin-top: 0px;
	}

	.wrapper {
		padding-left: 0px;
	}

	.logo img {
    	max-height: 35px;
        margin-left: 0px;
        margin-top: 4px;
	}

	#notificationFooter {
		width: 55%;
		margin-left: 22%;
	}

	.boxNotification {
		height: 60vh;
	}

	.notifications {
		height: 72vh !important;
	}

	.contentNav {
        right: 14%;
    }

	#notificationContainer {
        width: 98vw;
    }

	.marginSlideTop5 {
		margin-top: 300px !important;
	}

	.marginSlideTop5 .txtSlide p {
		font-size: 39px !important;
		line-height: 40px !important;
	}

	.marginSlideTop5 small {
		font-size: 16px !important;
	}
}

@media only screen and (max-device-width: 550px) {
	.boxProducts {
		width: 100%;
		height: auto;
	}

	.contentTitle h1 {
		font-size: 28px;
	}

	.contentRegForm {
		width: 90%;
		margin-left: 5%;
	}

	.labelRegForm {
		width: 100%;
		height: 25px;
	}

	.inputRegForm {
		width: 100%;
	}

	.contentRegForm form {
		width: 100%;
	}

	.columna {
		font-size: 12px;
	}

	.columna input {
		margin-left: 0px;
		width: 30px;
	}
	/*
	.btnActualizarJuguete {
		width: auto;
		margin-left: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		font-size: 14px;
		padding: 3px;
	}

	.btnBorrarJuguete {
	    width: auto;
		margin-left: 0;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		-o-border-radius: 0px;
		font-size: 14px;
		padding: 3px;
	}
	*/

	.center {
	    height: 78vh;
	}

	h1 {
		display: block;
		margin: 0;
	}

	.parallaxSlide {
		margin-top: 0px;
	}

	.txtParallax p {
		font-size: 16px;
	}

	.titleParallax p {
		font-size: 30px;
		margin-top: 40px;
	}

	.imgDetailBig {
		width: 90%;
    	margin-left: 5%;
	}

	.contentDescProd {
		width: 90%;
	}

	.imgDetailBig {
		height: 400px;
	}

	.flexMenu {
		padding-top: 120px;
	}

	.contentSearch input {
	    background-position-y: 3px;
	}

	.titleGral {
	   margin-top: 0px;
	}

	.titleGral p {
		font-size: 30px;
	}

	.secondaNav nav li {
	    width: 100%;
	}

	.lineHNav {
	    height: 1px;
	    width: 100%;
	}



	#cantOrder {
	    margin-left: -10px !important;
	}

	.labelForm {
		width: 100%;
	}

	.inputForm {
		width: 100%;
	}

	.contentInputForm a {
		width: 100%;
	}

	.btnForm {
		width: 100%;
	}

	.contentInputForm {
		margin-top: 30px;
	}

	.btnForm {
		margin-left: 0px;
	}

	.btnFormReg {
		width: 100%;
		margin-top: 0px;
		margin-bottom: 25px;
	}

	.btnRegForm {
		margin-left: 0px;
	}

	.bgSlide1 {
	  background-position: 85% center !important;
	}

	.secondaNav nav ul {
		height: auto !important;
	}

	.btnMinoristas {
		display: none;
	}

	.btnMinoristasFooter {
		display: block;
	}

	.parallaxSlide video {
	  max-width: 100%;
	}
/*
	.contentTxtDetail .precioProducto {
		font-size: 12px !important;
	}
*/
	.contentTxtDetail .txtIva {
	    font-size: 10px !important;
	}
/*
	.contentTxtDetail .txtUnd {
	    font-size: 14px !important;
	}*/
/*
	.contentTxtDetail .inputCant {
	    width: 47px !important;
	    height: auto !important;
	    font-size: 14px !important;
	}
	
	.contentTxtDetail .btnProducto {
	    height: 32px !important;
	    font-size: 12px !important;
	    padding: 8px 7px 4px 7px !important;
	}*/

	.contentTxtDetail .txtUnd {
		font-size: 18px;
	}

	.titleDescDetail {
		/*font-size: 26px;*/
	}

	.btnNav {
		margin-left: 5px;
	}

	.ContentAddDetail {
		width: 100%;
	}
/*
	.precioProducto {
		font-size: 16px !important;
	}*/


	.containerHeader {
        height: 46px;
    }

	.topHeader {
		display: none;
	}

	.txtSlideTop {
        margin-top: -250px;
        height: auto;
    }

	.contentSite {
        margin-top: 87px;
    }

	.bgSlide2 {
		background-size: cover !important;
	}

	.bgSlide3 {
		height: 90vh !important;
		background-size: 110% !important;
	}

	.bgGray {
		background-color: #FAFAFA;
	}

	.bgSlide5 {
		background-size: auto 100% !important;
	}

	.marginSlideTop5 p {
        font-size: 41px !important;
		line-height: 40px !important;
	}
}

@media only screen and (max-device-width:500px) {
	.btnWhatsapp {
		/*display: block !important;*/
	}

	.titleBtnSlide p {
		font-size: 24px;
	}
	
	.precioSubTotalListPopup {
		font-size: 16px;
	}

	.precioSubTotalListPopup small {
    	font-size: 10px;
	}

	.precioListPopup small {
		font-size: 10px;
	}

	.titleProdPopup {
		font-size: 10px;
	}

	.rslides li {
		height: 500px;
	}

	.po-i2-products-wrap {
		padding: 0px 0 32px;
	}

	.contentSubTitle {
        padding-top: 0px !important;
    }
}

@media only screen and (max-device-width:480px) {
	.btnEditDetail {
		width: 40px;
	}
	.flexProdMenu {
		padding-top: 240px;
	}

	.greyBlue-text {
		padding-left: 0;
	}

	.contentNav {
        right: 6%;
    }

	/*
	.nameSession {
		margin-top: 15px;
		justify-content: flex-end;
	}*/

	.contentSearch input {
	    font-size: 12px !important;
	    background-size: 25px;
	    background-position-y: 15px;
	}

	.material-design-hamburger button {
		margin-right: 15px;
	}

	.popupcarrito {
		right: 10px;
	}

	.colSucursales {
		width: 100%;
	}

	.colSucursales img {
		width: 100%;
	}

	.contentTitleSucursal {
		height: auto;
	}

	.containerSearch {
		margin-top: 20px;
	}

	.txtOffPercent {
		font-size: 22px !important;
	}

	.contentSearch form {
		width: 100%;
		display: -webkit-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		display: -moz-flex;
		-moz-box-orient: horizontal;
		-moz-box-pack: center;
		-moz-box-align: center;
		display: flex;
		box-orient: horizontal;
		box-pack: center;
		box-align: center;
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		align-self: center;
		align-content: center;
		align-items: center;
	}

	.flexEnd {
		justify-content: center !important;
	}

	.NavContainerDetail {
        height: 46px !important;
    }

	.logo img {
		margin-top: 6px;
    }

	.contentSearch {
        width: auto;
		margin-top: 0px;
    }

	.containerHeader {
        justify-content: flex-start;
    }

	.btnSearch svg {
		width: 14px !important;
	}

	.contentSearch input {
		width: 91%;
	}
	/*
	.centered-btns_nav {
		top: 60%;
	}
	
	.centered-btns_nav {
		left: 0% !important;
	}
	
	.centered-btns_nav.next {
		right: 0% !important;
	}*/

	#calleDomCarrito {
		width: 62%;
	}

	.inputFormEnvioList input {
		width: 50%;
	}

	#subzona {
		width: 91%;
	}
}

@media only screen and (max-device-width:460px) {
	.hiddenCarrito {
		font-size: 10px !important;
	}

	#notificationsBody {
		padding: 4px !important;
	}

	nav .tooltipHeader i {
		/*font-size: 26px;*/
	}

	.logo {
        padding-left: 0%;
    }

	.circleAlert {
        /*margin-left: 10px;*/
    }

	.contentNav nav ul {
		display: -webkit-flex;
		-webkit-box-orient: horizontal;
		-webkit-box-pack: center;
		-webkit-box-align: center;
		display: -moz-flex;
		-moz-box-orient: horizontal;
		-moz-box-pack: center;
		-moz-box-align: center;
		display: flex;
		box-orient: horizontal;
		box-pack: center;
		box-align: center;
		flex-wrap: wrap;
		justify-content: flex-end;
		text-align: center;
		align-self: center;
		align-content: center;
		align-items: center;
	}

	
	.boxCategory{
		/*
		width: 500px;
		background-position: 50px;
		*/
	}

	.logo img {
		/*max-height: 40px;*/
	}

	.secondaNavFooter {
		width: 100%;
		height: auto;
		margin-left: 0%;
	}

	.secondaNavFooter nav li {
		margin-right: 10px;
	}

	footer.page-footer {
		padding: 10px;
	}

	.precioSubTotalListPopup {
    	font-size: 14px;
	}

	.precioListPopup small {
    	font-size: 10px;
	}
}

@media only screen and (max-device-width:440px) {
	.txtSlide p {
        font-size: 40px !important;
        line-height: 34px !important;
        margin-left: 0px;
    }
	.btnRedSlide p {
		width: 246px !important;
		font-size: 18px !important;
	  }

	.txtSlide span {
        font-size: 12px;
        margin-left: 10px;
    }
	.parallaxSlide {
		margin-top: 0px;
		background-attachment: unset;
	}

	.txtHashtag p {
		font-size: 20px;
	}

	.article {
		width: 100%;
	}

	.articleSel {
		width: 100%;
        margin: 0 0 20px 0;
		/*
		width: 45%;
		height: 200px !important;
		height: auto;
		margin: 1.5%;*/
	}

	.hoverProd {
	    width: 79%;
	    margin-top: -74px;
	}

	.imgProduct img {
		max-width: 100%;
		max-height: inherit !important;
	}

	.btnDetail {
	    margin-left: 26%;
	}

	.titleGral {
		margin-top: 10px;
	}

	.titleGral h2 {
		font-size: 34px;
		text-align: center;
	}

	.titleGral p {
		font-size: 26px;
	}

	.imgDetailBig {
		height: 200px;
	}

	.contentImgGallery {
		min-height: 300px;
	}

	.parallaxSlide {
		background-size: auto 100%;
		background-position: left;
	}
	/*
	.contentSearch input {
	    font-size: 12px !important;
	    background-size: 35px;
	    background-position-y: 5px;
	}*/

	#notificationContainer {
	    min-width: 320px !important;
	    /*margin-left: -300px !important;*/
	}

	#notificationContainer:before {
	    /*margin-left: 295px !important;*/
	}

	.carousel-cell {
		/*width: 90% !important;*/
	}

	.contentSearchMayoristas input {
		font-size: 12px !important;
		background-size: 35px;
		background-position-y: 6px;
	}

	.containerSearch {
	    /*margin-top: 5px;*/
	}

	.splitSearch {
		margin-left: 70%;
	}

	.contentSite {
		width: 98%;
	}

	.hidden {
		display: none;
	}

	.articleGral {
		/*
		width: 45%;
		height: 200px;
		background-size: 100%;
		background-position: top center;
		margin: 1.5%;*/
	}

	.article {
		/*
		width: 45%;
		height: 200px;
		background-size: 100%;
		background-position: top center;
		margin: 1.5%;*/
	}

	.btnProducto {
		/*width: 40px !important;*/
		height: 34px;
		overflow: hidden;
	}

	.btnProducto i {
		font-size: 20px !important;
		margin-top: 3px;
	}

	nav .tooltipHeader i {
		/*font-size: 18px !important;*/
	}

	.btnCarritoStockAsyc {
		margin-left: 6px;
		font-size: 10px;
	}

	.btnCarritoStock {
		margin-left: 6px;
		font-size: 10px;
	}

	.precioProducto {
		/*font-size: 12px;*/
	}
/*
	.txtUnd {
		font-size: 12px;
	}*/

	.codProducto  {
		margin-top: 20px;
	}

	.imgProduct i {
		font-size: 120px !important;
	}

	.nameProduct {
		font-size: 10px;
	}

	.txtEnvios h2 {
		font-size: 18px !important;
		margin:0 !important;
	}

	.externalmessage {
	    position: absolute;
	    top: 10%;
	    left: 1%;
	    width: 98%;
	    height: auto;
	    margin-top: inherit;
	    margin-left: inherit;
	}

	.centerSite {
		width: 100%;
	}

	.contentTitleEnvios p {
		font-size: 24px;
	}

	input[type='text'],input[type='number'],textarea {/*font-size:1em;*/} 
/*
	.nameProduct p {
	    font-size: 14px;
	    line-height: 18px;
	}*/

	.nameProduct small {
		font-size: 12px;
	}

	.precioProducto span {
		font-size: 10px;
	}

	
	.txtEnvios span p {
	  width: 100%;
	  font-size: 12px;
	  color: #333;
	  line-height: 16px;
	}

	.hiddenCarrito {
		display: none;
	}
	/*
	#notificationContainer {
		min-width: 320px !important;
		margin-left: -170px !important;
	}

	#notificationContainer:before {
	    margin-left: 165px !important;
	}*/

	.btnMayoristas {
	    margin-top: 5px;
	}

	.flexMenu {
		padding-bottom: 5px;
	}

	.contentFlechas {
		width: 90%;
	}

	.txtComoComprar {
		width: 90%;
		margin-left: 5%;
	}

	.precioProducto {
		/*font-size: 14px !important;*/
	}

	.contentTxtDetail .inputCant {
		width: 45px;
		height: 45px;
		/*margin-top: 12px !important;*/
	}

	.btnEditDetail {
		height: 46px;
		padding-top: 16px;
	}

	.contentTxtDetail .btnProducto {
		width: 45px;
		height: 45px;
		/*margin-top: 12px !important;*/
		padding: 10px 3px 0 1px;
	}

	.bgRedDetailMayBox .precioProducto {
		font-size: 18px !important;
	}

	.bgRedDetailMayBox .precioProducto span {
		/*font-size: 14px !important;*/
	}

	.titleDescDetail {
		font-size: 16px;
	}

	.titleUnidadDetail {
		font-size: 16px;
	}

	.ContentAddDetail .precioProducto {
		font-size: 18px !important;
	}

	.ContentAddDetail .precioProducto span {
		font-size: 18px !important;
	}

	.contentBtnList {
		width: 98%;
	}

	#list {
		width: 98%;
	}

	.btnCuenta p {
		padding: 0px;
	}

	.articleGral {
		width: 100%;
        margin: 0 0 20px 0;
	}

	.imgProduct {
		width: 100%;
	}

	.boxOFF {
        right: 20px;
        margin-left: 0;
    }

	.alertMsg {
		/*top: 6px;*/
		right: 15px;
	}

	.tooltipHeader a {
		margin-right: 45px;
	}

	.logoRespChico {
		margin-top: 0px !important;
	}

	#ribbon {
        margin-left: 0px !important;
        right: 22px !important;
    }

	.contentDetalle {
		width: 100%;
		justify-content: center;
	}

	.ribbonDetail {
		margin-right: 88px !important;
		right: unset !important;
	}

	.wrapper {
		width: 0 !important;
	}

	.titleProdPopup {
		line-height: 10px;
	}

	.txtSlide small {
		font-size: 20px !important;
		line-height: 23px !important;
		margin-top: 10px !important;
	}

	.bgSlide4 {
		background-size: auto 88% !important;
	}

	.marginSlideTop4 {
        margin-top: 273px !important;
    }

	.categories {
        margin-top: -149px;
    }
}

@media only screen and (max-device-width:450px) {
	.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
		margin-top: 220px !important;
	}
}

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

	.precioListPopup small {
    	font-size: 8px;
	}

	.precioSubTotalListPopup small {
    	font-size: 8px;
	}
}

@media only screen and (max-device-width:400px) {
	.contentNav {
        right: 2%;
    }

	#notificationContainer {
	    min-width: 320px !important;
	    margin-left: -290px !important;
	    /*top: 95px;*/
	}

	#notificationContainer:before {
	    margin-left: 285px !important;
	}

	.fontMin {
	  font-size: 16px !important;
	  line-height: 18 px !important;
	}

	.imgList img {
		max-height: 90px;
		max-width: 90%;
	}

	.quantity-button.quantity-down {
		left: 35px;
	}

	.quantity-button.quantity-up {
		left: 65px;
	}

	.precioList {
		width: 100%;
	}

	#contentEnvioCaba {
		font-size: 14px;
		padding: 13px;
	}

	#notificationContainer {
		margin-left: -318px !important;
	}

	.imgListPopup {
		width: 15%;
	}

	.imgListPopup img {
		max-width: 40px;
	}

	.titleList span {
		font-size: 8px !important;
	}

	.infoCarritoPopup {
		width: 85%;
	}

	.colEnvios span {
		min-width: none;
		font-size: 26px;
		line-height: 26px;
	}

	.spanEnviosRow {
		font-size: 22px !important;
		margin-top: 0px;
	}

	.titleGral p {
		font-size: 22px;
	}

	.colOrderLeft {
		overflow-x: auto;
	}

	.containerHeader {
        height: 46px;
    }

	.marginLogo {
        top: 10px !important;
    }

	.NavContainerDetail {
		height: 46px;
	}

	.titleMenCategories {
        padding-left: 0px;
    }

	.titleSmallBtnSlide p {
		font-size: 10px;
	}

	.titleBtnSlide p {
        font-size: 22px;
    }

	.boxOFF {
		right: 20px;
		margin-left: 0;
	}

	#ribbon {
        margin-left: 0px !important;
        right: 22px !important;
    }

	.logoResponsiveImg {
		height: 53px;
		
	}

	.logoRespChico {
		margin-top: 5px !important;
	}
	
	.material-design-hamburger button {
		margin-top: 5px;
	}

	.stockProducto {
		min-width: auto;
	}

	.wrapper {
		width: 0;
        right: -13px;
        top: -4px;
    }

	.contentSearch input {
        width: 90%;
    }
}

@media only screen and (max-device-width:370px) {
	.btnEditDetail {
		width: 38px;
	}
}

@media only screen and (max-device-width:350px) {
	.contentPriceProd {
		width: 60%;
		padding: 2%;
	}

	.contentCantProd {
		width: 40%;
		padding: 2%;
	}

	.popupcarrito {
		width: 98%;
		right: 1%;
	}

	#notificationContainer {
		min-width: 310px !important;
	}
	/*
	.nameSession {
		width: 100% !important;
		margin-top: 25px;
	}*/

	.colComprar img {
		width: 100%;
	}

	.bgSlideMayoristas1 {
	    background-position: 69% center;
	    background-size: 300% auto !important;
    	height: 160px !important;
	}

	.bgSlideMayoristas2 {
	    background-position: 3% center;
	    background-size: 300% auto !important;
    	height: 160px !important;
	}

	.bgSlideMin {
	    background-position: 5% center;
	    background-size: 300% auto !important;
    	height: 220px !important;
	}

	.colEnvios span {
		min-width: none;
		font-size: 22px;
		line-height: 22px;
	}

	.spanEnviosRow {
		font-size: 18px !important;
		margin-top: 0px;
	}

	.titleDescDetail {
		font-size: 18px;
	}

	.titleUnidadDetail {
		font-size: 16px;
	}

	.contentTxtDetail .txtUnd {
		font-size: 16px;
	}

	.contentSearch {
        width: 51%;
        margin-left: 1%;
    }

	.txtSlide {
		margin-top: 30px;
	}

	.txtSlideTop {
        margin-top: -180px;
        height: auto;
    }

	.titleProdPopup {
		font-size: 10px;
	}

	.btnMinCarritoPopup {
		width: 25px;
		height: 25px;
	}

	.btnMaxCarritoPopup {
		width: 25px;
		height: 25px;
	}

	.inputCantList {
		width: 25px;
		height: 25px;
		padding: 0px !important;
	}

	.logo img {
		max-height: 35px;
		margin-top: 3px;
	}

	.contentNav {
        right: 1%;
    }

	.tooltipHeader a {
		/*margin-right: 19px;*/
		font-size: 12px;
	}

	.logo img {
        margin-top: 5px;
    }

	.contentSearch input {
        width: 87%;
    }

	header {
		height: 95px;
	}
}

@media only screen and (max-device-width:325px) {
	.logo img {
		margin-right: 32px;
	}

	.containerHeader {
        height: 46px;
    }

	.txtSlide {
		margin-top: 10px;
	}

	.contentSearch {
        width: 47%;
        margin-left: 0%;
    }

	.btnSearch {
		width: 20px;
		padding: 8px 0 8px 0;
	}

	.contentSearch input {
        width: 91%;
    }
}

@media only screen and (max-device-width:320px) {
	#calleDomCarrito {
        width: 58%;
    }
}


@media only screen and (max-device-width:305px) {
	.btnMayoristas {
		height: auto;
	}

	.colEnvios span {
		min-width: none;
		font-size: 18px;
		line-height: 18px;
	}

	.spanEnviosRow {
		font-size: 16px !important;
		margin-top: 0px;
	}

	.precioProducto {
		font-size: 12px !important;
	}
}