/** Shopify CDN: Minification failed

Line 51:0 All "@import" rules must come first
Line 2524:18 Unexpected "("
Line 3189:0 Expected "}" to go with "{"

**/
#content .cart_tbl ul[data-shopify-buttoncontainer="true"] li{
  margin:8px auto!important;
  max-width:750px;
  display:block;
}
.blog-flex-div{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.blog-flex-div p{
  order:2;
}
.blog-flex-div .image-left{
  float:left;
  margin-right:10px;
  width:40%;
  order:1;
}
.blog-flex-div .image-right{
  float:right;
  margin-left:10px;
  width:40%;
  order:3;
}
@media only screen and (max-width: 1024px) {
  .blog-flex-div{
    display:initial;
  }
  
.blog-flex-div .image-right,.blog-flex-div .image-left{
    width:50%;
  }
}
#content .box-login .btn_c{
  margin:0;
}
.shopify-cleanslate .h7OYsWHrW5495r9beh2n {
    max-width: 750px;
    margin: 0 auto;
}
/************Outdoor Gooseneck Barn Lights**********************/

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.barn-banner{
  width:100%;
  font-family: 'Archivo', sans-serif;
  position:relative;
}
.barn-banner-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
} 

.barn-banner-text h1{
  color:#000;
  font-size:56px;
  font-weight:700;
  text-transform:uppercase;
  font-family: 'Archivo', sans-serif;
  line-height:100%;
  margin-bottom:10px;
  letter-spacing:-1px;
}
.barn-banner-text p{
  color:#000;
  font-size:16px;
  font-family: Roboto;
}

.barn-banner-text p br{
  display:none;
}
.barn-banner img{
  max-width:100%;
  box-shadow:2px 2px 5px #00000029;
  border-radius:10px;
}
.large-banner{
  display:block;
}
.med-banner{
  display:none;
}
.small-banner{
  display:none;
}
.barns-main-content{
  width:100%;
  margin-top:20px;
}
.barn-products{
  width:100%;
  margin-top:20px;
}
.barns-section-title{
  text-decoration:underline;
  font-weight:700;
  font-size: 32px;
  font-family: 'Archivo', sans-serif;
  color:#434343;
}
.barns-main-product-container{
  width:100%;
  margin-top:10px;
}
.barns-prod-grid{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-flow: row wrap;
}
.barns-product{
  flex:0 1 100%;
  max-width:23%;
  border-radius: 10px;
  padding:0 10px 30px 10px;
  box-shadow:0 3px 6px #00000029;
  text-align:center;
  margin:10px 0;
  background-color:#fff;
}
 .barns-product.collection{
  max-width:49%;
  text-align:left;
   padding:30px;
 }
.barns-product.no-padding1{
  padding:0 0 20px 0;
}

.barns-product.no-padding1 img{
border-radius:10px 10px 0px 0px
}
.barns-product.no-padding1 h3{
  padding:0 30px
  font-family: 'Archivo', sans-serif;
  font-weight:700;
}
.barns-product img{
  width:100%;
}
.barns-img-hover{
  display:none;
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
.img-link{
  position:relative;
  display:block;
}
.barns-product:hover .barns-img-hover {
  display:block;
}
.barns-product h3{
  color:#337AB7;
  line-height:120%;
  margin-bottom:10px;
  margin-top:20px;
  font-size:18px;
  font-family: 'Archivo', sans-serif;
}
.barns-product p{
  color:#707070;
  line-height:120%;
  font-size:16px;
  font-family: 'Archivo', sans-serif;
}

.barns-about{
  width:100%;
  margin-top:20px;
}
.barns-about-container{ 
  border-radius: 10px;
  padding:30px;
  box-shadow:0 3px 6px #00000029;
  margin:10px 0;
    background-color:#fff;
}
.barns-about-blurb{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-flow: row wrap;
}

.barns-about-blurb div{
  flex:0 1 100%;
  max-width:48%;
}

.barns-about-blurb div p{
  font-size:16px;
  font-family: 'Archivo', sans-serif;
}
.barns-about-blurb div ul{
  column-count:2;
  margin-top:20px;
  margin-left:30px;
}
.barns-about-blurb div ul li{
  list-style:disc;
}

.barns-about-blurb div img{
  width:100%;
}
.barns-about-images{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-flow: row wrap;
  margin-top:30px;
}


.barns-about-images img{
  flex:0 1 100%;
  max-width:31%;
}

  #hero-container,#home-icon-bar,#content .main_box,.row.home-about,.row.cert-row,#instafeed-container,.call-to-action-icon-buttons .f_top,.evm-carousel-info{
    box-shadow:0px 3px 6px #0000001A;
  }
  .slick-slide{ 
    padding-bottom:8px;
    padding-top:8px;
  }


@media only screen and (max-width: 1400px) {

  .barn-banner-text p{
    font-size:15px;
  }
}

@media only screen and (max-width: 1200px) {
  .barn-banner-text h1 {
    font-size:42px;
  }
  .barn-banner-text p{
    font-size:18px;
  }
  
  .barn-banner-text p br{
    display:block;
  }
  .barn-banner-text p span{
    display:none;
  }
  .barns-product h3{
    font-size: 17px;
  }
  .barns-product p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1024px) {
  .barns-product{
    padding:0 10px 20px 10px;
  }
  .barns-product.no-padding1 h3{
    padding:0 10px
  }
    
  .barns-product.no-padding1{
    padding:0 0 20px 0;
  }
  .barns-product h3{
    font-size:16px;
  }
  .barns-product p{
    font-size:15px;
  }
  .barns-about-blurb div p{
    font-size:15px;
  }
  .barns-section-title{
    font-size:28px;
  }
} 

@media only screen and (max-width:1010px) {
  .barn-banner-text h1 {
    font-size:36px;
  }
  .barn-banner-text p{
    font-size:16px;
  }
  
  .barn-banner-text p br{
    display:block;
  }
}
@media only screen and (max-width: 934px) {
  .barns-product{
    padding:0 10px 10px 10px;
  }
  .barns-product.no-padding{
    padding:0 0 10px 0;
  }
  .barns-product p, .barns-about-blurb div p {
    font-size: 14px;
  }
}

