/* ----- Gallery -----*/

section#gallery {
	text-align: right;
	background:	#efefef;
	position: relative;
}
#gallery h1 {
	margin-bottom: 20px;
	font-size: 24px;
	margin: 0 auto 20px;
	line-height: 1.3;
	border-bottom: 3px solid #808080;
	display: table;
	float: right;
	padding-left: 5%;
	position: relative;
	font-weight: 600;
}
#gallery h2 {
	color: #000;
	font-size: 18px;
	margin-top: 0;
	float: right;
	font-weight: 600;
}
.gallery-column {
	margin-bottom: 35px;
}
#gallery p {
	float: right;
	margin-bottom: 30px;
}
#gallery p br {
	display: none;
}
#gallery p.lower-gallery {
	float: right;
	color: #cc2c2c;
	font-weight: 700;
	margin-bottom: 10px;
	font-size: 12px;
}
.gallery-column.gallery-text-column {
	position: relative;
}
.gallery-column img {
	margin-bottom: 15px;
	height: 130px;
}
.gallery-column .latest-works .background-image{
    background-size: cover;
    width: 100%;
    height: 160px;
	background-position: center;
	transition: 0.2s;
}
.gallery-column .latest-works .background-image:hover{
	transform: scale(1.3);
	overflow: hidden;
}
.gallery-column .latest-works a{
    display: block;
    position: relative;
	margin: 0px 3px;
	overflow: hidden;
}
/* .gallery-column .latest-works .overlay{
    position: absolute;
} */
@media (min-width: 380px) {
	#gallery p.lower-gallery {
		font-size: 14px;
	}
}
@media (min-width: 400px) {
	#gallery h1 {
		font-size: 30px;
	}
	#gallery h2 {
		font-size: 21px;
	}
	#gallery p br {
		display: block
	}
	#gallery p.lower-gallery {
		font-size: 15px;
	}
}
@media (min-width: 470px) {
	#gallery h1 {
		font-size: 36px;
	}
	#gallery h2 {
		font-size: 24px;
	}
	#gallery p, #gallery p.lower-gallery {
		font-size: 20px;
	}
}
@media (min-width:640px) and (max-width:1023px) {
	#gallery h1 {
		font-size: 46px;
	}
	#gallery h2 {
		font-size: 30px;
	}
	#gallery p, #gallery p.lower-gallery {
		font-size: 24px;
	}
}
@media(min-width:1024px) {
	section#gallery {
		padding-top: 66px;
	}
	.gallery-column.gallery-text-column::before {
		content: "GALLERY";
		color: rgb(250 250 250 / 52%);
		position: absolute;
		top: -109px;
		left: 0;
		font-weight: 700;
		font-size: 116px;
		z-index: 0;
	}
}
@media(min-width:1280px) {
    section#gallery {
		padding-top: 82px;
	}
	.gallery-column.gallery-text-column::before {
		top: -136px;
		font-size: 146px;
	}
	#gallery h1 {
		font-size: 46px;
	}
	#gallery h2 {
		font-size: 30px;
	}
}
@media(min-width:1500px) {
	section#gallery {
		padding-top: 95px;
	}
	.gallery-column.gallery-text-column::before {
		top: -158px;
		font-size: 168px;
	}
}
.latest-works .slick-dots{
    position: relative;
    left: 0;
    bottom: 0;
}
.latest-works .slick-dots li button:before{
    background: #fff;
    border: 2px solid #999999;
    border-radius: 50%;
    color: transparent;
}
.latest-works .slick-dots li.slick-active button:before{
    background: #000;
}