/*4 Columnas carrusel*/


.grid-four-carrusel div {
  width: 218px;
  margin: 0 0 0 19px;
  float: left;
}
.m-carousel-controls {display:none;}
@media screen and (min-width: 400px) {	
	body .m-carousel-inner{ -webkit-transform: translate3d(0px, 0px, 0px) !important;}
}

.grid-four-carrusel div.Last {margin:0;}
.grid-four-carrusel div img {width: 100%;}
.grid-four-carrusel div h3 {padding: 20px 10px 10px 0;}
.grid-four-carrusel div p {font: 14px/22px Arial; padding-right: 10px;}


@media screen and (max-width: 1000px) {	
	
.grid-four-carrusel div {
	width: 23.3%;
  	margin: 0 0 0 2%;
  	float: left;
	}
}


@media screen and (max-width: 700px) {	
	
	/*4 Columnas carrusel*/
	body .grid-four-carrusel div {width: 50%; margin: 0;}
	body .grid-four-carrusel div:nth-of-type(1), body .grid-four-carrusel div:nth-of-type(2) {margin: 0 0 30px 0;}
	body .grid-four-carrusel div:nth-of-type(3) {clear:left;}
	body .grid-four-carrusel div img {
		width: 96%;
		margin: 0 4% 0 0;
		float: left;
	}
	body .grid-four-carrusel div h3 {
		float: left;
		width: 98%;
		padding: 0 0 2% 0;
	}
	body .grid-four-carrusel div p {
		float: left;
		width: 98%;
	}

}
@media screen and (max-width: 650px) {	


/*4 Columnas carrusel*/
	body .grid-four-carrusel div {width: 48%;}
	body .grid-four-carrusel div:nth-of-type(1) {margin: 0 4% 30px 0;}
	body .grid-four-carrusel div:nth-of-type(2) {margin: 0 0 30px 0;}
	body .grid-four-carrusel div:nth-of-type(3) {margin: 0 4% 0 0;}
	body .grid-four-carrusel div:nth-of-type(4) {margin: 0;}
	body .grid-four-carrusel div img {
		width: 100%;
		margin: 0;
		float: none;
	}

}

@media screen and (max-width: 400px) {
		
	/*4 Columnas carrusel*/
	body .m-carousel-controls {display:block;}
	body .grid-four-carrusel div {float:none;}
	body .grid-four-carrusel div.m-item {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	body .grid-four-carrusel div.m-item:nth-of-type(1), body .grid-four-carrusel div:nth-of-type(2), body .grid-four-carrusel div:nth-of-type(3), body .grid-four-carrusel div:nth-of-type(4) {margin: 0;}
	body .grid-four-carrusel div:nth-of-type(3) {clear: none;}
	body .grid-four-carrusel div.m-item img {
		width: 100%;
		margin: 0;
		float: none;
	}
	body .grid-four-carrusel div.m-item h3 {
		float: none;
		width: 100%;
		padding: 20px 0 10px 0;
	}
	body .grid-four-carrusel div.m-item p {
		float: none;
		width: 100%;
	}
	
	/*Carrusel Mobile*/
	.m-carousel  {
		position:  relative;
		overflow:  hidden;
		-webkit-font-smoothing:  antialiased;
	}
	.m-carousel  img  {-ms-interpolation-mode:  bicubic;}
	.m-carousel.m-fluid  >  .m-carousel-inner  >  *  {width: 100%;}
	
	
	.m-carousel-inner  {
		position:  relative;
		white-space:  nowrap;
		text-align:  left;
		font-size:  0;
		
		/*  Configure  animations  */
		-webkit-transition-property:  -webkit-transform;
		-moz-transition-property:  -moz-transform;
		-ms-transition-property:  -ms-transform;
		-o-transition-property:  -o-transform;
		transition-property:  transform;
		
		/*  iOS  like  slide  timings  */
		-webkit-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
		-moz-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
		-ms-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
		-o-transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
		transition-timing-function:  cubic-bezier(0.33,  0.66,  0.66,  1);
		-webkit-transition-duration:  0.5s;
		-moz-transition-duration:  0.5s;
		-ms-transition-duration:  0.5s;
		-o-transition-duration:  0.5s;
		transition-duration:  0.5s;
	}
	.m-carousel-inner  >  *  {
		display:  inline-block;
		vertical-align:  top;
		white-space:  normal;
	}
	.m-fluid  >  .m-carousel-inner  >  *  {
		box-sizing:  border-box;
		-ms-box-sizing:  border-box;
		-moz-box-sizing:  border-box;
		-o-box-sizing:  border-box;
		-webkit-box-sizing:  border-box;
	}
	.m-carousel-controls {
		padding-top: 10px;
		text-align: center;
	}
	.m-carousel-controls a {
		padding: 6px;
		-webkit-user-select: none;
		-moz-user-select: -moz-none;
		user-select: none;
		-webkit-user-drag: none;
		-moz-user-drag: -moz-none;
		user-drag: none;
	}
	
	/* Carousel controls: Bulleted */
	.m-carousel-bulleted a {
		line-height: 0;
		text-decoration: none;
		text-indent: -999px;
		overflow: hidden;
		display: inline-block;
		padding: 5px;
		width: 0;
		height: 0;
		margin: 0 3px;
		color: #333;
		background-color: #ccc;
		/*-webkit-transition: background-color 0.1s ease-in;
		-moz-transition: background-color 0.1s ease-in;
		-o-transition: background-color 0.1s ease-in;
		transition: background-color 0.1s ease-in;
		-webkit-box-shadow: inset rgba(0,0,0,0.25) 0 1px 2px;
		-moz-box-shadow: inset rgba(0,0,0,0.25) 0 1px 2px;
		box-shadow: inset rgba(0,0,0,0.25) 0 1px 2px;*/
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background-image: none;
	}
	/*.m-carousel-bulleted a:hover, .m-carousel-bulleted a:focus {
		text-decoration: none;
		background-color: rgba(255,255,255,0.6);
	}*/
	.m-carousel-bulleted a.m-active {
		background-color: #00abe3;
		background-image: none;
		padding: 7px;
  		position: relative;
  		top: 2px;
		/*border: 2px solid #FFF;
		-webkit-box-shadow: rgba(0,0,0,0.25) 0 1px 2px;
		-moz-box-shadow: rgba(0,0,0,0.25) 0 1px 2px;
		box-shadow: rgba(0,0,0,0.25) 0 1px 2px;*/
	}

	
	
}