/*--------------------------------------------------------------
#2	gallery-2
--------------------------------------------------------------*/

/*--------------------------------------------------------------
#2.1	gallery-content
--------------------------------------------------------------*/
@media only screen and (max-width: 991px){
	.gallery-content .hover-content h3 {
		font-size: 20px;
	}
}

@media only screen and (max-width: 767px){
	.gallery-content {
		padding-bottom: 0px !important;
	}

	.gallery-content .hover-content h3 {
		font-size: 15px;
	}

	.gallery-content .hover-content a {
		width: 100px;
		height: 35px;
		line-height: 35px;
	}
}

@media only screen and (max-width: 500px){
	.gallery-content .col {
		width: 100%;
	}

	.gallery-content .container > a {
	    width: 120px;
	    height: 35px;
	    line-height: 35px;
	    border-radius: 0;
	    font-size: 12px;
	    margin-top: 38px !important;
	}

	#gallery-3 .my-gallery > .col {
		margin-bottom: 10px;
	}
}



/*--------------------------------------------------------------
#3	gallery-3
--------------------------------------------------------------*/

/*--------------------------------------------------------------
#3.1	gallery-content
--------------------------------------------------------------*/
@media only screen and (max-width: 767px){
	#gallery-3 .gallery-content .container {
		padding: 0 25px;
	}

	#gallery-3 .gallery-content .hover-content + img {
		width: 100%;
	}

	#gallery-3 .thumbnail h3 {
		font-size: 18px;
	}
}

@media only screen and (max-width: 500px){
	#gallery-3 .gallery-content .col {
		width: 100%;
		text-align: center;
	}

	#gallery-3 .thumbnail h3 {
		font-size: 14px;
	}
}