@media only screen and (max-width: 1920px) {
	.vs-hero-bg {
		height: 700px;
	}
}

@media only screen and (max-width: 1600px) {
	.vs-hero-bg {
		height: 580px;
	}
}

@media only screen and (max-width: 1200px) {
	.img-box-2 .big-img {
		height: 430px;
	}
}

@media only screen and (max-width: 991px) {
	.vs-hero-bg {
	    height: 396px;
	}
	.hero-slider1 .vs-hero-inner {
        height: 450px;
	}
	.class-box .class-img img {
	    border-radius: 30px;
	    width: 100%;
	    height: 280px;
	}
}

@media only screen and (max-width: 767px) {
	.vs-hero-bg {
	    height: 320px;
	}
	.hero-slider1 .vs-hero-inner {
       height: 250px;
	}
	.service-section {
		padding: 30px 0px;
	}
}

@media only screen and (max-width: 600px) {
	.vs-hero-bg {
	    height: 290px;
	}
	.img-box-2 .big-img {
	    height: 490px;
	}
}

@media only screen and (max-width: 576px) {
	.vs-hero-bg {
	    height: 230px;
	}
	.hero-slider1 .vs-hero-inner {
        height: 235px;
    }
}

@media only screen and (max-width: 530px) {
	.img-box-2 .big-img {
	    height: 450px;
	}
}

@media only screen and (max-width: 480px) {
	.img-box-2 .big-img {
	    height: 400px;
	}
}

@media only screen and (max-width: 400px) {
	.img-box-2 .big-img {
	    height: 350px;
	}
}

@media only screen and (max-width: 360px) {
	.img-box-2 .big-img {
	    height: 320px;
	}
}

@media only screen and (max-width: 345px) {
	.img-box-2 .big-img {
	    height: 300px;
	}
}