.maxWidth220{max-width: 288px;}
	   .maxWidth2500,.maxWidth2500_2{max-width: 1500px;}
	   .backgroundGreyB{background-color: #444b4d;}
	   .backgroundGreyB2{background-color: #111314;}
	   .backgroundGreyR{background-color: #111111;}
	   .mb-5n{margin-bottom: -8%}
	   .mt-5n{margin-top: -5%}
	   .mt-5P{margin-top: 4%}
	   .bg-blue-pic{background-image: url(/Simlabimages/store/grey.png);background-size: cover;background-repeat: round;padding: 23px 36px !important;}
	   .w-70{width: 70%;}
	   .maxWidth500{max-width: 560px;}
	   .maxWidth700{max-width: 700px;}
	   .bn-100{bottom:-100%;}
	   .mainPerg{margin-top: -5%;margin-right: -32%;width: 132% !important;}

		#slider-container {
		  width: 100%;
		  text-align: center;
		}
		#output-container {
		  margin-top: 20px;
		  font-size: 18px;
		}  
		input[type="range"] {
			font-size: 1.5rem;
			width: 12.5em;
		}

		input[type="range"] {
			color: #b9d2d8 !important;
			--thumb-height: 1.125em;
			--track-height: 0.3em;
			--track-width: 2em;
			--track-color: #333839;
			--brightness-hover: 180%;
			--brightness-down: 80%;
			--clip-edges: 0em;
		}
		/* === range commons === */
		input[type="range"] {
			position: relative;
			background: #fff0;
			overflow: hidden;
		}

		input[type="range"]:active {
			cursor: grabbing;
		}

		input[type="range"]:disabled {
			filter: grayscale(1);
			opacity: 0.3;
			cursor: not-allowed;
		}

		/* === WebKit specific styles === */
		input[type="range"],
		input[type="range"]::-webkit-slider-runnable-track,
		input[type="range"]::-webkit-slider-thumb {
			-webkit-appearance: none;
			transition: all ease 100ms;
			height: var(--thumb-height);

		}

		input[type="range"]::-webkit-slider-runnable-track,
		input[type="range"]::-webkit-slider-thumb {
			position: relative;
		}

		input[type="range"]::-webkit-slider-thumb {
			--thumb-radius: calc((var(--thumb-height) * 0.5) - 40px);
			--clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
			--clip-bottom: calc(var(--thumb-height) - var(--clip-top));
			--clip-further: calc(100% + -0.5px);
			--box-fill: calc(-98vmax - var(--thumb-width, var(--thumb-height))) 0 0
				100vmax currentColor;

			width: var(--thumb-width, var(--thumb-height));
			background: linear-gradient(currentColor 0 0) scroll no-repeat left center /
				50% calc(var(--track-height) + 1px);
			background-color: currentColor;
			box-shadow: var(--box-fill);
			border-radius: var(--thumb-width, var(--thumb-height));

			filter: brightness(100%);
			clip-path: polygon(
				100% -1px,
				var(--clip-edges) -1px,
				0 var(--clip-top),
				-100vmax var(--clip-top),
				-100vmax var(--clip-bottom),
				0 var(--clip-bottom),
				var(--clip-edges) 100%,
				var(--clip-further) var(--clip-further)
			);
		}
	   

		input[type="range"]:hover::-webkit-slider-thumb {
/*
			filter: brightness(var(--brightness-hover));
			cursor: grab;
*/
		}

		input[type="range"]:active::-webkit-slider-thumb {
			filter: brightness(var(--brightness-down));
			cursor: grabbing;
		}

		input[type="range"]::-webkit-slider-runnable-track {
			background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center /
				100% calc(var(--track-height) + 1px);
		}

		input[type="range"]:disabled::-webkit-slider-thumb {
			cursor: not-allowed;
		}


		/* Thumb: webkit */
		input[type="range"]::-webkit-slider-thumb {
		  -webkit-appearance: none;
		  appearance: none;
		  height: 23px;
		  width: 11px;
		  background-color: transparent;
		  background-image: url("/Simlabimages/store/Artboard 4.svg");
		  background-size: cover;
		  border-radius: 0%;
		  border: none;
		  transition: 0.2s ease-in-out;
		  /*  rotate thumb  */
		  transform: rotateZ(var(--thumb-rotate, 0deg));
		}

		/* Thumb: Firefox */
		input[type="range"]::-moz-range-thumb {
		  height: 23px;
		  width: 11px;
		  background-color: transparent;
		  background-image: url("/Simlabimages/store/Artboard 4.svg");
		  background-size: cover;
		  border-radius: 0%;
		  border: none;
		  transition: 0.2s ease-in-out;
		  /*  rotate thumb  */
		  transform: rotateZ(var(--thumb-rotate, 0deg));
		}


		/* === Firefox specific styles === */
		input[type="range"],
		input[type="range"]::-moz-range-track,
		input[type="range"]::-moz-range-thumb {
			appearance: none;
			transition: all ease 100ms;
			height: var(--thumb-height);
		}

		input[type="range"]::-moz-range-track,
		input[type="range"]::-moz-range-thumb,
		input[type="range"]::-moz-range-progress {
			background: #fff0;
		}

		input[type="range"]::-moz-range-thumb {
			background: currentColor;
			border: 0;
			width: var(--thumb-width, var(--thumb-height));
			border-radius: var(--thumb-width, var(--thumb-height));
			cursor: grab;
		}

		input[type="range"]:active::-moz-range-thumb {
			cursor: grabbing;
		}

		input[type="range"]::-moz-range-track {
			width: 100%;
			background: var(--track-color);
		}

		input[type="range"]::-moz-range-progress {
			appearance: none;
			background: currentColor;
			transition-delay: 30ms;
		}

		input[type="range"]::-moz-range-track,
		input[type="range"]::-moz-range-progress {
			height: calc(var(--track-height) + 1px);
			border-radius: var(--track-height);
		}

		input[type="range"]::-moz-range-thumb,
		input[type="range"]::-moz-range-progress {
			filter: brightness(100%);
		}

		input[type="range"]:hover::-moz-range-thumb,
		input[type="range"]:hover::-moz-range-progress {
/*			filter: brightness(var(--brightness-hover));*/
		}

		input[type="range"]:active::-moz-range-thumb,
		input[type="range"]:active::-moz-range-progress {
			filter: brightness(var(--brightness-down));
		}

		input[type="range"]:disabled::-moz-range-thumb {
			cursor: not-allowed;
		}
		@media (max-width:1140px){		
		    .mainPerg{margin-top:auto;margin-right: auto;width: 100% !important;}
			.changeWidth2{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
			.changeWidth3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
			.changeWidth4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
			.m-50{min-width:50%}
			.pp{padding-left:5%;padding-right:5%;}
			.nav-link.remove-button{padding-top:8px;padding-bottom:8px;}
			.transfer-rot{transform: rotate(-90deg);}
		}
	   @media (min-width: 992px){
		   .m1{display: flex !important;margin-top: -6% !important;height: 232PX !important;width: 232px !important;margin-bottom: -6% !important;box-shadow: 0px 0px 10px 1px black;} 
	       .m2{width: 182px;margin-left: -13% !important;margin-right: -12% !important;margin-top: -19% !important;}
		   
	   }
	   @media (max-width: 992px){
		   .ws {white-space: wrap;}
		   .w-75{width:100% !important;} .pl-5,.pr-5,.p-5,.pl-4,.pr-4,.p-4,.pl-3,.pr-3,.p-3{padding-left: 0.8em !important;padding-right: 0.8em !important;} .firstb{margin-left: auto;margin-right: auto;} .textCenterS{text-align: center !important;}
		   .widthMin-c{width:100% !important;}
		   .mb-5n{margin-bottom: 10px !important;}
		   .mt-5n{margin-top: 10px !important;}
		   .m1{min-width: 200px;padding: 25px !important;}
		   .m2{max-width: 90%;margin-left: 5% !important;}
	   }	
	   @media (max-width:767px){
		 .maxWidth2500 {min-height: 400px;}
	   }
	   @media (max-width:700px){.p-5{padding: 0.5rem!important;}}