@media screen and (min-width: 1400px) {
	/* comes into effect for screens larger than or equal to 481 pixels */
	#pageContent {
		width: 1000px;
	}

	.navigation {
		width: 1000px;
	}

		.navigation ul {
			width: 1000px;
		}

	table.table th {
		font-size: 14px;
	}

	table.table td {
		font-size: 13px;
	}
}

@media screen and (min-width: 940px) and (max-width: 1399px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */
	#pageContent {
		width: 900px;
	}

	.navigation {
		width: 900px;
	}

		.navigation ul {
			width: 900px;
		}

	table.table th {
		font-size: 14px;
	}

	table.table td {
		font-size: 13px;
	}

	div.balance_coin {
		width: 143px;
	}
}

@media screen and (min-width: 840px) and (max-width: 939px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */
	#pageContent {
		width: 800px;
	}

	.navigation {
		width: 800px;
	}

		.navigation ul {
			width: 800px;
		}

	table.table th {
		font-size: 14px;
	}

	table.table td {
		font-size: 13px;
	}

	div.balance_coin {
		width: 152px;
	}
}

@media screen and (min-width: 740px) and (max-width: 839px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */
	#pageContent {
		width: 700px;
	}

	.navigation {
		width: 700px;
	}

		.navigation ul {
			width: 700px;
		}

	table.table th {
		font-size: 14px;
	}

	table.table td {
		font-size: 13px;
	}

	div.balance_coin {
		width: 132px;
	}
}

@media screen and (min-width: 640px) and (max-width: 739px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */
	#pageContent {
		width: 600px;
	}

	.navigation {
		width: 600px;
	}

		.navigation ul {
			width: 600px;
		}

	table.table th {
		font-size: 14px;
	}

	table.table td {
		font-size: 13px;
	}

	div.balance_coin {
		width: 140px;
	}
}

@media screen and (min-width: 540px) and (max-width: 639px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */
	#pageContent {
		width: 500px;
	}

	.navigation {
		width: 500px;
	}

		.navigation ul {
			width: 500px;
		}

	table.table th {
		font-size: 11px;
	}

	table.table td {
		font-size: 10px;
	}

	span.order_list_usdpricing {
		font-size: 9px;
	}

	div.balance_coin {
		width: 33%;
	}
}

@media screen and (min-width: 500px) and (max-width: 539px) {
	/* comes into effect for screens between 321 and 480 pixels (inclusive) */

	#banner {
		width: 450px;
		background-size: 450px;
	}
	#pageContent {
		width: 100%;
	}

	.navigation {
		width: 100%;
	}

		.navigation ul {
			width: 100%;
		}

	table.table th {
		font-size: 11px;
	}

	table.table td {
		font-size: 10px;
	}

	span.order_list_usdpricing {
		font-size: 9px;
	}

	div.balance_coin {
		width: 33%;
	}

	div.coin_value, div.balance_amount {
		font-size: 12px;
	}
}



/*Cell phone*/
@media screen and (max-width: 499px) {
	#pageContent {
		width: 100%;
	}

	.navigation {
		width: 100%;
		top: 0px;
	}

		.navigation ul {
			width: 100%;
		}

	table.table th {
		font-size: 10px;
	}

	table.table td {
		font-size: 9px;
	}

	span.order_list_usdpricing {
		font-size: 8px;
	}

	div.balance_coin {
		width: 33%;
	}

	div.coin_value, div.balance_amount {
		font-size: 12px;
	}

	#banner {
		width: 300px;
		background-size: 300px;
	}

	#topLinks {
		height: 0px;
	}

	#topContent {
		height: 200px;
	}

	#pageContentInner {
		padding-top: 20px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.coin_information {
		width: 150px;
	}

	table.table {
		padding: 0px;
		margin: 0px;
	}

	.closeButton {
		font-size: 9px;
		padding: 6px 8px;
	}

	div.navigation li {
		font-size: 13px;
	}


	.navigation {
		height: 40px;
	}

		.navigation ul {
			height: 40px;
		}

			.navigation ul li a {
				padding-top: 13px;
				padding-bottom: 11px;
			}

	#pageContent {
		top: -15px;
	}

	table.table td, th {
		margin: 2px;
		padding: 2px;
	}

	input.onoffswitch-checkbox:focus {
		background-color: yellow;
	}

	.modal-body {
		padding: 2px 4px;
	}

	.modal-header {
		padding: 2px 4px;
	}

	#modalTooltip {
		font-size: 12px;
		font-weight: bold;
	}

	#chart_period_wrapper div {
		width: 16%;
		float: left;
		text-align: center;
	}

	.order_list_usdpricing {
		display: none;
	}


	h3.title {
		padding-left: 3px;
		padding-top: 3px;
	}

	#chart_summaryinfo_startdt, #chart_summaryinfo_enddt {
		font-size: 11px;
	}

	#chart_summaryinfo_startamount, #chart_summaryinfo_endamount {
		font-size: 14px;
	}

	#chart_summaryinfo_difference {
		font-size: 15px;
		font-weight: 600;
		padding: 4px;
	}

	#model_height_adjust {
		height: 335px;
	}

	.coin_value_difference {
		font-size: 10px;
	}
}