@media screen and (max-width:1080px){
#footer {
        width: 100%}
}
@media screen and (max-width:980px){

.obitcontainer {

        width: 720px;
        height: 475px;
}

.homelinkcontainer {
         width: 720px;
}

.wpfh_obit_thumbnail {
        padding: 10px 40px
}


.page-center{

	width: 95%;

}

.page_content_container {

    width: 95%;
}

.pagespic  {
    width: 95%;
    height: auto;
}

.slideshowcontainer {
    width: 85%;
    height: auto;
}

.preplanning_right {
    width: 45%;
}
.preplanning_left {
    width: 45%;
}
.map {
    width: 98%
}

#wpfh_main_obit form {
     width: auto
}
#nav > ul > li {

    font-size: 12px;
    float: left;

    height: 100%;

    margin-left: 0;

}

#nav li ul{

	min-width:200px;

	}

#nav > ul > li > a {
       font-size: 12px
}
#nav > ul > li > a > span {
       font-size: 12px
}
#nav li ul a {
       font-size: 12px
}

#nav li:last-child {

    width: 15%;

}



.pages_container_two {

    margin: auto;

    float: none;

}



#main-container {

    width: 100%;

    margin: auto;

}



.pages_sidebar {

    display: none;

}



.right-top {

    font-size: 29px;

    line-height: 31px;

    margin: 0;

    max-width: 387px;

    padding: 9px 0 0;

	}

#search-box{

	width:50%;

	margin-top:10px;

	}

#searchform input[type="submit"]{

	right:18px;

	top:10px;

	}

#example, #slides, .slides_container{

	width:100%;

	height:363px !important;

	}		

.slides_container div.slide img{

	width:34% !important;

	}

.cont-left{

	width:52%;

	}	

.caption-sec {

    bottom: 122px !important;

    font-size: 48px;

    left: 349px;

    line-height: 40px;

	}	

.col29_percent {

    margin: 0;

    padding: 0;

    width: 30.8%;

}

.gallery-box .p-intro h5{

	font-size:33px;

	}

.bottomR{

	font-size:25px;

	}

.gallery-box figure img {

    margin: 0 12px 0 38px;

}

.our-staff h2{

	font-size:36px;

	}

.caption h2{

	font-size:20px;

	}



.small-banner-caption{

 	font-size: 41px;

    line-height: 34px;

	bottom: 30px;	

	}

.callbacks .caption{

	font-size:50px;

	line-height:39px;

	}

.footercontainer {
        display: none
}

/*____________location_________*/

#ol-left{

	width:42%;

	}

#ol-formlocation{

	padding:0;

	}

#ol-formlocation input[type="submit"]{

	margin-top:10px;

	}

#ol-right{

	width:54%;

	padding:0;

	}		

/*__________________________

__________our-facility________*/	

#our-facility{

	margin:0px;

	padding:0;

	}



.of-left{

	width:180px;

	}

.of-right{

	width:93%;

	}

.of-left span{

	line-height:68px;

	}	

ul#of-list li {

    margin: 0 11px 0 0;

    padding: 0;

	width:31.5%;

	}

.vlightbox .vlightbox1{

	display:inline;

	}

#imageDetails{

	width:60%;

	}

#close {

	padding-top:12px;

	}	

/*__________________________

__________contact-page________*/

#contact-form input[type="email"],

 #contact-form input[type="text"], 

 #contact-form input[type="number"]{

	 width:257px;

	 }

#contact-form{

	width:576px;

	}

/*______________________________

__________grief-page_______________*/

.grief-right-cont{

	width:428px;

	}



	

	



}



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

#wpfh_main_obit_right {
        float: none;
        width: 100%
}

.wpfh_modal {
        padding: 20px
}

.homepagecontainer {
        width: 90%;
        margin: auto;
        text-align: center;
}

.page-title{

	width:150px;

	margin-right:15px;

	}

.right-top{

	text-align:justify;

	font-size:25px;

	line-height:20px;

	float:none;

	padding-top:9px;

	max-width:695px;

	}

#search-box{

	width:100%;

	margin:20px 0 0;

	}

#searchform input[type="submit"]{

	right: 21px;

    top: 6px;

	}	

#example, #slides, .slides_container{

	width:100%;

	height:258px !important;

	}		

.slides_container div.slide img{

	width:34% !important;

	}	

.caption-sec{

	display:none;

	}	

.cont-left, .cont-right{

	width:100%;

	}	

.col29_percent{

	width:100%;

	

	}	

.cont-right .ourM{

	margin-bottom:20px;

	}

.gallery-box .bor-line {

    background-image:none;

	margin-bottom:20px;

	margin-right:0;

}

.gallery-box figure {

	width:50%;

	float:left;

	}

.gallery-box figure img{

	margin-bottom:8px;

	

	}

.gallery-box .p-intro{

	margin-right:0;

	}

.our-staff{

	width:93%;

	background-image:none;

	text-align:center;

	margin-right:0;

	}