@media only screen and (max-width:900px) {
  .barn-banner-text h1 {
    font-size:32px;
  }
  .barn-banner-text p{
    font-size:15px;
  }
  
  .barn-banner-text p br{
    display:block;
  }
  
  .barns-product p br{
    display:none;
  }
}
@media only screen and (max-width:800px) {
  .barn-banner-text h1 {
    font-size:28px;
  }
  .barn-banner-text p{
    font-size:15px;
  }
  
  .barn-banner-text p br{
    display:block;
  }
}
@media only screen and (max-width: 768px) {
  .barns-product {
      padding: 0 10px 20px 10px;
      max-width: 48%;
  }
  
  .barns-product.no-padding1 {
      max-width: 48%;
  }
  
  .barns-product.collection{
      max-width: 100%;
    
  }
  .barns-product.no-padding1 h3{
    padding:0 20px
  }
  
  .barns-product.no-padding1{
    padding:0 0 20px 0;
  }
  .barns-product h3{
    font-size:18px!important;
  }
  .barns-product p{
    font-size:16px!important;
  }
  .barns-about-blurb div p{
    font-size:16px!important;
  }
  .barns-section-title{
    font-size:26px;
  }
  .barns-about-blurb div{
      max-width: 100%;
  }

  .large-banner{
    display:none;
  }
  .med-banner{
    display:block;
  }
  .small-banner{
    display:none;
  }
  
  .barn-banner-text {
      position: unset;
      transform: none;
      left: unset;
      top: unset;
      text-align: center;
      margin-top: 20px;
      background:url(https://www.htm-lighting.com/cdn/shop/files/Group_16.jpg?v=1665989606);
      background-repeat:no-repeat;
      background-size:cover;
      background-position:center;
      width:100%;
  }
  
  .barn-banner-text h1{
    font-size:36px;
  }
  .barn-banner-text h1 br{
    display:none;

  }
  .barn-banner-text p span{
    display:inline-block;

  }
  .barn-banner-text p{
    font-size:18px!important;
  }
  .barn-banner-text p br{
    display:none;
  }
}

@media only screen and (max-width: 575px) {

  .barns-product.no-padding1 h3{
    padding:0 10px
  }
  
  .barns-product.no-padding1{
    padding:0 0 10px 0;
  }
  .barns-product {
      padding: 0 10px 10px 10px;
  }
  .barns-product h3{
    font-size:16px;
  }
  .barns-product p{
    font-size:15px !important;
  }
  .barns-about-blurb div p{
    font-size:15px !important;
  }
  .barns-section-title{
    font-size:24px;
  }
}


@media only screen and (max-width: 539px) {
  
  .barn-banner-text p br{
    display:block;
  }  
  .barn-banner-text p span{
    display:none;

  }
}

@media only screen and (max-width: 470px) {
  
  .barn-banner-text h1{
    font-size:32px;
  }
  .barn-banner-text p{
    font-size:16px !important;
  }
}

@media only screen and (max-width: 419px) {
  
  .barn-banner-text h1{
    font-size:30px;
  }
  .barn-banner-textp{
    font-size:15px;
  }
}
@media only screen and (max-width: 414px) {
  .barns-product {
      padding: 20px;
      max-width: 100%;
  }
  .barns-product.collection{
      max-width: 100%;
    
  }
  .barns-product.no-padding1 {
      max-width: 100%;
  }
    
  .barns-product p br{
    display:block;
  }
  .barns-product.no-padding1 h3{
    padding:0 20px
  }
  
  .barns-product.no-padding1{
    padding:0 0 20px 0;
  }
  .barns-product h3{
    font-size:18px;
  }
  .barns-product p{
    font-size:16px !important;
  }
  .barns-about-blurb div p{
    font-size:16px !important;
  }
  .barns-section-title{
    font-size:22px;
  }
  .barns-about-blurb div{
      max-width: 100%;
  }
  .barns-about-images img{
    max-width:100%;
    margin-bottom:20px;
  }
  .barns-main-product-container{
    margin-top:0;
  }
}
@media only screen and (max-width: 391px) {
      .barn-banner-text h1{
      font-size:26px;
    }
}
@media only screen and (max-width: 375px) {
      .barn-banner-text h1{
      font-size:26px;
    }
    .barns-product h3{
      font-size:16px;
    }
    .barns-product p{
      font-size:15px !important;
    }
    .barns-about-blurb div p{
      font-size:15px !important;
    }
    .barns-section-title{
      font-size:20px;
    }
}


@media only screen and (max-width: 333px) {
      .barn-banner-text h1{
      font-size:24px;
    }
}


.cart-link{
  color:#262827;
}

.cart-icon .count-main {
    font-size: 10px;
    font-family: sans-serif;
    min-width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    left: 20px;
    right: unset;
    top: -7px;
    background: #fe7e29;
}
 
.cart-icon-main{
  position:relative;
}

.wsmenu-list{
  display:flex;
  align-items:center;
}




.expert-v-wrapper .expert-v-controls-direction a{
    z-index:1!important;
  }
.expert-v-wrapper{
  margin-bottom:0!important;
  margin-top:50px;
}
.evm-submit-testimonial-button-wrapper{
display:none;
}
.rte h2.evm-testimonial-heading{
font-family: Roboto,sans-serif;
    color: #585858 !important;
    font-size: 24px;
    border-bottom: 5px solid #107fa8;
    width: 300px!important;
    margin: auto!important;
    font-weight: 700;
    padding-bottom: 7px;
}
.evm-carousel-info{
   border:none!important;
box-shadow: 0px 3px 6px #0000001A;
}
div#evm-testimonial-box {
    width: fit-content!important;
    text-align: center;
    float: left;
    position: absolute;
    top: -100px;
    z-index: 9;
    right: 50%;
}
#evm-img-container{
   height: 150px!important;
       width: 150px!important;
}
.evm-carousel-info{
position:relative;
padding-top:85px;
min-height:320px;
}
.evmtestimonials{
padding-top:85px;
}
.evmtestimonials-name a{
  font-size:25px!important;
}
@media only screen and (max-width:768px) {
.evmtestimonials-name a{
  font-size:18px!important;
}
.evm-carousel-info{
min-height:276px;
}
}
@media only screen and (max-width:476px) {
.evm-carousel-info{
min-height:350px;
}
}

#quantity-cart-add-to-cart-container.dt{
  background: #fafafa;
  padding:15px;
}

@media only screen and (min-width: 1200px){
#content .pro_main_c .desc_blk .desc_blk_bot {

  padding:0 0 15px 0;
}
}



/************Distributor Page v2**********************/
.distributor-top-section{
  width:100%;
  box-shadow: 0px 3px 6px #00000029;
  background:#fff;
  padding-bottom:20px;
  border-radius:10px;
}
.distributor-banner{
  width:100%;
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/distributor-banner.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  padding: 20px 0px 21px 30px;
  border-radius:10px 10px 0 0;
}

.distributor-banner.photometric{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/Group_175.jpg);
  border-radius:10px;
}
.distributor-banner.signanelight{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/banner_2.jpg);
  border-radius:10px;
  margin-bottom:40px;
  background-size:cover;
}

.distributor-banner.security-lighting{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/banner_af21d605-b691-4eec-bc01-0cecdb48f91e.jpg);
  border-radius:10px;
  margin-bottom:40px;
  background-size:cover;
}
.distributor-banner.led-retrofit{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/banner_9a9d77fd-4074-41f8-b0c8-fe6bef307a34.jpg);
  border-radius:10px;
  margin-bottom:40px;
  padding: 40px 0px 41px 30px;
  background-size:cover;
}
.distributor-banner.security-lighting-bottom{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/ad-banner-web.jpg);
  border-radius:10px;
  margin-bottom:40px;
  background-size:cover;
  padding-left:0;
}

.distributor-banner.residential-exterior{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/banner_82bf171c-f1e2-47fd-93d7-cd63789c41d6.jpg);
  border-radius:10px;
  margin-bottom:40px;
  background-size:cover;
}
.distributor-banner.wall-mount{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/banner_ced4a17b-595b-4d34-9496-e3e761113a22.jpg);
  border-radius:10px;
  margin-bottom:40px;
  background-size:cover;
}
.distributor-banner.ceiling-mount{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/banner-set.jpg);
  border-radius:10px;
  margin-bottom:40px;
  background-size:cover;
}
.distributor-banner-content{
  width:49%;
  
}
.distributor-banner-content h1{
  font-size:60px;
  color:#1A1818;
  line-height:65px;
  font-weight:700;
  margin-bottom: 20px;
  text-transform:uppercase;
  font-family: 'Archivo', sans-serif;
}
.distributor-banner-content p{
  font-size:15px;
  color:#1A1818;
  
}

.distributor-banner-content p br{
  display:none;
}
.below-distributor-banner{
  width:95%;
  max-width:1500px;
  margin:25px auto 0 auto;
}

.below-distributor-banner-container{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-flow:row wrap;
}

.below-distributor-banner-container div{
  flex:0 1 100%;
  max-width:300px;
  text-align:center;
}

.below-distributor-banner-container div h3{
  font-size:21px;
  margin-top:20px;
  color:#1A1818;
}

.below-distributor-banner-container div p{
  font-size:14px;
  color:#696969;
  margin-top:10px;
}

.distributor-bottom-section{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-flow:row wrap;
  margin-top:40px;
  margin-bottom: 40px;
}
.distributor-bottom-content{
  flex:0 1 100%;
  max-width:48%;
}

.distributor-bottom-container{
  background:#fff;
  box-shadow: 0px 3px 6px #00000029;
  padding:40px 20px;
  border-radius:10px;
}


