@media only screen and (min-width: 1024px) {
	.toggle__switch {
		position: relative;
		display: inline-block;
		/* width: 28.54vw; */
		width: 38.64vw;
		height: 6.32vh;
	}
	.toggle__labels {
		position: relative;
		top: -44%;
		/* width: 28.54vw; */
		width: 38.64vw;
		height: 6.32vh;
		font-family: 'BT Beau Sans Bold';
		font-size: 1.25vw;
		display: flex;
		align-items: center;
		justify-content: space-around;
		letter-spacing: 1.2px;
		cursor: pointer;
	}
	.toggle__switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	.toggle__slider {
		position: absolute;
		/* cursor: pointer; */
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #E7E5FF;
		-webkit-transition: .4s;
		transition: 0.4s;
		height: 6.99vh;
	}
	.toggle__slider:before {
		position: absolute;
		content: "";
		height: 7vh;
		width: 19.3vw;
		background-color: #4A3BF1;
		-webkit-transition: .4s;
		transition: .4s;
	}
	.toggle__first__label {
		color: #F7F7F7;
		transition: color 2s ease-out;
	}
	.toggle__second__label {
		color: #404040;
		transition: color 2s ease-out;
	}
	input:checked ~ .toggle__labels > .toggle__first__label {
		color:  #404040;
		transition: color 2s ease-out;
	}
	input:checked ~ .toggle__labels > .toggle__second__label {
		color:  #F7F7F7;
		transition: color 2s ease-out;
	}
	input:checked + .toggle__slider:before {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	.toggle__slider.round, .toggle__slider.round:before  {
		border-radius: 2.76vw;
	}
}

/* Mobile view */
@media only screen and (max-width: 1023px) {
	.toggle__switch {
		position: relative;
		display: inline-block;
		height: 42px;
	}
	.toggle__labels {
		position: relative;
		transform: translateY(-3px);
		width: 312px;
		font-family: 'BT Beau Sans Bold';
		font-size: 20px;
		display: flex;
		align-items: center;
		justify-content: space-around;
		letter-spacing: 1.2px;
	}
	.toggle__switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}
	.toggle__slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #E7E5FF;
		-webkit-transition: .4s;
		transition: 0.4s;
	}
	.toggle__slider:before {
		position: absolute;
		content: "";
		height: 42px;
		width: 156px;
		background-color: #4A3BF1;
		-webkit-transition: .4s;
		transition: .4s;
	}
	.toggle__first__label {
		color: #F7F7F7;
		transition: color 2s ease-out;
	}
	.toggle__second__label {
		color: #404040;
		transition: color 2s ease-out;
	}
	.toggle__first__label, .toggle__second__label {
		width: 50%;
		text-align: center;
	}
	input:checked ~ .toggle__labels > .toggle__first__label {
		color:  #404040;
		transition: color 2s ease-out;
	}
	input:checked ~ .toggle__labels > .toggle__second__label {
		color:  #F7F7F7;
		transition: color 2s ease-out;
	}
	input:checked + .toggle__slider:before {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
	}
	.toggle__slider.round, .toggle__slider.round:before  {
		border-radius: 53px;
	}
}