#our-staf-blog p{

	margin-right:0;

	}	

.caption h2{

	font-size:20px;

	}	

.footer-cont-left{

	width:96%;

	padding:0 10px;

	margin-bottom:15px;

	}	

.footer-right {

    float: right;

    width: 73%;

	margin-bottom:10px;

}	

.small-banner-caption{

 	font-size:32x;

    line-height: 26px;

	bottom:18px;	

	}

.callbacks .caption{

	font-size: 33px;

    line-height: 28px;

	}

/*____________location_________*/

#ol-left{

	width:100%;

	margin-bottom:20px;

	}

#ol-formlocation{

	padding:0;

	}

#ol-formlocation input[type="submit"]{

	margin-top:10px;

	}

#ol-right{

	width:100%;

	padding:0;

	}	

	

/*__________________________

__________our-facility________*/	

#our-facility{

	margin:0px;

	padding:0;

	}

.of-list-row{

	margin:0;

	}

.of-right{

	width:425px;

	}

.of-left span{

	line-height:68px;

	}	

ul#of-list li {

    margin: 0 11px 0 0;

    padding: 0;

	width:31.5%;

	}

.vlightbox .vlightbox1{

	display:inline;

	}

#imageDetails{

	width:60%;

	}

#close {

	padding-top:12px;

	}

	

	

/*_____________________________

__________contact-page____________*/

.contact-page .group-one,

#contact-form{

	padding-left:0;

	}

#contact-form{

	width:100%;

	}

#contact-form input[type="email"], 

#contact-form input[type="text"], 

#contact-form input[type="number"]{

	width:194px;

	}



/*______________________________

__________grief-page_______________*/

.grief-left-cont{

	margin-right:15px;

	}

.grief-right-cont{

	width: 261px;

	}

.grief-right-cont h5{

	font-size:15px;

	}

.span-list{

	margin:0;

	}

.grief-right-cont span.span-text{

	margin-bottom:5px;

	}

.span-list span.price{

	margin-right:13px;

	font-size:16px;

	}

.span-list span a.more.bottomR{

	font-size:16px;

	padding: 2px 9px;

	margin-right:13px;

	}

.span-list span a.amazon{

	font-size:11px;

	padding-left:13px;

	}









}

@media only screen and (max-width:660px){
.preplanning_right {
      float: left;
      width: 345px;
}
.preplanning_left {
      width: 345px
}
.preplanning_general {
      height: 1200px
}
.preplanning_surviving {
      height: 670px
}
.preplanning_service {
      height: 1485px
}
.wpfh_form p{
      width: 90% !important
}

 
}
@media only screen and (max-width:767px){

.obitcontainer {

      width: 400px;
      height: 700px;
}
.homelinkcontainer {
      width: 400px
}
.homepiclink img {
      width: 175px;
}
.homepiclink {
      width: 175px;      
      padding: 0px 10px;
}
.homepicdescription {
      width: 160px;
}
.wpfh_obit_thumbnail {
      padding: 10px 20px;
}
#nav

		{

			position:inherit;

			top:0;

			left:0;
			padding: 0px ;

		}

		

#nav div{

	display:block;

	right:10px;

	position:absolute;

	top:13px;

	color:#0d2b44;

	font-size:20px;

	font-family:Tahoma, Geneva, sans-serif;

	}		

		

		

		

		

		

			#nav > a

			{

				width: 3.125em; /* 50 */

				height: 3.125em; /* 50 */

				text-align: left;

				text-indent: -9999px;

				position: relative;

			}

				#nav > a:before,

				#nav > a:after

				{

					position: absolute;

					border: 2px solid #fff;

					top:40%;

					left: 25%;

					right: 25%;

					content: '';

				}

				#nav > a:after

				{

					top:70%;

				}



			#nav:not( :target ) > a:first-of-type,

			#nav:target > a:last-of-type

			{

				display: block;
				background-color: #d2d1a4;

			}



		/* first level */



#nav > ul{

	height: auto;

	display: none;

	position: absolute;

	top:50px;

	left: 0;

	right: 0;

	z-index:99;

	background: #fff; /* Old browsers */

	background: -moz-linear-gradient(top,  #fff, #d2d1a4); /* FF3.6+ */

	background: -webkit-linear-gradient(#fff, #d2d1a4); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #fff, #d2d1a4); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #fff 0%, #d2d1a4); /* IE10+ */

	background: linear-gradient(to bottom,  #fff, #d2d1a4); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3a5a8', endColorstr='#27333a',GradientType=0 ); /* IE6-9 */

	border-bottom:3px solid #d2d1a4;

}

#nav:target > ul{

		display: block;

		left:-1px;

	}

#nav > ul > li{


		float: none;

	}

#nav > ul > li > a{

			height: auto;

			text-align: left;

			padding: 0 0.833em; /* 20 (24) */

		}

#nav > ul > li:not( :last-child ) > a

