@media only  screen and (max-width: 768px) {
	p{
		text-align: justify;
	}
	.rt-grid-4{
		width: 100%
	}
	a.moduleItemReadMore{
		width:100%;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  		font-size: 20px !important;
    	text-align: center;
    	color: white;
    	cursor: pointer;
	}
	a.moduleItemReadMore:hover{
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}
	a.moduleItemReadMore:visited {
		color:white !important;
	}
	a.moduleItemReadMore{
		font-size: 20px !important;
	}
	h2.title{
		text-align: center;
		font-size: 26px !important;
	}
	#slider{
		width: 260px !important;
		
		left:0px;
	}
	.nivo-controlNav{
		display: none;
	}
	#popupBlogOpenId{
		margin-left: 0px;
		visibility: hidden;
	}
	#popupBlogId{
		top: auto !important;
   	 	right: auto !important;
	}
	#imgCrossVpopupId{
		display: none;
	}
	.slider-xs{
		margin-left: -40px;
	}
	#contact-form-cont{
		width: 100% !important;
	}
	iframe{
		width: 100% !important;
	}
	#contact-form-cont, #contact-address, .contact-misc p{
		width: 100% !important;
	}
	.contentTitle{
		text-align: center; 
		font-size: 20px !important;
	}
	.component-content form fieldset dd{
		width: 100% !important;
	}
	.contact-form{
		margin-right: 0px !important
	}
	.top-bar-xs{
		height: 64px;
		width: 100%;
		background-color: white;
		position: fixed;
   	    z-index: 1200;
        left: 0px;
        
        -webkit-transition-duration: .5s;
	    transition-duration: .5s;
	    -webkit-transition-timing-function: cubic-bezier(.35,0,.25,1);
	    transition-timing-function: cubic-bezier(.35,0,.25,1);
	    -webkit-transition-property: background-color,fill,color;
	    transition-property: background-color,fill,color;
	    
	    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	}
	.top-bar-xs .icon{
		float: right;
		width: 40px;
    	margin-right: 5px;
    	height: 64px;
	}
	.top-bar-xs .logo{
		float: left;
		margin-left: 2px;
	}
	
	.dropm{
		text-align: center;
    	height: 50px;
    	font-size: 24px;
    	
    }
    .dropm >*{
    	color:black !important;
    }
	.dropdown-menu{
		width: 100%;
		box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
	
	}
	.img-blog-list{
	width: 100% !important;
	height: auto;
	}
	.project-item{
		margin-right:0px !important;
		width:100%;
		margin-left:0px !important;
	}
	.item{
		width: 100% !important
	}
	.blog-image-default{
		width: 100% !important;
	}
	.blog-image{
		width: 100% !important;
	}
	
	#barraaceptacion{
	min-height: 200px !important;
	}
}


/**---------
*/
.blog-image-default{
	width: 350px;
}
.blog-image{
	width: 550px;
}
.project-item{
		/*margin-right:30px;
		margin-left:30px;*/
	}
.btn-material{
	{
		width:100%;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  		transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  		font-size: 20px !important;
    	text-align: center;
    	color: white;
    	cursor: pointer;
	}
}


.img-blog-list{
	width: 150px;

}
h2.title{
		text-align: center; 
		font-size: 20px !important;
	}
card {
  background: #fff;
  border-radius: 2px;
  display: inline-block;
  height: 300px;
  margin: 1rem;
  position: relative;
  width: 300px;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}