.navbar-brand img, .logo img { max-height: 50px; }
.main-banner-item { height: auto; }
.inner-cover-breadcrumb { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0,0,0,0.8) 80%); }
.page-title-area { background-size: cover !important; background-position: center !important; padding-top: 0px; padding-bottom: 0px; }
.page-title-content h2 { color: #fff; }
.page-title-content p { color: #fff; }

.box-image-240 { min-height: 240px; background-size: cover; }
.box-image-360 { min-height: 360px; background-size: cover; }
.box-image-680 { min-height: 680px; background-size: cover; }
.box-image-480 { min-height: 480px; background-size: cover; }
.box-image-840 { min-height: 840px; background-size: cover; }

.video-area { position: relative; min-height: 320px; }
.video-image { background-size: cover; border-radius: 0px; }
	.video-image[style*="background: url('')"], .video-image[style*="background:url('')"] { }
	.video-image .video-icon a { background: none; }
.video-image { position: relative; width: 100%; height: 100vh; background-size: cover !important; background-position: center center !important; }
.video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; transition: all 0.3s ease; }
.video-play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; }
.play-btn { position: relative; width: 80px; height: 80px; background: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 50%; cursor: pointer; outline: none; transition: all 0.3s ease; }
	.play-btn::before { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 50%; animation: pulse 2s infinite; }
.play-icon { position: relative; display: block; color: white; font-size: 24px; line-height: 1; transform: translateX(2px); }

@media (min-width: 992px) {
	.box-image-240 { min-height: 180px; background-size: cover; background-position: center; }
	.box-image-360 { min-height: 240px; background-size: cover; background-position: center; }
	.box-image-480 { min-height: 360px; background-size: cover; background-position: center; }
	.box-image-680 { min-height: 360px; background-size: cover; background-position: center; }
	.box-image-840 { min-height: 680px; background-size: cover; background-position: center; }
}

.single-blog-post .post-content { padding: 10px; }