/* Responsive CSS */

@media only screen and (max-width: 1600px) {
.top-content-wrapper, .text-box-wrapper, .content, #service-areas, #hp-showcase, #footer {
max-width:inherit
}

ul#main-navigation li {
padding-top:10px; padding-bottom:10px
}
	
ul#main-navigation li ul {
top:40px
}
	
.main-navigation {
background:#366caf
}

ul#main-navigation li:hover,
ul#main-navigation li.current_page_item, 
ul#main-navigation li.current_page_parent, 
ul#main-navigation li.current_page_ancestor {
background:#3e7cc7
}
 
ul#main-navigation ul li {
background:#366caf
}

ul#main-navigation li ul li:hover,
ul#main-navigation li ul li.current-menu-item {
background:#3e7cc7
}

#wrapper-sidebar {
display:none
}

#wrapper {
width:100%; float:none
}
	
#laptop-header, #header-contact, #slider-form, #header-badge {
display:block
}
	
.fixed {
padding-left:0px
}
	
.text-box-content {
min-height:inherit; max-height:inherit
}

.nivoSlider img {
min-width:1427px !important; min-height:535px !important
}
	
.nivo-caption {
display:none !important
}
	
#content-form {
display:none
}
}

@media only screen and (max-width: 1000px) {	
.nivo-caption, .nivo-caption p {
font-size:16px !important; line-height:20px
}

.nivo-caption h2 {
font-size:28px !important; line-height:30px
}
}

@media only screen and (max-width: 900px) {
.content-body, .content-sidebar {
width:100%; float:none
}
	
.theme-default .nivo-controlNav {
display:none
}

.hp-slogan h1 {
font-size:28px; line-height:35px
}
	
#hp-promotion {
margin-top:0px
}

.footer-navigation, .footer-logo {
width:100%; float:none; margin:auto; text-align:center
}

.footer-logo {
padding-right:0px; float:none
}

.copyright {
text-align:center; float:none; width:100%
}
}

@media only screen and (max-width: 800px) {	
.mobile-navigation {
display:block
}

.main-navigation {
display:none
}
	
#laptop-header {
display:none
}

#mobile-header, #mobile-logo, .mobile-form {
display:block
}
	
#sidebar-form {
margin-top:0px; background:#5aa0dc
}
	
#sidebar-form input[type=submit], #sidebar-form input[type=submit]:hover {
background:#d3d2d2
}
	
.nivoSlider {
display:none
}
	
#banner {
width:100%; padding-left:0px; margin-bottom:20px; float:none; display:block
}

#video-wrap {
width:100%; max-width:585px; padding-right:0px; margin-bottom:20px; float:none; display:block; margin:auto
}

.content-body-full-width {
width:100%; padding-top:10px; padding-bottom:30px; padding-left:20px; padding-right:20px
}
	
.text-box {
width:100%; max-width:700px; margin:auto; margin-bottom:20px
}
	
.footer-navigation, .footer-logo {
width:100%; float:none; margin:auto; text-align:center
}

.footer-logo {
padding-right:0px; float:none
}

.copyright {
text-align:center; float:none; width:100%
}

.windows-showcase, .siding-showcase {
width:100%; padding:5px; float:none
}
	
#content h1.entry-title {
text-align:center
}

ul#footer-navigation li {
border-right:0px
}
}

@media only screen and (max-width: 700px) {
#top .contact {
width:100%; float:none; text-align:center; padding-top:10px; padding-right:0px
}

.text-box {
width:100%; margin:0px; margin-top:10px
}

.text-box-content {
min-height:0px; min-height:inherit; max-height:inherit
}
}

@media only screen and (max-width: 600px) {
}

@media only screen and (max-width: 550px) {
img.alignleft, img.alignright, img.alignnone, img.aligncenter {
max-width:100%; height:auto; display:block; margin:auto; float:none; text-align:center; margin-bottom:10px
}

.content-body-full-width {
padding-left:20px; padding-right:20px
}
	
dl.gallery-item {
width:100% !important; float:none !important; display:block
}
	
.gallery-item img {
width:auto; display:block; margin:auto
}
	
.com-left, .com-right {
width:90%; padding-top:20px; float:none; margin:auto
}

.com-form {
float:none; margin:auto
}

.meta {
display:none; visibility:hidden
}
}