@media (max-width: 1199px) {
.demo-img:hover img {
	transform: translateY(-1200px);
}
.hover1:hover img {
	transform: translateY(-600px);
}
}

@media (max-width: 991px) {
.demo-img:hover img {
	transform: translateY(-1400px);
}
.hover1:hover img {
	transform: translateY(-730px);
}
}

@media (max-width: 767px) {
.demo-img {
	height: 350px;
	max-height: 350px; 
}
.demo-area {
	padding-top: 120px;
}
.demo-wrapper img {
	border-radius: 53px 53px 0px 0px;
}
.hero-content h2 {
	font-size: 20px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 20px;
	font-weight: 500;
}
.demo-img:hover img {
	transform: translateY(-1230px);
}
.hover1:hover img {
	transform: translateY(-620px);
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hover1:hover img {
	transform: translateY(-1220px);
}
.demo-img:hover img {
	transform: translateY(-2230px);
}
}