.qc-sbd-wrapper{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
.qc-sbd-wrapper{
width: 100%;
}
.map-right-side {
width: 35%;
height:800px;
float: right;
right: 0;
top: 0;
box-sizing: border-box;
position: relative;
}
.qc-sbd-grid-11 {
width: 65%;
float: left;
box-sizing: border-box;
padding-right: 15px;
}
.opt-column-01 {
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.opt-column-02 {
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.opt-column-03 {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.opt-column-04 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
padding-right: 15px;
padding-left: 15px;
box-sizing: border-box;
}
.clear{
clear:both;
}
.qc-main-section .qc-sbd-inner-row-11 .qc-feature-container::after {
clear: both;
content: '';
display: block;
height: 0;
visibility: hidden;
}
.qc-sbd-wrapper, .section {
zoom: 1;
position: relative;
}
.qc-sbd-single-item-11 h2 {
font-size:22px;
font-weight:normal;
margin-bottom:20px;
}
.qc-sbd-single-item-11 h2 span {
font-size:15px;
color:#666;
}
.qc-feature-container {
width: 100%;
float: left;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
}
.qc-sbd-single-item-11 ul {
display: flex;
flex-wrap: wrap;
width: 100%;
padding-left:0 !important;
margin-left: -15px;
}
.qc-sbd-single-item-11 ul > li {
list-style:none;
position:relative;
margin-bottom: 30px;
}
.qc-main-section .qc-sbd-inner-row-11 .qc-dir-main {
}
.qc-main-section .qc-sbd-inner-row-11 .qc-dir-main:hover {
}
.qc-sbd-single-item-11 .qc-sbd-main {
position:relative;
width:100%;
}
.qc-sbd-single-item-11 .qc-feature-media {
height: 200px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #f7f7f7;
position:relative;
}
.qc-sbd-single-item-11 .qc-feature-media::before {
content:"";
position:absolute;
left:0;
bottom:0;
height:30px;
width:100%;
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,0,0,.6) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,0,0,.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#000000',GradientType=0 ); z-index:9;
}
.qc-sbd-single-item-11 .qc-feature-media > i {
font-size: 30px;
background: #fff;
}
.qc-sbd-single-item-11 .qc-sbd-main:hover .qc-feature-media img {
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.qc-sbd-single-item-11 .qc-sbd-main:hover .qc-feature-media img,
.qc-sbd-single-item-11 .qc-sbd-main .qc-feature-media img {
-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;
}
.sbd_f_icon {
font-size: 140px !important;
}
.qc-sbd-single-item-11 ul li > a {
position:relative;
background: #fff;
display: flex;
box-sizing: border-box;
text-decoration: none;
color: #333;
border: 1px solid #f5f5f5;
border-bottom: none;
}
.qc-sbd-single-item-11 ul li > a:hover {
-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-sbd-single-item-11 .qc-sbd-content {
padding: 20px;
box-sizing: border-box;
position:relative;
height: 160px;
overflow: hidden;
}
.qc-sbd-single-item-11 .qc-sbd-content h4 {
font-size: 18px;
color: #333;
line-height: 28px;
margin-bottom: 5px;
font-weight: normal;
}
.qc-sbd-single-item-11 .qc-sbd-content p {
font-size: 13px;
line-height: 20px;
color: #888;
}
.qc-sbd-single-item-11 .pd_content_overflow_active:hover .qc-sbd-content {
overflow:visible;
position:absolute;
height:auto;
width:100%;
box-sizing:border-box;
background:#fff;
z-index:100;
left:0;
-webkit-box-shadow: 0 15px 60px 2px rgba(0,0,0,.1);
box-shadow: 0 15px 60px 2px rgba(0,0,0,.1);
}
.qc-sbd-single-item-11 .qc-sbd-content span.designation {
font-size:13px;
font-weight:bold;
color:#666;
margin-bottom:5px;
position:relative;
display:block;
}
.qc-sbd-single-item-11 .bottom-area-icon {
width: 100%;
border: 1px solid #f5f5f5;
display: inline-block;
align-items: center;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 13px;
}
.qc-sbd-single-item-11 .bottom-area-icon p {
padding-bottom: 0px;
display: inline-block;
}
.qc-sbd-single-item-11 .bottom-area-icon p a {
cursor: pointer;
font-size: 14px;
color: #888;
padding: 6px 6px;
display: inline-block;
}
.qc-sbd-single-item-11 .bottom-area-icon p a:hover {
background:#000;
color:#fff;
-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-sbd-single-item-11 .upvote-section {
position: absolute;
bottom: 0;
left:0;
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px;
box-sizing: border-box;
z-index:99;
}
.qc-sbd-single-item-11 .upvote-section i {
font-size:15px;
color:#fff;
}
.qc-sbd-single-item-11 .upvote-section i:hover {
color:#ff5555;
}
.qc-sbd-single-item-11 .upvote-section .favourite span {
color:#fff;
font-size:15px;
margin-left:10px;
}
.qc-sbd-single-item-11 .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-sbd-single-item-11 .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: 579px) {
.bottom-area-icon {
max-width: 100%;
}
.opt-column-02 {
width:100%;
}
.qc-feature-container {
width:100%;
margin-bottom:20px;
}
.qc-sbd-wrapper {
width:100%;;
}
.opt-column-02,
.opt-column-03,
.opt-column-04 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding-left:0;
padding-right:0;
}
.map-right-side {
width: 100%;
height: 400px;
position: relative;
}
.qc-sbd-grid-11 {
width: 100%;
}
.qc-sbd-single-item-11 .bottom-area-icon span a {
padding: 10px 10px;
}
#sbd_slide_container {
display: flex;
flex-direction: column-reverse;
}
.qc-sbd-single-item-11 .bottom-area-icon p a {
font-size: 12px;
padding: 7px 7px;
}
.qc-sbd-single-item-11 .qc-feature-media {
height: 150px;
}
.qc-sbd-grid-11 {
padding-right: 0;
}
.qc-sbd-single-item-11 ul {
margin-left: 0px;
}
}
@media only screen and (min-width: 580px) and (max-width: 767px) {
.bottom-area-icon {
max-width: 100%;
}
.qc-sbd-wrapper {
width:100%;;
}
.opt-column-02,
.opt-column-03,
.opt-column-04 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.map-right-side {
width: 100%;
height: 400px;
position: relative;
}
.qc-sbd-grid-11 {
width: 100%;
}
.qc-sbd-single-item-11 .bottom-area-icon span a {
padding: 10px 5px;
}
#sbd_slide_container {
display: flex;
flex-direction: column-reverse;
}
.qc-sbd-single-item-11 .bottom-area-icon p a {
font-size: 12px;
padding: 7px 4px;
}
.qc-sbd-single-item-11 .qc-feature-media {
height: 150px;
}
.qc-sbd-grid-11 {
padding-right: 0;
}
.qc-sbd-single-item-11 ul {
margin-left: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.bottom-area-icon {
max-width: 100%;
}
.map-right-side {
width: 100%;
height: 400px;
position: relative;
}
.qc-sbd-grid-11 {
width: 100%;
}
.qc-sbd-single-item-11 .bottom-area-icon span a {
padding: 10px 8px;
}
#sbd_slide_container {
display: flex;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.bottom-area-icon {
max-width: 100%;
}
.qc-sbd-single-item-11 .bottom-area-icon span a {
padding: 10px 8px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1560px) {
.bottom-area-icon {
max-width: 100%;
}
.qc-sbd-single-item-11 .bottom-area-icon span a {
padding: 10px 8px;
}
}
.sld-page-numbers-item {
display: inline-block;
background: #eee;
padding: 5px 7px;
border-radius: 2px;
}
.sld-page-numbers-container {
margin: 30px 0 0 0;
}