.directory-menu {
	margin: 12px;
	background: #f0f0f0;
	border-radius: 5px;
}
	.directory-menu h2 {
		font-variant: small-caps;
		line-height: 30px;
		margin-top: 20px !important;
	}
	.directory-menu a {
		text-decoration: underline;
	}
	.directory-menu a:hover {
	}
	.directory-menu .small {
		font-size: 22px;
	}
	.directory-menu .searchbox {
		padding: 0 12px 12px 12px;
	}
	.directory-menu #directorySearch {
		width: 80%;
	}
	.directory-menu #btnDirectorySearch {
		width: 19%;
	}

.vertical-align {
    display: flex;
    align-items: center;
}

.fa {
	/*color : #f06321;*/
	color : #e51;
}

.directory-head {
	background: linear-gradient(129.23deg, #28BBD5 26.95%, #2D8EF1 76.23%), #C4C4C4;
	width: 100%;
	height: auto;
	padding-bottom: 32px;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
	.h1-category {
		margin-top: 30px;
		display: inline-block;
		color: #26bbd9;
		background: #fff;
		padding: 0px 3px;
	}
	
	.directory-head h1 {
		margin-top: 60px;
		font-size: 60px !important;
		font-weight: 600;
	}
	.directory-head p {
		margin-top: 18px;
		margin-bottom: 20px;
		font-size: 18px;
		padding: 0 16px;
	}
	
	.myButton {
		background-color:#429cf0;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border:1px solid #ffffff;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-size:18px;
		padding: 12px 53px;
		text-decoration:none;
	}
	.myButton:hover {
		background-color:#51a8f5;
		color: #fff;
		text-decoration: none;
	}
	.myButton:active {
		position:relative;
		top:1px;
	}

@media screen and (max-width: 991px) and (min-width: 769px) {
	.directory-head h1 {
		margin-top: 70px;
		font-size: 62px !important;
	}
	.directory-head p {
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
	.directory-head {
		text-align: center;
	}
	.h1-category {
		margin-top: 30px;
	}
	.directory-head h1 {
		margin-top: 16px;
		font-size: 8vw !important;
		font-weight: 600;
	}
	.directory-head p {
		margin: 16px;
		font-size: 3.0vw !important;
	}
}


/* Breadcrumb trail
***************************************/
.sadvBreadCrumbs {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: bolder;
	border-bottom: 1px solid #d0d0d0;
	width: 96%;
}
	.sadvBreadCrumbs a {
		color: #2f7fe2;
		font-size: 16px;
		font-weight: bolder;
	}
	


/* Vertical / Category List 
***************************************/
.sadvCategory {
	padding: 30px 5px;
	border-top: 1px dotted #e0e0e0;
	min-height: 200px;
}
	.sadvCategoryIcon {

		float: left;
		text-align: center;
		border-radius: 3px;
		margin-right: 16px;

	}
		.sadvCategoryIcon a {
			/* VERTICAL CENTER */
			/*
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			*/
			font-size: 36px;
		}
	
		.sadvCategory h4 {
			text-transform: uppercase;
			font-weight: 600;
			font-size: 15px;
			margin-top: 0;
			margin-bottom: 2px;
		}
			.sadvCategory h4 a {
				color: #e58406;
			}
		
		.sadvCategory p {
			margin: 0;
			padding: 0;
			font-size: 13px;
		}
			.sadvCategory p a {
				color: #808080;
			}
		
		
/* Offer List 
***************************************/

.directory-row-fade {
	box-shadow: 0 18px 18px -24px #c0c0c0;
	padding-top: 16px;
	padding-bottom: 26px;
	margin-bottom: 16px;
}

.directory-thumbnail {
	box-shadow: 0 0 16px #023d8a;
}

.sadvOfferList {
	height: 200px;
	padding: 20px 0;
	border-top: 1px dotted #e0e0e0;
}
	.sadvOfferListImg {
		height: 150px;
		width: 150px;
		float: left;
		text-align: center;
		border: none;
		margin-right: 24px;
	}
		.sadvOfferListImg img { 
			max-width: 150px;
			max-height: 150px;
			padding: 0;
			position: relative;
			/* VERTICAL CENTER */
			/*
			top: 50%;
			transform: translateY(-50%);
			*/
		}
	
		.sadvOfferList h4 {
			text-transform: uppercase;
			font-weight: 400;
			font-size: 18px;
			margin-top: 0;
			margin-bottom: 2px;
		}
			.sadvOfferList h4 a {
				color: #2f7fe2;
			}
		
		.sadvOfferList p {
			margin: 0;
			padding: 0;
			font-size: 14px;
			overflow: hidden;
			color: #000;
		}
			.sadvOfferList p a,
			.learn-more {
				color: #2f7fe2;
				/*
				position: absolute;
				bottom: 0px;
				right: 36px;
				*/
			}
			
			
@media only screen and (max-width: 768px) {
	.sadvOfferList {
		min-height: 200px;
		height: auto;
	}
	
		.sadvOfferList p a {
			bottom: 3px;
		}
}