.distributor-bottom-container.trusted-brand img{
  width:100%;
  margin-bottom:20px;
}
.distributor-bottom-container.trusted-brand h2{
 color:#1A1818;
  font-weight:700;
  margin-bottom:10px;
  text-align:center;
  text-transform:uppercase;
}
.distributor-bottom-container.trusted-brand p{
 color:#1A1818;
  font-size:15px;
  text-align:center;
}
.distributor-bottom-container.pricing-program h2{
   color:#1A1818;
  font-weight:700;
}
.distributor-bottom-container.pricing-program h3{
  color:#FF7E2A;
  font-size:21px;
  margin-top:30px;
  margin-bottom:10px;
  text-align:justify;
}
.distributor-bottom-container.pricing-program p{
  color:#1A1818;
  font-size:15px;
  text-align:justify;
}
.form-control{
  height:auto;
}
.mobile-distributor-banner{
  display:none;
  width:100%;
}
#frame_VCUgDUp4ahO9rB8Iz0Lp-A{
  max-height:1225px!important;
}
div.form_submit_div button, div.form_submit_div button:hover{
  width:auto!important;
}
.form_generater_form_div .radio-inline.vertical {
    display: flex;
    flex-flow: row wrap;
    flex: 0 1 50%;
}
.form_generater_form_div .radio-list.vertical {
    display: flex;
    flex-flow: row wrap;
    flex: 0 1 50%;
}
.distributor-banner-content h2{
  font-size:46px;
  font-weight:700;
  line-height:1;
  color:#000;
  margin-bottom:10px
}

@media only screen and (max-width:1400px) {
  .below-distributor-banner-container div {
      max-width: 250px;
  }
  .distributor-banner-content h1 {
    font-size: 60px;
    line-height: 55px;
  } 
  .distributor-banner{
      padding: 18px 0px 15px 30px;
  }
  
.distributor-banner.signanelight{
    background-size:cover;
}
.distributor-banner-content h2 {
    font-size: 36px;
}
}

@media only screen and (max-width:1200px) {
  .distributor-banner-content h1 {
    font-size: 52px;
    line-height: 49px;
  }
  .distributor-banner{
      padding: 18px 0px 15px 30px;
  }
}
@media only screen and (max-width:1130px) {
  .distributor-banner-content p{
    margin:0
  }
  .distributor-banner-content p br{
    display:block;
  }
}
@media only screen and (max-width:1127px) {
  .distributor-banner-content p{
    margin:0
  }
  .distributor-banner-content p br{
    display:block;
  }
  .distributor-banner-content h1{
      font-size: 43px;
      line-height: 36px;
  }
  .distributor-banner-content h2 {
    font-size: 32px;
}
}
@media only screen and (max-width:1100px) {
  .below-distributor-banner-container div {
      max-width:48%;
    margin-bottom:20px;
  }
}

@media only screen and (max-width:1081px) {
  .distributor-banner {
      padding: 18px 0px 15px 15px;
  }
  .distributor-banner-content h1{
      margin-bottom:10px;
      font-size: 43px;
      line-height: 37px;
  }
}

@media only screen and (max-width:1061px) {
  .distributor-banner-content p br{
    display:block;
  }  
  .distributor-banner-content h1 {
      font-size: 41px;
      line-height: 36px;
  }
}
@media only screen and (max-width:1024px) {
  .distributor-bottom-content{
    max-width:100%;
    margin-bottom:40px;
  }
  .distributor-bottom-content:last-child{
    margin-bottom:0;
  }
  .distributor-banner-content h1 {
      font-size: 38px;
      line-height: 33px;
  }
}

@media only screen and (max-width:990px) {
  .distributor-banner-content h1 {
      font-size: 35px;
      line-height: 30px;
  }
}


@media only screen and (max-width:900px) {

.mobile-distributor-banner{
    display:block;
  }
  .distributor-banner-content h1{
    font-size:70px;
    line-height:75px;
  }
  .distributor-banner-content p{
    font-size:18px;
  }
  .distributor-banner-content p br{
    display:none;
  }
  .distributor-banner{
    background:none;
    padding:0;
  }
  .distributor-banner.led-retrofit{
    background:none;
    padding:0;
  }
  .distributor-banner-content{
    width:100%;
    padding:30px;
    background-image:url(https://www.htm-lighting.com/cdn/shop/files/grabg.jpg);
    background-repeat:no-repeat
    background-size:cover;
    background-position:center;
  }
  .distributor-banner.led-retrofit .distributor-banner-content{
    width:100%;
    padding:30px;
    background-image:url(https://www.htm-lighting.com/cdn/shop/files/grabg.jpg);
    background-repeat:no-repeat
    background-size:cover;
    background-position:center;
  }
}

@media only screen and (max-width:732px) {
  .distributor-banner.led-retrofit .distributor-banner-content h1{
    font-size: 65px;
    line-height: 70px;

  }
}
@media only screen and (max-width:684px) {
  .distributor-banner.led-retrofit .distributor-banner-content h1{
    font-size: 60px;
    line-height: 65px;

  }
}
@media only screen and (max-width:636px) {
  .distributor-banner.led-retrofit .distributor-banner-content h1{
    font-size: 50px;
    line-height: 55px;

  }
}
@media only screen and (max-width:617px) {
  .below-distributor-banner-container div {
      max-width:100%; 
    margin-bottom:20px;
  }
}

@media only screen and (max-width:615px) {
  .distributor-banner-content h1 {
      font-size: 60px;
      line-height: 65px;
  }
}
@media only screen and (max-width:599px) {
  .distributor-banner-content h2 {
      font-size: 30px;
  }
  .security-lighting-bottom-container{
    flex-flow:row wrap;
  }
  .security-lighting-bottom-content.img{
    
  }
  .security-lighting-bottom-content.text{
    max-width:100%;
    margin-top:20px;
  }
}

@media only screen and (max-width:580px) {
  #frame_VCUgDUp4ahO9rB8Iz0Lp-A{
    max-height:1240px!important;
  }
}

@media only screen and (max-width:636px) {
  .distributor-banner.led-retrofit .distributor-banner-content h1{
    font-size: 40px;
    line-height: 45px;

  }
}
@media only screen and (max-width:536px) {
  .distributor-banner-content h1 {
      font-size: 50px;
      line-height: 55px;
  }
}
@media only screen and (max-width:547px) {
  #frame_VCUgDUp4ahO9rB8Iz0Lp-A{
    max-height:1785px!important;
  }
}
@media only screen and (max-width:511px) {
  .distributor-banner-content p br{
    display:block;
  }
  .distributor-banner-content{
    width:100%;
    padding:30px 20px;
  }
}

@media only screen and (max-width:446px) {
  .distributor-banner.led-retrofit .distributor-banner-content h1{
    font-size: 40px;
    line-height: 45px;
  }
  
  .distributor-banner.led-retrofit .distributor-banner-content{
    padding:30px 20px;
  }
}
@media only screen and (max-width:440px) {
  #frame_VCUgDUp4ahO9rB8Iz0Lp-A{
    max-height:1820px!important;
  };
  .form_title_div h2{
    font-size:23px;
  }
}

.distributor-banner.led-retrofit .distributor-banner-content h1 br{
    display:none
}
@media only screen and (max-width:424px) {
  .distributor-banner.led-retrofit .distributor-banner-content h1{
    font-size: 35px;
    line-height: 40px;
  } 
}
@media only screen and (max-width:376px) {
.distributor-banner.led-retrofit .distributor-banner-content h1 br{
    display:block;
}
}
@media only screen and (max-width:361px) {
  .distributor-banner-content h1{
    font-size:35px;
    line-height:40px;
  }
}

@media only screen and (max-width:350px) {
  #frame_VCUgDUp4ahO9rB8Iz0Lp-A{
    max-height:1850px!important;
  }
}
@media only screen and (max-width:342px) {
  #frame_VCUgDUp4ahO9rB8Iz0Lp-A{
    max-height:1870px!important;
  }
}
@media only screen and (max-width:318px) {
  .distributor-banner-content h1{
    font-size:30px;
    line-height:25px;
  }
}
.photmetric-first-content{
  width:100%;
}
.about-photometric{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:30px;
}

