.ilist_sl4_list-style-four{
list-style:none;
display:inline;
}
.ilist_sl4_column1{
display:inline-block;
width:100%;
margin-left:2%;
}
.ilist_sl4_column2{
display:inline-block;
width:45%;
margin-left:2%;
margin-right:3%;
float:left;
}
.ilist_sl4_column3{
display:inline-block;
width:30%;
margin-left:2%;
margin-right:1%;
float:left;
}
.ilist_sl4_column4{
display:inline-block;
width:20%;
margin-left:2%;
margin-right:3%;
float:left;
}
.ilist_sl4_column5{
display:inline-block;
width:17%;
margin-left:1%;
margin-right:2%;
float:left;
}
.ilist_sl4_column6{
display:inline-block;
width:13%;
margin-left:1%;
margin-right:2%;
float:left;
}
.ilist_sl4_column7{
display:inline-block;
width:12%;
margin-right:2%;
float:left;
}
.ilist_sl4_column8{
display:inline-block;
width:10%;
margin-right:2%;
float:left;
}
.ilist_sl4_right-part-four > h3{
position: relative;
margin: 6px 0px;
}
.ilist_sl4_qcld_style{
font-family: 'Montserrat', sans-serif;
}
.ilist_sl4_qcld_style .upvote-section {
color: #666;
font-size: 12px;
text-align: center;
width: 35px;
cursor: pointer;
z-index: 99999999;
position: absolute; top: 0px;
right: 5px;
}
.ilist_sl4_qcld_style{
margin-right: 26px;
}
.ilist_sl4_direction{}
.ilist_sl4_direction>.ilist_sl4_list-inner-part-four{}
.ilist_sl4_direction>.ilist_sl4_list-inner-part-four>.ilist_sl4_left-part-four{
background: #59a5e6 none repeat scroll 0 0;
border: 5px solid #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 50px;
left: 97%;
position: absolute;
text-align: center;
top: 25%;
width: 50px;
}
.ilist_sl4_list-inner-part-four:hover {
-moz-transform: translateY(5px);
-webkit-transform: translateY(5px);
-o-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
background:#f0f0f0;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.ilist_sl4_list-inner-part-four:hover .left-part-four {
background:#388ed8;
}
.ilist_sl4_right-part-four {
display: inline-block;
padding: 20px 20px 20px 40px;
width: 100%;
min-height: 220px;
overflow:hidden;
}
.ilist_sl4_left-part-four {
background: #59a5e6 none repeat scroll 0 0;
border: 5px solid #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
height: 50px;
left: -26px;
position: absolute;
text-align: center;
top: 32%;
width: 50px;
}
.ilist_sl4_left-part-four h2 {
color: #fff;
font-size: 18px;
font-weight: bold;
line-height: 5px;
align-self: center;
margin-top: 8px;
}
.ilist_sl4_right-part-four span {
color: #666;
font-weight: normal;
width: 94%;
margin-right: -8px;
}
.ilist_sl4_list-inner-part-four {
position:relative;
}
.ilist_sl4_list-inner-part-four {
margin-bottom:30px;
}
.ilist_sl4_list-section-four .col-md-6.col-sm-12.col-xs-12 {
padding-left: 26px;
padding-right: 25px;
} .ilist_sl4_list-inner-part-two:hover .left-part,
.ilist_sl4_left-part,
.ilist_sl4_list-inner-part-two:hover,
.ilist_sl4_list-inner-part-three:hover,
.ilist_sl4_list-inner-part-three,
.ilist_sl4_list-inner-part-four:hover,
.ilist_sl4_list-inner-part-four,
.ilist_sl4_left-part-four{
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
display: flex;
justify-content: center;
}
.qcilist-copy-share-section {
z-index: 99;
display: inline-block;
margin-left: 0;
width: 25px;
height: 25px;
position: absolute;
top: -65px;
}@media only screen and (min-width: 10px) and (max-width: 479px) {
.ilist_sl4_column1,.ilist_sl4_column2,.ilist_sl4_column3,.ilist_sl4_column4,.ilist_sl4_column5,.ilist_sl4_column6,.ilist_sl4_column7,.ilist_sl4_column8{
width:100%
}
.ilist_sl4_list-section .col-md-3.col-sm-4.col-xs-6 {
width: 100%;
}
.ilist_sl4_list-inner-part {
height: auto;
}
.ilist_sl4_right-part {
width: 100%;
}
.ilist_sl4_left-part::after {
display:none;
}
.ilist_sl4_left-part {
width: 100%;
height:auto;
}
.ilist_sl4_effect-style-one,
.ilist_sl4_effect-style-two,
.ilist_sl4_effect-style-three,
.ilist_sl4_effect-style-four
{
display:none;
}
.ilist_sl4_list-inner-part-five {
height: auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.ilist_sl4_column1,.ilist_sl4_column2,.ilist_sl4_column3,.ilist_sl4_column4,.ilist_sl4_column5,.ilist_sl4_column6,.ilist_sl4_column7,.ilist_sl4_column8{
width:100%
}
.ilist_sl4_list-inner-part {
height: auto;
}
.ilist_sl4_effect-style-one,
.ilist_sl4_effect-style-two,
.ilist_sl4_effect-style-three,
.ilist_sl4_effect-style-four
{
display:none;
}
.ilist_sl4_list-inner-part-five {
height: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ilist_sl4_column3,.ilist_sl4_column4,.ilist_sl4_column5,.ilist_sl4_column6,.ilist_sl4_column7,.ilist_sl4_column8{
width:45%
}
.ilist_sl4_list-inner-part {
height: auto;
}
.ilist_sl4_list-inner-part-five {
height: 240px;
}
.ilist_sl4_effect-style-one,
.ilist_sl4_effect-style-two
{
height:220px;
}
.ilist_sl4_effect-style-three,
.ilist_sl4_effect-style-four {
width:228px;
}
.ilist_sl4_effect-style-five {
height:100%;
}
.ilist_sl4_list-section-seven .container {
width: 750px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ilist_sl4_list-inner-part {
height: auto;
}
.ilist_sl4_list-inner-part-five {
height: 240px;
}
.ilist_sl4_effect-style-one,
.ilist_sl4_effect-style-two
{
height:220px;
}
.ilist_sl4_effect-style-three,
.ilist_sl4_effect-style-four {
width:300px;
}
.ilist_sl4_effect-style-five {
height:240px;
}
}
@media only screen and (min-width: 1199px) and (max-width: 1900px) {
}