.archive_destination{
	margin: 110px 0;
	@media (max-width: 1024px) {
		margin: 80px 0;
	}
}

.content{

	.grid-sizer {
		width: 25%;
		@media (max-width: 1200px) {
			width: 50%;
		}
	}

	.item-destination {
		width: 25%;
		padding: 12px;
	    @media (max-width: 1200px) {
			width: 50%;
		}
		@media (max-width: 767px) {
			width: 100%;
		}
		&.item-destination-1, &.item-destination-2, &.item-destination-7{
			width: 50%;
			@media (max-width: 767px) {
				width: 100%;
			}
		}

		&:hover {
			.img {
				.destination-img {
                    -webkit-transform: scale3d(1.1, 1.1, 1);
                    transform: scale3d(1.1, 1.1, 1);
				}
				.mask {
					-webkit-transition: all 0.5s ease;
			        transition: all 0.5s ease;
			        opacity: 1;
				}
			}
			.info {
				.name {
					transition: all .3s ease;
					-webkit-transition: all .3s ease;
					-moz-transition: all .3s ease;
					-o-transition: all .3s ease;
				}
			}
		}

		.img {
			text-align: center;
			position: relative;
			overflow: hidden;
			border-radius: 10px;
			.destination-img {
				width: 100%;
				min-height: 250px;
				object-fit: cover;
				display: block; 
				-webkit-transition: all 0.5s linear;
			    transition: all 0.5s linear;
			    -webkit-transform: scale3d(1, 1, 1);
			    transform: scale3d(1, 1, 1);
			}
			.mask {
				-webkit-transition: all 0.5s ease;
			    transition: all 0.5s ease;
		        background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.4) 36.08%, rgba(0, 0, 0, 0) 74.47%);
                border-radius: 10px;
		        position: absolute;
		        content: "";
		        bottom: 0;
		        left: 0;
		        width: 100%;
		        height: 100%;
		        opacity: 0.8; 
	        }

		}


		.info {
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 1;
			text-align: left;
			padding: 40px;
			@media (max-width: 1200px) {
				padding: 30px;
			}
		    .name {
		    	transition: all .3s ease;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-o-transition: all .3s ease;
		    	position: relative;
				margin: 0;
				padding-bottom: 10px;
	            font-weight: 700;
				font-size: 42px;
				line-height: 1.1;
				color: #fff;
				letter-spacing: -0.5px;
				text-transform: capitalize;
				font-feature-settings: 'pnum' on, 'lnum' on;
			}
			.count-tour {
				display: inline-block;
				border-radius: 5px;
				background-color: var(--primary);
				padding: 3px 8px;
				color: #fff;
			}
		}

	}

}