.about-photometric-img{
  flex: 0 1 100%;
  max-width:calc(40% - 15px);
}

.about-photometric-text{
  flex: 0 1 100%;
  max-width:calc(60% - 15px);
}

.about-photometric-img img{
  width:100%;
  max-width:250px;
}

.distributor-bottom-container.pricing-program .about-photometric-text h3{
  font-size:18px;
  color:#1A1818;
  margin-top:0;
}

.distributor-bottom-container.pricing-program .about-photometric-text p{
  color:#696969;
}
.distributor-bottom-container.pricing-program .photmetric-first-content p{
  color:#696969;
}
.about-photometric-text ul{
  list-style:square;
  padding-left:20px;
}
.about-photometric-text ul li{
  list-style:square;
  margin-bottom:20px;
  font-size:15px;
  color:#696969;
  
}
.distributor-bottom-container.pricing-program h3.photometric-text{
  font-size:18px;
  color:#1A1818;
}

.photometric-bottom-content{
  background:#fff;
  box-shadow: 0px 3px 6px #00000029;
  padding:40px 20px;
  border-radius:10px;
}

.photometric-reading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  align-items:center;
}


.photometric-reading-text{
  flex:0 1 100%;
  max-width:calc(50% - 15px);
}

.photometric-reading-img{
  flex:0 1 100%;
  max-width:calc(50% - 15px);
}

.photometric-reading-img img{
  width:100%;
}

.photometric-reading-text h2{
  font-weight:700;
  color:#1A1818;
  margin-bottom:20px;
}

.photometric-reading-text h3{
  font-size:18px;
  color:#1A1818;
  margin-bottom:10px;
}
.photometric-reading-text  p.photometric-subtitle{
  margin-bottom:20px;
}
.photometric-reading-text  p{
  color:#696969;
  font-size:15px;
  margin-bottom:20px;
}
.photometric-reading-img img{
  width:100%;
}
#frame_UqU4-VAUpRG9oNSORrgyTA{
  margin-bottom: -70px;
}

@media only screen and (max-width:1320px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
    font-size: 45px;
    line-height: 43px;
  }
  .about-photometric{
    flex-flow:row wrap;
  }
  .about-photometric-img, .about-photometric-text{
    max-width:100%;
  }
  .about-photometric-img{
    margin-bottom:20px;
  }
}
@media only screen and (max-width:1200px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
    font-size: 38px;
    line-height: 38px;
  }
  
  .photometric-reading{
    flex-flow:row wrap;
  }
  .photometric-reading-text{
  max-width:100%;
  } 
  
  .photometric-reading-img{
    max-width:100%;
  }
}
@media only screen and (max-width:1036px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 36px;
      line-height: 34px;
  }

}

@media only screen and (max-width:1000px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 33px;
      line-height: 30px;
  }
}

@media only screen and (max-width:900px) {

.mobile-distributor-banner{
    display:block;
  }
  .distributor-banner.photometric .distributor-banner-content h1{
    font-size:70px;
    line-height:75px;
  }
  .distributor-banner.photometric .distributor-banner-content p{
    font-size:18px;
  }
  .distributor-banner.photometric .distributor-banner-content p br{
    display:none;
  }
  .distributor-banner.photometric{
    background:none;
    padding:0;
  }

  .distributor-banner.photometric .distributor-banner-content{
    width:100%;
    padding:30px;
    background-image:url(https://www.htm-lighting.com/cdn/shop/files/grabg.jpg);
    background-repeat:no-repeat
    background-size:cover;
    background-position:center;
  }
}


@media only screen and (max-width:819px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 64px;
      line-height: 70px;
  }
  
  .distributor-banner.photometric .distributor-banner-content{
    padding:20px;
  }
}


@media only screen and (max-width:754px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 60px;
      line-height: 65px;
  }
}


@media only screen and (max-width:712px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 55px;
      line-height: 60px;
  }
}

@media only screen and (max-width:657px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 50px;
      line-height: 55px;
  }
}

@media only screen and (max-width:603px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 45px;
      line-height: 50px;
  }
}
@media only screen and (max-width:549px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 40px;
      line-height: 45px;
  }
}
@media only screen and (max-width:495px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 35px;
      line-height: 40px;
  }
}
@media only screen and (max-width:441px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 30px;
      line-height: 35px;
  }
}
@media only screen and (max-width:387px) {
  .distributor-banner.photometric .distributor-banner-content h1 {
      font-size: 25px;
      line-height: 30px;
  }
}
@media only screen and (max-width:333px) {
}

/************Signage Lighting v2**********************/

.signage-lighting-container{
  background:#fff;
  box-shadow: 0px 3px 6px #00000029;
  padding:40px 30px;
  border-radius:10px;
}
.signage-lighting-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-flow:row wrap;
}
.signage-lighting-top-content{
  flex:0 1 100%;
  max-width:calc(50% - 30px)
}

.signage-lighting-top-content h2{
  font-weight:700;
  color:#434343;
  margin: 0 0 30px 0;
}

.signage-lighting-top-content p{
  color:#696969;
  font-size:15px;
}

.signage-lighting-top-content img{
  width:100%;
}
.image-hover1{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  display:none;
}
.signage-lighting-collections-container{
  width:100%
}

.signage-lighting-collections-container h2{
  margin:40px 0 20px 0;
  font-weight:700;
  color:#434343; 
}
.signage-lighting-collections{ 
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-flow:row wrap;
}
.signage-lighting-collection{
  flex:0 1 100%;
  max-width:calc(33% - 15px);
  box-shadow: 0px 3px 6px #00000029;
  border-radius:0 0 10px 10px;
  align-self:stretch;
}
.signage-lighting-collection.security-lighting{
  margin-bottom:40px;
}
.signage-lighting-collection img{
  width:100%;
  border-radius:10px 10px 0 0;
}
.collection-image-container{
  position:relative;
  width:100%;
}
.collection-text-container{
  padding:20px 10px;
  width:100%;
  text-align:center;
}
.collection-text-container h3{
  color:#337AB7;
  font-weight:700;
  margin:0 0 20px;
}
.collection-text-container p{
  font-size:15px;
  color:#696969;
}
.signage-lighting-case-studies{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-flow:row wrap;
}
.signage-lighting-case-study-text{
  flex:0 1 100%;
  max-width:calc(67% - 45px);
}
.signage-lighting-case-study-text p{
  color:#696969;
  text-align:justify;
}
.signage-lighting-case-study-img{
  flex:0 1 100%;
  max-width:calc(33% - 15px);
}

.signage-lighting-case-study-img img{
  width:100%; 
}

.signage-lighting-case-studies-img{
  flex:0 1 100%;
  max-width:calc(33% - 15px);
  margin-top:30px;
}


.signage-lighting-case-studies-img img{
  width:100%;
}
@media only screen and (max-width:1024px) {
  .signage-lighting-top-content{
    max-width:100%;
  }
  .signage-lighting-top-content:first-child{
      margin-bottom:30px;
  }
}
@media only screen and (max-width:950px) {
.signage-lighting-case-study-text{
  flex:0 1 100%;
  max-width:calc(50% - 15px);
}
.signage-lighting-case-study-img{
  flex:0 1 100%;
  max-width: calc(50% - 15px);

}
}
  
@media only screen and (max-width:768px) {
  .signage-lighting-case-study-text{
  flex:0 1 100%;
  max-width:100%;
}
.signage-lighting-case-study-img{
  flex:0 1 80%;
  max-width:450px;
  margin:30px auto 0 auto;

}
}
@media only screen and (max-width:620px) {
 .signage-lighting-collection{
   max-width:100%;
   margin-bottom:30px;
 } 
 .signage-lighting-collection:last-child{
   margin-bottom:0;
 }
  .signage-lighting-case-studies-img{
    max-width:100%;
  }
  .signage-lighting-case-study-img{
    flex:0 1 100%;
  }
}
/************Seciruty Lighting v2**********************/


