/* CSS Document */

@media only screen and (min-width:980px) and (max-width:1024px){

}

@media only screen and (min-width:768px) and (max-width:979px){
.container { width:100%; }
.homepagerow { width:95%; }
.home_stripe { width:95%; }
.main_container { width:75%; }
footer.footer { padding:10px; width:95%; margin:0 auto; display:block; text-align:center; }
.innerPageContainer p { width:95%; }
.innerPageContainer ul, .innerPageContainer ol  { width:92%; }
.home_image img { width:100%; }
}


@media only screen and (max-width:767px) {
.container { width:100%; padding:0px 0px; }
.home_stripe { width:100%; }
.homepagerow { width:100%; }
.categories { width:100%; margin-bottom:15px; }
.categories ul li a { padding:12px 9px; }
.main_container { width:100%; float:left; }
.main_container p { padding:10px; }
.main_container_home p {padding:10px;}

.main_container #ww-widget-reviews { margin:0 auto 15px auto; width:95%; }

.main_container_home #ww-widget-reviews { margin:0 auto 15px auto; width:95%; }

footer.footer { width:97%; padding:10px; }
.homeslideshow { width:135px; margin:0 auto; float:none; }
.innerPageCategories { width:100%; padding:0px; margin-bottom:15px; }
.innerPageCategories ul li a  { padding:12px 9px; }
.innerPageContainer { width:100%; float:left; display:block; }
.innerPageContainer p { padding:0px 15px; width:95%; }
.innerPageContainer ul, .innerPageContainer ol { padding:5px 0 15px 30px; text-align:left; }
.innerPageContainer .image2 { width:100%; display:block; margin-bottom:10px; }
.innerPageCategories ul li span { padding-top:15px; }
.homepagerow .innerPageContainer p.singleimg img { margin:0px auto; }
.innerPageContainer h4.testimonial { width:95%; }

.more { clear:both; display:block; width:95%; margin:0 auto; text-align:left; }
.morelink { color: hsl(240, 100%, 30%);  font-family: Verdana;  font-size: 11px; text-align:left; margin:10px 0px; padding:0px; text-decoration:none;}
.innerPageContainer .more p.normaltext { width:100%; padding:0px; }
.innerPageContainer.Listingspacing.Planningpage p.normaltext { padding:0px; float:none; margin-left:auto; margin-right:auto; }

/*.morecontent span { display: none;}
.morelink { display: block;  color: hsl(240, 100%, 30%);  font-family: Verdana;  font-size: 11px; text-align:left; margin:10px 0px; padding:0px 10px; text-decoration:none;}
.innerPageContainer .morespace { padding:0px 10px; }*/
.container .logo img { max-width:95%; }
.home_image img { max-width:95%; width:100%; }
/*.innerPageContainer.Listingspacing .more p.normaltext { margin:0px; }*/

.morecontent span { display: none;}
.morelink { display: block;}
.more .moreellipses { display:inline; }
.innerPageContainer .Planning_Listing { padding-left: 45px; margin:0 auto; padding-right:20px; }
.innerPageContainer.Listingspacing.Planningpage ol.normaltext, .innerPageContainer.Listingspacing.Planningpage ul.normaltext { float:none; margin:0 auto; width:100%;  list-style: inherit; clear:both; }
.innerPageContainer.LightingList ol.Lighting_Listing { padding: 5px 5px 15px 33px; }
.innerPageContainer.Listingspacing ul.normaltext, .innerPageContainer.Listingspacing ol.normaltext { width:92%; }
/**/

.read-more-target {
  opacity: 0; display:none;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1; display:block;
  font-size: inherit;
  max-height: 999em;
}

.read-more-state ~ .read-more-trigger:before {
  content: '... more';
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: '... less';
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  color: hsl(240, 100%, 30%);
    font-family: Verdana;
    font-size: 11px;
    margin: 0px 0px 10px 0;
    padding: 0px 15px;
    text-align: left;
    text-decoration: none; width:90%;
}

}
@media only screen and (max-width:480px) {
.container .logo img { max-width:90%; }
.homepagerow { width:100%; margin:0 auto; display:block; text-align:center; }
footer.footer .fcol1, footer.footer .fcol3 { width:100%; text-align:center; }
footer.footer .fcol2 { width:100%; padding:5px 0px; }
footer.footer { width:100%; padding:10px 0px; }
.innerPageContainer p { padding:0px 10px; width:94%; }
.innerPageContainer ul, .innerPageContainer ol { width:90%;   padding: 5px 5px 15px 25px; }
.contactus { width:80%; }
.more { width:94%; }
.innerPageContainer .Planning_Listing { padding-left:35px; }
}
@media only screen and (max-width:360px) {
.innerPageContainer p { width:90%; }
.more { width:90%; }
.innerPageContainer ul, .innerPageContainer ol { width:88%; }
}
