/* Gallery Slider */

#lg-components-1 .lg-sub-html{
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	justify-content: center;
	column-gap: 10px;
}

#lg-outer-1 .lg-sub-html h4 {
	order: 100;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	margin-top: 10px;
}
#lg-outer-1 .lg-sub-html h4 a{
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	padding: 0 20px;
	background: #fff;
	color: #000;
	letter-spacing: 1px;
	border-radius: 4px;
}

.icon-relative-- {
	position: relative;
	max-width: 100px;
	display: flex;
	justify-content: center;
}
.tooltip-icon-- i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    animation: pulse-black 3s infinite;
    font-size: 19px;
    color: #000;
    background: #fff;
    line-height: 29px;
}

/* a.test:focus > .icon-relative-- .tooltip-icon-- > .tooltip-content {
	visibility: visible !important;
	top: -65px !important;
	transition: all 0.2s !important;
} */
input.amz-btn {
    height: 30px;
    width: 30px;
    position: absolute;
    left: 0px;
    z-index: 999;
    border-radius: 50px;
    opacity: 0;
}
input[type=checkbox]:checked + .tooltip-icon-- > .tooltip-content{
	visibility: visible !important;
	top: -65px !important;
	transition: all 0.2s !important;
}
/* .amz-active {
	visibility: visible !important;
	top: -65px !important;
	transition: all 0.2s !important;
} */

.tooltip-content {
	position: absolute;
	top: -110px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 0;
	background: white;
	border-radius: 5px;
	box-shadow: #d9d7d7 0 0 35px -4px;
	visibility: hidden;
	width: 170px;
    color: #000;
	font-size: 14px;
    font-weight: 700;
    left: 50%;
    transform: translate(-50%, 0);
}

.tooltip-content::before {
	content: "";
	position: absolute;
	width: 0;
	border: 15px solid white;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
	bottom: -30px;
}

.tooltip-content:hover {
	visibility: visible !important;
	top: -70px !important;
	transition: all 0.2s !important;
}

@keyframes pulse-black {
	0% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 #b6b9b7;
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px transparent;
	}

	100% {
		transform: scale(0.99);
		box-shadow: 0 0 0 0 transparent;
	}
}

/* Amazon Buttons */


@media screen and (min-width: 551px) {
	.amz-icon-wrapper{
		display: block;
	}
	.tooltip-icon-- i {
		display: none;
	}
	.tooltip-content {
		visibility: visible;
		position: unset;
		color: #fff;
		background: transparent;
		box-shadow: none;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 6px 0;
		font-size: 14px;
		font-weight: 700;
		transform: none;
	}
	.tooltip-content::before {
		display: none;
	}
}

@media screen and (max-width: 550px) {
  .amz-icon-wrapper{
		display: block;
	}
	
	div.amz-icon-wrapper:nth-child(2) {
		position: absolute;
		top: -520px;
		left: 180px;
	}
	div.amz-icon-wrapper:nth-child(3) {
		position: absolute;
		top: -420px;
		right: 140px;
	}
	div.amz-icon-wrapper:nth-child(4) {
		position: absolute;
		top: -320px;
		left: 150px;
	}
	div.amz-icon-wrapper:nth-child(5) {
		position: absolute;
		top: -220px;
		right: 160px;
	}
	div.amz-icon-wrapper:nth-child(6) {
		position: absolute;
		top: -120px;
		left: 110px;
	}
	div.amz-icon-wrapper:nth-child(7) {
		position: absolute;
		top: -80px;
		right: 150px;
	}
	
}

@media screen and (max-width: 480px) {
  .amz-icon-wrapper{
		display: block;
	}
	
	div.amz-icon-wrapper:nth-child(2) {
		position: absolute;
		top: -460px;
		left: 150px;
	}
	div.amz-icon-wrapper:nth-child(3) {
		position: absolute;
		top: -400px;
		right: 130px;
	}
	div.amz-icon-wrapper:nth-child(4) {
		position: absolute;
		top: -320px;
		left: 150px;
	}
	div.amz-icon-wrapper:nth-child(5) {
		position: absolute;
		top: -260px;
		right: 140px;
	}
	div.amz-icon-wrapper:nth-child(6) {
		position: absolute;
		top: -180px;
		left: 120px;
	}
	div.amz-icon-wrapper:nth-child(7) {
		position: absolute;
		top: -120px;
		right: 150px;
	}
	div.amz-icon-wrapper:nth-child(8){
		position: absolute;
		top: -120px;
		left: 150px;
	}
	
}

@media screen and (max-width: 420px) {
  .amz-icon-wrapper{
		display: block;
	}
	
	div.amz-icon-wrapper:nth-child(2) {
		position: absolute;
		top: -450px;
		left: 120px;
	}
	div.amz-icon-wrapper:nth-child(3) {
		position: absolute;
		top: -400px;
		right: 130px;
	}
	div.amz-icon-wrapper:nth-child(4) {
		position: absolute;
		top: -360px;
		left: 130px;
	}
	div.amz-icon-wrapper:nth-child(5) {
		position: absolute;
		top: -290px;
		right: 140px;
	}
	div.amz-icon-wrapper:nth-child(6) {
		position: absolute;
		top: -230px;
		left: 120px;
	}
	div.amz-icon-wrapper:nth-child(7) {
		position: absolute;
		top: -200px;
		right: 110px;
	}
	div.amz-icon-wrapper:nth-child(8){
		position: absolute;
		top: -160px;
		left: 140px;
	}
	
}