.distributor-banner.security-lighting-bottom .distributor-banner-content p{
  color:#000;
  text-align:center;
}
.distributor-banner.security-lighting-bottom .distributor-banner-content p br{
  display:block;
}

.distributor-banner.security-lighting-bottom .distributor-banner-content{
  width:63%;
  text-align:center;
}



.security-lighting-bottom-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:40px;
}

.security-lighting-bottom-container:last-child{
  margin-bottom:0;
}
.security-lighting-bottom-content.img{
  flex:0 1 100%;
  max-width:185px;
}
.security-lighting-bottom-content.text{
  flex:0 1 100%;
  max-width:calc(100% - 215px);
}
.security-lighting-bottom-content.text h3{
  margin-bottom:15px;
}
.security-lighting-bottom-content.text p{
  color:#696969;
  text-align:justify;
}

@media only screen and (max-width:1023px) {
    .distributor-banner.security-lighting-bottom{
      background:none;
      padding:0
    }
    .distributor-banner.security-lighting-bottom .distributor-banner-content{
    width:100%;
    padding:30px;
    background-image:url(https://www.htm-lighting.com/cdn/shop/files/grabg.jpg);
    background-repeat:no-repeat
    background-size:cover;
    background-position:center;
  }
  .distributor-banner.security-lighting-bottom .mobile-distributor-banner{
    display:block
  }
}
@media only screen and (max-width:621px) {
  .distributor-banner.security-lighting-bottom .distributor-banner-content{
    padding:30px 20px
  }
}
@media only screen and (max-width:599px) {
  .distributor-banner-content h2 {
      font-size: 30px;
  }
  .security-lighting-bottom-container{
    flex-flow:row wrap;
      justify-content:center;
  }
  .security-lighting-bottom-content.img{
    
  }
  .security-lighting-bottom-content.text{
    max-width:100%;
    margin-top:20px;
    text-align:Center;
  }
}

/************Seciruty Lighting v2**********************/
.residential-collections-container  {
  width: 100%;
}
.residential-collections-container h2 {
    margin: 40px 0 20px 0;
    font-weight: 700;
    color: #434343;
}
.residential-collections{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: row wrap;
}
.residential-collection{
  flex: 0 1 100%;
  max-width: calc(25% - 15px);
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 0 0 10px 10px;
  align-self: stretch;
  margin-bottom: 40px;
}

.residential-collection img{
  width:100%;
  border-radius:10px 10px 0 0;
}

.residential-lighting-container {
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    padding: 40px 30px;
    border-radius: 10px;
}

.signage-lighting-case-study-text ul{
    list-style: disc;
    width: 100%;
    margin-left: 15px;
    max-width: 500px;
}
.signage-lighting-case-study-text ul li{
    list-style:disc;
}

.signage-lighting-case-study-text.residential-exterior{
  flex:0 1 100%;
  max-width:calc(55% - 45px);
}
.signage-lighting-case-study-img.residential-exterior{
    flex:0 1 100%;
  max-width:calc(45% - 15px);
}

.collection-text-container.residential-exterior h3{
  font-size:21px;
}
.signage-lighting-case-study-text.residential-exterior p{
  font-size:15px;
}
@media only screen and (max-width:1400px) {
 .distributor-banner.residential-exterior .distributor-banner-content h1{
    font-size: 50px;
    line-height: 54px;
  }
  .collection-text-container.residential-exterior p br{
    display:none;
  }
}
@media only screen and (max-width:1400px) {
 .distributor-banner.residential-exterior .distributor-banner-content h1{
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width:1024px) {
  .residential-collection{
      max-width: calc(50% - 15px);
  }
    .signage-lighting-case-study-text.residential-exterior{
    flex:0 1 100%;
    max-width:100%;
  }
  .signage-lighting-case-study-img.residential-exterior{
      flex:0 1 100%;
    max-width:100%;
  }
}
@media only screen and (max-width:900px) {
 .distributor-banner.residential-exterior {
   background:none;
   padding:0;
 }
 .distributor-banner.residential-exterior .distributor-banner-content {
    width: 100%;
    padding: 30px;
    background-image: url(https://www.htm-lighting.com/cdn/shop/files/grabg.jpg);
    background-repeat: no-repeat background-size:cover;
    background-position: center;
}
  .distributor-banner.residential-exterior .distributor-banner-content h1 {
    font-size: 65px;
    line-height: 70px;
}
}
@media only screen and (max-width:768px) {


  .distributor-banner.residential-exterior .distributor-banner-content h1 {
    font-size: 60px;
    line-height: 65px;
  }
}
@media only screen and (max-width:705px) {
  .distributor-banner.residential-exterior .distributor-banner-content h1 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media only screen and (max-width:598px) {
  .distributor-banner.residential-exterior .distributor-banner-content h1 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width:491px) {

 .distributor-banner.residential-exterior .distributor-banner-content {
  padding:30px 20px;
 }
}
@media only screen and (max-width:470px) {
  .distributor-banner.residential-exterior .distributor-banner-content h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .residential-collection {
    max-width: 100%;
}
}
@media only screen and (max-width:363px) {
  .distributor-banner.residential-exterior .distributor-banner-content h1 {
    font-size: 25px;
    line-height: 30px;
  }
}
.sortby{
  display:flex;
  align-items:center;
    justify-content:flex-end;
}


.select_box.sel_2{
  margin-left:10px;
}



@media only screen and (max-width:768px) {



#content .product_c.mobile_pt60{
  padding-top:0;
}

}

  .custom-zoom{
    cursor:pointer;
  }
.evm-testimonial-brand{
  display:none!important;
}


/************Tags**********************/
.on-clearance-product.high-voltage{
  background-color: #f72823;
  top:5px;
  bottom:unset;
}
.on-clearance-product.high-voltage span{
  border-right: 9px solid #f72823;
}

.on-clearance-product {
    position: absolute;
    font-weight: 700;
    top: unset;
    bottom: 0;
    right: 5px;
    z-index: 3;
    color: var(--button-text-color);
    text-transform: uppercase;
    text-align: center;
    width: auto;
    display: block;
    line-height: 20px;
    font-size: 15px;
    background-color: #fe7e29;
    overflow: visible;
    padding: 0 8px 0 4px;
}
.on-clearance-product.prod-clearance{
    bottom: unset;
    top: 5px;
    right: 5px;
}
.on-clearance-product.cat-clearance{
  right:5px;
}
#content .main_box .box_1 .new-product.with-clearance{
  bottom:25px;
}

.on-clearance-product.cat-clearance.with-soldout{
  bottom:25px;
}

.on-clearance-product.high-voltage.with-clearance{
  top:30px;
}




@media only screen and (max-width: 768px){
  .mobile_off_canvas_sidebar {
    background:transparent;
    background-color:unset!important;
    padding:0;
    overflow:hidden;
  }
  .filter-width {
      width: 100vw;
  }
  .filter-menu{
    width:270px!important;
  }
}

.led-retrofits-collections{
  display:flex;
  width:100%;
  justify-content:space-between;
  align-items:stretch;
  flex-flow:row wrap;
}

.led-retrofits-collection{
    flex: 0 1 100%;
    max-width: calc(50% - 15px);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0 0 10px 10px;
    align-self: stretch;
    margin-bottom: 40px;
}

.led-retrofits-collection img{
  width:100%;
  border-radius: 10px 10px 0 0;
}

.retrofit-list{
  margin-top:10px;
  column-count:2;
  max-width:50%;
  margin-left:15px;
}

.retrofit-list li{
  list-style:disc;
}

 .collection-text-container.retrofit{
  padding:30px 10px 50px 10px;
 } .collection-text-container.retrofit1{
  padding:30px 10px 50px 10px;
 } .collection-text-container.retrofit2{
  padding:30px 10px 50px 10px;
 }



@media only screen and (max-width: 1400px){ 
  .retrofit-list{
    max-width:75%;
  }
  .collection-text-container.retrofit p{
    font-size:14px;
    
  }
}
@media only screen and (max-width: 1200px){ 
    .collection-text-container.retrofit{
    padding:30px 10px 30px 10px;
   } 
  .collection-text-container.retrofit1{
    padding:30px 10px 30px 10px;
   }
  .collection-text-container.retrofit2{
    padding:30px 10px 30px 10px;
   }
  .collection-text-container.retrofit p{
    font-size:15px;
  }
 .collection-text-container.retrofit p br{
    display:none
   }
}
@media only screen and (max-width: 1024px){ 
  .retrofit-list{
    max-width:100%;
  }
}

@media only screen and (max-width: 929px){
 .collection-text-container.retrofit1 p br{
    display:none
 }
}


@media only screen and (max-width: 768px){ 
  .retrofit-list{
    column-count:1;
  }
}

@media only screen and (max-width: 620px){
  .led-retrofits-collection{
      max-width: 100%;
  }
}




/************LED BULB**********************/

.distributor-banner.led-bulb{
  background-image:url(https://www.htm-lighting.com/cdn/shop/files/led-bulb-banner.jpg);
  border-radius:10px;
  margin-bottom:40px;
  padding: 20px 0px 20px 41px;
  background-size:cover;
}

.signage-lighting-collection.led-bulb{
  max-width:calc(100% / 4 - 22.5px);
  box-shadow: 0px 3px 6px #00000029;
  border-radius:10px ;
  margin-bottom:30px;
}
.signage-lighting-collection.led-bulb .collection-text-container{
  background:#fff;
  border-radius: 0 0 10px 10px;
}
.signage-lighting-collection.led-bulb-2{
  max-width:calc(100% / 6 - 25px);
  box-shadow: 0px 3px 6px #00000029;
  border-radius:10px ;
  margin-bottom:30px;
  background: #fff;
}
.signage-lighting-collection.led-bulb-2 .collection-text-container{
  background:#fff;
  border-radius: 0 0 10px 10px;
}
.signage-lighting-collection.led-bulb-2  .collection-text-container h3{
  font-size:18px;
}
.security-lighting-bottom.led-bulb h3{
  margin-bottom:15px;
  font-size:21px;
}
.security-lighting-bottom.led-bulb p{
  margin-bottom:20px;
}
.security-lighting-bottom.led-bulb p a{
  color:#337AB7;
  font-weight:700;
}
.security-lighting-bottom.led-bulb ul{
  list-style:disc;
  padding:0;
  margin-left:15px;
}
.security-lighting-bottom.led-bulb ul li{  
  list-style:disc;
}
.security-lighting-bottom.led-bulb ul.security-lighting-bottom-top li::marker{
  color:#337AB7;
}
@media only screen and (max-width: 1400px){
  .distributor-banner.led-bulb .distributor-banner-content h1{
    font-size: 50px;
    line-height: 1;
  }
}
@media only screen and (max-width: 1200px){
  .distributor-banner.led-bulb .distributor-banner-content h1{
    font-size: 45px;
    line-height: 1;
  }
}
@media only screen and (max-width: 1100px){
.distributor-banner.led-bulb{
  padding: 20px 0px 20px 30px;
  }
}

@media only screen and (max-width: 1087px){

  
  .signage-lighting-collection.led-bulb-2{
    max-width:calc(100% / 3 - 20px);
  }
}
@media only screen and (max-width: 943px){

  .signage-lighting-collection.led-bulb{
    max-width:calc(100% / 2 - 15px);
  }
}
@media only screen and (max-width: 900px){
  
  .distributor-banner.led-bulb{
    background:none;
    padding:0;
  }
  .distributor-banner.led-bulb .distributor-banner-content {
      width: 100%;
      padding: 30px;
      background-image: url(https://www.htm-lighting.com/cdn/shop/files/grabg.jpg);
      background-repeat: no-repeat;
      background-size:cover;
      background-position: center;
  }
  .distributor-banner.led-bulb .distributor-banner-content h1 br{
    display:none;
  }
  .distributor-banner.led-bulb .distributor-banner-content h1{
    font-size: 60px;
    line-height: 1;
  }
}
@media only screen and (max-width: 660px){
  .distributor-banner.led-bulb .distributor-banner-content h1{
    font-size: 50px;
    line-height: 1;
  }
}
@media only screen and (max-width: 561px){
  .distributor-banner.led-bulb .distributor-banner-content h1{
    font-size: 40px;
    line-height: 1;
  }
}

@media only screen and (max-width: 527px){

  
  .signage-lighting-collection.led-bulb-2{
    max-width:calc(100% / 2 - 15px);
  }
}
@media only screen and (max-width: 462px){
   .distributor-banner.led-bulb .distributor-banner-content {
      padding: 20px;
  }
}
@media only screen and (max-width: 456px){

  .signage-lighting-collection.led-bulb{
    max-width:100%;
  }
}
@media only screen and (max-width: 440px){
  
  .distributor-banner.led-bulb .distributor-banner-content h1 br{
    display:initial;
  }
}

@media only screen and (max-width: 341px){

  
  .signage-lighting-collection.led-bulb-2{
    max-width:100%;
  }
}

.custom-zoom{
    overflow:hidden;
    display:block;
}
  .custom-zoom img{
    transition:.3s;
    object-fit:contain;
    scale:.8;
  }
  .custom-zoom img:hover{
      transform: scale(1.2);
  }


.collection-text-container.celing-mount{
  padding:30px;
}
.distributor-banner-content.ceiling-mount h1{
  font-size:57px;
  line-height:61px;
}
@media only screen and (max-width: 1400px){
  .distributor-banner.ceiling-mount .distributor-banner-content p{
    font-size:14px;
  }
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 47px;
    line-height: 51px;
  }
}
@media only screen and (max-width: 1200px){
  .distributor-banner-content.ceiling-mount h1 {
      font-size: 30px;
      line-height: 33px;
      margin-bottom: 10px;
  }
}
@media only screen and (max-width:1150px){
  .distributor-banner-content.ceiling-mount h1 {
      font-size: 26px;
      line-height: 29px;
      margin-bottom: 10px;
  }
}
@media only screen and (max-width: 900px){
  .distributor-top-section.ceiling-mount{
      border-radius:20px;
  }
  .distributor-banner-content.ceiling-mount{
    border-radius:20px 20px 0 0;
  }
  .mobile-distributor-banner.ceiling-mount{
    border-radius:0 0 20px 20px;
  }
  .distributor-banner.ceiling-mount{
      border-radius:20px;
  }
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 70px;
    line-height: 75px;
  }
}

@media only screen and (max-width: 701px){
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 60px;
    line-height: 65px;
  }
}
@media only screen and (max-width: 620px){
  .ceiling-mount-title{
    margin-top:40px!important;
  }
}

@media only screen and (max-width: 610px){
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 519px){
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 407px){
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 361px){
  .distributor-banner-content.ceiling-mount h1 {
    font-size: 30px;
    line-height: 35px;
  }
}


.distributor-banner-content.wall-mount h1{
  font-size:57px;
  line-height:61px;
}
  .distributor-banner.wall-mount .distributor-banner-content p{
    font-size:14px;
  }
@media only screen and (max-width: 1400px){
  .distributor-banner.wall-mount .distributor-banner-content p{
    font-size:14px;
  }
  .distributor-banner-content.wall-mount h1 {
    font-size: 42px;
    line-height: 46px;
    margin-bottom:13px;
  }
  .collection-p br{
    display:none;
  }
}
@media only screen and (max-width: 1200px){
  .distributor-banner-content.wall-mount h1 {
      font-size: 30px;
      line-height: 33px;
      margin-bottom: 10px;
  }
}
@media only screen and (max-width:1150px){
  .distributor-banner-content.wall-mount h1 {
      font-size: 26px;
      line-height: 29px;
      margin-bottom: 10px;
  }
}
@media only screen and (max-width: 900px){
  .distributor-top-section.wall-mount{
      border-radius:20px;
  }
  .distributor-banner-content.wall-mount{
    border-radius:20px 20px 0 0;
  }
  .mobile-distributor-banner.wall-mount{
    border-radius:0 0 20px 20px;
  }
  .distributor-banner.wall-mount{
      border-radius:20px;
  }
  .distributor-banner-content.wall-mount h1 {
    font-size: 70px;
    line-height: 75px;
  }
}

@media only screen and (max-width: 701px){
  .distributor-banner-content.wall-mount h1 {
    font-size: 60px;
    line-height: 65px;
  }
}

@media only screen and (max-width: 610px){
  .distributor-banner-content.wall-mount h1 {
    font-size: 50px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 519px){
  .distributor-banner-content.wall-mount h1 {
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 407px){
  .distributor-banner-content.wall-mount h1 {
    font-size: 35px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 361px){
  .distributor-banner-content.wall-mount h1 {
    font-size: 30px;
    line-height: 35px;
  }
}



/************Warranty Information**********************/

.warranty-information-title{
  font-size:42px;
text-decoration:underline;
}

.warranty-information-container{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-top:20px;
  flex-flow:row wrap;
}

.warranty-information{
  flex:0 1 100%;
  max-width:calc(50% - 20px);
      background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
  padding:30px;
}
.warranty-information p,.warranty-information li{
  color:#696969;
}

.warranty-information.form{
  padding:0 30px 30px 30px;
  max-height: 1016px;
}
.pro-rated-img{
  width:90%;
  margin:30px auto;
  display:block;
}

.warranty-information-list{
  list-style: disc;
    padding: 0;
    margin-left: 15px;
}

.warranty-information-list li{
  list-style: disc;
  margin-top:20px;
  margin-left: 15px;
  color: #696969;
}

a.warranty-information-link{
  color:#fff;
  padding:8px 30px;
  font-size:21px;
  margin:20px auto 0 auto;
  width:100%;
  text-align:center;
  background:#fe7e29;
  border-radius:10px;
  display:block;
  text-decoration:none;
  border:1px solid  #fe7e29;
  font-family:Roboto;
  font-weight:700;
}
a.warranty-information-link:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

@media only screen and (max-width: 1400px){
  .warranty-information.form{
    max-height: 1042px;
  }
}

@media only screen and (max-width: 1200px){
  .warranty-information.form{
    max-height: 1338px;
  }
}
@media only screen and (max-width: 1024px){
  .warranty-information{
    max-width:100%;
  }
  .warranty-information.form{
    margin-top:40px;
  }
  .warranty-information.form {
    max-height: 1045px;
  }
}
@media only screen and (max-width: 1011px){
  .warranty-information.form {
    max-height: 1069px;
  }
}
@media only screen and (max-width: 871px){
  .warranty-information.form{
    max-height: 1016px;
  }
}
@media only screen and (max-width: 627px){
  .pro-rated-img{
    width:100%;
  }
}
@media only screen and (max-width: 608px){
  .warranty-information.form{
    max-height: 1042px;
  }
}
@media only screen and (max-width: 588px){
  .warranty-information.form{
    max-height: 1042px;
  }
  .warranty-information{
    padding:30px 20px;
  }
  
  .warranty-information.form{
    padding:0 20px 30px 20px;
  }
}

@media only screen and (max-width: 547px){
  
  .warranty-information.form{
    max-height: 1338px;
  }
}
@media only screen and (max-width: 448px){
  a.warranty-information-link{
    font-size:18px;
  }
}
@media only screen and (max-width: 423px){
  .warranty-information.form{
    max-height: 1371px;
  }
}

@media only screen and (max-width: 415px){
  .warranty-information-title {
      font-size: 32px;
  }
}
@media only screen and (max-width: 404px){
  a.warranty-information-link{
    font-size:16px;
  }
}

@media only screen and (max-width: 375px){
  a.warranty-information-link{
    padding:15px 20px;
  }
  
}

@media only screen and (max-width: 316px){
  .warranty-information-title {
      font-size: 24px;
  }
}
 @media only screen and (max-width: 313px){ 
  .warranty-information.form{
    max-height: 1397px;
  }
}
 @media only screen and (max-width: 281px){ 
  .warranty-information.form{
    max-height: 1423px;
  }
} only screen and (max-width: 278px){ 
  .warranty-information.form{
    max-height: unset;
  }
}

/************Return Request**********************/

.warranty-information-container.request-warranty{
  margin-top:20px;
}
.request-warranty.details{
  flex:0 1 100%;
  max-width:calc(70% - 10px);
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding:20px;
}

.request-warranty.details p{
  margin-bottom:20px;
  color:#696969;
}

.request-warranty.details h3{
  font-size:16px;
  margin-bottom:15px;
  color:#696969;
}
.request-warranty.details h4{
  font-size:16px;
  margin-bottom:15px;
  color:#696969;
}
.request-warranty.form{
  flex:0 1 100%;
  max-width:calc(30% - 10px);
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding:20px;
}
.request-warranty-title{
  font-size:32px;
  margin:0;
  line-height:1;
  padding: 0 0 7px 7px;
  max-width: 370px;
  border-bottom: 3px solid #107fa8;
  margin-left:-7px;
  font-family: 'Archivo', sans-serif;
  font-weight:700;
}

.request-warranty-subtitle{
  font-size:32px;
  margin:0;
  line-height:1;
  color:#434343;
  text-align:center;
  font-weight: 700;
  font-family: 'Archivo', sans-serif;
}

.request-warranty-list{
  list-style: disc;
    padding: 0;
    margin-left: 30px;
  margin-bottom:20px;
}

.request-warranty-list.last{
  margin-bottom:0;
}
.request-warranty-list li{
  list-style: disc; 
  margin-left: 15px;
  color: #696969;
}

.request-warranty-list.last li:last{
  margin-bottom:0;
}
#content .request-warranty.form .frm{
  padding:0;
}

#content .request-warranty.form .frm .txtbox{
  padding:15px 10px;
  border-radius:10px;
  border-color:#222;
}
#content .request-warranty.form .frm textarea{
  border-radius:10px;
  border-color:#222;
}
#content .request-warranty.form .frm .btn_c{
  float:none;
  display: inline-block;
}
#content .request-warranty.form .frm .clearfix.frm_bot{
  text-align:center;
}
#content .request-warranty.form .frm  .alert-success{
  margin:20px 0 0 0;
}
@media only screen and (max-width: 1400px){
  .request-warranty-subtitle{
    font-size:28px;
  }
}
@media only screen and (max-width: 1200px){
  .request-warranty-subtitle{
    font-size:24px;
  }
}

