@charset "utf-8";

/*--------------media query css------------------*/	
@media (max-width:1024px){
.star_rating_text{ margin-left:2px !important;}
}
@media (max-width:1015px) {
#main { width: 94%; }
#footer>h3 { width: 94%; }
#foot-cols { width: 94%; }
#footer .copyright-text { width: 94%; }
#foot-cols>li { padding-right: 2%; width: 23%; }
#footer #copyright { width: 23%; }
#main-nav>li { font-size: 14px; }
#main-nav a { padding: 5px 3px; }
#main-nav ul { font-size: 12px; }
#logo a { width: 325px; height: 105px; background-size: 100%; }
#banner { background-size: 50%; padding-left: 430px !important; height: 348px !important; font-size: 12px; margin: 20px 0 0 !important;  }
#banner h1 { font-size: 23px !important; margin: 0 !important; padding: 0 !important; }
#banner h1+p { padding-right: 0 !important; }
#banner p { font-size: 12px !important; }
big { font-size: 13px;  }
.button { font-size: 12px; margin:0; padding:6px 10px; }
h2.center { font-size: 18px !important; }
img { max-width: 100%; }
.frame strong { font-size: 10px !important; }
#splash-cols { margin: 20px 0 !important }
h2 { font-size: 18px; }
#copyright h3 { background: url('../images/site/logo-footer.png') no-repeat; width: 100%; height: 85px; background-size: 100%; }
#copyright h3:after { display: none; }
#copyright p { padding-right: 45px; }
#header h3 { font-size: 14px; }
#footer { font-size: 12px; }

#banner.inner-banner{ padding:0 !important; text-align:left; float:left; padding:0; height:auto !important; min-height:inherit; margin-bottom:20px !important;}
#banner img{ position:inherit; left:inherit; top:inherit; width:70%; float:left;} 
.inner-banner-right{ float:right; width:25%; text-align:center; padding:30px 0;}
.rightCol{ width:25%;}
.leftCol{ padding:0 12% 50px 0;}
.leftCol .thnk-you-right{ width:100% !important;}
.leftCol .thnk-you-right li{ width:200px !important;}
h1{ font-size:28px;}
#main>h1{ padding:0 0 10px; margin:0 0 20px;}
#fb-root{ width:255px; margin:10px auto;}

}

@media (max-width:845px) {
#banner { padding-left: 376px !important }
#banner { height: 335px !important; }
#banner p { margin: 4px 0 1px !important; }
.inner-banner-right{ padding:15px 0;}
#gal-tiles h4{ font-size:13px;}
.button{ padding:6px;}
.button{ font-size:10px;}

#main-nav > li{ font-size:13px;}


}

