/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.wrapbanner-image-right{
	position: fixed;
	right: 60px;
	top: 25%;
	--push-y: 0;
	transform:translateY(0) translateY(var(--push-y));
	max-width:220px;
	width:100%;
	z-index:1;
	scale:1;
	width: clamp(140px, 13vw, 220px);
	transition: width 0.3s ease, right 0.35s ease , scale 0.3s ease;
	cursor: pointer;
}
.wrapbanner-image-right img{
	border-radius:12px;
	height: auto;
}

body {
    overflow: auto;
}

.wrapbanner-icon-boxgift-mobile{
	position: fixed;
	right: 10px;
    bottom: 140px;
	max-width:80px;
	width:100%;
	z-index:9999;
	cursor: pointer;
	display:none;
}
@media (min-width: 1622px){
	.wrapbanner-image-right:hover{
		scale:1.03
	}
}
	
@media (max-width: 1880px) {
	.wrapbanner-image-right {
		right: 30px;
		width: clamp(140px, 10vw, 220px);
	}
}

@media (max-width: 1700px) {
	.wrapbanner-image-right {
		right: 3px;
	}
}

@media (max-width: 1622px) {
	.wrapbanner-image-right {
		right: -105px;
	}
	.wrapbanner-image-right:hover {
		right: 3px;
	}
}

@media (max-width: 1024px) {
	.wrapbanner-image-right {
		display:none
	}
	.wrapbanner-icon-boxgift-mobile {
		display:block
	}
}