@media only screen and (max-width: 1036px){
  .request-warranty-subtitle{
    font-size:21px;
  }
}

@media only screen and (max-width: 928px){
  
  .request-warranty.details{
    max-width:100%;
  }
    
  .request-warranty.form{
    max-width:100%;
    margin-top:40px;
  }
}

/************Contact Us**********************/

.contact-top-container{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-flow:row wrap;
  margin: 20px 0 40px 0;
  align-items:stretch;
}
.contact-top{  
  flex:0 1 100%;
  max-width:calc(80% / 2 - 20px);
  background: #fff;
  box-shadow: 0px 3px 6px #00000029;
  border-radius: 10px;
  padding:20px 30px;
  align-self:stretch;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFF;
}

.contact-top:first-child{  
  max-width:calc(20% - 20px);
  display:block;
  background:#fff;
}
.contact-top p{
  margin-bottom: 20px;
  color: #696969;
}
.contact-top .policies{
  flex:0 1 100%;
}
.policy{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-flow:row wrap;
}
.policy-icon{
  flex:0 1 100%;
  max-width:85px;
}

.policy-icon img{
  width:100%;
}
.policy-details{
  flex:0 1 100%;
  max-width:calc(100% - 115px);
  text-align:left;
  position:relative;
  padding-left:30px;
}

