/* Responsive: smaller screens */

@media only screen and (min-width: 950px) and (max-width: 1200px) {
    body.pixelsilk {min-width:982px;}
    #logo {}
    #logo>img {}

    .inner {
        width:982px;
        min-width:982px;
    }
    
    #header {}
    #header>.inner {}
   
}

@media only screen and (min-width: 675px) and (max-width: 950px) {
    body.pixelsilk {min-width:675px;}
    #logo {position: relative; left: auto; top: auto; display: block; margin: 0 auto;}
    #logo>img {}

    .inner {
        width:675px;
        min-width:675px;
    }

.home #slides li img{max-width: 539px; height: 135px;}
.container, #nav, .interior #mainColumn, .home #mainColumn, #column2, #mainColumn{width:auto; float:none;}
.interior #column2, .interior #slides{display:none;}

    
    #header {height: 150px;}
    #header>.inner {}
	#menu-top{float: none; margin: 10px auto;}
	#search{position: relative; top: auto; right: auto; margin: 0 auto;}
    #nav li a, #nav li a:link, #nav li a:visited {padding: 10px 10px; font-size: 17px;}

    #nav {width:539px; background:#eda327;}
	#nav ul li {min-height:60px;}
	#nav ul li a {min-height:40px;}
	#nav ul li ul li, #nav ul li ul li a {min-height:0;}
	#nav ul ul {top:60px;}
    
    #slides {height:auto; display:none;}
    #slides {min-width:539px; height:135px;}
    #slides li img {max-width:539px; height:135px;}

.newsletter .smHeader{right: 190px;}
.newsletter .lgHeader{right: 128px;}
.newsletter .constantContact{right: 125px;}

.cylviaImg{text-align: center;}

.smlButton.green, .smlButton.red{padding-top: 25px; height: 20px; line-height: 20px;}

#column2 p{text-align: center;}

#footer{height:auto;}
}

@media only screen and (max-width: 675px) {
    
    html, body {width:100%; height:auto;}
    html {text-align:center;}
    body.pixelsilk {
        text-align:left;
        margin:0 auto;
        padding:0;
        width:320px;
        min-width:320px;
        max-width:100%;
        display:block;
        background-color:#efefef;
        -moz-box-shadow:0 0 25px rgba(0,0,0,0.5);
        -webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);
        -o-box-shadow:0 0 25px rgba(0,0,0,0.5);
        box-shadow:0 0 25px rgba(0,0,0,0.5);
    }
  
    .home #slides li img{max-width: 539px; height: 135px;}
    .container, #nav, .interior #mainColumn, .home #mainColumn, #column2{width:auto; float:none;}
    .interior #column2, .interior #slides{display:none;}

    .container{padding: 48px 30px 0;}

