/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	#divindex {
		width: 200px;
	}
	#imgindex {
		width: 80%;
	}
	table {
		max-width: 190px;
	}
	input {
		max-width: 80px;
	}
}
/* 480 - 768 ----------- */
@media only screen and (min-width : 480px) and (max-width : 768px) {
	#divindex {
		width: 250px;
	}
	#imgindex {
		width: 80%;
	}
	table {
		max-width: 230px;
	}
	input {
		max-width: 120px;
	}
}
/* tablets (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	#divindex {
		width: 300px;
	}
	#imgindex {
		width: 90%;
	}
	table {
		max-width: 270px;
	}
	input {
		max-width: 130px;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) {
	#divindex {
		width: 400px;
	}
	#imgindex {
		width: 100%;
	}
	table {
		max-width: 340px;
	}
	input {
		max-width: 170px;
	}
}