/* CSS Document */

@media (max-width : 1200px) {
    /*nav.primary li{padding:0 10px;}*/
    nav.primary li{ font-size:12px; padding:0 7.5px;} 
       .brand{width:175px; height:79px; background-size:cover;}
}
@media (max-width: 992px){
 /*   .product-grid .product h3, .product-list .product h3, .product-scroller .product h3{font-size:16px; line-height:20px;}
    .product-grid .product p, .product-scroller .product p{font-size:14px; line-height:20px;}
    h2, .section-standard h2{ font-size:26px;}
    .promo-details{width:100%; float:none; margin:0 auto; padding:20px 15px;}*/
  .section{padding:45px 0;}
  .section h2{font-size:32px; margin:0 0 30px 0; }
   .section img.left, .section img.leftAlone{margin:0 30px 30px 0; }
   .section img.right{margin:0  0 30px 30px;}
   .data-table{margin:15px auto;}
    .col-nav{width:100%;}
 

}
@media (max-width: 767px){
    /*.section-standard p, .content p, .content ol, .content ul{font-size:17px; line-height:25px;}
    h1{font-size:30px;}
    .content h1{margin:30px 0;}
    h2, .section-standard h2{ font-size:20px;}
    h4, .content h4{ font-size:14px;}
    .marker{border-width:0 0 20px 20px;}
    nav.primary{display:none;}
     nav.secondary ul li{width:100%; float:none; border-right:none; clear:both; display:inline-block; margin:0px; border-bottom:1px solid #91989c;   font-size:16px; padding:0px;}
    nav.secondary ul li a{width:100%; padding:8px 0; display:inline-block;}
    nav.secondary ul li a:hover{color:#ffffff; background-color:#173d6b;}
    nav.secondary ul li.last{border-bottom:none;}
    #directory{padding:30px 0;}
    #directory h4{font-size:16px; text-align:center;}
    
    #directory .col ul{margin:0 0 30px 0;}
    #directory .col ul li{text-align:center;}
    #directory .col p{text-align:center;}
    #footer p{text-align:center; margin:5px 0;}
    .section-form {padding:30px 15px;}
    .directory-actions{display:none;}
    .section-form h4{font-size:18px;}
    #content{padding-bottom:30px; }
    #contact{height:inherit;}
       .promo{margin:30px auto 15px auto; float:none;}
    .promo-item{padding:30px 0 15px 0;}
    #connect{padding:30px 15px;}
    #connect .btn{margin-left:0px;}
    #connect a{margin:30px 0 15px 0;}
    form input.text, form textarea, form .textajaxuniquetext, form select{max-width:inherit;}
    .masthead{height:250px;}*/

    h1{font-size:28px; line-height:36px; margin:0 0 15px 0; text-align:center;}
    
   
       .section img.left, .section img.right, .section img.leftAlone{margin:0 auto 30px auto; float:none;clear:both; width:100%; height:auto; }
         .section h2{font-size:22px; margin:0 0 15px 0; text-align:center;}
         .ContactFormPage h2{font-size:22px; text-align:center;}
        /* .section .phone{font-size:28px; width:100%;}*/
         .contact{text-align:center; float:none; margin:15px auto 0 auto;}
         .brand{float:none; margin:0 auto;}
         .page-intro p:first-of-type{text-align:center; margin:0 auto 30px auto;}
         .page-intro{padding:0; height:inherit;min-height:0;}
         nav.secondary{border-top:none; border-bottom:none; font-size:14px;} 
         nav.secondary ul {margin:0 auto;}
          nav.secondary ul li{width:100%; border-bottom:1px solid #cccccc; float:none; display:block; padding:0;}
          nav.secondary ul li a{width:100%; display:block;}
          nav.secondary ul li a:hover{background-color:#284399;color:#ffffff; text-decoration:none;}
         #directory .social{margin:10px 0 15px 0;}
         #directory h3{margin:15px 0 10px 0;}
         .ProjectPage .project {width:100%; margin:0 auto 15px auto; text-align:center;}
         .ProjectPage .project img{margin:0 auto; width:100%; height:auto;  }
         .project-section h2{font-size:24px; margin:0 0 15px 0; padding:0 30px 15px 30px; text-align:center;}
         .ProjectPage .page-intro{height:inherit; }
         .ProjectPage .masthead{display:none;}
         .project-section .row{padding:15px 15px;}
         .masthead{display:none;}
         .data-table th{padding:15px 15px;}
         .data-table td{padding:15px 15px;}
         .page-service-and-maintenance .section table{width:100%;}
         .page-service-and-maintenance .section .phone{padding: 0 0 0 45px;}
         .page-service-and-maintenance .section table td{width:100%; display:block; padding:10px 0 10px 0; text-align:center;}
         #Form_ContactForm .checkboxset{padding:15px 10px 7.5px 10px;}
          #Form_ContactForm ul.checkboxset {padding:0; margin:0 0 0 10px;}
          #Form_ContactForm ul.checkboxset li{margin:0 0 0 0; padding:0;}
          #hero{height:inherit;}
          .hero-content{position:relative; padding:0px 0 0 0;}
           .hero-content h2{font-size:24px; line-height:32px;}
           .hero{height:inherit;}
           .hero-bg{height:inherit;}
          
           .banner{padding: 365px 15px 0 15px;}
           .slick-next
            {
                right: 15px !important;
            }
            .slick-prev
            {
                left: 15px !important;
            }
         
}


@media (max-width: 576px){
    /*h1{font-size:22px;}
    .section-standard p, .content p,  .product-list .product p,.content ol, .content ul{font-size:13px; line-height:21px;}
    .intro-copy{padding:0 15px 15px 15px;}
    nav.secondary{
        font-size:15px;
        line-height:20px;
    }
    .content nav.secondary ul{margin-left:0px;}
     .masthead{height:175px;}
    .brand{float:none; margin:0 auto;}
    .tagline{text-align:center; margin:0 auto; float:none; width:100%;}
   */
   body, p{font-size:13px; line-height:20px;}
.masthead{display:none;}
}