/** Shopify CDN: Minification failed

Line 161:4 Comments in CSS use "/* ... */" instead of "//"
Line 187:4 Comments in CSS use "/* ... */" instead of "//"
Line 193:45 Expected ":"
Line 350:6 Comments in CSS use "/* ... */" instead of "//"
Line 376:0 Comments in CSS use "/* ... */" instead of "//"
Line 377:0 Comments in CSS use "/* ... */" instead of "//"
Line 378:0 Comments in CSS use "/* ... */" instead of "//"
Line 625:0 Unexpected "}"

**/
/* #Media Queries
================================================== */
/* END__ */

@media (min-width: 2092px) {
.home-banner{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/home-hero-background.jpg) no-repeat top center #0067ec; padding:200px 0 50px 0; position:relative;background-size: cover;min-height:1350px}
.home-banner-fulfillment{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-fulfillment.jpg) no-repeat center center #0067ec; padding:200px 0 50px 0; position:relative;background-size: cover;min-height:1350px}
.home-banner-fulfillment-bottom{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-fulfillment-superfooter.jpg) no-repeat center center #0067ec; padding:100px 0 50px 0; position:relative;background-size: cover;min-height:1350px}
  .banner-logo {
    text-align: center;
    padding: 50px 0;
  margin-top:-40% !important;
  position:relative;
  z-index:1000;
}

}


@media (min-width: 1592px) {
.home-banner{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/home-hero-background.jpg) no-repeat top center #0067ec; padding:200px 0 50px 0; position:relative;background-size: cover;min-height:1050px}
.home-banner-fulfillment{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-fulfillment.jpg) no-repeat center center #0067ec; padding:200px 0 50px 0; position:relative;background-size: cover;min-height:1050px}
.home-banner-fulfillment-bottom{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-fulfillment-superfooter.jpg) no-repeat center center #0067ec; padding:100px 0 50px 0; position:relative;background-size: cover;min-height:1050px}
  .banner-logo {
    text-align: center;
    padding: 50px 0;
  margin-top:-30% !important;
  position:relative;
  z-index:1000;
}

  .banner .container h1 {
    font-size:90px;
  }

}

@media (min-width: 792px) {
.banner-text-fulfillment-bottom { margin-left:7%; }
  .home-banner{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/home-hero-background.jpg) no-repeat top center #0067ec; padding:200px 0 50px 0; position:relative;background-size: cover;min-height:1050px}
.home-banner-fulfillment{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-fulfillment.jpg) no-repeat center center #0067ec; padding:200px 0 50px 0; position:relative;background-size: cover;min-height:1050px}
.home-banner-fulfillment-bottom{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-fulfillment-superfooter.jpg) no-repeat center center #0067ec; padding:100px 0 50px 0; position:relative;background-size: cover;min-height:1050px}
  .banner-logo {
    text-align: center;
    padding: 50px 0;
  margin-top:-35% !important;
  position:relative;
  z-index:1000;
}
  .banner-logo-fulfillment {
    text-align: center;
    padding: 50px 0;
  margin-top: -150px !important;
  position:relative;
  z-index:1000;
}
section-template--16105706324161__00575fd7-56e8-4982-b295-0e12eb456f48-padding {
  padding-top:30px;
}
  .image-2{max-width:1050px}
  .image-3 {display:none;}
  .not-full-img {display:none;}

}


@media (min-width: 392px)  {
.banner-logo {
  margin-top:-250px !important;
  position:relative;
  
}  
}

