/* images cover up the gap */
.item {
	width: 32%; /* 300px */
	float: left;
	margin: 3px; /* 15px 30px */
	position:relative;
}

.item img {
	width: 100.5%;
	cursor: pointer;
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: none;
	filter: grayscale(0%);
}

.item img:hover {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(grayscale.svg#greyscale);
}

.item img.colored {
	-webkit-filter: none !important;
	-webkit-filter: none !important;
	-moz-filter: none !important;
	filter: none !important;
}

.abtList .item img, .blogmainimg .item img, .pressinrcont .item img, .blogcont .item img {
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
	filter: url(grayscale.svg#greyscale);
}

.abtList .item img:hover, .blogmainimg .item img:hover, .pressinrcont .item img:hover, .blogcont .item img:hover {
	-webkit-filter: grayscale(0);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: none;
	filter: grayscale(0%);
}

.abtList {
	width: 100.5%; /* 990px */
	overflow: hidden;
	margin: 5px;
}

.abtList .item {
	width: 31%; /* 300px */
	float: left;
	margin: 3px; /* 15px 30px */
}
 @media (max-width: 1024px) {
.item {
	width: 32%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media (min-width: 800px) and (max-width: 979px) {
.item {
	width: 32%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media (max-width: 768px) {
.item {
	width: 32%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media (min-width: 481px) and (max-width: 767px) {
.item {
	width: 46%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media screen and (width: 480px) {
.item {
	width: 45%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media (max-width: 479px) and (min-width: 320px) {
.item {
	width: 95%; /* 305px */
	margin-bottom: 0px; /* 15px */
}
}
/* Large screens ----------- */
@media screen and (min-width:1920px) {
.item {
	width: 32%; /* 305px */
	margin-bottom: 3px; /* 15px */
}

.abtList .item {
	width: 31%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media screen and (min-width:1280px) and (max-width:1599px) {
.item {
	width: 31%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}
@media screen and (min-width:1600px) {
.item {
	width: 32%; /* 305px */
	margin-bottom: 3px; /* 15px */
}
}