@media (max-width: 1205px){
	/******************************
	 *      seccion uno Home      *
	 ******************************/
	.ui-box-slider > .ui-derecha{
		display: none;
	}

	.ui-box-slider > .ui-izquierda {
			width: 99.99%;
			float: none;
			display: block;
			text-align: center;
			padding-right: 0px;
			padding-top: 0px;
			display: flex;
			display: -webkit-flex;
			align-items:center;
			justify-content:center;
	}

}

@media (max-width: 1125px){
	/**********************************
	 *   seccion seis presentaciones  *
	 **********************************/
	div.tab.presentaciones button:nth-child(2){
		top:0px;
	}

	div.tab.presentaciones button:nth-child(3){
		top:0px;
	}

	div.tab.presentaciones button:nth-child(4){
		top:0px;
	}
}

@media (max-width: 1080px){
	/******************************************
	 *      seccion siete Distribuidores      *
	 ******************************************/
	.ui-box-distribuidores > .ui-izquierda {
	    width:99.99%;
	    float: none;
	    display: block;
	    margin-bottom: 20px;
	}

	.ui-box-distribuidores > .ui-derecha {
	   width:99.99%;
	   float: none;
	   display: block;
	   padding-left: 0px;
	}
}

@media (max-width: 1050px){
	/******************************************
	 *         seccion ocho Contactenos       *
	 ******************************************/
	.ui-box-contactenos > .ui-izquierda {
	   display: block;
	   float:none;
	   width: 99.99%;
	   padding: 40px 15px 40px;
	}

	.ui-box-contactenos > .ui-derecha {
	   display: block;
	   float:none;
	   width: 99.99%;
	   position: relative;
	   height: 600px;
	}

	.ui-section.ocho .ui-centro-principal{
		padding: 0px;
	}
}


@media (max-width: 1110px){

	/*****************************************
	 *      seccion dos xelamec spot On      *
	 *****************************************/
	.ui-columna-items-beneficios {
	    float: none;
	    display: block;
	}

	.ui-box-beneficios-especificos-spot-on{
		text-align: center;
		padding: 20px;
	}

	.ui-columna-items-beneficios.uno,
	.ui-columna-items-beneficios.dos,
	.ui-columna-items-beneficios.tres{
		width: 99.99%;
		max-width: 713px;
		display: inline-block;
		vertical-align: top;
		padding: 20px 0;
	}

	.ui-columna-items-beneficios.uno > .scrollme > div > .item-beneficio {
	    padding-left: 100px;
	    text-align: left;
	}

	.ui-box-figure-beneficio.uno {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 87px;
	    height: 87px;
	}

	.ui-spot-on{
		width: 280px;
		height: 280px;
		padding-top: 65px;
	}

	.ui-columna-items-beneficios > div {
	    margin-bottom: 55px;
	}

	.ui-columna-items-beneficios.uno > .scrollme > div > .item-beneficio {
	    padding-left: 100px;
	    padding-right: 0px;
	}

	.item-beneficio.uno, .item-beneficio.tres {
	    position: relative;
	    left: 0px;
	}

	.item-beneficio.cinco, .item-beneficio.siete {
	    position: relative;
	    right: 0px;
	}

	.ui-box-beneficios-especificos-spot-on{
		padding: 20px 0px;
	}

}

@media (max-width: 1024px){
	.ui-item-footer {
	    width: 33.33%;
	    float: left;
	    padding: 0 10px;
	}

	.ui-lista-footer {
	    max-width: 100%;
	    width: 100%;
	}

	.ui-box-items-footer > article:nth-child(4){
		margin-top: 60px;
		width: 99.99%;
	}

	.ui-texto-agrovet.ui-1024{
		display: block;
	}

	.ui-texto-agrovet.ui-768{
		display: none;
	}
}

@media (max-width: 996px){
	/***************************
	 *          header         *
	 ***************************/
	.ui-header{
		padding: 15px 0 0 0;
	}

	#menu-escritorio{
		display: none;
	}

	#menu-responsive{
		display: none;
	}

	.ui-vertical-dots{
		display: none;
	}

	.ui-nav-xelamec > ul li {
	    display: block;
	    margin-right: 0px;
	    position: relative;
	    background-color: #fff;
	    border-bottom: 1px solid rgba(0,0,0,0.09);
	    border-right:none;
	}

	.ui-nav-xelamec > ul li:after {
	    display: none;
	}

	.ui-btn-responsive{
		display: block!important;
	}

	.ui-header > .ui-izquierda {
	    float: none;
	    display: block;
	    width: 100%;
	    padding-bottom: 20px;
	}

	.ui-header > .ui-derecha {
	    float: none;
	    display: block;
	    width: 100%;
	    margin-top: 0px;
	}

	.ui-logotipo-xelamec{
		float: left;
	}

	.ui-btn-responsive{
		margin-top: 30px;
		float: right;
	}
}

