.voucher{display:inline-block;vertical-align:top;text-align:left;margin:0 .5em 1em;font-size:1rem;width:400px; overflow: hidden;}
.voucher .vw .v {display: none}
.voucher .vw .v.active {display: block}
.voucher .btm .vw .v {margin-top: .8em}
.voucher .img {height: 200px;position: relative;}
.voucher .text{position:relative;padding:.85em 0 0 0;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;-ms-flex-flow:row wrap;-webkit-flex-flow:row wrap;flex-flow:row wrap;height:calc(100% - 200px); background-color:#fff;}
.voucher .text .top{-ms-flex:0 0 100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%;padding:0 1.25em}
.voucher .text .name{font-size:1.5em;letter-spacing:0;color:#000;font-weight:800;line-height:1.2;margin:.3em 0 .4em}
.voucher .text .subtags{font-size:.9em;color:#8c8c8c;line-height:1;margin:.2em 0}
.voucher .text .tt{color:#000;font-weight:600;font-size:1em;-webkit-line-clamp:2;max-height:calc(1em * 1.5 * 2);display:-webkit-box;-webkit-box-orient:vertical;position:relative;line-height:1.5;overflow:hidden;text-overflow:ellipsis;margin:.4em 0 0.4em 0;padding-left:1em}
.voucher .text .tt:before{content:"";display:block;left:0;width:.3em;height:calc(1em * 1.5 * 2);background-color:green;position:absolute;top:0}
.voucher .text .desc p{font-size:.9em;color:#8a8a8a;-webkit-line-clamp:3;max-height:calc(1em * 1.6 * 3);display:-webkit-box;-webkit-box-orient:vertical;position:relative;line-height:1.6;overflow:hidden;text-overflow:ellipsis}
.voucher .text .desc p:first-child~*,.voucher .text .desc ul,.voucher .text .desc ul~*{display:none}
.voucher .text .btm{-ms-flex:0 0 100%;-webkit-box-flex:0;-webkit-flex:0 0 100%;flex:0 0 100%;max-width:100%;-ms-flex-align:end;-webkit-box-align:end;-webkit-align-items:flex-end;align-self:flex-end;border-top:1px dashed #bdbdbd;margin-top:1em;padding:0 1.25em 1.2em}
.voucher .text .btm p{padding:.9em 0 .5em .2em;font-weight:400;color:#8c8c8c}
.voucher .text .btm p.vw1{display:none}
.vwPriceBtns.vw1{display:none}
.voucher .text .vwPriceBtns .morebtn,.voucher .text .vwPriceBtns .priceBtn{cursor:pointer;position:relative;font-size:1em;text-align:center;border-radius:4px;line-height:1.7;padding:0 .8em;border:1px solid;color:#bdbdbd;font-weight:600;display:inline-block;vertical-align:top;margin-right:.2em;margin-bottom:.3em;background-color:#f9f9f9;z-index: 2;}
.voucher .text .vwPriceBtns .priceBtn.active{color:#fff;background-color:#02a25a;border-color:#02a25a;cursor:default}
.voucher .text .vwPriceBtns .morebtn{font-size:.9em;line-height:1.94}
.voucher .text .prices{display:inline-block; max-width: calc(100% - 160px);}
.voucher .text .prices .price{display:inline-block;vertical-align:bottom}
.voucher .text .prices .price>span{display:inline-block;vertical-align:text-bottom;margin-right:.15em}
.voucher .text .prices .price .discount{color:#009245;font-size:2.5em;position:relative;font-weight:800;line-height:1;margin-right:.1em}
.voucher .text .prices .price .original{color:#ed1c24;font-size:.9em;display:block;padding-left:2px;text-decoration:line-through;font-style:italic;display:inline-block;letter-spacing:-1px}
.voucher .text .prices .sold{color:#8a8a8a;font-size:12px;padding:0 5px;line-height:1;display:inline-block;vertical-align:bottom;position:relative;top:-.2em;margin-left:1em;border-left:1px solid}
.voucher .text .vlinkBtn{display:inline-block;border-radius:5px;letter-spacing:1px;padding:0 .8em;line-height:2.3;font-size:1.1em;text-align:center;color:#fff;background-color:#00a25a;font-weight:600;float:right}
.voucher .tag{position:absolute;left:15px;top:10px;font-size:1.5em;color:#fff;font-weight:800;padding:0 8px;background-color:#02a25a;border-radius:3px;line-height:1.8;text-align:center}
 
.voucher .text .shareBtn {display: block; float:right; width: 40px; height: 40px; background: url(../images/social-icons/share_button.svg) no-repeat center center / contain; margin: .075rem 0 0 .65rem;}

@media (min-width: 769px) {
  .voucher .text .btm{border-radius:0 0 10px 10px}
  .voucher .text .vwPriceBtns .priceBtn:hover{border:1px solid red}
  .voucher .text .vlinkBtn:hover{background-color:#0ed87e}
  .voucher .img{border-radius:10px 10px 0 0}
  .voucher .text{border-radius:0 0 10px 10px;border-style:solid;border-width:0 1px 1px 1px;border-color:#dfdfdf}
  .voucher .text .vwPriceBtns .morebtn,.voucher .text .vwPriceBtns .priceBtn{font-size:1.1em;line-height:1.9}
  .voucher .text .vwPriceBtns .morebtn{font-size:1em;line-height:2.1}
  .voucher .text .tt:hover{background-color:#f0fff7}
}

@media (min-width: 769px) {
  .voucher{width:31%; /* min-width: 22rem; */}
  .voucher .text .name , .voucher .tag {font-size: 22px;}
}
@media (min-width: 1400px) {
  .voucher{width:31%;}
}

@media (min-width: 1500px) {
  .voucher .text .name{font-size:1.7em}
}

@media only screen and (max-width: 92rem) {
  .voucher .text .shareBtn {width: 30px; height: 30px;}
}

@media (max-width: 1215px) and (max-width: 1280px) {
  .voucher{margin:0 0.1em 1em;}
}
@media (max-width: 1280px) {
  .voucher .text .prices .price .discount {font-size: 2em;}
}
@media (max-width: 768px) {
  .voucher{width:46%; border-radius: 1rem; overflow: hidden; font-size: 1.35rem;}
  .voucher .img{height:170px;}
  .voucher .text .shareBtn {width: 35px; height: 35px; margin: 0 0 0 .65rem;}
}

@media (max-width: 680px) {
  #resultList{min-height:100vh}
  #resultList .list{padding:2em 1em}
  .voucher{margin:0 0 1em;width:100%}
  .voucher .tag{font-size:1.4em}
  .voucher .text .name{font-size:1.4em}
  .voucher .text .tt{-webkit-line-clamp:initial;max-height:100%;display:inline-blcok;overflow:initial;text-overflow:initial}
  .voucher .text .tt:before{height:100%}
  .voucher .text .btm {padding: 0 1.25em 0.95em;}
}

@media (max-width: 480px) {
  .voucher .img{height:197px}
}

@media (max-width: 400px) {
  .voucher .img{height:185px}
}

@media (max-width: 320px) {
  .voucher .text .name{font-size:1.3em}
  .voucher .img{height:160px}
}