기존의 코드 대신 아래의 코드로 적용해보시겠어요?

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .av-flex-cells .no_margin { padding: 0 !important; }
	.av-large-gap.av-masonry { padding: 15px 0 0 5px !important; }
	.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry { margin-right: 5px !important; margin-bottom: 5px !important; }
}

위 코드에서 픽셀 값을 적절히 수정하신 후에 적용해보시겠어요?

고맙습니다.

한가지만 더 질문하고 싶은데 좌우여백과 각 이미지별로 여백을 아주 조금만 두고 싶은데 

그 여백부분을 조절하려면 어떤 코드를 쓰고 조절하면 될지요?

@media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-flex-cells .no_margin { padding: 0 !important; } }

이 코드가 적절하긴 한데요. 아예없애는건 아니고 각 이미지와 좌우까지 여백을 아주 조금만 더 줄이고 싶어서요. 

맨 아래의 코드는 여백이 아예없어서 조금 수정을 했으면 합니다. 

워드프레스 관리자 -> 외모 -> 사용자 정의하기 -> CSS 입력 필드에

아래의 코드를 추가해보시겠어요?

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .av-flex-cells .no_margin { padding: 0 !important; }
}

이미지의 좌우 여백을 아예 없애시려면

아래의 코드로 적용해보시겠어요?

@media only screen and (max-width: 767px) {
	.responsive #top #wrap_all .av-flex-cells .no_margin { padding: 0 !important; }
	.av-large-gap.av-masonry { padding: 0 !important; }
	.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry { margin-right: 0 !important; }
}

고맙습니다.