@media only screen and (min-width : 1201px) and (max-width : 1920px){
.qcopd-list-column.opd-column-1{
width: 100%;
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%;
}
}
@media only screen and (max-width : 1200px) {
.qcopd-list-column.opd-column-1{
width: 100%;
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%;
}
} @media only screen and (max-width : 981px) {
} @media only screen and (max-width : 801px) {
.qcopd-list-column.opd-column-1{
width: 45%;
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.5%;
width: 45%;
}
} @media only screen and (max-width : 768px) {
} @media only screen and (max-width : 640px) {
.qcopd-list-column.opd-column-1{
width: 100%;
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%;
}
} @media only screen and (max-width : 480px) {
} @media only screen and (max-width : 360px) {
} @media only screen and (max-width : 320px) {
}