@media only screen and (min-width:321px) and (max-width:375px){
	.about-us-page #e14 {height: 440pt !important;}
	.service-page #e14 {height: 500pt !important;}
	#page {height: 565pt !important;}
}
@media only screen and (min-width:376px) and (max-width:414px){
	.about-us-page #e14 {height: 421pt !important;}
	#page {height: 535pt !important;}
	.service-page #e14 {height: 460pt !important;}
}
@media only screen and (min-width:415px) and (max-width:480px){
	.about-us-page #e14 {height: 395pt !important;}
	#page {height: 526pt !important;}
	.service-page #e14 {height: 450pt !important;}
}
@media only screen and (min-width:481px) and (max-width:568px){
	.about-us-page #e14 {height: 370pt !important;}
	#page {height: 500pt !important;}
	.service-page #e14 {height: 425pt !important;}
}

@media only screen and (min-width:569px) and (max-width:667px){
	.about-us-page #e14 {height: 350pt !important;}
	#page {height: 480pt !important;}
	.service-page #e14 {height: 410pt !important;}
}

@media only screen and (min-width:668px) and (max-width:736px){
	.about-us-page #e14 {height: 350pt !important;}
	#page {height: 480pt !important;}
	.service-page #e14 {height: 405pt !important;}
}
@media only screen and (max-width:767px) {
	body .media-page #e20 {
    padding: 0px !important;
   
	}
	body { width: 100%; max-width: 100%; display: inline-block;}
	
	#page { width: 100% !important;}
	
	#page #e18 { width: 100% !important; background: transparent url(images/walkingintheblessing001006.jpg) no-repeat left center;}
	
	#page #e17 { display: none;width: 100%; left: 0; }
	#page #e17a { width: 100%;}
	#e16 { width: 100% !important;}
	
	#page #e15{display:none; width: 100%; left: 0px;}
	
	#e13 { display: none !important;}
	
	#e18 { width: 100%;}
	
	#page #e12 { left: 0; padding: 0px; width: 96.875%; height: auto; font-size: 22pt; top: 9%;}
	
	#page #e11 { width: 100%; padding: 2px 0; text-align: center; top: 4%;left:0px;}

	#page #e10 { left: 0px; width: 100%; text-align: center; top: 6%; padding: 4px 0;}
	
	#page .navigation-bar a.toggleMenu, .navigation-bar #rm-menu { position: absolute; right: 6px; top: 11px; background: url(/images/rm-icon.png) 0 0 no-repeat!important; width: 42px !important;
    height: 28px; text-indent: -99999px;}
		
	ul.dl-menu #e9 {position:initial;}
	ul.dl-menu #e8 {position:initial;}
	ul.dl-menu #e7 {position:initial;}
	ul.dl-menu #e6 {position:initial;}
	ul.dl-menu #e5 {position:initial;}	
	
	#page #e14{left:0px;width: 100%;top: 132pt; background-size: 100% 100%;    background: transparent url(images/nnn.jpg) no-repeat top left;}

	#page #e3 { width: 100%; background-size: 100% 100%;text-align:center;top: 140pt; width: 96%; left: 2%; height: 180pt;}
	
	#page ul.dl-menu.dl-menuopen{background:#0807f8;}
	
	#page a.navigation { color: #a4a375; width: 100%; display: block;}

	#page div.navigation, #page div.navigation_pin { width: 98% !important; border-top: 1px solid #a4a375;padding: 2px 0;margin:0 auto !important;}
	
	#page #e4 { left: 2%; width: 94%; font-size: 11pt; text-align: center; padding: 1%; float: none; top: 350pt; margin: 0 auto !important;background: transparent url(images/nnn.jpg) no-repeat left center;height:auto ;}
	
	#page .dl-menuwrapper{text-align:right;float:right;top: 2%;}
	
	#page button.dl-trigger { background: transparent !important;}
	
	#page #e2 { width: 96%; top: 145pt; left: 2%;    background: transparent url(images/walkingintheblessing002002.jpg) no-repeat center;background-size: 100% 100%; height: 180pt;}
	
	div#e3 {top: 100% !important;}
	
	.service-page #e3 {top: 86% !important; width: 98% !important; padding: 2% 1%;
    left: 0 !important; font-size: 16px;    height: auto !important;}
	
	.service-page div#e1 {top: 97%; left: 0; width: 100%; text-align: center;  height: auto;}
	
	img#e1e { height: 66px; text-align: center; margin: 0 auto; width: 114px;
    float: none; margin-bottom: 10px;}
	
	.service-page img#e14 { height: 500pt;}
	.service-page img.e14nan{display:none;}
	.service-page img.e14nnn{display:block;}
	

}

@media only screen and (min-width:1023px){
	.dl-menuwrapper .dl-menu{ opacity:1 !important;pointer-events:visible !important;}
	.dl-menuwrapper button{display:none !important;}
	.service-page img.e14nan{display:block;}
	.service-page img.e14nnn{display:none;}
}

@media only screen and (min-width:768px) and (max-width:1023px){
	div#e20 {left: 5.5pt;}
	span#e24 { width: 234.75pt;} 
	.service-page img.e14nan{display:none !important;}
	.service-page img.e14nnn{display:block !important;}
	div#page {width: 100% !important; max-width: 768px; margin: 0 auto;}
	span#e17 {left: 328.25pt;}
	div#e16 {width: 100%;}
	img#e13, span#e13 { display: none;}
	address#e11 { left: 340pt; top: 25pt;}
	address#e10 {left: 343pt; top: 41pt;}
	span#e15 {display: none;}

	#page .navigation-bar a.toggleMenu, .navigation-bar #rm-menu { position: absolute; right: 6px; top: 11px; background: url(/images/rm-icon.png) 0 0 no-repeat!important; width: 42px !important;
    height: 28px; text-indent: -99999px;}
		
	ul.dl-menu #e9 {position:initial;}
	ul.dl-menu #e8 {position:initial;}
	ul.dl-menu #e7 {position:initial;}
	ul.dl-menu #e6 {position:initial;}
	ul.dl-menu #e5 {position:initial;}	
	
	#page ul.dl-menu.dl-menuopen{background:#0807f8;}
	
	#page a.navigation { color: #a4a375; width: 100%; display: block;}

	#page div.navigation, #page div.navigation_pin { width: 98% !important; border-top: 1px solid #a4a375;padding: 2px 0;margin:0 auto !important;}

	#page .dl-menuwrapper{text-align:right;float:right;top: 5px;}
	
	#page button.dl-trigger { background: transparent !important;}
	span#e14 { max-width: 768px;width: 96%;left:0; background-size: 100% 100%;    top: 140pt;background: transparent url(images/nnn.jpg) no-repeat top left;padding: 0 2%;}
	span#e3 { left: 15.5%; top: 148pt;}
	div#e4 { left: 1.5%;width: 96%; max-width: 768px; top: 68%;text-align: center;    height: auto;}
	
	img#e14{ max-width: 768px;width: 100%;left: 0%; background-size: 100% 100%;    top: 140pt;height:540pt;}
	span#e2 { left: 10.5%;top: 149pt;}
	div#e12 {left: 24.25pt; top: 63.00pt; width: auto;}
	div#e3 {top: 500pt;left: 0; width: 100%;text-align: center; padding: 4px 0;}
	div#e1 {left: 0;width: 100%;text-align: center; top: 97%;}
	img#e1e {float: none;}
	
}

@media only screen and (min-width:1024px) and (max-width:1200px){
	div#page{width:100%;}
	span#e15{width:100%;}
	span#e17 {width: 233.75pt !important;}
	div#e16{width:100%;}
}