@media (min-width: 1200px){
  form#contactus p.contactField, form#careers p.contactField {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    vertical-align: top;
    float: left;
    width: 33%;
  }

form#contactus p.contactField .formWrap, form#careers p.contactField .formWrap {
    display: block;
    position: relative;
    min-height: 30px;
    margin-right: 1em;
    padding-right: 1em;
  }

form#contactus .contactRow, form#careers .contactRow {
    width: 100%;
    margin-top: .3em;
  }

form#contactus input#subject {
    width: 80%;
  }
Address p {
 color:#654531;
}

ul#portfolioGrid li.portfolioItem {
    margin: 0 0 20px 0;
    padding: 0 10px;
    width: 30%;
    float: left;
    list-style: none;
  }
}

@media (min-width: 851px)and (max-width: 1281px){
  #container {
    width: 95%;
    padding-left: 1.4em;
    padding-right: 1em;
  }


  ul#mainMenu {
    width: 100%;
    padding: 4em 0 0 0;
    margin: 0;
  }

  ul#mainMenu li {
    margin-left: 3em;
    font-size: 18px;
  }
 ul#mainMenu li a{
      font-size: 100%;
  }
  .titleBox h2 {
    font-size: 1.6em;
    line-height: 1.6em;
  }
.titleBox h3 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
    padding-right: 0;
}

  .fltrt h3, #sidebar h3, #portfolioSidebar h3 {
    padding-top: .74em;
  }
#timedzfloat {
	width: 65%;
	position: relative;
	margin: 5% auto;
	padding: 5px 10px 13px 10px; }
#timedzfloat h2 {
    font-size: 140%;
    font-weight: bold;
    color: #000;
}

#timedzfloat p{
    text-align: left;
    font-size: 130%;
    padding-bottom: .5em;
    color: #000;
}
}


@media (min-width: 701px)and (max-width: 851px){
  #container {
    width: 97%;
    padding-left: 1.4em;
    padding-right: 1em;
  }
  #header {
   width: 100%;

  }

  ul#mainMenu {
    width: 100%;
    padding: 4em 0 0 0;
    margin: 0;
  }
ul#portfolioGrid li.portfolioItem {
    width: 100%;
    float: none;
    list-style: none;
  }

  img#headerLogo {
    max-width: 100%;
  }
#mainContent .titleBox {
    padding-left: 0;
}
.titleBox h2 {
    font-size: 1.6em;
    line-height: 1.4em;
  }

.titleBox h3 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    padding: 0;
}
  .fltrt h3, #sidebar h3, #portfolioSidebar h3 {
    padding-top: .74em;
  }
.dropcap {
     margin: 0;
 }

.valuesSpan1 {
  float: left;
  min-height: 1px;
  margin-left: 2em;
  width: 15%;
  position: relative;
}

.valuesSpan3 {
  float: left;
  min-height: 1px;
  margin-left: 2em;
  margin-top: 1em;
  position: relative;
  width: 70%;
}
.rowA, .rowB {
    clear:both;
    height:7em;

}
.spacerFloatClr {
    display: none;
}
.slideshow {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  border: solid 1px white;
}
#mainContent #content.twoColumnPortfolios {
    float: none;
    width: 100%;
}
#portfolioSidebar {
    width: 100%;
    float:none;
}
#container #preForm h2 {
    margin-left:0;
    text-align:center;
    font-size: 18px;
}
.contentRight blockquote {
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 2em;
    margin-inline-end: 0em;
}
#timedzfloat {
	width: 65%;
	position: relative;
	margin: 5% auto;
	padding: 5px 10px 13px 10px; }
#timedzfloat h2 {
    font-size: 140%;
    font-weight: bold;
    color: #000;
}

#timedzfloat p{
    text-align: left;
    font-size: 130%;
    padding-bottom: .5em;
    color: #000;
}
}

@media (max-width: 44em){
  #container {
    width: 90%;
    padding-left: 1.4em;
    padding-right: 1em;
  }


  ul#mainMenu {
    width: 100%;
    padding:0;
    margin: 0;
  }

.contentRight blockquote {
    margin-block-start: 0em;
    margin-block-end: 1em;
    margin-inline-start: 2em;
    margin-inline-end: 0em;
}

#logoWrap {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
#menuWrap {
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
#mainContent .fltlft{
    float:none;
    width:100%
}
#mainContent .fltrt {
    float:none;
    width:100%;
}
#mainContent #content.singleColumn article.testimonialRight, #mainContent #content.singleColumn article.testimonialLeft {
     width: 100%;
     border-radius:3em;
     float: none;
 }
#mainContent #content.singleColumn h1.testimonial  {
    text-align: center;
    padding-left: 1.4em;
    padding-top: .5em;
   }
  ul#portfolioGrid li.portfolioItem {
    width: 98%;
    float: left;
    list-style: none;
  }
 ul#servicesMenu, ul#aboutMenu {
     float: none;
 }