@media (max-width: 962px){
	/**************************************
	 *     presentaciones seccion 06      *
	 **************************************/
	.mySlides {
    max-width: 900px;
		width: 100%;
	}
	.mySlides > .ui-izquierda{
		display: block;
		margin-bottom: 20px;
		float: none;
		width: 100%;
		text-align: center;
	}

	.mySlides > .ui-derecha{
		display: block;
		float: none;
		width: 100%;
		text-align: center;
	}

	.column.presentacion-producto02,
	.column.presentacion-producto03,
	.column.presentacion-producto04{
		top:0px;
	}

	.column.presentacion-producto01,
	.column.presentacion-producto02,
	.column.presentacion-producto03,
	.column.presentacion-producto04,
	.column.presentacion-producto05{
		margin-bottom: 10px;
	}
}

@media (max-width: 840px){
	/************************************
	 *       modal presentaciones       *
	 ************************************/
	.modal-presentacion > .ui-box > .ui-izquierda {
	    float: none;
	    width: 99.99%;
	    display: block;
	    margin-bottom: 40px;
	}

	.modal-presentacion > .ui-box > .ui-derecha {
	    float: none;
	    width: 99.99%;
	    display: block;
	}

	.ui-box-modal-figure-presentacion > figure {
	    max-width: 450px;
	    width: 100%;
	}

	.ui-box-modal-figure-presentacion.cuatro > figure {
	    max-width: 500px;
	    width: 100%;
	}

	.ui-box-modal-figure-presentacion.cinco > figure {
    	max-width: 500px;
	    width: 100%;
	}
}

@media (max-width: 768px){

	/******************************************
	 *         seccion ocho Contactenos       *
	 ******************************************/

	.ui-box-contactenos > .ui-derecha {
	   display: none;
	}

	.ui-contactenos-info .ui-box-fila > .ui-box .ui-izquierda {
	    float: none;
	    width: 99.99%;
	    margin-right: 0%;
	    display: block;
	    margin-bottom: 15px;
	}

	.ui-contactenos-info .ui-box-fila > .ui-box .ui-derecha {
	    float: none;
	    display: block;
	    width: 99.99%;
	    margin-left: 0%;
	}

	/******************************************
	 *             seccion footer             *
	 ******************************************/
	.ui-section-footer {
	    padding: 60px 0 20px 0;
	}

	.ui-item-footer {
	    width: 49.99%;
	    float: left;
	    padding: 0 10px;
	}

	.ui-box-items-footer > article:nth-child(1){
		margin-bottom: 20px;
	}

	.ui-box-items-footer > article:nth-child(2){
		margin-bottom: 20px;
	}

}

@media (max-width: 711px){
	.ui-texto-agrovet.ui-1024{
		padding-top: 0px;
		width: 99.99%;
		text-align: center;
	}
}

