/******** Feature Side Column ********/
.wpsm_featured_wrap{overflow: hidden; margin-bottom: 35px}
.side-twocol .columns { height: 220px; position: relative; overflow: hidden; }
.side-twocol .columns .col-item{height: 100%}
.side-twocol .news_in_thumb figure{min-height: 100px; margin: 0}
.side-twocol figure img, .side-twocol figure{height: 100%; width: 100% }
.col-feat-grid{z-index:2; background-position: center center;background-size: cover; position: relative;}
.col-feat-grid.item-1, .col-feat-50{ width: 50%; float: left; height: 450px}
.col-feat-50 .col-feat-grid{ width: calc(50% - 5px); float: left; height: 220px}
.feat_overlay_link{width: 100%;height: 100%;position: absolute;z-index: 10; bottom: 0; left: 0; right: 0;}
.col-feat-grid.item-1 .text_in_thumb h2{ font-size: 28px; line-height: 34px}
.featured_grid .wcvendors_sold_by_in_loop{color: #eee}
.featured_grid .wcvendors_sold_by_in_loop a{color: #fff}
.blacklabelprice {margin: 0 0 12px 0;background: #000000;padding: 8px;display: inline-block;font-weight: bold;}
.blacklabelprice del{opacity: 0.8 !important;font-weight: normal; color: #fff !important}
.feat-grid-overlay .price del{opacity: 0.7}
.col-feat-grid:before {bottom: 0;content: "";display: block;height: 80%;width: 100%;position: absolute;z-index: 1;pointer-events: none;background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);transition: 0.5s;}
.col-feat-grid .feat-grid-overlay{position: absolute;bottom: 0px;color: #ffffff; z-index: 9; white-space:normal;}
.col-feat-grid:hover .text_in_thumb {padding-bottom: 25px}
.col-feat-grid:hover:before{opacity: 0.8}

@media screen and (max-width: 1224px) and (min-width: 1024px) {
.col-feat-grid.item-1, .col-feat-50{ height: 380px}
.col-feat-50 .col-feat-grid{height: 185px}
.side-twocol .columns {height: 200px}
}
@media screen and (max-width: 1023px) {
.col-feat-grid.item-1, .col-feat-50 { float: none; width: 100%; margin-bottom: 10px; overflow: hidden;  }
.col-feat-50{margin: 0}
.side-twocol .columns{  width: 48.5%; float: left;}
.side-twocol .col-1 {margin: 0 3% 0 0;}
.side-twocol .columns a.comment{ display:none}
.side-twocol .columns{height: auto;}
}
@media only screen and (max-width: 767px) {
.col-feat-50 .col-feat-grid{ height: 200px}
.col-feat-50 {height: auto;}
.col-feat-grid.item-1{height: 350px} 
.col-feat-grid.item-1 .text_in_thumb h2{font-size: 21px;line-height: 24px}
}
@media only screen and (max-width: 400px) {.col-feat-grid.item-1{height: 260px} }