.policy-header{
  font-size:26px;
  margin-bottom:15px;  
}

.policy-details p{
  margin-bottom:0;
}

.policy-details:before{
  height:100%;
  width:3px;
  background:#fe7e29;
  top:0;
  left:0;
  position:absolute;
  display:block;
  content:" ";
}
.policy-link{
  width:100%;
  padding:10px 0;
  display:block;
  color:#fff;
  background:#FE7E29;
  border:2px solid #FE7E29;
  border-radius:5px;
  font-size:21px;
  margin-top:20px;
  font-weight:700;
}
.policy-link:hover{
  color:#fff;
  border:2px solid #107FA8;
  background:#107FA8;
  
}
.contact-list{
  margin-bottom:0;
}
.contact-list li{
  margin-bottom:15px; 
}

.contact-list li:last-child{
  margin-bottom:0;
}
.section-subheader{
  font-size:26px;
  margin-bottom:15px;  
  color:#434343;
  text-align:center;
}
.pxFormGenerator.contact-v2{
  padding:0 15px;
}
#content .infor_c.contact-v2{
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
}
#content .con_frm.contact-v2{
  border-radius: 10px;
  box-shadow: 0px 3px 6px #00000029;
}
.infor_c.contact-v2 .rte{
  padding:0;
}
.contact-v2-first{ 
  padding: 20px 20px 10px 20px;
}
.contact-top-container.mobile{
  display:none;
}
@media only screen and (max-width: 1400px){

  .policy-details p{
      min-height:60px;
  }
}
@media only screen and (max-width: 1200px){
  .section-subheader{
    font-size:24px;
  }
}