@media (min-width: 992px) and (max-width: 1199px) {

  
  .banner .container h1{ font-size:120px;}
    .banner .container h3{ font-size:50px;}
    .stellarnav li a{ font-size:16px;}
    } 
    /* END__ */
    
    @media (min-width: 768px) and (max-width: 991px) {
    .banner .container h1{ font-size:100px;}
    .banner .container h3{ font-size:50px;}
    
    .p1-w1 h2, .section-block.p1-w5 h2, .trust-logo h2, .fadeSlider .content h2, .p1-w7 .title h2{ font-size:35px;}
    
    .p1-w3, .p1-w4 .text-center a, .fadeSlider .content{ font-size:20px;}
    .p1-w4 .button{ font-size:30px;}
    .trust-logo ul li img{ height:100px; width:auto;}
    .team-section .row [class*="col-"] + [class*="col-"]{ margin-top:24px;}
    .logo-scroll{ padding:40px 0}
    .logo-scroll ul li img{ height:60px; width:auto;}
    .video-slider .item{ padding:0 15px;}
    .video-slider .item a:after { background-size:50px;}
    .cta{ font-size:30px; padding:30px 0;}
    
    .footer{ padding:40px 0;}
    .footer .footer-block + .footer-block{ margin-top:40px;}
    .footer .footer-block [class*="col-"]{ margin-bottom:20px;}
    .footer .footer-block .media{ display:block;}
    .footer-logo{ margin:0 0 20px;}
    
    .p2-w1 .left-img{margin-left:15px;}
    .p2-w1 .right-img{ margin-top:-25%;}
    .p2-w2 .item .box img{ height:100px;}
    .p2-w2 .item .box{ padding:100px 30px 50px;}
    .p2-w6 [class*="col-"] + [class*="col-"]{ margin-top:35px;}
    
    .p2-w7 .full-img{ float:none;}
    .p2-w7 .full-img, .p2-w7 .full-img img{ display:block; position:relative; width:100%; height:auto;}
    .p2-w7 .container{ position:relative; top:auto; left:auto; -webkit-transform:translate(0); transform:translate(0); padding:30px;}
    .p2-w2 .item .box h3{ font-size:24px;}
    
    .header .logo{order:1;}
    .header, .header.fixed-header{ padding:10px 0;}
    .header .logo img{ width:150px;}
    .header .button{ font-size:14px; padding:6px 12px; order:2;}
    .stellarnav{ margin-left:15px; order:3;}
    .stellarnav > ul > li{ float:none;}
    .p1-w7 [class*="col-"] + [class*="col-"]{ margin-top:30px;}
    .product-section .container .media h2{ font-size:50px;}
    .product-section .container .price .media{ font-size:20px; padding:24px;}
    .product-section .container .media .image{ margin-right:50px;}
    .product-section .container .price .media strong{ font-size:40px;}
    .product-section .container .price .media .shipping{ font-size:15px;}
    .product-section .container input[type="radio"] + label{ font-size:16px;}

     
      

      
    } 
    /* END__ */

     @media only screen and (max-width: 400px) {
       .p2-w2 .item .box img {height:150px !important}
       .p2-w2 .item {margin-top:50px;}
       .section-block.p2-w4 {padding-top: 20px;
    max-width: 85%;
    margin: auto;
    padding-bottom: 20px}
     }

    @media only screen and (max-width: 767px) {
      .navbar-nav {display:none}
    //body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:1rem;}
    h1, .h1 {font-size:1.875rem;}
    h2, .h2 {font-size:2rem;}
    h3, .h3 {font-size:2rem;}
    h4, .h4 {font-size:1.25rem;}
    h5, .h5 {font-size:1.125rem;}
    h6, .h6 {font-size:1rem;}
    
    .banner{ height:500px;}
    .banner .container h1{ font-size:34px;}
    .banner .container h3{ font-size:20px;line-height: 1.5;
    max-width: 70%;
    margin: auto;}
    .p2-w2 .title img {
    margin-top: 30px !important;
}
    .floating-logos{ margin:-100px auto 0 auto; width:300px; height:340px;}
    .floating-logos .icon{ position:absolute;}
    .floating-logos .icon-1{width:146px}
    .floating-logos .icon-2{ top:105px; width:122px;}
    .floating-logos .icon-3{ top:177px; left:144px; width:74px;}
    .floating-logos .icon-4{ top:230px; width:56px}
    .floating-logos .icon-5{ left:90px; width:77px}
    
    .trust-logo ul li img{ height:100px; width:auto;}
    .section{ padding:40px 0;}
    //.section .section-block + .section-block{ margin-top:40px;}
    /*.p1-w1 h2, .section-block.p1-w5 h2, .trust-logo h2, .fadeSlider .content h2, .p1-w7 .title h2{ font-size:30px; line-height:1.2;}*/
    .p1-w2 .media{  padding:5px;}
    .p1-w2 .media-body{ margin:0px 20px 0px 20px}
      .p1-w2 .media-body h { font-size:14px}
      .p1-w2 .media-body p { font-size:14px;display:none}
      .p1-w2 .media .image{width:60px;margin-}
      .slider-item{padding:15px}
    .fadeSlider .content{ margin-top:45px;}
    
    .p1-w3, .p1-w4 .button, .p1-w4 .text-center a, .fadeSlider .content{ font-size:18px;}
    .team-section .row [class*="col-"] + [class*="col-"]{ margin-top:24px;}
    .p1-w4 .button{ padding:15px 30px;}
    .logo-scroll{ padding:40px 0}
    .logo-scroll ul li img{ height:60px; width:auto;}
    .video-slider .item{ padding:0 15px;}
    .video-slider .item a:after, .p2-w4 a::after  { background-size:50px;}
    .cta{ font-size:24px; padding:30px 0;}
    .p1-w7 .content img{ height:100px;}
    
    .footer{ padding:30px 0;}
    .footer .footer-block + .footer-block{ margin-top:0px;}
    .footer .footer-block [class*="col-"]{ margin-bottom:20px;margin-top:30px;}
    .footer .footer-block .media{ display:block;}
    .footer-logo{ margin:0 0 20px;display:none}
    
    .p2-w1 .left-img{margin-left:15px;}
    .p2-w1 .right-img{ margin-top:-25%;}
    .p2-w2 .item .box img{ height:100px;}
    .p2-w2 .item .box{ padding: 90px 30px 50px;
    max-width: 90%;
    min-width: auto;
    min-height: auto;
    margin: auto;}
    .p2-w6 [class*="col-"] + [class*="col-"]{ margin-top:35px;}
    
    .p2-w7 .full-img{ float:none;}
    .p2-w7 .full-img, .p2-w7 .full-img img{ display:block; position:relative; width:100%; height:auto;}
    .p2-w7 .container{ position:relative; top:auto; left:auto; -webkit-transform:translate(0); transform:translate(0); padding:30px;padding-bottom: 0;}
    
    .header .logo{order:1;}
    .header, .header.fixed-header{ padding:10px 0;}
    .header .logo img{ width:150px;}
    .header .button{ font-size:14px; padding:6px 12px; order:2;}
    .stellarnav{ margin-left:15px; order:3;}
    .stellarnav > ul > li{ float:none;}
    
    .p2-w2 .item{ padding-top:50px;}
    .p1-w7 [class*="col-"] + [class*="col-"]{ margin-top:24px;}
    .product-section .container{ z-index:2}
    .product-section .container .media h2{ font-size:26px;}
    .product-section .container .price .media{ font-size:16px; padding:16px;}
    .product-section .container .media .image{ margin-right:20px; width:100px;}
    .product-section .container .price .media strong{ font-size:20px;}
    .product-section .container .price .media .shipping{ font-size:12px;}
    .product-section .container input[type="radio"] + label{ font-size:14px;}
    .product-section .container .d-flex{ display:block !important;}
    .product-section .container .radio + .radio{ margin:5px 0 0 0 ;}
    .product-section .container .mb-5{ margin-bottom:20px !important;}
    .product-section .p1-w4{ margin-top:30px;}
    .product-section .container input[type="radio"] + label span{ height:18px; width:18px; margin-right:5px;}
    .product-section .container input[type="radio"] + label{ margin-top:5px;}
    .product-section .bg-img{ position:relative; z-index:1;}
    .product-section .bg-img:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0;  background:rgb(0,0,0); background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); opacity:0.8;}  
    .navbar-brand{width:150px}
      nav .custom-btn{background:transparent;color:#fff;min-width:auto;display:none}
    
    } 
    /* END__ */
  
    @media (max-width: 480px) {
      /*--01-11-22--*/


.big-image {
    max-width: 80%;
    
}
.big-image1 {
    max-width: 100%;
    
}
.big-image2 {
    max-width: 100%;
  margin-top:0px
    
}
      .desktop-only {
            display:none !important;
        }
      .mobile-only {
            display:block !important;
        }
      .cta-home2 p{margin-top:0}
      
.banner-text{ font-size:44px;}
.banner-text-fulfillment{ font-size:44px;max-width:100%;text-align:center}      
      .banner-text-fulfillment h1{font-size: 38px;
    padding: 0 5px;
    padding-bottom: 400px;}
      .banner-text-fulfillment h4 {
    
    font-size: 26px;
    
    padding-bottom: 40px;
}

      .not-full-img {display:visible;}
      .banner-text-fulfillment form {
    max-width: 90%;
    padding-bottom: 35px;
    margin: auto;
}
      .banner-text-fulfillment h5 {
    font-weight: 100;
    text-align: left;
    max-width: 90%;
    margin: auto;
    margin-bottom: 15px;
}
      .banner-text-fulfillment form button[type=submit]{padding:0 10px;width: 35%;}
      .banner-text-fulfillment button[type=submit]{width:90%}
      .banner-text-fulfillment span {
    
    display: block;
}

      .banner-text-fulfillment-bottom form {
    max-width: 90%;
    padding-bottom: 35px;
    margin: auto;
}
      .banner-text-fulfillment-bottom h5 {
    font-weight: 100;
    text-align: left;
    max-width: 90%;
    margin: auto;
    margin-bottom: 15px;
        
}
      .banner-text-fulfillment-bottom form button[type=submit]{padding:0 10px;width: 35%;}
      .banner-text-fulfillment-bottom button[type=submit]{width:90%}
      .banner-text-fulfillment-bottom span {
    
    display: block;
        text-align: center;
    margin-bottom: 30px;
}

.image-2 {display:none;}
.image-3 {width:90%;} 
      .features-main {
        margin-bottom:40px;
      }
      .special-caption {
        width:80%;
        text-align:center !important;
        margin:0px auto !important;
      }
      .foot-message {
        font-size:22px;
        width:80%;
      }
      //.full-img {display:none;}
     
.p5-w1 h1 {
    font-size: 30px;
    max-width: 90%;
    line-height: 1.5;
  margin-bottom:20px
}
      .p5-w1 h2 {
    font-size: 30px;
    max-width: 90%;
    line-height: 1.5;
  margin-bottom:20px
}
.p5-w1 h3 {
    font-size: 18px;
    max-width: 85%;
    margin-bottom:40px;
  line-height:36px;
}
      .short-heading-special {
        margin-bottom: 10px !important;
      }
      .short-special-h3 {
        width:60%;
      }
//.spec-font {
//        padding-bottom:60px;
//      }
      

      .home-banner-fulfillment-bottom h5 {
    font-weight: 600;
    font-size: 30px;
    
    max-width: 90%;
    
    text-align: left !important;
}


.current-thing-image {
  width:300px;
text-align:center !important;
  margin:0px auto !important;
  
}

.item-specs {
   text-align:center !important;
    margin:0px auto !important;

}

.current-thing-label {
  font-size:18px;
  margin-left:0%;

  width:200px;
     text-align:center !important;
    margin:0px auto !important;
}
.spec-font {
  margin-left:0%;
  margin-top:10%;
}
.spec-font-2 {
  margin-left:0%;
  margin-top:10%;
}
.spec-font p {

}
      

      
      .banner-text-fulfillment-bottom {
    
        max-width: 100%;
     
}

      


      
      ul.is-style-blue {
    font-size: 16px;
    font-family: Poppins;
    font-weight: 300;
    padding-top: 240px;
    padding-bottom: 60px;
    width: 90%;
    margin: auto;
        line-height:35px;
}
      .image-1{max-width:90%;margin-bottom:30px}
      .image-2{max-width:90%}
.marquee{ font-size:18px;}
.marquee a{ padding-top:4px; padding-bottom:4px;}
.home-banner{ padding:120px 0 40px;}
.banner-logo{ padding:60px 0;margin-bottom: 0;margin-top:0% !important;position:relative;}
      .banner-logo-fulfillment{ padding:40px 0;margin-bottom: 0;position:relative;}
      .banner-logo-bottom{ padding:40px 0;margin-bottom: 0;position:relative;}
.home-banner{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/home-hero-background.jpg) no-repeat top center #0067ec; padding:140px 0 0px 0; position:relative;background-size: cover;min-height:450px}
.home-banner-fulfillment{ background: url(/cdn/shop/files/top.png?v=1676388781) no-repeat top center #0067ec; padding:140px 0 0px 0; position:relative;background-size: cover;min-height:450px}
.home-banner-fulfillment-bottom{ background: url(https://nodechron.s3.us-east-2.amazonaws.com/CPGIO/cpgio-logistics-trucks.jpg) no-repeat center center #0067ec; padding:50px 0px 100px 0; position:relative;background-size: cover;min-height:450px}
      .banner-logo .d-flex{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.banner-logo .item { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin:5px 0; padding:0 10px;}

      .banner-logo-fulfillment .d-flex{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.banner-logo-fulfillment .item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin:5px 0; padding:0 10px;align-self: center;}

.banner-logo-bottom .d-flex{ display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.banner-logo-bottom .item { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin:5px 0; padding:0 10px;}
      
.banner-bottom-content h4{ font-size:24px;}
.banner-bottom-content a{ font-size:20px;}
.section-new-home .container .d-flex img{ width:90px;}
.section-blue form .media{ display:block !important;}
.section-blue form button[type="submit"]{ margin:15px 0 0 0; font-size:24px;}
.section-blue form button[type="submit"], .section-blue form .form-control{ height:70px;width: 85%;
    margin: auto;
    margin-bottom: 15px;}
.section-blue .scroll-slider{ padding-left:20px;}
.trust-logo .logos .row [class*=col-]{ -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%;}
      .trust-logo .logos .row [class*=col-2]{ -ms-flex:0 0 33%; flex:0 0 33%; max-width:33%;}
      .p2-w2 .title{margin-bottom:0}
      .p2-w2 .title h2{line-height: 36px!important;
    font-size: 24px;}
      .p2-w2 .item .box h3{font-size: 20px;
    line-height: 30px;}
.section-block.p2-w2 {
    padding-bottom: 0;
}
      .p2-w2 .item .box p{font-size: 14px;
    line-height: 28px;}
      .p2-w2 .item .box a{border-radius: 30px;
    font-size: 14px;}
      .section-new-home .container .box-content [class*=col-] .box{max-width: 85%;
    margin: auto;
    margin-bottom: 30px;
    text-align: center;}
      .section-new-home .container .box-content [class*=col-] .box h2{font-size: 46px;}
      .section-new-home .container .box-content [class*=col-] .box p{font-size: 15px;}
      .section-new-home .container .box-content [class*=col-] .box a.button{width: 100%;font-size:24px}
      .section-new-home .container img {max-width: 300px;padding-bottom:60px}
      .section-new-home:before{height:100px}
      .section-new-home .mpc-separator-top{top:100px}
      .trust-logo h2{font-size: 26px;
    line-height: 1.5;}
      .section-blue h2{font-size: 22px;
    line-height: 1.5;
    max-width: 85%;
    margin: auto;
    margin-bottom: 50px;}
      .p2-w5 h2{
    line-height: 1.5;}
      .p2-w5 p{font-size: 20px;
    max-width: 80%;
    margin: auto;}
      .section-blue form .form-control{font-size:12px;padding: 0 20px;
    text-align: center;}
      .owl-carousel.owl-drag .owl-item p{font-size: 16px;
    line-height: 2;
    padding: 0 30px;width:100%}
      .section-new-home .container .d-flex{display:none !important}
      .footer-block{padding:30px;}
      .footer-block h3{padding-bottom: 15px;
    font-size: 18px;}
      .mobile-menu{display:none}
      .facets-container{display:none !important}
      .section-blue form{max-width: 100%;
    margin: auto;}
      .card-information{min-height:150px}
      .card-wrapper{max-width: 90%;
    margin: auto;
    padding-bottom: 30px;}
      .footer .footer-block .menu li{font-size:11px}
      .footer .footer-block .menu li+li{margin-top:15px}
      .footer .footer-block.footer-menu ul li{font-size: 11px;
    line-height: 3;
    text-transform: uppercase;}
      .footer-menu {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
      .product__media {
    max-width: 160px;
    margin: auto;
}
      .home-section-2{padding-bottom:0}
      .home-section-2:before{display:none}
      .home-section-2:after{display:none}
      .banner-button a{font-size:20px;padding:5px 20px}
      .home-button a{font-size: 18px;
    padding: 5px 15px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;}
      .home-button1 a {
    font-size: 18px;
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
    min-width: 75%;
}
      .home-button1{margin-bottom:50px}
      .home-button2 a{font-size: 18px;
    padding: 15px;
    margin-bottom: 20px;
    margin-right: 5px;
    margin-left: 5px;
    min-width: 75%;}
      .section-block.p1-w5{margin-top:0;padding-bottom:0}
      .section-block.p1-w5 h4{margin:15px}
      .section-block.p1-w5 h4,
.section-block.p1-w5 h2{font-size:16px}
      .team-section .row [class*=col-]{font-size:14px}
      .team-div {
    padding-left: 0;
    max-width: 80%;
    margin: auto;
}
      .trust-logo {
    
    max-width: 85%;
    margin: auto;
}
      .p1-w7 .title {
    margin-bottom: 50px;
    
}
      .p1-w1 h2 {
    
    font-size: 22px;
    line-height: 1.5;
}
      .p2-w7 h3{text-align:center;margin-bottom: 20px;margin-top:10px}
      .p2-w7 p{font-size:15px;text-align:center}
      .section-gray.p2-w3 {
    margin-top: 25px;
    padding: 60px 15px;
}
      a.button{font-size: 24px;
    
    
    text-align: center;}
      .p2-w3 .content{text-align:center}
      .p2-w3 h3, .p2-w3 a {
    
    text-align: center;
    margin-bottom: 20px;
}
      .p2-w3 p {
    margin-bottom: 45px;
    text-align: center;
}
      .section-gray{padding:60px 0}
      .form__message{width:85%;margin:auto;justify-content: center;}
      .nav-pills .nav-item {
    padding: 10px;
}
      .nav-pills .nav-item .nav-link {
    font-size: 15px;
    padding: 10px 10px;
}
      .black-background h4{color:#fff;text-align:left;font-size:18px;font-weight:bold}
.black-background p{color:#fff;text-align:left}
/*--01-11-22--*/
    } 
    /* END__ */


}