@CHARSET "ISO-8859-1";

@media screen and (max-width: 63.5em) {
	
	body {

	}
	
	
	h1{
		margin-top: 1.5em;
		margin-left: 0.5em;
	}
	
	h2 {
		margin-top: 3em;
	}
	
	.md-layout--toolbar-extended .md-toolbar{
		height: 3em;
	}
	
	.md-whiteframe-container{
		margin-top: 0em;
	}
	
	.md-stepshead{
		height: 5em;
	    	overflow-x: scroll;
	    	overflow-y: hidden;
	    	width: auto;
	    	margin-right: 5%;
	    	margin-left: 5%;
	    	border-bottom: 1px solid #e1e1e1;
	}
	
	.md-stepshead__steps{
	   width: 100;
	}
	
	.md-stepshead__steps__step h4{
	    line-height: 0px;
	}
	
	.md-stepshead__steps__step {
	    height: 5em;
	    width: auto;
	    white-space: nowrap;
	    margin-right: 3%;
	}	
	
	.md-stepshead__steps__step--active{
		border-bottom: 3px solid #8BC34A;
	}
	
	.md-contentdetail{

	}
	
	.md-contentdetail__info{
		/*max-height: 2em;*/ /*Al meter texto que ocupe lo necesario */
		margin-left: 5%;
		line-height: 1em;
	}
	
	.md-contentdetail__services{
		width: 98%;
		margin-left: 1%;
		margin-right: 2%;
		flex-wrap: wrap;
	}
	
	.md-contentdetail__offices{
	    padding-bottom: 2em;
	}
	
	.md-contentdetail__offices__office .md-contentdetail__topcard{
		height: 5em;
	}
	
	.md-contentdetail__topcard p{
		line-height: 1em;
	}
	
	.md-contentdetail__lowercard p{

	}
	
	.md-contentdetail__services__service{

		width: 92%;
		margin: 3%;
		margin-left: 4%;
	}
	
	.md-contentdetail__services__service .md-contentdetail__topcard{
		height: 6em;
	}
	
	.md-contentdetail-button{
		margin-right: 3%;
	}
	
	.md-contentdetail-button h4{
		font-size: 100%;
		    max-height: 999999px;
		    margin-right: 3%;
		    width: 100%;
		    text-align: center;
	}
	
	.md-contentdetail__offices__office{
		min-width: 92%;
	    	margin-left: 4%;
	    	margin-right: 2%;
	}
	
	.md-contentdetail-button__previous h3{
		float: left;
	}
	
	.md-error-page-img{
		font-size: 10em;
	}
	
	.md-width-25{
		width: 90%;
	}
	
	.md-contentdetail__topcard{
		height: 60%;
	}
	
	.md-contentdetail-button.md-contentdetail-lineflex{
	       margin-top: -25px;
	    margin-left: 10px;
	    width: 100%;
	}
	
	.md-contentdetail-button__previous{   
	    margin-top: 0px;
	    line-height: 0;
	    width: 100%;
	    margin-left: 10%;
	}
	
	.md-selector{
		width: 100%;
	}
	
	.md-width-medium-left{
		width: 100%;
	    float: none;
	}
	
	.md-width-medium-right{
		width: 100%;
	    float: none;
	    margin-right: 2%;
	    margin-top: 60px;
	}
	
	.md-contentdetail__info--margin{
		padding-bottom: 20px;
		margin-left: 10%;
	}
	
	.md-calendar{
		float: none;
		margin: auto;
		height: auto;
	        padding-bottom: 10px;
	        width: 90%;
	}
	
	.md-calendar__title h4 {
		margin-left: 20px;
		margin-top: 10px;
	}
	
	.md-calendar__title h3{
	}
	
	.md-calendar__controls{
	    margin-top: -25px;
	    font-size: 1em;
	}
	
	.md-calendar__controls h4{
	    font-size: 130%;
   		line-height: 2em;
	}
	
	.md-calendar__controls-lastmonth{
	    font-size: 3em;
	    margin-left: 5%;
	}
	
	.md-calendar__controls-nextmonth{
	    font-size: 3em;
	    margin-right: 5%;
	    margin-top: -1.65em;
	}
	
	.md-calendar__month{

	}
	
	.md-calendar-free-dating{
		float: none;
		margin: auto;
		height: auto;
	    	padding-bottom: 10px;
	        width: 90%;
	        margin-bottom: 2em;
	}
	
	.md-calendar-free-dating__hours{
		height: 16em;
	}
	
	.md-calendar-free-dating__hours__hour{
	    margin-bottom: 5px;
	    font-size: 150%;
	}
	
	.md-calendar-free-dating__hours__hour:hover{
		font-size: 3.5em;
	}
	
	.md-contentdetail-personal-data{
	        width: 90%;
    		font-size: 80%;
    		margin: 5%;
    		margin-top: 4em;
    		max-height: 999999px;
	}
	
	.md-contentdetail-button h3{
	    padding-bottom: 0px;
	    margin-right: 2%;
	    line-height: 1em;
	    margin-top: 0;
	}
	
	.md-contentdetail-button__submit{
		float: right;
	}
	
	.md-contentdetail__captcha--center{
	    margin: auto;
	    width: 100%;
	}
	
	.md-form__title{
	    margin-bottom: 0;
	    margin: 5%;
	    max-height: 9999999px;
	}
	
	.md-contentdetail__user-data{
		text-align: initial;
		margin-left: 2%;
		word-break: break-word;
	}
	
	.md-form__fields{
	    margin-bottom: 2em;
	    
	}
	
	.md-field--text label{
		font-size: 0.7em;
		bottom: 4em;
	}
	
	.md-field--text{
		height: 4em;
		margin-left: 2%;
		margin-right: 2%;
		font-size: 120%;
	}
	
	.md-field--radio{
		height: 4em;
		margin-left: 2%;
		margin-right: 2%;
		font-size: 120%;
		
	}
	
	.md-field--text input{
		font-size: 1em;
	}
	
	.md-field--radio input{
		font-size: 1em;
	}
	
	.md-form--with-floating-animation .md-field--text input.md-input--is-not-empty + label{
		bottom: 4em;
	    	font-size: 0.7em;
	}
	
	.md-form .md-field--with-error-message span{
	    font-size: 0.8em;
	    top: 3.6em;
	    height: 1em;
	}
	
	.md-detail__text img{
		width: 80%;
	}
	
	.md-form__lopd{

		margin: 5%;
	}
	
	.md-contentdetail__summary {
	    	width: 90%;
	        padding-bottom: 4em;
	        top: 1em;
	        position: relative;
	        margin-bottom: 3em;
	        /*margin-top: 9em;*/
	        /*margin-top: 4em;*/
	        margin-top: 1em;
	}
	
	
	.md-contentdetail__summary-buttons__right{
		margin: 0px;	
	}
	
	.md-contentdetail__summary-buttons__right h3{
		margin-right: 3%;
	}
	
	.md-contentdetail__summary-buttons__left{
		margin: 0px;
		padding-top: 1em;
	}
	
	.md-contentdetail__summary-buttons__left h3{
		margin-left:3%;
	}
	
	.md-contentdetail__summary-check{
		padding-top: 2em;
		font-size: 2em;
	}
	
	.md-contentdetail__finalsummary{
	    	width: 90%;
	        padding-bottom: 1em; /*padding-bottom: 0em;*/
	        top: -1em;
	        position: relative;
	        margin-bottom: 3em;
	        margin-top: 1em;   /*margin-top: 2em;*/
	}
	.md-contentdetail__info_services_text{
    		margin-left: 2.5em;
    		margin-top: 1em;  /*margin-top: 4em;  */
	}
	
	
	

	.imgOnline {
	    display: block;
	    width: 50%;
	    height: 50%;
	    margin-top: auto;
	    margin-bottom: auto;
	}
	
	.mdl-dialog{
		width: 80%;
	}
}


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

	.md-contentdetail__summary {
	   
	    padding-bottom: 10em;
	   
	}
	
	.md-contentdetail__summary-buttons__right {
	    margin-right: 4.8em;
	}
	
	
	.md-contentdetail__summary-buttons__left h3{
	    padding-bottom: 5px;
	 }

	.md-contentdetail__summary-buttons__right.buttonRight{
	     margin-right: 6.8em;
	}
	
	.md-contentdetail__summary.md-contentdetail-sharing{
		padding-bottom: 8em !important;
	}

}