@media only screen and (max-width: 1074px){
  .policy-details{
    flex:0 1 100%;
    max-width:calc(100% - 105px);
    padding-left:20px;
  }
  
  .policy-icon{
    flex:0 1 100%;
    max-width:85px;
  }
}
@media only screen and (max-width: 1024px){
  .contact-top{  
    padding:20px;
  }
  
  .contact-top{  
    padding:20px;
  }
  .contact-top{  
    max-width:calc(80% / 2 - 10px);
  }
  
  .contact-top:first-child{  
    max-width:calc(20% - 10px);
  }
}

@media only screen and (max-width: 945px){
  .contact-top{  
    max-width:calc(100% / 2 - 10px);
  }
  
  .contact-top:first-child{  
    max-width:100%;
    margin-bottom:20px;
  }
  .contact-list{
    column-count:4;
  }
  .contact-top-container{
    margin-bottom:20px;
  }
  

}

@media only screen and (max-width: 756px){  
  .contact-top{  
    max-width:100%;
    margin-bottom:20px;
  }
  
  .contact-top-container.mobile .contact-top:first-child{  
    max-width:100%;
    margin-bottom:0;
  }
  .contact-top-container.mobile{
    display:flex;
    margin:0;
  }
  .contact-top.desktop{
    display:none;
  }

}


@media only screen and (max-width: 500px){  
  .contact-list{
    column-count:2;
  }

}








.htm-cert-list-item img{
    transition:.3s;
    object-fit:contain;
}
.htm-cert-list-item img:hover{
      transform: scale(1.2);
}

#call-to-action .f_top .ftop_blk h5{
  font-size:14px;
  color:#107fa8;
}
#call-to-action .f_top .ftop_blk a:hover h5{
  color:#fe7e29;
}
#call-to-action .f_top .ftop_blk a:hover .fa-arrow-circle-right {
    color: #fe7e29!important;
}

#call-to-action .f_top h5 {
    line-height: 19px;
    width: calc(100% - 70px);
}
#call-to-action .f_top h5 span{
  font-weight:normal;
}

#call-to-action .f_top .icon{
    transition:.3s;
    object-fit:contain;
}
#call-to-action .f_top .icon:hover{
      transform: scale(1.2);
}
.call-to-action-icon-buttons .f_top .icon:hover{
  color:#fe7e29;
}
.home-icon-container{
    transition:.3s;
    object-fit:contain;
}

.home-icon-container:hover{
      transform: scale(1.2);
}
#affordable-price-icon:hover .home-icon-container, #thirty-day-return-icon:hover .home-icon-container, #free-shipping-home-icon:hover .home-icon-container, #warranty-home-icon:hover .home-icon-container, #certs-home-icon:hover .home-icon-container{
      transform: scale(1.2);
}
.footer-top .footer-icon:first-child{
  padding-left:0;
}
.footer-top .footer-icon:last-child{
  padding-right:0;
}

 
#call-to-action .f_top .icon{
  height:auto;
  width:auto;
  right:0;
}
@media only screen and (max-width: 1200px){  

  .footer-top .footer-icon:first-child{
    padding-left:5%;
  }
  .footer-top .footer-icon:last-child{
    padding-right:5%;
  }
}

/************About Us**********************/

.page-main-title {
    font-size: 32px;
    margin: 0;
    line-height: 1;
    padding: 0 80px 7px 0;
    width: fit-content;
    border-bottom: 3px solid #107fa8;
    font-family: 'Archivo', sans-serif;
    font-weight: 700;
    margin-bottom:20px;
}

.aboutus-top{
  width:100%;
  display:flex;
  align-items:flex-start;
  flex-flow:row wrap;
  justify-content:space-between;
  margin-bottom:40px;
}
.aboutus-top-text{
    flex: 0 1 100%;
    max-width: calc(65% - 10px);
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 30px;
}

.aboutus-top-img{
    flex: 0 1 100%;
    max-width: calc(35% - 10px);
}

.aboutus-top-img img{
  width:100%;
  border-radius:10px;
}
.aboutus-highlights{
    width:100%;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 30px;
  margin-bottom:40px;
}

.aboutus-highlights ul {
    list-style: disc;
    padding: 0;
    max-width: 75%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.aboutus-highlights ul li {
    list-style: disc;
    margin-top: 5px;
    margin-left: 15px;
    color: #696969;
}

.aboutus-distributors{
    width:100%;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 30px;
  margin-bottom:40px;
}
.distributor-logos{
    display: grid;
    width: 90%;
    max-width: 1080px;
    margin: 0 auto;
    padding-top:30px;
    grid-template-columns: repeat(4, 1fr);
}


.distributor-logos a{
  padding:20px;
}
 
.distributor-logos a img{
  max-width:270px;
  width:100%;
}

.aboutus-certifications{
    width:100%;
    background: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    padding: 30px;
}


@media only screen and (max-width: 1400px){
  
  .aboutus-highlights ul {
    max-width:100%;
  }
}

@media only screen and (max-width: 920px){

  .aboutus-highlights ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 799px){
  .aboutus-top-text{
    max-width:100%;
    margin-bottom:30px;
  }
  .aboutus-top-img{
    max-width:468px;
    margin:0 auto;
    
  }
  #certifications-flex-container a {
    width: 80px;
  }
  .distributor-logos{
    width:100%;
  }
}
@media only screen and (max-width: 720px){
  .distributor-logos{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 652px){
  #certifications-flex-container a {
    width: 70px;
  }
}
@media only screen and (max-width: 648px){
  .page-main-title {
    font-size:28px;
  }
  .distributor-logos{
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 588px){
.aboutus-certifications,
.aboutus-highlights,
.aboutus-distributors,
.aboutus-top-text{
  padding:30px 20px;
}
@media only screen and (max-width: 578px){
  #certifications-flex-container{
    justify-content:center;
  }
  #certifications-flex-container a{
    width: 120px;
    padding:10px 20px;
  }
  .distributor-logos a {
    padding: 10px;
  }
}


@media only screen and (max-width: 576px){
  .page-main-title {
    font-size:24px;
  }
}

@media only screen and (max-width: 506px){
  .page-main-title {
    font-size:21px;
  }
}

@media only screen and (max-width: 448px){
  .page-main-title {
    padding-right:40px;
  }
}

@media only screen and (max-width: 441px){
  .distributor-logos{
    grid-template-columns: repeat(2, 1fr);
  }
  .distributor-logos a {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 411px){
  .page-main-title {
    padding-right:20px;
  }
}
@media only screen and (max-width: 390px){
  .page-main-title {
    font-size:18px;
  }
}

@media only screen and (max-width: 325px){
  .distributor-logos{
    grid-template-columns: repeat(1, 1fr);
  }
  .distributor-logos a {
    padding: 20px 0;
  }
}