section.top-banner {
	height: 370px;
    position: absolute;
    width: 100%;
    z-index: 0;
	margin: 0;
    background: radial-gradient(73.93% 339.48% at 25.28% 79.84%, #f8f4f1 0%, #e7d9ce 41.48%);
}
section.top-banner > .top-banner-limiter{
	padding: 0px 24px;
    max-width: 1920px;
    min-width: 320px;
    margin: auto;
    clear: both;
}
.top-banner-container {
	width: calc(100% - 380px);
	float: right;
	display: flex;
	justify-content: space-between;
}
.top-banner-section-left {
	display: flex;
    height: 350px;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 115px;
}
.top-banner-section-left > .site-title {
    font-family: "futura-pt-bold", sans-serif;
    font-style: normal;
    font-size: 24px;
	background: #ffffff;
    padding: 12px;
	border-left: 4px solid #2a65d0;
}
.image-banner {
	margin-right: 24px;
	margin-top: 40px;
}
.top-banner-section-left .tips.grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
	font-size: 18px;
}
.d-flex.tips-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    gap: 10px;
	padding-right: 15px;
}
.top-banner-section-left > div.site-title > p, .tips.grid p {
	margin: 0!important;
	margin-bottom: 0!important;
}
#right > .b24-form-click-btn-font-modern {
	margin-top: 290px;
    margin-bottom: 80px;
	border: none;
    width: 300px;
    height: 60px;
    color: rgb(255, 255, 255);
    border-color: rgb(42, 101, 208);
    background-color: rgb(42, 101, 208);
	cursor: pointer;
}
.top-banner-section-left .filer {
	visibility: hidden;
	border: none;
    width: 300px;
    height: 60px;
}
@media (max-width: 1775px) {
	.top-banner-section-left > .site-title{
		zoom: 0.9;
	}
	.d-flex.tips-item{
		zoom: 0.9;
	}
	.image-banner {
		zoom:0.95;
	}
}
@media (max-width: 1640px) {
	.top-banner-section-left > .site-title{
		zoom: 0.8;
	}
	.d-flex.tips-item{
		zoom: 0.85;
	}
	.image-banner {
		zoom:0.9;
	}
}
@media (max-width: 1605px) {
	.d-flex.tips-item{
		zoom: 0.8;
	}
}
@media (max-width: 1550px) {
	.top-banner-container {
		width: calc(100% - 340px);
	}
}
@media (max-width: 1365px) {
	.top-banner-container {
		width: calc(100% - 300px);
	}
	.image-banner {
		margin-left: -40px;
		margin-right: -25px;
		overflow: hidden;
	}
}
@media (max-width: 1200px) {
	.top-banner-container {
		width: calc(100% - 280px);
	}
	.image-banner {
		margin-left: -40px;
	}
}
@media (max-width: 1024px) {
	#catalogSection{
		margin-top: initial;
	}
	section.top-banner {
		height: 300px!important;
		margin-top: 270px!important;
	}
	.top-banner-container {
		width: 100%;
		margin-top: 40px;
	}
	.top-banner-section-left {
		margin-top: initial;
	}
	.top-banner-section-left > .site-title{
		zoom: initial;
	}
	.d-flex.tips-item{
		zoom: initial;
	}
	.image-banner {
		zoom: initial;
		margin-top: -70px;
		margin-right: -24px;
	}
	#right > .b24-form-click-btn-font-modern {
		margin-top: 325px;
	}
}
@media (max-width: 701px) {
	section.top-banner  {
		height: 480px!important;
	}
	section.top-banner > .top-banner-limiter {
		padding: 0;
		height: 460px;
	}
	.top-banner-container {
		margin-top: 0;
		display: flex;
		justify-content: center;
	} 
	.top-banner-section-left > .site-title {
		text-align: center;
		border-radius: 10px;
		margin: 15px;
		border: 3px solid #2a65d0;
		background: none;
		width: 220px;
		font-size: 1rem;
	}
	.d-flex.tips-item{
		zoom: 0.8;
	}
	.image-banner {
		display:none;
	}
	.top-banner-section-left {
		display: flex;
		justify-content: space-evenly;
		flex-direction: column;
		height: 460px;
		align-items: center;
	}
	.top-banner-section-left .filer {
		border: none;
		width: 220px;
		height: 50px;
	}
	#right > .b24-form-click-btn-font-modern {
		border: none;
		width: -webkit-fill-available;
		height: 50px;
		font-size: 1rem;
		margin-top: 380px;
	}
	.top-banner-section-left .tips.grid {
		display: initial;
	}

}