/****************   countdown   ****************/
.timer {padding-top: 25px; font-family: 'iransans4';}
.countdown {position: relative;line-height: 39px;text-align: center;border-radius: 3px;font-size: 25px;color: #fff;display: block;float: left;margin: 0 4px;padding-top: 2px;text-align: center;width: 40px;padding-bottom: 2px;}
.countdown:before {content: '';position: absolute;height: 1px;width: 100%;left: 0;right: 0;top: 2px;bottom: 0;margin: auto;}
.countdown-a {background: #000;}
.countdown-b {background: #000;}
.countdown-c {background: #000;}
.countdown-d {background: #000;}
.countdown-a:before {background: #000;}
.countdown-b:before {background: #000;}
.countdown-c:before {background: #000;}
.countdown-d:before {background: #000;}

.offer-wrapper { position: relative;display: ruby;}
#offer{ width: 100%; height: 298px;}
#offer .owl-wrapper-outer { background: #fff;-webkit-box-shadow: 0 0px 6px rgba(0,0,0,.2);-moz-box-shadow: 0 2px 6px rgba(0,0,0,.1);-o-box-shadow: 0 2px 6px rgba(0,0,0,.1);box-shadow: 0 2px 6px rgba(0,0,0,.1);border: 1px solid #d4d4d4;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: auto;}
.time-offer { padding: 40px 10px; font-family: 'iransans4'; position: relative;}
.time-offer>a { display: block;}
.ribbon { z-index: 3;position: absolute;top: 0px;right: 0px;width: 66px;height: 66px;background: url('../../../../image/countdown/ribbon.png') no-repeat center center;}
.time-offer h3 { font-size: 25px;direction: rtl;}
.time-offer .position-left h3 {text-align: left;}
.time-offer .price-old { color:#a5abae}
.time-offer .col-sm-4 { text-align: center}
#offer .owl-controls { position: absolute;top: 3px;left: 30px;}
#offer .owl-page { margin: 0 3px;font-size: 13px}
#offer .owl-numbers { background: #fff;width: 20px;height: 20px;border: none;font-family: 'iransans4';box-shadow: none;line-height: 21px;}
#offer .active  .owl-numbers{ background: #75bc0f;color: #fff}
#offer h4 { color: #ababab;clear: both;margin: 10px 0;text-align: center;padding-right: 40px;font-size: 14px;}
#offer .caption { background: url('../../../../image/countdown/leftShadow.png') no-repeat left 20px;}
#offer .caption-left { background: url('../../../../image/countdown/rightShadow.png') no-repeat right 20px;}
#offer .price-old { font-size: 17px;text-decoration: line-through;direction: rtl;display: inline-block;}
.position-right {display: flex;display: -webkit-flex;}
.position-right>div:nth-child(1) {order: 1;-webkit-order: 1;}
.position-right>div:nth-child(2) {order: 2;-webkit-order: 2;}
.position-left {display: flex;display: -webkit-flex;}
.position-left>div:nth-child(2) {order: 1;-webkit-order: 1;}
.position-left>div:nth-child(1) {order: 2;-webkit-order: 2;}
#offer .position-right>.caption {background: url('../../../../image/countdown/leftShadow.png') no-repeat right 20px;}
#offer .position-right .timer {float: right;}
#offer .position-right h4 {text-align: right;padding-right: 5px;}
#offer .position-right .price {text-align: right;padding-right: 5px;}

/*اصلاحات ریسپانسیو*/
@media screen and (max-width: 360px) {
    .position-right {flex-direction: column-reverse;}
    .position-left {flex-direction: column;}
    #offer .caption {background: none;margin-right: auto;margin-left: auto;text-align: center;}
    #offer .position-right > .caption {background: none;}
    #offer .position-right .price {text-align: center;}
    #offer h4 {padding-right: 0px;}
}
@media screen and (max-width: 767px) {
    .position-right {flex-direction: column-reverse;}
    .position-left {flex-direction: column;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .position-right > div:nth-child(2) {width: 200%;}
    .position-left > div:nth-child(2) {width: 200%;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {}
@media screen and (min-width: 1200px) {}