/* Responsive CSS */

@media only screen and (max-width: 1160px) {
#header-logo {
width:120px; height:auto; float:left; position:relative
}

#header-logo img {
width:100%; max-width:120px; height:auto
}

.header-logo {
position:absolute; top:30px; left:20px
}
	
#header-navigation {
width:calc(100% - 120px)
}
}

@media only screen and (max-width: 1000px) {
ul#main-navigation a {
padding-left:5px; padding-right:5px
}
	
#newsletter div.form-wrapper, #newsletter div.text-wrapper {
width:100%; float:none
}

#newsletter div.input {
width:calc(100% - 70px); float:left
}

#newsletter div.submit {
width:70px; float:right; padding:5px
}

#newsletter div.email {
width:calc(100% - 140px); float:left; padding:5px; padding-right:10px
}

#newsletter div.zip {
width:140px; float:right; padding:5px; padding-right:10px
}
}

@media only screen and (max-width: 900px) {
ul#main-navigation a {
font-size:15px
}
	
.content-body, .content-sidebar {
width:100%; float:none
}

.footer-logo {
border-right:0px
}
	
#testimonials .testimonials-body {
padding-right:20px
}
}

@media only screen and (max-width: 800px) {	
#header {
display:none !important
}

#slim-header {
height:75px; display:block !important
}

#mobile-header-logo {
width:220px; height:auto; float:left; position:relative; z-index:9999999
}

#mobile-header-logo img {
width:100%; max-width:52px; height:auto
}

.mobile-header-logo {
position:absolute; top:10px; left:20px
}
	
#mobile-icon {
top:30px
}

#top-phone {
position:absolute; top:20px; right:55px; z-index:3001
}
	
.tal-slogan, .tal-logo {
width:100%; float:none; text-align:center
}
	
.help-content, .help-image {
width:100%; float:none; padding-left:20px; padding-right:20px; text-align:center
}

.enerstructa-slogan {
width:100%; float:none; text-align:center; padding-bottom:0px
}

.enerstructa-logo {
width:250px; float:none; display:block; margin:auto; text-align:center
}

#blog-post img {
width:100%
}

#blog-post {
display:block; grid-auto-flow:row; gap:0%
}
	
#l2-products .l2-product-item {
display:table; padding-bottom:20px
}
	
#blog-post div.post-block {
margin-bottom:30px
}

#l2-products .l2-product-image {
width:49%; display:table-cell
}
	
#l2-products .l2-product-description {
width:49%; display:table-cell; vertical-align:middle; padding-left:10px; padding-right:10px
}

.footer-logo {
padding-top:0px; padding-bottom:0px
}
	
#testimonials {
width:100%; background-color:#f0f0f0; background-image:url("../images/hp-testimonials-mobile.jpg")
}

.desktop-block {
display:none
}
	
.mobile-block {
display:block
}
	
/* Banner Single Blog/Event Post */

#blog-banner-left {
width:100%; height:inherit; float:none; padding-left:20px; padding-right:20px
}

#blog-banner-left h1 {
font-size:30px; line-height:40px
}

#blog-banner-right {
width:100%; height:auto; float:none
}

#blog-banner-right img {
width:100%; height:auto; object-fit:none
}
	
/* Carousel Lightbox */
	
div.pp_pic_holder,
div.pp_content,
div.pp_hoverContainer,
div.pp_details,
#fullResImage {
width:100% !important; height:auto !important		
}

div.pp_pic_holder {
left:0px !important
}

div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_bottom .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_top .pp_middle {
background:none !important;
padding-left:0px !important;
padding-right:0px !important
}
	
.pp_content_container iframe {
width:100% !important; height:auto !important; min-height:400px !important
}
	
.ig_action_bar.ig_hello.ig_hide.ig_top .ig_close {
margin-right:50px !important;
}
}

@media only screen and (max-width: 700px) {
#l2-products div.l2-product-block,
#related-products div.related-product-block {
width:100%; min-width:inherit; display:block; padding-bottom:0px
}

/* td, th, tr {
display:block; box-sizing:border-box; clear:both; width:100%; margin:auto
}*/
}

@media only screen and (max-width: 600px) {
.alignleft, .alignright, .alignnone, .aligncenter, img.hp-post {
width:auto; max-width:100%; height:auto; display:block; margin:auto; float:none; text-align:center; margin-bottom:10px
}

img.thumb-single-post, img.thumb-post {
width:auto; max-width:100%; height:auto; float:none; display:block; margin:auto; object-fit:none; margin-right:0px
}
	
.gallery-item {
float:none !important; width:100% !important
}
	
.slim-header-logo {
position:absolute; top:10px; left:20px
}
}

@media only screen and (max-width: 550px) {
#blog-search-opt {
width:100%; max-width:1390px; margin:auto; padding-top:30px; padding-bottom:10px; padding-left:20px; padding-right:20px
}

#blog-search-opt select {
width:100%
}

.search-form-blog {
width:100%; display:block; margin-right:0px; margin-bottom:2px
}
	
#blog-post div.post-block {
width:100%; min-width:inherit; display:block
}
	
#blog-banner-left h1 {
font-size:30px; line-height:40px
}
}

@media only screen and (max-width: 400px) {
#newsletter div.input, #newsletter div.submit {
width:100%; float:none
}

#newsletter div.email, #newsletter div.zip {
width:100%; float:none; padding:5px; padding-right:5px
}

#newsletter input[type=submit] {
margin:auto; margin-bottom:20px
}
}