/* CSS Document */

@media (max-width : 1200px) {.nav_main > li{padding:0 10px !important;}}
@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;}
    
}
@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;}
    
    #cookie_container,.cookie_inner p {font-size:11px; line-height:13px;}
    .inner_buttons a{width:100%; margin:0 auto 10px auto; display:inline-block;}
}


@media (max-width: 576px){
    h1{font-size:22px;}
    .section-standard p, .content p,  .product-list .product p,.content ol, .content ul, .promo-details{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%;}
    .nav-contact{width:93%; margin:0 auto;}
   
}