/* ---------------------------------------- */
/* responsive */

/*  */
@media (min-width: 768px) and (max-width: 900px) {
	#e404_types li {
		font-size: 15px;
	}
	label {
		font-size: 13px;
	}
	select {
		font-size: 12px;
	}
	
	#e404_phone-search .phone_list thead td {
		font-size: 15px;
	}
	#e404_phone-search .phone_list thead td {
		font-size: 16px;
	}
	#e404_phone-search .phone_list .td2 h3 {
		font-size: 16px;
		line-height: 26px;
	}
	.phone_list .td4,
	.phone_list .td5,
	.phone_list .td6,
	.phone_list .td7 {
		font-size: 16px;
	}
	.phone_list .td4 span,
	.phone_list .td5 span,
	.phone_list .td6 span,
	.phone_list .td7 span {
		font-size: 13px;
	}
	#e404_phone-search .phone_list .td3 p {
		font-size: 13px;
	}
	#e404_phone-search a.button {
		font-size: 12px;
		line-height: 23px;
	}
	#e404_phone-search #load_more span {
		font-size: 16px;
		line-height: 34px;	
	}
}

/* Mobile */
@media (max-width: 767px) {
	#e404_types li {
		font-size: 14px;
		padding: 10px;
	}
	label {
		font-size: 12px;
	}
	select {
		font-size: 11px;
	}
	
	#e404_phone-search .phone_list thead td {
		font-size: 14px;
	}
	#e404_phone-search .phone_list .td2 h3 {
		font-size: 15px;
		line-height: 25px;
	}
	.phone_list .td4,
	.phone_list .td5,
	.phone_list .td6,
	.phone_list .td7 {
		font-size: 12px;
	}
	.phone_list .td4 span,
	.phone_list .td5 span,
	.phone_list .td6 span,
	.phone_list .td7 span {
		font-size: 12px;
	}
	#e404_phone-search .phone_list .td3 p {
		font-size: 12px;
	}
	#e404_phone-search a.button {
		font-size: 11px;
		line-height: 22px;
	}
	#e404_phone-search #load_more span {
		font-size: 15px;
		line-height: 33px;	
	}
}

/* Mobile (Landscape), Design for a width of 480px */
@media (min-width: 480px) and (max-width: 767px) {
	.e404_col1,.e404_col2 {
		float: none;
		width: auto;
		margin-right: 0;
		border-right: none;
	}
	.e404_col-left,.e404_col-right {
		float: none;
		margin-right: 0;
		width: auto;
		border-right: none;
	}
	#e404_contract .e404_col-right p,
	#e404_contract .e404_col-left p {
		width: 25.33%;
	}
}

@media (max-width: 600px) {
	#e404_phone-search .phone_list td {
		display: block;
	}
	#e404_listing thead {
		display: none;
	}
	#e404_phone-search .phone_list td.td1,
	#e404_phone-search .phone_list td.td2,
	#e404_phone-search .phone_list td.td3,
	#e404_phone-search .phone_list td.td4,
	#e404_phone-search .phone_list td.td5,
	#e404_phone-search .phone_list td.td6,
	#e404_phone-search .phone_list td.td7 {
		border: none;
		padding: 5px 2px;
		text-align: center;
	}
	#e404_phone-search .phone_list td.td1 {
		padding: 15px 2px;
	}
	#e404_phone-search .phone_list td.td8 {
		border-top: none;
	}
}

/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 479px) {
	.e404_col1,.e404_col2 {
		float: none;
		width: auto;
		margin-right: 0;
		border-right: none;
	}
	.e404_col-left,.e404_col-right {
		float: none;
		margin-right: 0;
		width: auto;
		border-right: none;
	}
	#e404_contract .e404_col-right p,
	#e404_contract .e404_col-left p {
		width: 42%;
	}
}