@media only screen and (max-width: 768px) {
  	form#formPrincipal {
	    margin: 0 !important;
	    padding: 20px !important;
	}
	
    #title p {
	    color: #fff !important;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 13px !important;
	    font-weight: 0 !important;
	    margin: 3px 0px;
	    padding: 0px;
	    vertical-align: middle;
	}
	
	.userbar {
	    height: 10px !important;
	    display: none !important;
	}
    
    .ui-selectonemenu label.ui-selectonemenu-label {
	    width: 259px !important;
    }
    
    .dtListModulo {
    	display: none !important;
    }
    
    .header {
    	display: none !important;
    }
    
    #title {
    	height: 9px !important;
	}
	
	ul.ui-datalist-data {
		list-style: none;
    	padding-left: 0;
	}
	
	.detalhes-curso > .ui-widget-content {
		padding: 10px;
	}
    
    #footer > a > img {
    	width: 300px !important;
    }
    .header-resp > img {
    	padding: 5px 15px;
    }
    
    .header-title-curso > h2 {
    	font-size: 18px !important;
    }
    
    .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
	    font-weight: normal;
	    width: 100%;
	}
	
	button.voltar-top {
		display: none;
	}
	
	input.form-inscrito {
		width: 94% !important;
	}
	
	.ui-widget-content {
    	font-size: 12px !important;
	}
	
	.ui-selectonemenu-panel .ui-selectonemenu-table td {
	    padding: 10px 30px 4px 30px !important;
	}

}

@media only screen and (min-width: 768px) {
	.pgDetalheCursoResponsivo {
		display: none !important;
	}
	
	.header-resp > img {
    	display: none !important;
    }
    
    .ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
     	width: 600px;
	}
    
    input.cpf-input {
    	width: 100px !important;
    }
    
    input.cep-input, input.numero-input, input.telefone-input, input.celular-input {
    	width: 120px !important;
    }
    
}

@media only screen and (max-width: 768px) {
	.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield  {
		width: 100% !important;
	}
}