#menu-top{text-align: center; margin: 10px auto; float: none;}
#menu-top a{color:#fff;}
        
    #header {}
    #header>.inner {}
    #nav li a, #nav li a:link, #nav li a:visited {padding:0 14px;}
    
    #nav {width:539px; background:#eda327;}
    
    #slides {height:auto;}
    #slides {min-width:539px; height:135px;}
    #slides li img {max-width:539px; height:135px;}
    
    #column2 p{text-align: center;}
    
    #footer{height:auto;}
    
    #header, #mainContent, #footer, #nav, #homeHeader, #slides a {background-image:none;}
    
    img {max-width:100%;}
    
    /* Overall */
    #header, #nav, #pageHeader, #mainContent, #footer, #header>.inner, #nav>.inner, #pageHeader>.inner, #mainContent>.inner, #footer>.inner {
        width:auto;
        min-width:100%;
        margin:0;
        padding:0;
    }
    
    div.inner {
        width:auto;
        min-width:100%;
        margin:0;
        padding:0;
    }
    
    h1, h2, h3, h4, h5 {
        padding:0;
        font-weight:normal;
    }
    h1 {font-size:28px; line-height:34px;}
    h2 {font-size:24px; line-height:30px;}
    h3 {font-size:18px; line-height:24px;}
    h4 {font-size:16px; line-height:22px;}
    h5 {font-size:14px; line-height:20px;}
    
    /* Hide these items */
    #slides {
        display:none;
    }
    
    #nav {
        position:relative;
        top:auto;
        left:auto;
        right:auto;
        bottom:auto;
        width:100%;
        min-width:285px;
        height:auto;
        margin:0;
        min-height:50px;
        line-height:50px;
        border:0;
  		display:block;
    }
    
    #nav:after {content:"."; visibility:hidden; display:block; height:0; clear:both;}
    #nav>ul>li {float:none; display:block; margin:0; border:0;}
    #nav>ul>li ul {display:none !important;}
    
    #nav .menuArrow {
        position:absolute;
        top:1px;
        right:0;
        z-index:1100;
        display:block !important;
        width:49px;
        height:50px;
        cursor:pointer;
        border-left:solid 1px #fff;
        background-color:#666;
        background-image:url('/s/5GFf0JPyPUyUjaHrAJ2FKA/mobile-icons.png');
        background-position:-65px -5px;
    }
    #nav.expanded .menuArrow {background-position:-5px -5px;}
    
    #nav>ul {
        position:relative;
  		display:block;
        top:auto;
        right:auto;
        clear:both;
        width:100%;
        height:auto;
        line-height:50px;
        margin:0;
        padding:0;
        text-align:left;
        border-top:solid 1px #fff;
        background-color:#eda327;
    }
    #nav>ul>li {float:none; clear:left; display:none; color:#fff; line-height:inherit; height:auto; line-height:50px; border-bottom:solid 1px #fff;}
    #nav>ul>li:last-child {border-bottom:solid 1px #fff !important;}
    #nav>ul li a, #nav>ul li a:link, #nav>ul li a:visited {line-height:50px; height:50px; padding:0; display:block; color:#fff; font-size:18px; font-weight:normal; text-decoration:none; padding:0    60px 0 10px; text-transform:capitalize; text-shadow:1px 1px 0px rgba(0,0,0,0.25);}
    #nav>ul li a:active, #nav>ul li a:hover, #nav>ul li a:focus {background-color:#666;}
    #nav>ul li .subMenu {display:none !important;}
    #nav>ul li.separator {display:none !important;}
    
    #nav>ul li.current {display:list-item !important;}
    #nav>ul li.current a, #nav>ul li.current a:link, #nav>ul li.current a:visited {font-weight:bold;}
    #nav.expanded {}
    #nav.expanded li {display:list-item !important;}
    #nav.expanded li, #nav.expanded li.current {border-bottom:solid 1px #fff;}
    #nav.expanded li.current {background-color:#666;}
    
    #nav li.lnk-home.current {display:list-item !important;}
    
    #nav>ul>li.current>a, #nav>ul>li.current>a:link, #nav>ul>li.current>a:visited {margin:0;}
    #nav>ul>li.over>a:link, #nav>ul>li.over>a:visited, #nav>ul>li>a:active, #nav>ul>li>a:hover, #nav>ul>li>a:focus {margin:0;}
    
    #mobileMenu {display:block;}
    #mobileMenu h3 {margin:0 10px 10px; padding:0; font-size:18px; }
    #mobileMenu ul {margin:0; padding:0; list-style:none; width:100%;}
    #mobileMenu li {margin:0 0 1px;}
    #mobileMenu a, #mobileMenu ul a:link, #mobileMenu ul a:visited {
        display:block;
        text-decoration:none;
        color:#fff;
        font-size:15px;
        padding:10px;
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#D25C04, endColorstr=#6B3005) !important;
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#D25C04, endColorstr=#6B3005)" !important;
        background-color:#6B3005;
        background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D25C04), to(#6B3005)) !important;
        background-image:-webkit-linear-gradient(top, #D25C04, #6B3005) !important;
        background-image:-moz-linear-gradient(top, #D25C04, #6B3005) !important;
        background-image:-ms-linear-gradient(top, #D25C04, #6B3005) !important;
        background-image:-o-linear-gradient(top, #D25C04, #6B3005) !important;
        text-shadow:1px 1px 0px rgba(0,0,0,0.25);
    }
    #mobileMenu li.current>a, #mobileMenu li.current>a:link, #mobileMenu li.current>a:visited {
        font-weight:bold;
        background-color:#5e5e5e;
    }
    
    #mobileMenu ul>li.current>ul {}
    #mobileMenu ul>li.current>ul>li {}
    #mobileMenu ul>li.current>ul>li>a, #mobileMenu ul>li.current>ul>li>a:link, #mobileMenu ul>li.current>ul>li>a:viisted {
        padding:10px 10px 10px 20px;
    }
    #mobileMenu li.current ul li a, #mobileMenu li.current ul li a:link, #mobileMenu li.current ul li a:visited {padding:10px 10px 10px 20px !important; background-color:#462314;}
    
    /* Header */
    #header, body.home #header {
        height:auto;
        margin:0;
        padding:0 0 10px;
        text-align:center;
        border:0;
    }
    
    #header .inner {
        height:auto;
    }
    
    #logo {
        position:relative;
        top:auto;
        left:auto;
        display:block;
        margin:0 0 auto 0;
        text-align:center;
    }
    
    #logo img {
        max-height:60px;
    }
    
    #search {position:relative; top:auto; right:auto; margin:0px auto;}
    
    /* Content / body */
    section#mainContent {
        margin:0/* 10px 10px*/;
        padding:10px;
        min-width:280px !important;
    }
    
    #mainColumn, #column2 {float:none; width:auto; margin:0; padding:0;}
    #column2 {padding:10px 0 0; border-top:solid 2px #eee;}
    
    /* Photo Gallery Styles */
    #photoLarge {float:none; width:95%; margin:0 0 15px; padding:2%;}
    .listItems.photoGallery li.item {width:50%;}
    
    .listItemImage {float:none;}
    
    /* Footer */
    #footer {padding:3%; height:auto; border:0; min-width:93%; background-image:none;}
    #smartzLink, #smartzLink:link, #smartzLink:visited {position:relative; top:auto; right:auto;}
    
    a.lnkToTop, a.lnkToTop:link, a.lnkToTop:visited {
        display:block;
        line-height:30px;
        padding:10px;
        text-align:center;
        text-decoration:none;
        color:#fff;
        font-size:36px;
        font-family:'industrial_heavyregular', sans-serif;
        background-color:#e39f2e;
        text-shadow:1px 1px 0px #000;
  		margin:0 -30px;
    }
    
    /* General form styles */
    .contactForm div {clear:both;}
    .contactForm>div {margin:0 0 10px;}
    .contactForm label {float:none; display:block; margin:5px 0 0; width:100%;}
    .contactForm span {float:none; display:block; margin:0 0 10px; width:100%;}
    .contactForm span label {float:none;}
    .contactForm span span {float:none;}
    .contactForm span input[type='text'], .contactForm span input[type='email'] {width:92%; margin:0; padding:10px; color:#462314; font-size:16px; border:solid 1px #ccc;}
    .contactForm textarea {width:92%; height:100px; padding:10px; color:#462314; font-size:16px; border:solid 1px #ccc;}
    .contactForm span img {max-width:120px; max-height:120px;}
    .contactForm .required {font-weight:bold;}
    .contactForm div.checkBoxes {}
    .contactForm div.checkBoxes>span {display:inline-block; margin:10px 0;}
    .contactForm div.checkBoxes>span>span {display:block; width:auto; clear:both;}
    .contactForm div.checkBoxes>span>span>label {display:inline-block; width:auto; margin:0;}
    .contactForm div.checkBoxes input[type='checkbox'] {display:inline-block; margin:0 5px 0 0;}
    .contactForm legend {margin:0 0 0 10px;}
    .contactForm input[type='text']:focus, .contactForm textarea:focus {outline:none; border:solid 1px #462314;}
    
    iframe {max-width:100%;}
	#footer {margin:0 -30px;}
    #footer>.inner {text-align:center;}
    #footer .footLogo {margin:0 auto; float:none;}
    #footer .text {float:none; width:auto; text-align:left;}

	/* New Footer Styles 12-23-15 */
	
    #footer .footer-container {display:block;}
    #footer .footer-content {display:block;}
    #footer .footer-legal {display:block; margin-right:0; border-top:solid 1px #ccd6b7; margin-top:20px;padding-top:20px;}
    #footer .footer-content-cell {display:block;}
	#footer .footer-content-cell ul {color:#fff; margin:0;padding:0 0 0 25px;}
    #footer .footer-content-cell.right {width:auto; border-left:0; border-top:solid 1px #ccd6b7; margin-top:20px;padding-top:20px;}

    
    a.lnkToTop, a.lnkToTop:link, a.lnkToTop:visited {
        display:block;
        line-height:30px;
        padding:10px;
        text-align:center;
        text-decoration:none;
        color:#fff;
        font-size:16px;
        background-color:#5e5e5e;
        text-shadow:1px 1px 0px #000;
    }
    
}

@media only screen and (max-width: 480px) {
    
    /* General form styles */
    .contactForm span input[type='text'], .contactForm span input[type='email'] {width:92%; margin:0; padding:10px; color:#462314; border:solid 1px #ccc;}
    .contactForm textarea {width:92%; height:100px; padding:10px; color:#462314; border:solid 1px #ccc;}

#logo{background-size: 288px auto; width: 256px; height: 38px; margin: 0 auto;}
.container{padding: 10px;}

}

@media only screen and (min-width: 480px) and (max-width: 675px) {
    body.pixelsilk {
        width:480px;
        min-width:480px;
        max-width:100%;
    }
    
    /* Nav */
    #nav {min-width:408px;}
    .listItemImage {float:left;}


}