/* This is just copied from the old style, I CBA to 
 * strip the homemade bootstrap -ST 2019-09-19
 */

#ph_megamenu_wrapper {
	position: relative;
	z-index: 90;
}
#ph_megamenu_wrapper .ph-col {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	max-width: 100%;
}
#ph_megamenu_wrapper .ph-col.ph-new-row {
	clear: left;
}
#ph_megamenu_wrapper .ph-col-1 {
	width: 97.5px;
}
#ph_megamenu_wrapper .ph-col-2 {
	width: 195px;
}
#ph_megamenu_wrapper .ph-col-3 {
	width: 292.5px;
}
#ph_megamenu_wrapper .ph-col-4 {
	width: 390px;
}
#ph_megamenu_wrapper .ph-col-5 {
	width: 487.5px;
}
#ph_megamenu_wrapper .ph-col-6 {
	width: 585px;
}
#ph_megamenu_wrapper .ph-col-7 {
	width: 682.5px;
}
#ph_megamenu_wrapper .ph-col-8 {
	width: 780px;
}
#ph_megamenu_wrapper .ph-col-9 {
	width: 877.5px;
}
#ph_megamenu_wrapper .ph-col-10 {
	width: 975px;
}
#ph_megamenu_wrapper .ph-col-11 {
	width: 1072.5px;
}
#ph_megamenu_wrapper .ph-col-12 {
	width: 1170px;
	max-width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
	#ph_megamenu_wrapper .ph-col-1 {
		width: 80.833333px;
	}
	#ph_megamenu_wrapper .ph-col-2 {
		width: 161.666667px;
	}
	#ph_megamenu_wrapper .ph-col-3 {
		width: 242.5px;
	}
	#ph_megamenu_wrapper .ph-col-4 {
		width: 323.333333px;
	}
	#ph_megamenu_wrapper .ph-col-5 {
		width: 404.166667px;
	}
	#ph_megamenu_wrapper .ph-col-6 {
		width: 485px;
	}
	#ph_megamenu_wrapper .ph-col-7 {
		width: 565.833333px;
	}
	#ph_megamenu_wrapper .ph-col-8 {
		width: 646.666667px;
	}
	#ph_megamenu_wrapper .ph-col-9 {
		width: 727.5px;
	}
	#ph_megamenu_wrapper .ph-col-10 {
		width: 808.333333px;
	}
	#ph_megamenu_wrapper .ph-col-11 {
		width: 889.166667px;
	}
	#ph_megamenu_wrapper .ph-col-12 {
		width: 970px;
	}
}
@media (max-width: 991px) {
	#ph_megamenu_wrapper .ph-col-1,
	#ph_megamenu_wrapper .ph-col-2,
	#ph_megamenu_wrapper .ph-col-3,
	#ph_megamenu_wrapper .ph-col-4,
	#ph_megamenu_wrapper .ph-col-5,
	#ph_megamenu_wrapper .ph-col-6,
	#ph_megamenu_wrapper .ph-col-7,
	#ph_megamenu_wrapper .ph-col-8,
	#ph_megamenu_wrapper .ph-col-9,
	#ph_megamenu_wrapper .ph-col-10,
	#ph_megamenu_wrapper .ph-col-11,
	#ph_megamenu_wrapper .ph-col-12 {
		width: 100%;
		margin-bottom: 20px;
	}
}


