.clear {
clear:both;
}
.col-sbd-1, .col-sbd-2, .col-sbd-3, .col-sbd-4, .col-sbd-5, .col-sbd-6, .col-sbd-7, .col-sbd-8, .col-sbd-9, .col-sbd-10, .col-sbd-11, .col-sbd-12 {
float: left;
box-sizing: border-box;
}
.col-sbd-4 {
width:25%;
}
.col-sbd-3 {
width:33.3333%;
}
.col-sbd-2 {
width:50%;
}
.col-sbd-1 {
width:100%;
}
.col-sbd-1, .col-sbd-2, .col-sbd-3, .col-sbd-4, .col-sbd-5, .col-sbd-6, .col-sbd-7, .col-sbd-8, .col-sbd-9, .col-sbd-10, .col-sbd-11, .col-sbd-12 {
min-height: 1px;
padding-left: 25px;
padding-right: 25px;
position: relative;
box-sizing: border-box;
}
.opd-list-style-12 h1{
margin: 0;
padding: 12px 0;
line-height: normal; 
font-size: 22px;
font-weight: 600;
}
.opd-list-style-12 h2{
margin: 0;
padding: 12px 0;
line-height: normal; 
font-size: 20px;
font-weight: 600;
}
.opd-list-style-12 h3{
margin: 0;
padding: 12px 0;
line-height: normal; 
font-size: 18px;
font-weight: 600;
}
.opd-list-style-12 h4{
margin: 0;
padding: 12px 0;
line-height: normal; 
font-size: 18px;
font-weight: 600;
}
.opd-list-style-12 p{
margin: 0;
padding: 0;
line-height: 22px;
}
.opd-list-style-12 ul{
margin: 0;
padding: 0;
}
.opd-list-style-12 ul li{
margin: 0;
padding: 0;
list-style: none; 
}  .opd-list-style-12 ul {
padding-left:0;
}
.opd-list-style-12 ul li {
list-style: none;
padding:0 0;
}
.ilist-item-main a {
text-decoration:none;
width: 79%;
margin-top: -14px;
}
.ilist-25 .ilist-item-main {
background-color: #fff;
display: block;
font-family: Roboto,sans-serif;
margin:90px auto 0 auto;
max-width: 400px;
position: relative;
text-align:left;
position:relative;
}
.ilist-25 .ilist-item-main  {
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.14), 0 5px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 5px -2px rgba(0, 0, 0, 0.2);
}
.ilist-item-main .item-title-text .item-list-title {
color: #222;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 15px;
line-height:24px;
}
.main-title {
border-bottom: 1px solid #ddd;
}
span.list-item-count {
color: #666;
padding: 0 6px;
}
.main-title > h3 {
color: #222;
font-size: 20px;
font-family: Roboto,sans-serif;
}
.ilist-item-main .upvote {
color: #222;
cursor: pointer; text-align: right;
margin-top: 7px;
}
.item-title-text {
align-items: center;
background: #e2f3f9 none repeat scroll 0 0;
display: flex;
justify-content: space-between;
width: 100%;
min-height: 90px;
}
.ilist-item-main:hover .feature-img-box {
width:100%;
-moz-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-o-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.ilist-item-main:hover {
}
.ilist-item-main:hover .item-desc-text,
.ilist-item-main:hover .item-title-text {
-moz-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
-o-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.ilist-item-main:hover .item-title-text {
background:#fff;
}
.ilist-25 .feature-img-box{
align-items:center;
display:flex;
justify-content:center;
background:#fff;
border-radius: 10px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.03), 5px 15px 40px rgba(0, 0, 0, 0.22);
height: 180px;
margin: auto;
position: relative;
top: -40px;
width: 78%;
overflow:hidden;
}
.feature-img-box .item-img {
display: block;
height: 170px;
margin: auto;
}
.valign-center {
align-items: center;
display: flex;
}
.ilist-item-main .item-desc-text {
bottom: 0;
color: #000;
position: relative;
text-align: center;
width: 100%;
}
.ilist-item-main .item-desc-text p {
color: #333;
font-size: 14px;
line-height: 22px;
padding: 0 10px;
}
.item-desc-text {
height: 100px;
overflow-y: auto;
}
.item-desc-text p > span {
margin-top:10px;
}
.style-13 .new-icon-section > span {
align-items: center;
background-color: rgba(0,0,0,.7);
color: #fff;
display: flex;
font-size: 9px;
font-weight: bold;
height: 13px;
justify-content: center;
position: absolute;
top: 0;
left:0;
width: 28px;
}
.style-13 .featured-section {
bottom: 0px;
position: absolute;
right: 0;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 35px 25px;
border-color: transparent transparent #FFEB3B transparent;
}
.new-icon-section i {
cursor:pointer;
}
.ilist-item-main:hover .feature-img-box,
.ilist-item-main .feature-img-box,
.ilist-item-main:hover .upvote,
.ilist-item-main:hover .item-desc-text,
.ilist-item-main:hover .item-title-text,
.ilist-item-main .upvote,
.ilist-item-main .item-desc-text,
.ilist-item-main .item-title-text,
.ilist-item-main:hover .item-title-text .item-list-title,
.ilist-item-main .item-title-text .item-list-title {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.title_style_pd {
margin-top: 40px;
}
.qc-grid-item{
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.container {
width: 100%;
}
.ilist-25 .col-sbd-4,.ilist-25 .col-sbd-3,.ilist-25 .col-sbd-2 {
width:100%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {
width: 100%;
}
.ilist-25 .col-sbd-4,.ilist-25 .col-sbd-3,.ilist-25 .col-sbd-2 {
width:100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container {
width: 100%;
}
.ilist-25 .col-sbd-4,.ilist-25 .col-sbd-3 {
width:50%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container {
width: 100%;
}
}
.qcpd-list-wrapper {
display: flex;
width: 100%;
}
.left-side-filter {
background:none;
float: left;
margin-right: 25px;
width: 30%;
border-bottom: none;
}
.bookmark-section-style-7{
margin-right: 7px;
margin-top: -18px;
}
.fa-icon{font-size:96px;}
#sbdopd-list-holder .pd-bottom-area {
height: 28px;
width: 100%;
margin-top: 8px;
position: absolute;
bottom: 0px;
right:0;
border-top: 1px solid;
text-align: center;
}
#sbdopd-list-holder .pd-bottom-area p{display: inline-block;
padding: 0px;margin: 2px 0px;}
#sbdopd-list-holder .pd-bottom-area p a{padding: 0px 6px !important;
border-bottom: none !important;
font-size: 15px;z-index: 9;
position: relative;}
.pd_business_container{text-align:center;}
.pd-bottom-area{text-align:right}
.style-7 .new-icon-section > span {
align-items: center;
background-color: rgba(0,0,0,.7);
color: #fff;
display: flex;
font-size: 9px;
font-weight: bold;
height: 13px;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 28px;
}
.style-7 .featured-section {
bottom: 0px;
position: absolute;
right: 0;
z-index: 1;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 35px 25px;
border-color: transparent transparent #FFEB3B transparent;
}
.sbd-verified-style7{
align-items: center;
background-color: rgba(0,0,0,.7);
color: #fff;
display: flex;
font-weight: bold;
height: 20px;
justify-content: center;
position: absolute;
top: 0px;
right: 0;
width: 20px;
font-size: 14px;
}
.sld-page-numbers-item {
display: inline-block;
background: #eee;
padding: 5px 7px;
border-radius: 2px;
}
.sld-page-numbers-container {
margin: 30px 0 0 0;
}
.item-desc-text a:hover span{
color: #f86960 !important;
}