.fltrt .smallUnderline, #sidebar .smallUnderline {

  float: none;
}
#subHeader h2, #subHeader h1 {
    font-size: 1.5em;
    margin-bottom: .3em;
    padding-bottom: .3em;
}
#mainContent .contentLeft .areaServed h3 {
    font-size: 1.5em;
    margin-top: 1em;
    padding-bottom: 0;
    font-weight: bold;

}

#mainContent .noCost {
    display:none;
}
#mainContent #content.twoColumnLeft{
    width:100%;
    float:none;
}
#content.twoColumnLeft p, #mainContent #content.twoColumnPortfolios p {
    padding-right:1em;
}
#fullWidth {
    margin-left: 0;

}
#content.twoColumnLeft figure.thumbnailMed, figure.thumbnailMed {
    width: 100%;
    max-width: 90%;
}
#rightList {
    width:100%;
}
#rightList ul.enviroList {
    list-style: outside;
}

#fullWidth .twoCol {
    width: 100%;
    float: none;
}
#definitions {
    width: 80%;
}

  img#headerLogo {
    max-width: 100%;
  }
#mainContent .titleBox {
    padding: 0;
    text-align: center;
}
  .titleBox h2 {
    font-size: 1.4em;
    line-height: 1.5em;
    padding: 0;
  }
.titleBox h3 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.4em;
    padding: 0;
    text-align: center;
}
 #sidebar {
     float:none;
     width:100%;
 }

  .fltrt h3, #sidebar h3, #portfolioSidebar h3 {
    padding-top: .74em;
  }
 .dropcap {
     margin: 0;
 }

.valuesSpan1 {
  float: left;
  min-height: 1px;
  margin-left: 2em;
  width: 15%;
  position: relative;
}

.valuesSpan3 {
  float: left;
  min-height: 1px;
  margin-left: 2em;
  margin-top: 1em;
  position: relative;
  width: 70%;
}
.rowA, .rowB {
    clear:both;
    height:7em;

}
.spacerFloatClr {
    display: none;
}
ul.grid li {
    min-height: 32em;
    width: 100%;
    background: #f4f2f0;
    float: none;
    padding: 0px 0px 4px 0px;
    margin: .3em 1em;
    line-height: 20px;
}
.slideshow {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  border: solid 1px white;
}
#mainContent #content.twoColumnPortfolios {
    float: none;
    width: 100%;
}
#portfolioSidebar {
    width: 100%;
    float:none;
}
#portfolioSidebar h2{
display:inline}
  #footerText .span3 {
      width: 100%;
  }

#footer  #footerText a p.partnerText {
      display:none;
  }


  ul#mainMenu.topNav li {display: none;}

  ul#mainMenu.topNav li.icon {
    float: left;
    display: inline-block;
  }


  ul#mainMenu.topNav.responsive {
    z-index: 30;
    position: absolute;
    top:0;
    left: 20px;
    width: 40%;
    float: left;
    background:#fdebd9;
    border:1px solid #654531;
    font-size: 1em;
    }

   ul#mainMenu.topNav.responsive li.icon{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1em!important;
  }
    ul#mainMenu.topNav.responsive .icon i.material-icons{
    font-size: 1.4em;
    text-align: center;
  }
  ul#mainMenu.topNav.responsive li {
    float: none;
    display: inline;
  }
  ul#mainMenu.topNav.responsive li a {
    display: block;
    text-align: left;
  }
  ul#mainMenu li ul.subMenu {
    margin-left:40px;
    margin-top: -30px;
    top:0;
    left:1px;

}
#container #preForm h2 {
    text-align:left;
    font-size: 18px;
}
#sidebarPhotos {
    width: 100%;
}

#contactForm.contentLeft {
    float:none;
    width: 90%;
    min-height: 0em;
}
#mainContent .photosLeft {
    width: 100%;
}
#galleryMenu li.galleryMenus {
    font-size: 1.3em;
}

#contentContainerGallery {
    max-width: 100%;
}
#contentContainerGallery .slideContainer {
    width: 100%;
}
#contentContainerGallery .mySlides img {
    max-width: 100%;
}

#contentContainerGallery .thumbContainer {
    display:none;
}
#contentContainerGallery .slideContainer {
    max-width: 100%;
}
.next {
    right: 1%;
}
#galleryMenu #galMenuCol1, #galleryMenu #galMenuCol2{
width: 100%;
margin-left: 0;
}
#galleryMenu {
    min-height: 28em;
}
#timedzfloat {
	width: 65%;
	position: relative;
	margin: 5% auto;
	padding: 5px 10px 13px 10px; }
#timedzfloat h2 {
    font-size: 140%;
    font-weight: bold;
    color: #000;
}

#timedzfloat p{
    text-align: left;
    font-size: 130%;
    padding-bottom: .5em;
    color: #000;
}
}