.header-top-banner {
    padding-top: 10px;
    padding-bottom: 10px;
				top: 0;
				position: fixed;
				width: 100%;
				z-index: 10000;
}
.header-top-banner img{
	max-width:150px;
}
:root {
    --top-banner-height: 0px;
    --admin-bar-height: 0px;
}


.admin-bar .header-top-banner {
	top: 32px;
}

.header-top-banner a.banner-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1000;
}

/* base */
.clshieght.pt-\[100px\] {
	padding-top: calc(100px + var(--top-banner-height));
}
#header.pt-\[15px\] {
	padding-top: calc(15px + var(--top-banner-height));
		;
}
/* md */
@media (min-width: 768px) {
	.clshieght.md\:pt-\[163px\] {
		padding-top: calc(163px + var(--top-banner-height));
	}
		#header.md\:pt-\[26px\] {
			padding-top: calc(26px + var(--top-banner-height));;
		}
}

/* lg */
@media (min-width: 1024px) {
	.clshieght.lg\:pt-\[155px\] {
		padding-top: calc(155px + var(--top-banner-height));
	}
}

/* xl */
@media (min-width: 1280px) {
	.clshieght.xl\:pt-\[178px\] {
		padding-top: calc(178px + var(--top-banner-height));
	}
}