@media (max-width: 700px){
	/*xelamec spot on*/
	.ui-box-spot-on{
		min-height: 0px;
	}

	.ui-columna-items-beneficios.dos.block{
		display: block;
	}
	.ui-columna-items-beneficios.dos{
		display: none;
	}
	/***********************************
	 *     seccion cuatro parasitos    *
	 ***********************************/
	.ui-box-parasitos > .ui-izquierda {
	    width: 99.99%;
	    display: block;
	    float: none;
	    text-align: left;
	}

	.ui-box-parasitos > .ui-derecha {
	    width: 99.99%;
	    display: block;
	    float: none;
	    padding-left: 0px;
	    padding-top: 20px;
	}

	.ui-box-item-parasito.uno {
	    right: 0px;
	}

	.ui-box-item-parasito.dos {
	    right: 0px;
	}

	.ui-box-item-parasito.tres {
	    right: 0px;
	}

	.ui-box-item-parasito.cuatro {
	    right: 0px;
	}

	.ui-box-item-parasito.cinco {
	    right: 0px;
	}

	.ui-box-item-parasito.seis {
	    right: 0px;
	}

	.ui-box-imagen-parasito > .ui-box > .ui-box-circulo{
		display: none;
	}

	/******************************************
	 *            seccion nueve Footer        *
	 ******************************************/
	.ui-item-footer {
	    width: 99.99%;
	    float: none;
	    display: block;
	    padding: 15px 0px;
	}

	.ui-lista-footer {
	    width: 100%;
	    max-width: 100%;
	}

	.ui-box-logotipo-footer{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}

	.ui-box-logotipo-footer figure{
		display: inline-block;
		vertical-align: top;
	}

	/*****************************************
	 *        seccion 03 como funciona       *
	 *****************************************/
	.ui-box-texto-funciona-uno {
	    position: relative;
	    top: 0px;
	    right: 0px;
	}

	.ui-box-texto-funciona-uno > .ui-box {
	    display: none;
	}

	.ui-box-texto-funciona-dos > .ui-box {
	    display: none;
	}

	.ui-box-texto-funciona-tres > .ui-box {
	    display: none;
	}

	.ui-circulo-como-funciona {
	    display: none;
	}

	.ui-box-como-funciona > .ui-box {
	    display: inline-block;
	    vertical-align: top;
	    max-width: 100%;
	    width: 100%;
	    padding-top: 40px;
	    position: relative;
	}

	.ui-box-texto-responsive-funciona{
		display: block;
	}

	.ui-box-como-funciona > .ui-box{
		height: auto;
	}

	/************************************
	 *     scrollme xelamec spot on     *
	 ************************************/
	.animateme[data-translatex="500"]{
		-webkit-transform:translateX(0)!important;
		-moz-transform:translateX(0)!important;
		-ms-transform:translateX(0)!important;
		-o-transform:translateX(0)!important;
		transform:translateX(0)!important;
	}

	.animateme[data-opacity="0"]{
		opacity: 1!important;
	}

	.animateme[data-translatex="-800"]{
		-webkit-transform:translateX(0)!important;
		-moz-transform:translateX(0)!important;
		-ms-transform:translateX(0)!important;
		-o-transform:translateX(0)!important;
		transform:translateX(0)!important;
	}

	.animateme[data-scale="0"]{
		-webkit-transform:scale(1)!important;
		-moz-transform:scale(1)!important;
		-ms-transform:scale(1)!important;
		-o-transform:scale(1)!important;
		transform:scale(1)!important;
	}

	.animateme[data-translatey="500"]{
		-webkit-transform:translateY(0)!important;
		-moz-transform:translateY(0)!important;
		-ms-transform:translateY(0)!important;
		-o-transform:translateY(0)!important;
		transform:translateY(0)!important;
	}

	.animateme[data-scale="1.3"]{
		-webkit-transform:scale(1)!important;
		-moz-transform:scale(1)!important;
		-ms-transform:scale(1)!important;
		-o-transform:scale(1)!important;
		transform:scale(1)!important;
	}

	.animateme[data-translatey="300"]{
		-webkit-transform:translateY(0)!important;
		-moz-transform:translateY(0)!important;
		-ms-transform:translateY(0)!important;
		-o-transform:translateY(0)!important;
		transform:translateY(0)!important;
	}
}

@media (max-width: 650px){
	/*xelamet spot on*/
	.ui-box-header-spot-on h2{
		font-size: 38px;
	}

	.ui-header-beneficios-spot-on{
		margin-bottom: 30px;
	}

	/*efectividad*/
	.ui-box-forma-velocidad > .ui-h2-efectividad{
		font-size: 38px;
		text-align: center;
		margin-bottom: 0px;
	}

	.ui-box-forma-velocidad{
		margin-bottom: 30px;
	}

	.ui-cuadro-tridimencional{
		display: none;
	}

	.ui-cuadro-tridimencional.block{
		display: block;
		margin-top: 50px;
	}

	/*como funciona*/
	.ui-h2-como-funciona{
		font-size: 38px;
		margin-bottom: 30px;
	}

	.ui-header-como-funciona{
		margin-bottom: 0px;
	}

	.ui-box-como-funciona > .ui-box > .ui-box-figure{
		display: none;
	}

	.ui-box-como-funciona > .ui-box > .ui-box-figure.block{
		display: block;
		margin-top: 40px;
	}

	/*parasitos*/
	.ui-header-parasitos{
		margin-bottom: 30px;
	}

	.ui-header-h2-parasitos{
		font-size: 38px;
		margin-bottom: 0px;
	}

	/*presentaciones*/
	.ui-h2-header-presentaciones{
		margin-bottom: 30px;
		font-size: 38px;
		text-align: center;
	}

	/*distribuidores*/
	.ui-h2-distribuidores{
		font-size: 38px;
		text-align: center;
	}

	.ui-box-fila-distribuidores.h2{
		margin-bottom: 30px;
	}

	/*contactenos*/
	.ui-h2-contactenos {
    font-size: 38px;
		text-align: center;
		margin-bottom: 30px;
	}

}

@media (max-width: 564px){
	.ui-box-texto-responsive{
		display: block;
	}

	.ui-box-slider > .ui-izquierda > .ui-box{
		display: none;
	}

	/*espectro de accion*/
	.ui-box-imagen-parasito {
		display: none;
	}

	/*presentaciones*/
	.column.presentacion-producto01,
	.column.presentacion-producto02,
	.column.presentacion-producto03,
	.column.presentacion-producto04,
	.column.presentacion-producto05{
		max-width: 180px!important;
	}
}

@media (max-width: 414px){
	.ui-texto-agrovet.ui-1024 {
	    float: right;
	    padding-top: 0px;
	}
}