/* 
	HOVERABLE BOXES RESPONSIVE FIX
	Web Factory Ltd.
	(c) 2013
*/

/* iPhone (portrait) */
@media (max-width: 767px) {
	#hoverable-boxes {display: block;width: 295px;margin-bottom: 25px;border-bottom: 1px solid #ccc}
	#hoverable-boxes h3 span {float:left}
	#box-centralbox {display:none}
	#boxes-left,#boxes-right {width: 273px;margin-bottom:0;text-align:left}
	#boxes-right li.selected, 
	#boxes-left li.selected {background:none}
	#hoverable-boxes p {
		display:block;
		clear:both
	}
}

/* iPhone (landscape) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#hoverable-boxes {width: 420px}
	#boxes-left, #boxes-right {width: 394px}
	#boxes-right li.selected, 
	#boxes-left li.selected {background:none}
	#hoverable-boxes p {
		display:block;
		clear:both
	}
}

/* iPad (portrait) */
@media (min-width: 768px) and (max-width: 1023px) {
	#hoverable-boxes {display:block;width:720px; margin-bottom:25px;border-bottom: 1px solid #ccc}
	#hoverable-boxes h3 span {float:left}
	#box-centralbox {display:none}
	#boxes-left,#boxes-right {width: 680px;margin-bottom:0;text-align:left}
	#hoverable-boxes p {
		display:block;
		clear:both
	}
	#boxes-right li.selected, 
	#boxes-left li.selected {background:none}
}

/* iPad (landscape) */
@media (min-width: 979px) and (max-width: 1025px) {

}