.wdpSingle{
max-width: 23.1%;
margin: 0 1.4% 0 0.5%;
float: left;
border-radius: 3px;
border: 1px solid #dddddd;
padding: 10px !important;
box-sizing: border-box;
}
.wdpGiftWrap{
clear: both;
}
.wdpGiftWrap a{
text-decoration: none !important;
}
.wdpGiftWrap h3{
margin: 40px 0 20px 0;
}
.wdpGiftWrap .item{
text-align: center;
}
.wdpCarousel .wdp-carousel .owl-item{
padding: 5px;
box-sizing: border-box;
}
.wdpCarousel .wdp-carousel .item{
border-radius: 3px;
border: 1px solid #dddddd;
padding: 10px !important;
box-sizing: border-box;
}
.wdpGiftWrap .item h2{
font-size: 1.125em;
line-height: 1.125em;
margin: 10px 0 15px 0;
}
.wdpGiftWrap .item p.wdp_max{
font-size: 1.25em;
font-weight: 600;
margin: 10px;
}
.wdpGiftWrap .item p.wdp_dis{
font-size: 0.875em;
margin: 5px 0 0 0;
}
.wdpGiftWrap .item .add_to_cart_button{
margin: 20px 0 10px 0;
}
.wdpGiftWrap .owl-theme .owl-dots .owl-dot{
outline: none;
}
.wdpGiftWrap .owl-theme .owl-dots .owl-dot span{
margin: 5px;
}
.woocommerce .awdp-free-gifts ul.products.columns-4{
width: 100%;
width: 100%;
grid-template-columns: auto;
display: flex;
flex-wrap: wrap; }
.woocommerce .awdp-free-gifts ul.products.columns-4 li.product{
position: relative;
width: 22%;
display: flex;
flex-direction: column;
flex-basis: 22%;
margin: 0 1% 2% 0;
}
.woocommerce .awdp-free-gifts ul.products.columns-4 li.product.last,
.woocommerce .awdp-free-gifts ul.products.columns-4 li.product:nth-child(4n){
margin-right: 0;
}
.woocommerce .awdp-free-gifts ul.products.columns-4 li.product img {
max-width: 100%;
}
.single .awdp-free-gifts h3{
margin: 10px 0px 15px 0px;
}
.clearfix:after { 
content: "."; 
visibility: hidden; 
display: block; 
height: 0; 
clear: both;
}
.quantity .qty.wdpQTY{
margin: 0 auto;
}
.cart_item dl.variation{
margin: 10px;
}
.cart_item dl.variation .variation-Bogo,
.cart_item dl.variation .variation-Gift{
font-weight: 400;
}
.product-price .wdp-cart-item-data-wrap{
padding: 7px 0 5px 0;
}
.product-price .wdp-cart-item-data-wrap .wdp-cart-item-data{
display: block;
text-align: center;
}
.shop_table .coupon-discount a{
display: none;
} .awdp-free-gifts ul li img{
max-height: 220px;
width: auto !important;
transform: translateX(-50%); 
position: relative;
left: 50%;
} .wdp_countdown{
clear: both;
margin: 10px 0;
width: 100%;
}
#timer{
display: table;
border-collapse: separate;
border-spacing: 5px;
position: relative;
left: -5px;
}
.timer_blocks {
display: table-cell;
line-height: 1; color: #fff;
box-sizing:border-box;
font-size: 20px;
font-weight:500;
width:50px;
height:50px;
vertical-align:middle;
text-align: center;
}
#timer span {
display: block;
font-size: 12px;
text-align: center;
color: #fff;
}
#timer.timerone .timer_blocks {
border: 1px solid #1eb5ff;
color: #1eb5ff;
}
#timer.timerone .timer_blocks span {
color: #1eb5ff;
}
#timer.timertwo .timer_blocks {
border: 1px solid #1eb5ff;
border-radius: 50%;
color: #1eb5ff;
}
#timer.timertwo .timer_blocks span {
color: #1eb5ff;
}
#timer.timerthree .timer_blocks {
background: #1eb5ff;    
}
#timer.timerfour .timer_blocks {
background: #1eb5ff; 
border-radius: 50%;    
}
.outter-timerfive{
line-height: 26px;
}
#timer.timerfive{
display: inline-block;
left: 0;
line-height: 26px; }
#timer.timerfive .timer_blocks {
background: none;
border: none;
color: #1eb5ff;
font-weight: 500;
width: auto;
height: auto;
vertical-align: initial;
display: inline-block;
}
#timer.timerfive .timer_blocks span {
color: #1eb5ff;
font-weight: 500;
display: inline-block;
padding-left: 3px;
}
#timer.timersix{
background: #1eb5ff;  
padding: 0 5px;
left:0px;
}
#timer.timersix .timer_blocks{
background: none;
border: none;
color: #fff; 
height: 35px;
font-weight: 500;
width: auto;
}
#timer.timersix .timer_blocks span {
color: #fff;
font-weight: 500;
display: inline-block;
padding-left: 3px;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
.wdpSingle{
max-width: 48.1%;
width: 49%;
margin-bottom: 20px;
}
.woocommerce .awdp-free-gifts ul.products.columns-4 li.product {
width: 48%;
float: left;
clear: both;
margin: 0 0 2.992em;
}
}
@media screen and (max-width: 600px) {
.wdpSingle{
max-width: 100%;
margin-right: 0px;
width: 100%;
}
}
@media screen and (max-width: 479px) {
.woocommerce .awdp-free-gifts ul.products.columns-4 li.product {
margin: 0 0 20px;
width: 100%;
}
} .woocommerce .products .product, 
.woocommerce-page .products .product{ position: relative;
}
.wdp-ribbon-one {
position: absolute;
display: block;
width: 65px;
color: #d1d2d8;
height: 65px;
text-align: center;
left: auto;
right: 0px;
top: 0px;
overflow: hidden;
font-size: 12px;
}
.wdp-ribbon-one .wdp-blockOne{
position: absolute;
z-index: 12;
top: 0;
left: 2px;
border-left: 3px solid transparent;
width: 10px;
}
.wdp-ribbon-one .wdp-blockTwo{
position: absolute;
z-index: 12;
bottom: 2px;
right: 0px;
border-bottom: 3px solid transparent;
height: 10px;
}
.wdp-ribbon-one .wdp-blockText{
background: #6D71F9;
position: absolute;
text-align: center;
z-index: 14;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 11px;
right: -22px;
width: 94px;
height: 24px;
line-height: 24px;
}
.wdp-ribbon-one.left{
left: 0px;
right: auto;
}
.wdp-ribbon-one.left .wdp-blockText{
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg); 
top: 11px;
left: -22px;
right: auto;
} .wdp-ribbon-two {
text-align: center;
font-weight: 400;
display: inline-block;
padding: 0px 15px;
position: absolute;
right: 0px;
top: 10px;
font-size: 12px;
line-height: 24px;
height: 24px;
}
.wdp-ribbon-two:before {
border-left-color: transparent!important;
left: -9px;
display: inline-block;
content: "";
position: absolute;
left: -14px;
top: 0;
border: 9px solid transparent;
border-width: 12px 8px;
}
.wdp-ribbon-two.left {
right: auto;
left: 0px;
}
.wdp-ribbon-two.left:before {
left: auto;
right: -14px;
top: 0;
border: 9px solid transparent;
border-width: 12px 8px;
transform: rotate(180deg);
} .wdp-ribbon-three {
background-color: #1eb5ff;
color: #ffffff;
position: absolute;
z-index: 1;
top: 8px;
right: 8px;
height: 24px;
text-align: center;
vertical-align: middle;
line-height: 24px;
padding: 0 15px;
text-align: center;
text-shadow: none;
font-size: 12px;
font-weight: 400;
}
.wdp-ribbon-three.left{
left: 8px;
right: auto;  
} .wdp-ribbon-four {
background-color: #1eb5ff;
color: #ffffff;
position: absolute;
z-index: 1;
top: 8px;
right: 8px;
height: 60px;
width: 60px;
text-align: center;
text-shadow: none;
font-weight: 400;
font-size: 12px;
line-height: 60px;
}
.wdp-ribbon-four.left{
left: 8px;
right: auto;
} .wdp-ribbon-five {
background-color: #1eb5ff;
color: #ffffff;
position: absolute;
z-index: 1;
top: 8px;
right: 8px;
height: 60px;
width: 60px;
border-radius: 50%;
text-align: center;
text-shadow: none;
font-weight: 400;
font-size: 12px;
line-height: 18px;
}
.wdp-ribbon-five.left{
left: 8px;
right: auto;
}
.wdp-ribbon-five span{
transform: translateY(-50%);
position: relative;
top: 50%;
display: block;
} .wdp-ribbon-six {
position: absolute;
height: 65px;
margin: 0;
padding: 0;
text-align: center;
top: 0px;
right: 0px;
left: auto;
overflow: hidden;
width: 65px;
font-weight: 400;
border-radius: 0;
box-sizing: border-box;
font-size: 12px;
}
.wdp-ribbon-six .wdp-blockOne{
width: 0;
height: 0;
border-right: 65px solid #6D71F9;
border-bottom: 65px solid transparent;
z-index: 12;
display: block;
}
.wdp-ribbon-six .wdp-blockText{
position: absolute;
z-index: 14;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
text-align: center;
display: block;
top: 12px;
left: -3px;
width: 90px;
}
.wdp-ribbon-six.left{
right: auto;
left: 0;
}
.wdp-ribbon-six.left .wdp-blockOne{
border-right: none;
border-left: 65px solid #6D71F9;
}
.wdp-ribbon-six.left .wdp-blockText{
-webkit-transform: rotate(315deg);
-ms-transform: rotate(315deg);
transform: rotate(315deg);
left: auto;
right: -3px;
} .wdp-ribbon-seven {
border-radius: 4px;
padding: 0px 15px;
font-weight: 400;
position: absolute;
display: inline-block;
background-color: #1eb5ff;
width: auto;
top: 10px;
right: 10px;
line-height: 24px;
font-size: 12px;
height: 26px;
box-sizing: border-box;
}
.wdp-ribbon-seven.left{
right: auto;
left: 10px;
}
.wdp-ribbon-seven:before {
position: absolute;
left: -10px;
top: 0px;
border-radius: 2px;
content: '';
display: block;
width: 0;
height: 0;
border-top: 13px solid transparent;
border-right: 12px solid transparent;
border-bottom: 13px solid transparent;
}
.wdp-ribbon-seven:after {
display: block;
content: '';
position: absolute;
background: #fff;
width: 7px;
height: 7px;
border-radius: 10px;
left: 0px;
top: calc(100%/2 - 4px);
}
.wdp-ribbon-seven.left:before{
border-right: none;
border-left: 12px solid transparent;
left: auto;
right: -10px;
}
.wdp-ribbon-seven.left:after{
left: auto;
right: 0;
} .wdp-ribbon-eight{
position: absolute;
background: #1eb5ff;
height:40px;
top:10px;
right:10px;
width:80px;
text-align: center;
line-height: 40px;
font-weight: 400;
font-size: 12px;
border-radius: 50%;
color:white;
}
.wdp-ribbon-eight.left{
right: auto;
left: 10px;
}
#grid .wdp-ribbon-six{
top: -29px;
right: -63px;
}
#grid .wdp-ribbon-six.left{
top: -29px;
left: -63px;
}
#grid-extended .wdp-ribbon-six{
top: -12px;
right: -63px;
}
#grid-extended .wdp-ribbon-six.left{
top: -12px;
left: -63px;
} .awdpOfferMsg{
width: 100%;
float: left;
margin: 20px 0px;
box-sizing: border-box;
}
.awdpOfferMsg span{
display: inline-block;
} .wdp_miniCart {
border: none !important; 
line-height: 30px; 
width: 100%; 
float: left; 
margin: 0px 0 30px 0;
}
.wdp_miniCart strong{
float: left;
}
.wdp_miniCart span{
float: right;
}
.wdp_miniCart span.wdpLabel{
float: left;
}
.theme-astra .wdp_miniCart{
float: none;
}
.wdpDynamicValue p{
margin-bottom: 10px;
}
.wdpDynamicValue{
margin: 0px 0 20px 0; width: 100%;
display: none;
} .wdpLoader{
display: inline-block;
}
.wdpLoader span {
animation: dot-keyframes 1.5s infinite ease-in-out;
background-color: #000;
border-radius: 10px;
display: inline-block;
height: 3px;
width: 3px;
margin: 2px  2px 0 2px;
}
.wdpLoader span:nth-child(2) {
animation-delay: .5s;
}
.wdpLoader span:nth-child(3) {
animation-delay: 1s;
}
.wdpHiddenPrice{
display: none;
}
.wdp_save_text{
margin-bottom: 25px;
}
@keyframes dot-keyframes {
0% {
opacity: .4;
transform: scale(1, 1);
}
50% {
opacity: 1;
transform: scale(1.2, 1.2);
}
100% {
opacity: .4;
transform: scale(1, 1);
}
}