@media screen and (max-width: 799px) {

body {
	font-size: 14px;
}

.desktopOnly {
	display: none;
}

.desktopOnlyBottom {
	display: none;
}

.mobileOnly {
	display: block;
}

#top {
	height: 80px;
	padding-top: 10px;
}

#logoTop {
	height: 80px;
}

.social {
	display: none;
}

#mobNavButt {
	display: block;
	position: absolute;
	left: 10px;
	top: 28px;
	height: 30px;
	cursor: pointer;
	z-index: 1000;
}

#mobNav {
	display: none;
	position: fixed;
	background-color: hsla(0,0%,100%,0.9);
	z-index: 100;
	width: 100vw;
	height: 100vh;
}

#mobNavTable {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

#innerMobNav {
	display: table;
	margin: auto;
}

#topNavInner {
	display: none;
}

.socialMob {
	width: 30px;
	display: block;
	margin: 10px;
}

.twoColumns {
	column-count: 1;
	column-gap: 0px;
}

.content {
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.leftColumn {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.rightColumn {
	float: none;
	width: 100%;
}

.fright {
	margin-left: 30px;
	margin-bottom: 15px;
	width: 40%;
	max-width: 500px;
}

.capright {
	width: calc(40% - 10px);
	max-width: 500px;
	font-size: 12px;
}



#holder1 {
	padding-bottom: 40px;
}

#holder2 {
	padding-top: 50px;
}

#mapContact {
	display: block;
	float: none;
	margin-left: 0px;
	width: 100%;
	max-width: none;
	height: 300px;
}

.mobCentre {
	text-align: center;
}

.albumThumb {
	max-height: 100px;
}

.albumThumb3 {
	max-width: 100%;
	max-height: 100px;
}


#review {
	font-size: 2vw;
	line-height: 2.4vw;
	margin-bottom: 1.6vw;
}

#p58 {
	height: 20px;
}














.serviceHolder {
	width: 100%;
	display: block;
	margin-bottom: 30px;
}

.serviceInfoTd2D {
	display: none;
}

.serviceInfoTd2M {
	display: block;
	text-align: center;
	padding: 20px;
}

.serviceInfoTd {
	display: block;
	text-align: center;
	padding: 20px;
}

.serviceImageTd {
	display: block;
	width: calc(100% - 20px);
	height: auto;
	padding: 10px;
}

.serviceImage {
	width: 100%;
	max-width: 500px;
	height: auto;
	margin: auto;
}

.serviceTitle {
	font-size: 32px;
	font-weight: bold;
	color: #222222;
	text-transform: capitalize;
	display: block;
}

.serviceTitle2 {
	font-size: 32px;
	font-weight: bold;
	color: #d4d1bc;
	text-transform: capitalize;
	display: block;
}


.albumHolder {
	margin: 5px;
}








.videoHolder {
	display: inline-table;
	width: calc(50% - 10px);
	background: linear-gradient(to right, #d4d1bc, #f2f0e1, #d4d1bc);
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	padding: 0px;
}

.videoThumbTd {
	display: table-cell;
	width: 100px;
	height: 65px;
	padding: 5px;
}

.videoThumb {
	max-width: 100px;
	max-height: 65px;
}

.videoInfoTd {
	padding-left: 0px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 14px;
}

.findUs {
	text-align: center;
}


















p {
	font-size: 14px;
	line-height: 20px;
}

h1 {
	text-align: center;
	font-size: 22px;
}

h2 {
	text-align: center;
	font-size: 16px;
}








a:link.mobLinks {
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	background-color: #333333;
	color: #ffffff;
	text-align: left;
	font-size: 14px;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;

	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);

	transition: color 0.5s;
}

a:active.mobLinks {
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	background-color: #333333;
	color: #ffffff;
	text-align: left;
	font-size: 14px;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;

	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

a:visited.mobLinks {
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	background-color: #333333;
	color: #ffffff;
	text-align: left;
	font-size: 14px;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;

	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}

a:hover.mobLinks {
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
	background-color: #333333;
	color: #ffffff;
	text-align: left;
	font-size: 14px;
	width: 140px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;

	box-shadow: 0px 0px 5px hsla(0,0%,0%,0.3);
}


.mobLinkIcon {
	height: 30px;
	margin-right: 10px;
	vertical-align: middle;
	margin-left: 20px;
}

}




@media screen and (max-width: 660px) {

.videoHolder {
	display: table;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.videoThumbTd {
	display: table-cell;
	width: 100px;
	height: 65px;
	padding: 5px;
}

.videoThumb {
	max-width: 100px;
	max-height: 65px;
}

.videoInfoTd {
	padding-left: 0px;
	padding-right: 10px;
	font-size: 12px;
	line-height: 14px;
}

.albumHolder3 {
	margin: 5px;
}

.albumThumb3 {
	border: 1px solid #ffffff;
}

}



@media screen and (max-width: 499px) {

p {
	font-size: 12px;
}

.row {
	display: block;
}

.fright {
	float: none;
	margin-left: 50%;
	margin-bottom: 0px;
	width: 100%;
	max-width: 300px;
	transform: translate(-50%,0);
	display: block;
}

.capright {
	float: none;
	clear: none;
	width: calc(100% - 10px);
	max-width: 290px;
	font-size: 12px;
	margin-left: 50%;
	margin-bottom: 20px;
	transform: translate(-50%,0)
}

#bottom1 {
	margin-right: 10px;
}

#bottom2 {
	margin-left: 10px;
}





.serviceHolder {
	display: block;
}

.serviceInfoTd {
	display: block;
}

.serviceInfoTd2 {
	display: block;
}

.serviceImageTd {
	display: block;
	height: auto;
}

.serviceImage {
	width: 100%;
	height: auto;
}

.serviceTitle {
	font-size: 18px;
}

.serviceTitle2 {
	font-size: 18px;
}





#fpTable {
	display: block;
}

#fpLeftTd {
	display: block;
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 10px;
}

#fpRightTd {
	display: block;
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
}

#review {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}

.star {
	width: 10%;
	max-width: 36px;
}




#bottomFlex {
	width: 100%;
	display: block;
	column-count: 1;
}

#bottom1 {
	margin-right: 0px;
	text-align: center;
}

#bottom1 p {
	text-align: center;
}

#bottom2 {
	margin-left: 0px;
	text-align: center;
}

#bottom2 p {
	text-align: center;
}

#p58 {
	width: 100px;
}


.albumThumb3 {
	max-width: 100%;
	max-height: 80px;
}

}



@media screen and (max-width: 420px) {

.albumThumb {
	max-height: 70px;
}

}