/* ============================================================== 
    # Service Style Three
=================================================================== */

.service-hover-wrapper img {
	height: 100%;
}

/* Tablet To Mobile */
@media (max-width: 991px) {

}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {


	/* Services */

	.cteative-service-item {
		padding: 60px 30px;
		border: 1px solid #dddddd;
		box-shadow: none;
	}

	.bg-dark .cteative-service-item {
		border: none;
	}

	.services-nav {
		top: 0;
		margin: 0;
		justify-content: left;
		padding: 0;
		margin-bottom: 40px;
	}

	.services-item-one-items .services-carousel {
		top: 0;
		margin: 0;
		padding: 0;
	}

	.bg-static {
		display: none;
	}


	/* Service Style Two */
	.service-hover-wrapper {
		display: none;
	}

	.service-hover-content {
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
	}

	.service-hover-content .arrow {
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.service-hover-content .arrow .btn-animation {
		left: 0;
	}

}


/* Mobile */
@media (max-width: 767px) {
	

	/* Services */
	.services-nav {
		top: 0;
		margin: 0;
		justify-content: left;
		padding: 0;
		margin-bottom: 40px;
	}

	.services-item-one-items .services-carousel {
		top: 0;
		margin: 0;
		padding: 0;
	}

	.cteative-service-item {
		border: 1px solid #dddddd;
	}

	.bg-dark .cteative-service-item {
		border: none;
	}

	.bg-static {
		display: none;
	}


	/* Service Style Two */
	.service-hover-wrapper {
		display: none;
	}

	.service-hover-content {
		grid-template-columns: 1fr;
		grid-row-gap: 30px;
	}

	.service-hover-content .arrow {
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.service-hover-content .arrow .btn-animation {
		left: 0;
	}