/* Large Devices, Wide Screens */
@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%;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 981px) {
   
}

/* Medium Devices, Desktops */
@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%;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */ 
@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%;
	}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 480px) {
	

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 360px) {
	
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	
}