/** GLENFERRIE DERMATOLOGY - SERVICES **/
/** CARBON DATA SOLUTIONS - http://www.carbondata.com.au  **/

/*-------------------- SERVICES PAGE --------------------*/

.serviceList li {
	/* REGULAR */
	font-family: 'BrandonGrotesqueRegularRg';
	font-size: 1.4em;
	line-height: 1.2em;
	}

@media all and (max-width:660px) {
	
	.serviceList li {
		padding-top: 32px;
		padding-bottom: 32px;
		padding-left: 56px;
		text-align: left;
		background-repeat: no-repeat;
		background-size: 48px 48px;
		background-position: left center;
		}	
	
	}

@media all and (min-width:661px) and (max-width:840px) {

	.serviceList li {
		float: left;
		clear: none;
		width: 30%;
		padding-left: 1.6%;
		padding-right: 1.6%;
		text-align: center;
		padding-top: 116px;
		padding-bottom: 20px;
		height: 32px;
		background-repeat: no-repeat;
		background-size: 77px 77px;
		background-position: center 20px;
		}

	.serviceList {
		margin-bottom: 32px;
		overflow: hidden;	
		}	


}

@media all and (min-width:841px) {
	
	.serviceList li {
		float: left;
		clear: none;
		width: 23%;
		padding-left: 1%;
		padding-right: 1%;
		text-align: center;
		padding-top: 116px;
		padding-bottom: 20px;
		height: 32px;
		background-repeat: no-repeat;
		background-size: 77px 77px;
		background-position: center 20px;
		}
	
	.serviceList {
		margin-bottom: 32px;
		overflow: hidden;	
		}
	
	}

.serviceList #general       { background-image: url('../images/services/iconGeneral.png'); }
.serviceList #early         { background-image: url('../images/services/iconEarly.png'); }
.serviceList #mole          { background-image: url('../images/services/iconMole.png'); }
.serviceList #surgery       { background-image: url('../images/services/iconSurgery.png'); }
.serviceList #nonsurgical   { background-image: url('../images/services/iconNonsurgical.png'); }
.serviceList #cosmetic      { background-image: url('../images/services/iconCosmetic.png'); }
.serviceList #acne          { background-image: url('../images/services/iconAcne.png'); }
.serviceList #eczema        { background-image: url('../images/services/iconEczema.png'); }
.serviceList #vulval        { background-image: url('../images/services/iconVulval.png'); }
.serviceList #hairloss      { background-image: url('../images/services/iconHairloss.png'); }
.serviceList #nail          { background-image: url('../images/services/iconNail.png'); }
.serviceList #photodynamic  { background-image: url('../images/services/iconPhotodynamic.png'); }
.serviceList #nitrogen      { background-image: url('../images/services/iconNitrogen.png'); }
.serviceList #mollusca      { background-image: url('../images/services/iconMollusca.png'); }
.serviceList #phototherapy  { background-image: url('../images/services/iconPhototherapy.png'); }
.serviceList #hyperhidrosis { background-image: url('../images/services/iconHyperhidrosis.png'); }