/* ------- tablet css ------------ */
@media screen and ( min-width : 449px) {
	.input-inline label.ui-input-text {
		width: 20%;
	}

	.date-range .label {
		display: inline-block;
		width: auto;
		padding-right: 5px;
	}
	.date-range div.ui-input-text {
		display: inline-block;
		width: 150px !important;
		margin-right: 10px;
	}
	.ui-field-contain .field-group-contain,.ui-field-contain .field-group-contain2
		{
		width: 78%;
		display: inline-block;
	}
	.ui-field-contain p {
		margin: 0;
		width: 78%;
		display: inline-block;
	}
	.date-range.ui-field-contain .ui-btn.ui-submit {
		width: auto;
	}
}

/* #### Mobile Phones Portrait #### */
@media screen and ( max-device-width : 480px) and (orientation:
	portrait) { /* some CSS here */
}

/* #### Mobile Phones Landscape #### */
@media screen and ( max-device-width : 640px) and (orientation:
	landscape) { /* some CSS here */
}

/* #### Mobile Phones Portrait or Landscape #### */
@media ( max-device-width : 640px) { /* some CSS here */
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and
	(-webkit-min-device-pixel-ratio: 2) { /* some CSS here */
}