.specialoffer-banner{}
.specialoffer-banner .one{width: 40%;}
.specialoffer-banner .two{width: 31.70%; margin: 0 0.8%;}
.specialoffer-banner .two .two_add{}
.specialoffer-banner .two .two_add ul li{width: 49%;}
.specialoffer-banner .two .two_add ul li:last-child{float: right;}
.specialoffer-banner .two .one_add{width: 100%; padding-top: 8px;}
.specialoffer-banner .three{width: 26.70%; background: #c1dff4; padding: 0;}
.specialoffer-banner .three img{width: 100%;}
.specialoffer-banner .three .box1,
.specialoffer-banner .three .box2{}
.specialoffer-banner .three .box1 img{}
.specialoffer-banner .three .box1 span.title{display: inline-block; font-size: 36px; font-weight: 700; color: #1b468a;}
.specialoffer-banner .three .box1 span.title span{display: inline-block; width: 100%; padding-bottom: 10px; color: #f7c61d;}
.specialoffer-banner .three .box2{background: #fff; text-align: center;}
.specialoffer-banner .three .box2 .one{width: 100%; font-size: 26px; line-height: 26px; color: #1b468a; font-weight: 300; padding: 15px 0;}
.specialoffer-banner .three .box2 .two{width: 100%; font-size: 38px; line-height: 38px; font-weight: 700; color: #f7c61d; text-transform: uppercase; vertical-align: middle;}
.specialoffer-banner .three .box2 .two span.discount{font-size: 78px; line-height: 78px; vertical-align: middle;}
.specialoffer-banner .three .box2 .two span.icon{font-size: 50px; line-height: 50px; font-weight: 500;vertical-align: middle;}
.specialoffer-banner .three .box2 .three{width: 100%; height: auto; background: #fff;}
.specialoffer-banner .three .box2 .three span{display: inline-block; padding: 5px 20px; letter-spacing: 2px; border: 1px solid #1b468a; font-size: 24px; font-weight: 700;user-select: all; color: #1b468a;}
.specialoffer-banner .three .box2 .four{width: 100%; font-size: 11px; color: #666666; font-weight: 500; padding:10px 0 13px 0;}

.specialoffer-special{padding: 30px 0 30px 0;}
.specialoffer-special .offer_box{width: 100%; margin: 0 0 0 0; background: #f7f7f7;transition: 0.5s;}
.specialoffer-special .offer_box:nth-child(4n){margin: 0;}
.specialoffer-special .offer_box .img_holder{background: #fff; padding: 10px;}
.specialoffer-special .offer_box .img_holder img{width: 200px; margin: 0 auto;}
.specialoffer-special .offer_box .text_holder{padding: 15px; height: 115px; text-align: center;}
.specialoffer-special .offer_box .text_holder span p{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; height:auto; padding:0;}
.specialoffer-special .offer_box .text_holder span.product_name{display: inline-block; width: 100%; float: right; padding-bottom: 5px; font-size: 16px; font-weight: 700; color: #000;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.specialoffer-special.p-bottom{padding-bottom: 30px;}

.specialoffer-special .owl-dots{display: none;}

.specialoffer-special .item{border: 1px solid #f7f7f7; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0; width:99.5%;}
.specialoffer-special .owl-nav{opacity:10;transition: 0.5s;}
.specialoffer-special .owl-nav{margin-top: -210px;}
.specialoffer-special .owl-nav button.owl-next{right:0px}
.specialoffer-special .owl-nav button.owl-prev{left:0px;}
.specialoffer-special .item:hover{border: 1px solid #1b468a;}


.specialoffer-special.ComboSlider .item{border: 0px solid #f7f7f7;width:100%;}
.specialoffer-special.ComboSlider .item:hover{border: 0px solid #1b468a;}
.specialoffer-special.ComboSlider .blackfriday2021_product_box {width: 99.5% !important;margin: 7px 0.5%; margin:0;}
.specialoffer-special.ComboSlider .blackfriday2021_product_box:hover{box-shadow:0 0 0 0 #fff;border: 1px solid #1b468a;}


@media only screen and (max-width:1100px), (max-width:1180px){
.specialoffer-banner .three .box2 .one{font-size: 21px; line-height: 21px; padding: 9px 0;}
.specialoffer-banner .three .box2 .two{font-size: 33px; line-height: 33px;}
.specialoffer-banner .three .box2 .two span.discount{font-size: 73px; line-height: 73px;}
.specialoffer-banner .three .box2 .two span.icon{font-size: 45px; line-height: 45px;}
.specialoffer-banner .three .box2 .three span{padding: 5px 20px; letter-spacing: 2px; font-size: 21px;}
.specialoffer-banner .three .box2 .four{padding:5px 0 10px 0;}
}

@media only screen and (max-width:1080px){
}

@media only screen and (max-width:960px), (max-width:1079px){
.specialoffer-special .offer_box .text_holder{height: 130px;}

.specialoffer-banner .three .box2 .one{font-size: 21px; line-height: 21px; padding: 4px 0;}
.specialoffer-banner .three .box2 .two{font-size: 33px; line-height: 33px;}
.specialoffer-banner .three .box2 .two span.discount{font-size: 73px; line-height: 73px;}
.specialoffer-banner .three .box2 .two span.icon{font-size: 45px; line-height: 45px;}
.specialoffer-banner .three .box2 .three span{padding: 5px 20px; letter-spacing: 2px; font-size: 21px;}
.specialoffer-banner .three .box2 .four{padding:5px 0 5px 0;}

}

@media only screen and (max-width:768px), (max-width:959px){
.specialoffer-special{padding: 0 0 30px 0;}
.specialoffer-special .offer_box .text_holder{height: 120px;}
.specialoffer-special .offer_box .text_holder span.product_name{font-size: 15px;}

.specialoffer-banner .one{width: 100%; padding-bottom: 15px;}
.specialoffer-banner .two{width: 53%; padding: 0 0 10px 0; margin: 0;}
.specialoffer-banner .three{width: 44.7%; float: right;}
.specialoffer-banner .two .two_add{}
.specialoffer-banner .two .two_add ul li{width: 49%;}
.specialoffer-banner .two .two_add ul li:last-child{float: right;}
.specialoffer-banner .two .one_add{width: 100%; padding-top: 8px;}

.specialoffer-banner .three .box2 .one{font-size: 21px; line-height: 21px; padding: 4px 0;}
.specialoffer-banner .three .box2 .two{font-size: 33px; line-height: 33px;}
.specialoffer-banner .three .box2 .two span.discount{font-size: 73px; line-height: 73px;}
.specialoffer-banner .three .box2 .two span.icon{font-size: 45px; line-height: 45px;}
.specialoffer-banner .three .box2 .three span{padding: 5px 20px; letter-spacing: 2px; font-size: 21px;}
.specialoffer-banner .three .box2 .four{padding:5px 0 5px 0;}

.specialoffer-special .offer_box .img_holder img{width: 75%;}


}

@media only screen and (max-width:600px){
.specialoffer-banner .three{padding: 0;}
.specialoffer-banner .two{width: 53%;}
.specialoffer-banner .three{width: 45%; float: right;}

.specialoffer-banner .three .box2 .one{font-size: 18px; line-height: 18px; padding: 10px 0;}
.specialoffer-banner .three .box2 .two span.icon,
.specialoffer-banner .three .box2 .two{font-size: 25px; line-height: 25px; padding: 0;}
.specialoffer-banner .three .box2 .two span.discount{font-size: 60px; line-height: 60px;}
.specialoffer-banner .three .box2 .three{padding: 0;}
.specialoffer-banner .three .box2 .three span{padding: 3px 20px; letter-spacing: 2px; font-size: 18px;}
.specialoffer-banner .three .box2 .four{padding:10px 0 10px 0;}

}

@media only screen and (max-width:500px), (max-width:540px){
.specialoffer-banner .three .box1{background: #ffffff;}
.specialoffer-banner .three .box1 img{width: 75%; margin: 0 auto;}
}

@media only screen and (max-width:400px), (max-width:490px){
.specialoffer-special{padding: 30px 0;}
.specialoffer-special .offer_box .text_holder{height:auto; font-size:16px;}
.specialoffer-banner .one{padding-bottom: 10px;}
.specialoffer-banner .two{width: 100%; padding: 0 0 10px 0;}

.specialoffer-banner .three{padding: 0; width: 100%;}
.specialoffer-banner .three .box1 img{width: 80%;}
.specialoffer-banner .three .box2 .one{font-size: 25px; line-height: 25px;}
.specialoffer-banner .three .box2 .two span.icon,
.specialoffer-banner .three .box2 .two{font-size: 35px; line-height: 35px; padding: 0;}
.specialoffer-banner .three .box2 .two span.discount{font-size: 60px; line-height: 60px;}
.specialoffer-banner .three .box2 .three{padding: 10px 0 0 0;}
.specialoffer-banner .three .box2 .three span{padding: 5px 20px; letter-spacing: 1px; font-size: 21px;}


}

@media only screen and (max-width:375px), (max-width:395px){
.specialoffer-special.ComboSlider .blackfriday2021_product_box .product_img img {width: 200px;}
.specialoffer-special.ComboSlider .blackfriday2021_product_box .product_name span {display: inline-block;width: auto;padding: 0 5px;}
.specialoffer-special.ComboSlider .blackfriday2021_product_box .product_name{font-size:15px;}
}

@media only screen and (max-width:360px), (max-width:370px){
}

@media only screen and (max-width:300px), (max-width:350px){
}
