@media only screen and (min-width : 1201px) and (max-width : 1920px){
.qcopd-list-column.opd-column-1{
width: 99%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-2{
width: 45%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-3{
width: 30%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-4 {
margin-right: 1%;
width: 23%;
} .qcopd-list-column.opd-column-1.qcld_favorite_column{
width: 99%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column{
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column {
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column {
margin-right: 0px;
width: 100%;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column ul li{
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column ul li {
width: 32%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column ul li{
width: 24%;
margin-right: 1%;
float: left;
clear: none;
}
}
@media only screen and (max-width : 1200px) {
.qcopd-list-column.opd-column-1{
width: 99%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-2{
width: 45%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-3{
width: 30%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-4 {
margin-right: 1%;
width: 30%;
} .qcopd-list-column.opd-column-1.qcld_favorite_column{
width: 99%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column{
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column {
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column {
margin-right: 0px;
width: 100%;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column ul li {
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column ul li {
width: 32%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column ul li {
width: 24%;
margin-right: 1%;
float: left;
clear: none;
}
}
@media only screen and (max-width : 1170px) {
.qcopd-list-column.opd-column-1{
width: 99%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-2{
width: 45%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-3{
width: 45%;
margin-right: 1.5%;
}
.qcopd-list-column.opd-column-4 {
margin-right: 1%;
width: 45%;
} .qcopd-list-column.opd-column-1.qcld_favorite_column{
width: 99%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column{
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column {
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column {
margin-right: 0px;
width: 100%;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column ul li {
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column ul li {
width: 32%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column ul li {
width: 24%;
margin-right: 1%;
float: left;
clear: none;
}
} @media only screen and (max-width : 981px) {
} @media only screen and (max-width : 801px) {
.qcopd-list-column.opd-column-1{
width: 99%;
margin-right: 0%;
}
.qcopd-list-column.opd-column-2{
width: 100%;
margin-right: 0%;
}
.qcopd-list-column.opd-column-3{
width: 100%;
margin-right: 0%;
}
.qcopd-list-column.opd-column-4 {
margin-right: 0%;
width: 100%;
} .qcopd-list-column.opd-column-1.qcld_favorite_column{
width: 99%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column{
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column {
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column {
margin-right: 0px;
width: 100%;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column ul li {
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column ul li {
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column ul li {
width: 49%;
margin-right: 1%;
float: left;
clear: none;
}
} @media only screen and (max-width : 768px) {
} @media only screen and (max-width : 640px) {
.sld-top-area .sld-half{
width: 99%;
padding: 0;
margin: 0;
display: inline-block;
}
.sld-half.sld-add {
margin-top: 10px;
text-align: left;
}
.qcopd-list-column.opd-column-1{
width: 99%;
margin-right: 0%;
}
.qcopd-list-column.opd-column-2{
width: 99%;
margin-right: 0%;
}
.qcopd-list-column.opd-column-3{
width: 99%;
margin-right: 0%;
}
.qcopd-list-column.opd-column-4 {
margin-right: 0%;
width: 99%;
} .qcopd-list-column.opd-column-1.qcld_favorite_column{
width: 99%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column{
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column {
width: 100%;
margin-right: 0px;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column {
margin-right: 0px;
width: 100%;
}
.qcopd-list-column.opd-column-2.qcld_favorite_column ul li{
width: 100%;
margin-right: 0px;
float: left;
}
.qcopd-list-column.opd-column-3.qcld_favorite_column ul li {
width: 100%;
margin-right: 0px;
float: left;
}
.qcopd-list-column.opd-column-4.qcld_favorite_column ul li {
width: 100%;
margin-right: 0px;
float: left;
}
} @media only screen and (max-width : 480px) {
} @media only screen and (max-width : 360px) {
} @media only screen and (max-width : 320px) {
}