.qc-sld-wrapper{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 20px;
min-width: 300px;
}
.qc-sld-wrapper{
width: auto;
max-width: 1170px;
}
.opt-column-02 {
width: 47%;
margin-right: 1%;
margin-left: 1%;
}
.opt-column-01 {
width: 97%;
margin-right: 1%;
margin-left: 1%;
}
.clear{
clear:both;
}
embed, img, object, video {
height: auto;
max-width: 100%;
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-container::after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
.qc-sld-wrapper, .section {
zoom: 1;
position: relative;
}
.qc-sld-single-item-15 h2 {
font-size:22px;
font-weight:normal;
margin-bottom:20px;
}
.qc-sld-single-item-15 h2 span {
font-size:70%;
}
.qc-main-section .qc-sld-inner-row-15 .qc-sld-wrapper{
padding: 0 15px;
}
.qc-page-section {
padding: 30px 0;
}
.qc-main-section {
text-align: left;
}
.qc-feature-container {
width: 100%;
float: left;
box-sizing: border-box;
}
.qc-sld-single-item-15 ul > li {
list-style:none;
width:100%;
margin-bottom:8%;
position:relative;
}
.bottom-area-icon span a {
color: #666;
font-size: 15px;
}
.bottom-area-icon {
background: #f7f7f7;
padding: 5px 10px;
max-width: 80%;
}
.bottom-area-icon span {
border-right: 1px solid #ddd;
margin-right: 4px;
padding-right: 10px;
}
.bottom-area-icon span:last-child {
border-right: none;
}
.qc-main-section .qc-sld-inner-row-15 .qc-dir-main {
padding: 8px 10px;
background-color: #5dfee2;
}
.qc-main-section .qc-sld-inner-row-15 .qc-dir-main:hover {
background-color: #f7f7f7;
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n+1)::before {
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-container {
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n)::before {
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n) .qc-feature-container {
background-color: #41feaf;
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n) .qc-feature-container:hover {
background-color: #f7f7f7;
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n+1) .qc-sld-feature-content {
float: left;
}
.qc-main-section .qc-sld-inner-row-15 .qc-sld-feature-content {
width: 100%;
padding-right: 160px;
box-sizing: border-box;
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-media:nth-child(2n) {
margin-left: 0;
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n) .qc-sld-feature-content {
float: right;
box-sizing: border-box;
padding-left: 20px;
}
.qc-main-section .qc-sld-inner-row-15:nth-child(2n+1) .qc-feature-media {
float: right;
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-media {
height: 150px !important;
margin: -26px 0 !important;
width: 150px !important;
background: #fff;
box-shadow: 2px 3px 8px 0 rgba(0,0,0,.2);
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: absolute;
right: 22px;
}
.qc-page-section h3.section-title {
position: relative;
font-size: 16px;
color: #000;
margin-bottom: 6px;
margin-top: 8px;
}
.qc-main-section h3.section-title::before {
left: 0;
margin-left: 0;
}
.qc-page-section h3.section-title::before {
background: #000;
border-radius: 3px;
content: '';
height: 2px;
position: absolute;
bottom: 0px;
width: 50px;
}
.qc-main-section p {
font-size: 13px;
line-height: 16px;
color: #101010;
padding-bottom: 7px;
}
.qc-sld-single-item-15 .upvote-icon-section {
height: 100%;
position: absolute;
right: 0;
top: 0;
color: #222;
font-size: 12px;
text-align: center;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
z-index: 5;
-moz-transform: translateY(-10%);
-webkit-transform: translateY(-10%);
-o-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.qc-sld-single-item-15 .upvote-icon-control,
.qc-sld-single-item-15 .bookmark-icon-section {
height: 25px;
padding-top: 0px;
text-align: center;
width: 100%;
z-index: 805;
cursor:pointer;
}
.qc-sld-single-item-15 .upvote-count {
font-size: 11px;
margin-top: 0px;
width: 100%;
z-index: 800;
}
.qc-sld-single-item-15 li:hover .upvote-icon-section {
}
.qc-main-section .qc-sld-inner-row-15 .qc-dir-main:hover,
.qc-main-section .qc-sld-inner-row-15 .qc-dir-main {
-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;
}
.qc-grid-item .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;
}
.qc-grid-item .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;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.bottom-area-icon {
max-width: 100%;
}
.opt-column-02 {
width:100%;
}
.qc-feature-container {
width:100%;
margin-bottom:20px;
}
.qc-sld-wrapper {
width:100%;;
}
.qc-main-section .qc-sld-inner-row-15 .qc-sld-wrapper {
padding: 0 0; 
}
.qc-sld-wrapper {
padding: 0px; 
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-media:nth-child(2n) {
margin-left: 0px;
}
.qc-main-section .qc-sld-inner-row-15 {
margin: 0px 0 0px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.bottom-area-icon {
max-width: 100%;
}
.opt-column-02 {
width:100%;
}
.qc-sld-wrapper {
width:100%;;
}
.qc-main-section .qc-sld-inner-row-15 .qc-sld-wrapper {
padding: 0 0; 
}
.qc-sld-wrapper {
padding: 0px; 
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-media:nth-child(2n) {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bottom-area-icon {
max-width: 100%;
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-media {
width: 30%;
height:auto;
margin:0;
}
.qc-main-section .qc-sld-inner-row-15 .qc-sld-wrapper {
padding: 0 0px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.bottom-area-icon {
max-width: 100%;
}
.qc-main-section .qc-sld-inner-row-15 .qc-feature-media {
width: 30%;
height:auto;
margin:0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) {
}
.list-img{
font-size: 70px;
color: #000;
}
.sbd-verified-style9{
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;
}