:root {
    --product-padding-space-top:120px;
    --product-desc-padding-space:80px;
    --product-desc-padding-left-right:5%;
}
.product-padding-space-top{padding-top:var(--product-padding-space-top);}
#banner-product-all{background:#f7f7f7}
.get_quote_box{margin:20px 0;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
.get_quote_box a{border-radius:50px;padding:12px 25px;font-size:16px;}
.get_quote_box a:last-child{margin-left:25px}
.get_quote_box a i{transform:translateY(-2px)}
.get_quote_box a:hover i:before,.product-lists-ul li p.view a:hover i:before{background-image:url(../images/arrow_outward_24dp_FF7A01_FILL0_wght400_GRAD0_opsz24.png)}
.product-lists-ul li p.view i:before{width:16px;height:16px;transform:translateY(1px)}
.get_quote{background:var(--yellow-color);border:1px solid var(--yellow-color);color:#fff}
.get_quote:hover{background:none;color:var(--yellow-color)}
.get_catalogue{border:1px solid var(--logo-color);color:var(--logo-color)}
.get_catalogue i:before,.add-to-catalogue i:before{background-image:url(../images/arrow_outward_24dp_194189.png)}
.get_catalogue:hover{background:var(--logo-color);color:#fff}
.get_quote_box a.get_catalogue:hover i:before,.product-lists-ul li p.view a.add-to-catalogue:hover i:before{background-image:url(../images/arrow_outward_24dp_FFFFFF.png)}
/**/
#banner-product-desc{padding:var(--product-desc-padding-space) var(--product-desc-padding-left-right);}
#banner-product-desc  .index-h2 label{position: absolute; left: 0;top: 0;}
#banner-product-desc  .index-h2{text-align:left;margin: 0;position: relative;display: flex;flex-wrap: wrap;padding-top: 35px;}
#banner-product-desc  .index-h2 h2{width: 450px;}
#banner-product-desc  .index-h2 p{width: calc(100% - 450px - 100px);margin-left: 100px;}
/**/
.product-all-box .container{margin: 0;}
.product-all-box .swiper-wrapper{}
.product-all-box img{width:100%;height:auto;display:block;}
.product-all-box a{display:flex;flex-wrap:wrap}
.product-all-box a:hover h3{color:var(--logo-color)}
.product-all-box a:hover p{color:#333}
.product-all-box a:hover span{background:var(--logo-color)}
.product-all-box .thumb{overflow:hidden;position:relative;width:100%}
.product-all-box .swiper-slide{width:25%;padding:0px 20px;padding-bottom:0}
.product-all-box .swiper-slide:after{width:1px;position:absolute;left:0;top:0;height:100%;background: #000;content:"";transform: scaleX(0.2);}
.product-all-box .swiper-slide:nth-child(2n){}
.product-all-box .swiper-container{padding-bottom:var(--slide-products-padding-bottom)}
.product-all-box .desc{padding-top:25px;width:100%}
.product-all-box h3{font-size:20px;font-weight:600;margin-bottom:15px}
.product-all-box p{font-size:16px;line-height:1.3;margin-bottom:15px;overflow:hidden;max-height:2.6em;color:#333}
.product-all-box .swiper-slide span{background:var(--yellow-color);display:inline-block;border-radius:5px;padding:5px 10px;color:#fff}
.product-all-box .swiper-slide span i{transform:translateY(-2px)}
.product-all-box .swiper-slide:nth-child(2n){}
.product-all-box .swiper-slide:nth-child(2n) .thumb{}
.product-all-box .swiper-slide:nth-child(2n) .desc{}
#swiper-slide-products-all .swiper-pagination-products { position:static; max-width:1200px; margin:0 auto; text-align:center }
#swiper-slide-products-all .swiper-pagination-products * { opacity:1; cursor:pointer; background:none; width:18px; padding:2px; height:18px; margin-left:0px; outline:none; border:2px solid rgba(14, 125, 194, 0); -webkit-border-radius:35px; border-radius:35px; -moz-border-radius:35px; }
#swiper-slide-products-all .swiper-pagination-products span:before { width:10px; height:10px; content:""; background:rgba(0, 0, 0, 0.5); display:block; -webkit-border-radius:35px; border-radius:35px; -moz-border-radius:35px; }
#swiper-slide-products-all .swiper-pagination-products .swiper-pagination-bullet-active{ border-color:rgba(14, 125, 194, 1) }
#swiper-slide-products-all .swiper-pagination-products .swiper-pagination-bullet-active:before{background:rgba(14, 125, 194, 1); }
#swiper-slide-products-all .swiper-pagination-products{width:100%; z-index:990;margin-top:25px; }
.product-all-box .swiper-slide.swiper-slide-active:after{opacity:0}
/**/

/**/
.product-all-box .container{max-width:100%;margin-right:0%}
.product-all-hots{background:#f7f7f7;}
.product-lists-ul{display:flex;flex-wrap:wrap}
.product-lists-ul li{width:calc(25% - 15px);margin-right:20px;margin-top:40px}
.product-lists-ul li:nth-child(-n+4){margin-top:0}
.product-lists-ul li:nth-child(4n){margin-right:0}
.product-lists-ul li .thumb{overflow: hidden;border-radius: 5px;}
.product-lists-ul li .thumb img{display:block;width:100%;height:auto}
.product-lists-ul li h3{line-height:1.2;font-size:18px;margin-top: 20px;}
.product-lists-ul li h3 a{color:#000;font-weight:600;}
.product-lists-ul li p{font-size:16px;line-height:1.2;margin-top: 10px;}
.product-lists-ul li p.view{display: flex;flex-wrap: wrap; margin-top: 25px;}
.product-lists-ul li .request-quote{}
.product-lists-ul li .add-to-catalogue{}
.product-lists-ul li p.view a{font-size: 12px;border-radius: 6px;display:inline-block;border: 1px solid var(--logo-color);color: var(--logo-color);padding: 10px;}
.product-lists-ul li p.view a:nth-child(1){background:var(--yellow-color);color:#fff;border-color:var(--yellow-color)}
.product-lists-ul li p.view a+a{margin-left:15px}
.product-lists-ul li p.view a+a i{}
.product-lists-ul li p.view a:nth-child(1):hover{background:none;color:var(--yellow-color)}
.product-lists-ul li p.view a+a:hover{background:var(--logo-color);color:#fff}
/*********************************************/
.odm_full_thumb img{max-width:100%;height:auto}
@media(max-width:1800px){
    :root {
    --product-padding-space-top:100px;
    --product-desc-padding-space:80px;
    --product-desc-padding-left-right:5%;
    }
}
@media(max-width:1700px){
        :root {
    --product-padding-space-top:100px;
    --product-desc-padding-space:80px;
    --product-desc-padding-left-right:5%;
    }
}
@media(max-width:1600px){
        :root {
    --product-padding-space-top: 90px;
    --product-desc-padding-space: 70px;
    --product-desc-padding-left-right: 5%;
    }
    /**/
    .product-lists-ul li h3{}
    .product-lists-ul li p.view a+a{display:none}
}
@media(max-width:1500px){
        :root {
    --product-padding-space-top: 90px;
    --product-desc-padding-space: 60px;
    --product-desc-padding-left-right: 0;
    }
}
@media(max-width:1400px){
        :root {
    --product-padding-space-top: 80px;
    --product-desc-padding-space: 50px;
    --product-desc-padding-left-right: 0;
    }
    #banner-product-desc .index-h2 p{width: calc(100% - 450px - 50px);margin-left: 50px;}
    /**/
    .product-lists-ul li h3{font-size:16px}
    .product-lists-ul li p{font-size:15px}
}
@media(max-width:1300px){
        :root {
    --product-padding-space-top: 80px;
    --product-desc-padding-space: 50px;
    --product-desc-padding-left-right: 0;
    }
   #banner-product-desc .index-h2 p {width: calc(100% - 450px - 0px);margin-left: 0px;}
}
@media(max-width:1200px){
        :root {
    --product-padding-space-top:70px;
    --product-desc-padding-space:40px;
    }
}
@media(max-width:1100px){
        :root {
    --product-padding-space-top:60px;
    --product-desc-padding-space:30px;
    }
}
@media(max-width:1000px){
        :root {
    --product-padding-space-top:50px;
    --product-desc-padding-space:25px;
    }
    #banner-product-desc .index-h2 h2{width:400px}
    #banner-product-desc .index-h2 p {width: calc(100% - 400px);margin-left: 0px;}
    /**/
    .product-lists-ul li{width:calc(33.33333333% - 10px);margin-right:15px;}
    .product-lists-ul li:nth-child(-n+4){margin-top:40px}
    .product-lists-ul li:nth-child(-n+3){margin-top:0px}
    .product-lists-ul li:nth-child(4n){margin-right:15px}
    .product-lists-ul li:nth-child(3n){margin-right:0}
    /***/
    .product-all-box .swiper-slide{width:33.33337%;padding:0px 20px;padding-bottom:0}
}
@media(max-width:900px){
    .get_quote_box a{padding: 10px 15px; font-size: 14px;}
}
@media(max-width:800px){
    #banner-product-desc .index-h2 h2{width:100%}
    #banner-product-desc .index-h2 p {width:100%;margin-top: 15px;font-size: 16px;}
        /***/
    .product-all-box .swiper-slide{width:50%;padding:0px 20px;padding-bottom:0}
      /**/
    .product-all-box h3{font-size:18px}
    .product-all-box p{font-size:15px}
}
@media(max-width:700px){
     /**/
    .product-lists-ul li{width:calc(50% - 7.5px);margin-right:15px;margin-top:30px}
    .product-lists-ul li:nth-child(-n+4){margin-top:30px}
    .product-lists-ul li:nth-child(-n+3){margin-top:30px}
    .product-lists-ul li:nth-child(-n+2){margin-top:0px}
    .product-lists-ul li:nth-child(4n){margin-right:15px}
    .product-lists-ul li:nth-child(3n){margin-right:15px}
    .product-lists-ul li:nth-child(2n){margin-right:0}
    .product-lists-ul li p.view a{padding:6px 10px}
}
@media(max-width:600px){
    .get_quote_box a:last-child{margin-left:15px}
    .get_quote_box a{padding:8px 15px}
    .get_quote_box{margin-top: 0;}
}
@media(max-width:500px){
    .get_quote_box a{font-size:12px;}
    .get_quote_box a i:before{width:16px;height:16px;}
    .get_quote_box a:last-child{margin-left:10px}
}
@media(max-width:400px){
  .get_quote_box a{font-size: 0.7rem;}
   .product-all-box .swiper-slide{width:100%;padding:0px 20px;padding-bottom:0}
}
@media(max-width:359px){
  .get_quote_box{padding:0 5%}
  .get_quote_box a{padding: 8px 15px;font-size: 12px;}  
  .get_quote_box a:last-child{margin-left: 0;margin-top: 10px;}
}