{

	border-right: none;

	border-top:1px solid #555d64;

	border-bottom:1px solid #8e969d;

}





	/* second level */



	#nav li ul

	{

		position: static;

		padding-top: 0;

	}

#nav li{

	border-left:none;

	border-right:none;

	

	}	

	

		

#nav li:last-child{

	width:100%;

	}

	

	

	

	

	}




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

.obitcontainer {
       width: 260px;
       height: 1350px;
}

.pagetitleheading {
	font-size: 35px;
}


.wpfh_obit_thumbnail {
       padding: 10px 52px;
}

#wpfh_main_obit p{
      margin: 0 10px}

.wpfh_modal textarea{
      width: 78% !important
}

.toplinks {
       font-size: 10px
}	

.homelinkcontainer {
       width: 200px;
       padding: 0px
}
.flowersleft {
        width: 100%;
        float: none;
}
.flowersright {
        width: 100%;
        float: none;
}
textarea {
        width: 99%
}
.page-title{

	float:none;

	margin:0 auto;

	width:211px

	}

.right-top{

	text-align:justify;

	font-size:25px;

	line-height:20px;

	}

#search-box{

	width:100%;

	margin:20px 0 0;

	}

#searchform input[type="submit"]{

	top:7px;

	right:14px;

	}	

#example, #slides, .slides_container{

	width:100%;

	height:154px !important;

	}		

.slides_container div.slide img{

	width:34% !important;

	}



.caption-sec{

	display:none;

	}	

.cont-left, .cont-right{

	width:100%;

	}	

.col29_percent{

	width:100%;

	

	}	

.cont-right .ourM{

	margin-bottom:20px;

	}

.gallery-box .bor-line {

    background-image:none;

	margin-bottom:20px;

	margin-right:0;

}

.gallery-box figure {

	width:100%;

	float:left;

	}

.gallery-box figure img{

	width:100%;

	margin:0 0 8px 0;

	}

.gallery-box .p-intro{

	float:none;

	margin-right:0;

	}

.our-staff{

	width:93%;

	background-image:none;

	text-align:center;

	margin-right:0;

	}

#our-staf-blog p{

	margin-right:0;

	}	

.caption h2{

	font-size:11px;

	}	

.footer-cont-left{

	width:95.8%;

	padding:0 10px;

	margin-bottom:15px;

	}	

.footer-right {

    float: right;

    width: 73%;

	margin-bottom:10px;

}	

	

.small-banner-caption{

	display:none;

	}

.callbacks .caption{

	font-size: 23px;

    line-height: 19px;

	}	

/*____________location_________*/

#ol-left{

	width:100%;

	margin-bottom:20px;

	}

#ol-formlocation{

	padding:0;

	}

#ol-formlocation input[type="submit"]{

	margin-top:10px;

	}

#ol-right{

	width:100%;

	padding:0;

	}

/*______________________________

__________group-one figure img_____*/

.group-one figure img{

	float:none;

	width:100%;

	margin-bottom:15px;

	}

/*______________________________________

__________advance-planning-page____________*/

.advance-planning-page{

	padding:0;

	}

/*__________________________

__________our-facility________*/	

#our-facility{

	margin:0px;

	padding:0;

	}

.of-left, .of-right{

	width:100%;

	}

.of-left span{

	line-height:68px;

	text-align:center;

	}	

ul#of-list li{

	width:100%;

	margin:0 0 20px 0;

	}	

ul#of-list li figure img{

	margin:auto;

	}	

.vlightbox .vlightbox1{

	display:inline;

	}

#imageDetails{

	width:60%;

	}

#close {

	padding-top:12px;

	}



/*_________________________________

___________contact-page______________*/



.contact-page .group-one,

#contact-form{

	width:100%;

	padding:0;

	}

#contact-form input[type="email"], 

#contact-form input[type="text"], 

#contact-form input[type="number"]{

	width:98%;

	margin-bottom:8px;

	}

#contact-form p{

	float:none;

	margin-bottom:10px;

    margin-right:0px;

	}

#contact-form span{

	margin-top:0;

	margin-bottom:5px;

	}

/*______________________________

__________grief-page_______________*/



.grief-left-cont{

	width:100%;

    background-image: url("../images/staf-line02.png");

    background-position: center bottom;

    background-repeat: no-repeat;

	margin-right:0;

	text-align:center;

	margin-bottom:20px;

	}

.grief-left-cont img{

	width:60%;

	margin-bottom:15px;

	}

.grief-right-cont span.span-text{

	margin-bottom:5px;

	}

.span-list span.price{

	margin-right:4px;

	font-size:16px;

	}

.span-list span a.more.bottomR{

	font-size:16px;

	padding: 2px 9px;

	margin-right:4px;

	}

.span-list span a.amazon{

	font-size:11px;

	padding-left:13px;

	}





	}


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


.map {
       width: 96%
}
textarea {
       width: 94%
}
.preplanning_section textarea {
       width: 80%
}
}