/** Shopify CDN: Minification failed

Line 12:0 Unexpected "{"
Line 14:2 Comments in CSS use "/* ... */" instead of "//"

**/
/* Place any CSS overrides in this file. */

.article-image .responsive-image-wrapper{display: none!important;}
ul#AccessibleNav a.site-nav__link {padding: 12px;}

{ }

  //*Mobile responsive --*//
@media only  (min-width: 768px)   screen and  (max-width: 1023px) {
.header-section--wrapper .nav.nav-bar.mobile-nav-bar-wrapper  .large--hide.medium-down--show{display: block!important;}
                                           
header.site-header{display: none!important;}
}
/*============================================= Only Desktop View Css  ============================================= (Desktop)*/
@media only screen and (min-width: 1920px) {

  
}


/*============================================= Only Desktop View Css  ============================================= (Desktop)*/
/*============================================= Responsive css Start  ============================================= (Laptop)*/
@media only screen and (min-width: 992px) and (max-width:1024px) {
ul#AccessibleNav a.site-nav__link {
    padding: 6px;
}
  .hero-video--text-content .text-size-50px {
    font-size: 16px;
}
 .hero-video.desktop-height-fullscreen {
      height: 53vh !important;
  }
  .featured-row__subtext {
     text-align: left;
}
  .bit-3 {
    width: 50% !important;
   
}
    .homepage-product-grid-wrapper {
     padding-top: 20px !important;
}
   .homepage-content--template--16158417322229__1628585507e0d6e3a0 .featured-row__subtext {
    
    padding-left: 83px;
}
}
/*============================================= Responsive css End  ============================================= (Laptop)*/

/*============================================= Responsive css Start  ============================================= (Tablet)*/
@media only screen and (min-width: 768px) and (max-width:991px) {
  ul#AccessibleNav a.site-nav__link {
    padding: 12px;
    font-size: 7.5px;
}
  .hero-video.desktop-height-fullscreen {
       height: 40vh !important;
   }
  .homepage-blog--title {
    font-size: 20px;
}
  .rte {
    margin-bottom: 15px;
    font-size: 12px;
}
  .large--one-quarter {
    float: left;
    width: 50%;
}
  .homepage-content--template--16158417322229__1628585507e0d6e3a0 h2.homepage-sections--title {
    font-size: 39px !important;
 }
  .homepage-content--template--16158417322229__1628585507e0d6e3a0 .featured-row__subtext {
    
    padding-left: 53px;
}
   .bit-3 {
    width: 50% !important;
   
}
  .ws-welcome {
    font-size: 1.5rem !important;

}
  h2.display {
    font-size: 2.5rem !important;
  }
  .icon-wrap {
    min-height: 136px !important;
}
  .prod-wrap {
    height: 220px !important;
  }
  .grid__item.large--one-half.wow.fadeInUp.contact-form.animated {
    width: 97%;
    float: left;
}
  .grid__item.large--one-half.wow.fadeInUp.contact-description.animated {
    width: 100%;
}
  p.ws-p {
    font-size: 1rem !important;
}
  h1.display {
    font-size: 3.0rem !important;
}
  .hero-video.mobile-height-350 {
    height: 285px;
}
 .ws-head-banner1 {
    
    padding: 2rem 2rem !important;
}
}
/*====
  ========================================= Responsive css End  ============================================= (Tablet)*/

@media only screen and (max-width: 767px) {
.grid__item.swiper-slide.swiper-slide-active {
    float: left;
    width: 100% !important;
}
   .ws-welcome {
    font-size: 1.5rem;
 }
  .homepage-content--template--16158417322229__1628585721a8b1b9a7 h2.homepage-sections--title {
    font-size: 26px !important;
}
  .grid__item.homepage-featured-content-box.image-with-text-overlay__content-box {
    left: 0%;
    float: left;
    /* right: auto; */
    width: 100%;
}
  .homepage-content--template--16158417322229__1628585721a8b1b9a7 .featured-row__subtext {
    font-size: 17px;
}
  .medium--one-half {
    width: 100% !important;
}
  .testimonial--single-item {
    text-align: center;
    flex: none !important;
}
  .ws-welcome {
    font-size: 20px !important;
    line-height:35px;
        text-align: justify;

}
  
  section.content.content-area.ws-discover {
    width: 100% !important;
    min-width: 0px !important;
}
  h2.display {
    font-size: 2.5rem !important;
  }
  .bit-3 {
    width: 100% !important;
    float: left;
    padding: 0.3em;
}
  .icon-wrap {
    min-height: 170px !important;
    position: relative;
}
  .prod-wrap {
    height: 363px !important;
  }
   .ws-head-banner1 {
    
    padding: 2rem 2rem !important;
}
  p.ws-p {
    
    text-align: justify;
}
  h1.display {
    font-size: 3.0rem !important;
  }
  .bit-2 {
    width: 100% !important;
    float: left;
    padding: 0.3em;
}
}


/*============================================= Homepage css End ============================== (Mobile)*/

   @media only screen and (max-width: 600px) {
 .hero-video.mobile-height-350 {
    height: 250px !important;
}
      .icon-wrap {
    min-height:79px !important;
    position: relative;
}
    h2.display {
    font-size: 1.5rem !important;
}
     .ws-subtext {
    font-size: 1rem !important;
    color: #fff;
}
     p.ws-p {
    font-size: 1rem !important;
     }
h1.display {
    font-size: 2.0rem !important;
}
     .ws-banner-welcome {
    font-size: 1.3rem !important;
  }
   }
@media (max-width:767px)
{
  #roseville-california .grid__item
  {
    margin-top:0px !important;
  }
}