@media (max-width:767px) {
#logo { position: inherit; }
#logo a { margin: 0 auto; }
#fb-root { float: none; text-align: center; }
#header h3 { text-align: center; margin-bottom: 10px; margin-top:10px; }
#main-nav { padding:4px 0; background: #f8f7f1; display: none; border-bottom: 3px solid #fcfcf9; border-left: 3px solid #fcfcf9; border-right: 3px solid #fcfcf9; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -4px; box-shadow:none; }
#banner { padding: 0 0 235px 0 !important; background-size: 390px; }
#splash-cols li { width: 280px !important; margin: 0 auto 25px; display: block !important; }
#splash-cols li+li { margin-left: auto !important; }
#foot-cols>li { width: 100%; display: block; margin-bottom: 10px; text-align: center; }
#footer #copyright { width: 100%; }
#copyright h3 { width: 255px; margin: 0 auto; float: none; }
#copyright p { padding-right: 0; width: 100%; float: left; line-height: 14px; margin-top: 0; }
#copyright .ibew-logo { float: none; margin-top: 0; }
#copyright .nabcep-logo { float: none; }
#logo a { width: 278px; height: 90px; }
h2.center { font-size: 14px !important; }
#footer .copyright-text { text-align: center; margin-bottom: 20px; }
.menu-icon { color:#000; display: block; text-align: center; cursor: pointer; list-style: none; text-align: center; font-size: 0; margin: 0; padding: 7px 0; background: #f8f7f1; border-radius: 5px; box-shadow: inset 0 0 5px rgba(255,255,255,0.75), 0 2px 4px rgba(0,0,0,0.2); border: 3px solid #fcfcf9; background-image: none; background: #f8f7f1; font-size: 18px; }
#main-nav>li { display: block; position: relative; border: none; padding: 0;}
#main-nav ul { position: relative; }
#main-nav li>ul { position: relative; box-shadow: none; background: none; padding: 0; }
#main-nav li:hover>ul { display: none; }
#main-nav li>ul li { display: block; text-align: center; }
#main-nav li>ul li a { padding: 8px 0; border-top: 1px solid #e9e8e4; }
#main-nav a { padding: 8px 0; border-top: 1px solid #e9e8e4; font-size:13px; }
#main-nav a:hover, #main-nav a:focus{ color:#64bc46;}
#main-nav ul a:hover { background: none; color: #64bc46; }
.menu-arrow { background: url(../images/plus.png) no-repeat center; width: 15px; height: 15px; z-index: 999; position: absolute; right: 10px; background-size: 100%; top: 9px; cursor: pointer; }
.menu-arrow.up { background: url(../images/minus.png) no-repeat center; background-size: 100%; }
.scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; }
#main-nav>li.sel>a { background: none; border-radius: 0; color: #64bc46; border: none; border-top: 1px solid #e9e8e4; }
#main-nav ul li:first-child a{ border-top: 1px solid #e9e8e4; }

#banner img{ width:100%;}
.inner-banner-right{ width:100%; padding-bottom:25px !important; }
.leftCol{ padding:0; width:100%;}
.leftCol h2 br{ display:none;}
.rightCol{ width:100%; margin-bottom:30px; text-align:center;}
.rightCol h2{ margin-top:20px !important;}
.rightCol ul{ padding-left:20px !important;}
.rightCol ul li{ text-align:left;}
#main>h1{ width:100%; float:left;}
.frame{ padding-top:15px !important; width:194px !important; margin:0 auto !important; padding-bottom:10px !important; }
#splash-cols .frame{ width:100% !important;}
.frame a{ position:relative;}

#faqs dt:before, #faqs dd:before{ font-size:18px; line-height:26px;}
#gal-tiles{ margin:0;}
#gal-tiles li{ width:49%; margin:0 0 15px 0; }
#gal-tiles a{ width:200px !important; margin:0 auto !important;}
#gal-tiles.gallery-content li{ width:225px; text-align:left;}
#gal-tiles.gallery-content a{ width:100% !important;}

#contactForm p{ width:100% !important; margin:0 0 1em 0 !important;}
#contactForm p label:first-child, #contactForm p .label:first-child{ width:100% !important; text-align:left !important; margin:0 !important; position:relative !important;}
#contactForm label abbr{ top:0 !important; right:-22px !important;}
#contactForm #phoneNumber input{ width:96% !important;}
#contactForm #code{ margin-left:0 !important;}
#contactForm p.buttons{ padding-left:0 !important;}
.button { font-size:12px; margin-top:5px; }
.sr_companyscore > span > span{ left:0 !important;}

.leftCol img{ padding:10px 0 !important;}
.leftCol .thnk-you-right li img{ padding:0 !important; width:100%; }
.leftCol .thnk-you-right{ margin-bottom:20px; float:left;}
.leftCol .thnk-you-right li{ width:45% !important;}
.leftCol .thnk-you-right li .frame{ width:100% !important;}
#banner{ background-position:center bottom !important;}

.g-recaptcha > div {
  	margin: 15px auto !important;
}


/*._51mz ._51mw{ width: auto !important;}
._51mz{ width: auto !important;}*/
}

@media (min-width:768px) {
.menu-icon { display: none; }
#main-nav { display: block; }

}

@media (max-width:480px) {
#banner { padding: 0 0 220px 0 !important; background-size: 295px; }
h1{ font-size:22px;}
h2{ font-size:16px;}
h3{ font-size:14px;}
p{ font-size:12px;}
/*ol, ul{ padding:0 0 0 20px;}*/
li{ font-size:12px;}
.menu-icon{ font-size:16px;}
.inner-banner-right{ padding-bottom:5px !important}
#faqs dt{ font-size:16px;}
.fb_iframe_widget{ display:block !important;}
#gal-tiles h4{ font-size:12px;}
#lightbox-thumbs li{ margin:0 12px !important;}
.leftCol img{ width:100%; padding:0 !important;}
.leftCol form img{ width:auto !important;}
#gal-tiles li{ width:100%;}
#gal-tiles a{ width:225px !important;}
#jb-lightbox-prev, #jb-lightbox-next{ bottom:-40px !important}
.leftCol .thnk-you-right li img{ width:inherit !important;}
.leftCol .thnk-you-right li{ width:281px !important; text-align:center; float:none !important; margin:0 auto;}
#gal-tiles.gallery-content li{ width:100%; text-align:center;}

}