/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.img-table { width: 280 px; }
	.tab_img_width { width: 240px; }
	td, th { padding: 6px;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.img-table { width: 220 px; }
	.tab_img_width { width: 170px; }
	td, th { padding: 6px;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.img-table { width: 120 px; }
	.tab_img_width { width: 110px; }
	td, th { padding: 3px;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.img-table { width: 60 px; }
	.tab_img_width { width: 80px; }
	td, th { padding: 2px;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {
	.img-table { width: 20 px; }
	.tab_img_width { width: 50px; }
	td, th { padding: 1px;}
} 


/*==========  Mobile First Method  ==========*/

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

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

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

}

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

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}
