/* rt-image-gallery element-one */

.rt-image-gallery.element-one{

	> .rt-image-gallery-holder{

		> .owl-stage-outer{
			margin-bottom:14px;
		}

		> .owl-thumbs{
			margin-left:-7px;
			margin-right:-7px;

			> .owl-thumb-item{
				padding-left:7px;
				padding-right:7px;
				background-color:initial;
				border:none;
				border-radius:0;
				transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;

				&.active{
					opacity:0.6;
				}

			}

		}

	}

}

/* rt-image-gallery element-two */

.rt-image-gallery.element-two{

	> .rt-image-gallery-holder{
		margin-left:-8px;
		margin-right:-8px;

		> .rt-image-gallery-item{
			margin-bottom:16px;
			padding-left:8px;
			padding-right:8px;

			> .holder{
				position:relative;
				padding-top:calc( ( 90 / 100 ) * 100% );

				> .pic{
					position:absolute;
					top:0;
					right:0;
					bottom:0;
					left:0;
					z-index:1;
					background:center center no-repeat;
					background-size:cover;
				}

			}

		}

	}

}

/* rt-image-gallery element-three */

.rt-image-gallery.element-three{

	> .rt-image-gallery-holder{
		margin-left:-6px;
		margin-right:-6px;

		> .rt-image-gallery-item{
			margin-bottom:12px;
			padding-left:6px;
			padding-right:6px;

			> .holder{
				position:relative;
				padding-top:calc( ( 90 / 100 ) * 100% );

				> .pic{
					position:absolute;
					top:0;
					right:0;
					bottom:0;
					left:0;
					z-index:1;
					background:center center no-repeat;
					background-size:cover;
				}

			}

		}

	}

}

/* rt-image-gallery element-four */

.rt-image-gallery.element-four{
	margin-right:-5px;
    margin-left:-5px;

    .rt-image-gallery-holder{
    	margin-left:0;
		margin-right:0;
    }

	.rt-image-gallery-item{
		margin-bottom:10px;
		padding-left:5px;
		padding-right:5px;
		text-align:left;

		> .holder{
			position:relative;
			overflow:hidden;

			> .pic{
				transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;

				> img{
					width:100%;
				}

			}

			> .overlay{
				position:absolute;
				top:0;
				right:0;
				bottom:0;
				left:0;
				z-index:1;
				background-color:#000;
				opacity:0;
				visibility:hidden;
				transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;
			}

			> .data{
				position:absolute;
				top:0;
				right:0;
				bottom:0;
				left:0;
				z-index:2;
				padding:23px 25px 23px 25px;
				opacity:0;
				visibility:hidden;
				transition:all 0.3s ease-in-out;
				-webkit-transition:all 0.3s ease-in-out;

				> .table{
					display:table;
					table-layout:fixed;
					width:100%;
					height:100%;
					margin:0;

					> .table-cell{
						display:table-cell;
						width:100%;
						height:100%;
						vertical-align:bottom;

						> *:last-child{
							margin-bottom:0 !important;
						}

					}

				}

				.title{
					margin-bottom:2px;
					font-weight:500;
					font-size:17px;
					color:#fff;
					line-height:26px;
					letter-spacing:-0.5px;

					a{
						color:inherit;
					}

				}

				.description{
					margin-bottom:10px;
					font-weight:400;
					font-size:12px;
					color:#fff;
					line-height:25px;
					letter-spacing:0;
					opacity:0;
					visibility:hidden;
					transition:all 0.3s ease-in-out 0.3s;
					-webkit-transition:all 0.3s ease-in-out 0.3s;
				}

			}

			&:hover{

				> .pic{
					transform:scale(1.17);
					-webkit-transform:scale(1.17);
				}

				> .overlay{
					opacity:0.7;
					visibility:visible;
				}

				> .data,
				> .data .description{
					opacity:1;
					visibility:visible;
				}

			}

		}

	}

}

/* LARGE DESKTOP PART */
@media screen and (min-width:1200px){
}

/* DESKTOP PART */
@media screen and (min-width:992px) and (max-width:1199px){
}

/* TABLET LANDSCAPE PART */
@media screen and (min-width:768px) and (max-width:991px){
}

/* TABLET PROTRAIT PART */
@media screen and (min-width:480px) and (max-width:767px){
}

/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width:321px) and (max-width:479px){
}

/* SMART PHONE PROTRAIT PART */
@media screen and (max-width:320px){
}