.gpc-calculator {
  padding: 2px;
  text-align: center;
}

/* Karat Options Wrapper */
.gpc-karat-options {
  width: 100%;
  margin: 0 auto;
}

/* Karat List */
.gpc-karat-list {
  list-style: none !important;
  padding: 0;
  margin: 0px auto;
	width: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}

/* Buttons */
.gpc-karat-item {
  
  
  cursor: pointer;
  border-radius: 45px;
  background: #FFF;
  font-size: 16px;
  transition: 0.2s;
  align-content:center;
	height:45px;
	width:45px;
	box-shadow:2px 2px 9px rgba(0,0,0,.1)
}

.gpc-karat-item.active {
  background: #69532A;
  color: #FFFFFF;
  
}

/* Big Result */
#gpc-result {
  font-size: 100px;
  font-weight: 800;
  color: #69532A;
  text-align: center;
  padding: 0;
  line-height: 90px;
  height: 91px;
  word-break: break-word;
}
.selected-karat-display{
	color: #69532A;
	line-height:40px;
}
/* Slider */
.gpc-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background:#FFFFFF;
  outline: 0;
  margin-top: 1.5rem;
  cursor: pointer;
}

/* Heading */
.gpc-headline {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin: 0 0 15px 0;
	color: #69532A;
	line-height:34px;
}

/* Slider container */
.slider-container {
  margin: 0 auto;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/* Slider width */
.slider-input {
  width: 85%;
}

/* Gram box */
.gram-container {
  width: 15%;
  text-align: left;
}

/* Gram number display */
.gram-display {
  background-color: #69532A;
  color:#FFFFFF;
  text-align: center;
  font-size: 14px;
  margin-top:7px;
  border-radius: 5px;
	display:block;
	font-weight:normal;
}

/* Clear float */
.clearboth {
  clear: both;
}


@media only screen and (max-width: 768px) {
	.gpc-karat-list{
		width:100%;
		margin:0px !important;
	}
	.slider-container{
		width:100%;
		padding:0px 10px;
	}
	#gpc-result{
		font-size:100px;
	}
	.slider-input{
		width:80%;
	}
	.gram-container {
  		width: 20%;
  		text-align: left;
		padding-top:12px
	}
	.gpc-karat-item {
	  padding: 6px 7px;
	  
	  font-size: 17px;
	}
	.gram-display {
		padding:3px;
	}
}