.page-home {
	padding: 0;
	width: 100%;
	height: unset;
	z-index: 99;
}
.headerwithbox {
	/*background-image: url(../img/bg_image_1.jpg);*/
	background-position: center center;
	background-size: cover;
	background-repeat: repeat;
	margin-top: 80px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 10;
}
.headerwithbox .navbar{
	background-color: #93AABF;
}

.topbox{
}
.page-home .caption-header {
	
}
.headerwithbox .fw-normal {
	color: #fff;
}

.headerwithbox .badge {
	padding: 16px 24px;
	background-color: rgba(239, 56, 36, 0.15);
	color: #EF3724;
	text-shadow: 0 2px 4px rgba(23, 25, 37, 0.4);
	font-size: 16px;
	border-radius: 40px;
}
.color-bar {
	display: block;
	margin: 0;
	width: 100%;
}
.color-item {
	margin: 2.5px 3px;
}
.set-menu {
	padding: 0px 15px;
}
.card-service {
	margin: 5px auto;
	padding: 10px;
}
.card-service .caption {
	margin-top: 5px;
}
.grid-item img {
	width: 100%;
	height: 210px;
}
.portfoliopanel {
	height: 600px !important;
	max-height: 600px !important;
	overflow-y: scroll;
	scrollbar-width: thin;
}
.img-place > img {
	width: 100%;
	height: 240px;
}
.post-grid .card {
	margin: 1rem auto;
}
.post-grid .post-title {
	font-size: 15px;
}
.page-home::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.37);
	z-index: -1;
}



















@media screen and (max-width: 2252px) {
	.headerwithbox {
		height: 600px;
	}
}
@media screen and (max-width: 1952px) {
	.headerwithbox {
		height: 600px;
	}
}
@media screen and (max-width: 1352px) {
	.headerwithbox {
		height: 500px;
	}
}
@media screen and (max-width: 992px) {
	.headerwithbox {
		height: 400px;
	}
}
@media screen and (max-width: 792px) {
	.headerwithbox {
		height: 300px;
	}
}
@media screen and (max-width: 600px) {
	.headerwithbox {
		height: 250px;
	}
}

@media screen and (max-width: 450px) {
	.headerwithbox {
		height: 200px;
	}
}