a{color:#ffa666;}
      body{margin-top:95px}
      header{display:block;transition:.5s;opacity:1;position:absolute;left:0;right:0;top:0}
	  .buttonFirst{flex-basis:auto;}
	  .backgroundVR-viewer{background-image:url("/Simlabimages/vr_viewer/new-theme/background.png");background-repeat: no-repeat;background-size: cover;}
	  .background-viewer-color{background: rgb(51,51,51);background: linear-gradient(90deg, rgba(51,51,51,1) 0%, rgba(36,36,36,1) 100%);}
	  .maxWidth1160{max-width:1160px;}
	  .maxWidth600{max-width:600px;}
	  .maxWidth170{width:170px !important;}
	  .bg-windows{background: rgb(42,151,255);background: linear-gradient(90deg, rgba(42,151,255,1) 0%, rgba(52,134,209,1) 100%);}
	  .bg-android{background-color:#39b54a;}
	  .bg-pico{background-color: #2f948e;}
	  .bg-htc{background-color: #4dc8ff;}
	  .bg-oculus{background-color: #9f7bba;}
	  .bg-mac{background-color: #b3b3b3;}
	  .bg-black10P{background-color:rgba(0,0,0,0.10);}
	  .bg-black20P{background-color:rgba(0,0,0,0.20);}
	  .bg-supported{background-color: #0f0f0f;}
      .bg-grey-dark{background: rgb(87,94,98);background: linear-gradient(90deg, rgba(87,94,98,1) 0%, rgba(68,74,77,1) 100%);}
      .bg-purple-dark{background: rgb(91,59,114);background: linear-gradient(90deg, rgba(91,59,114,1) 0%, rgba(111,65,134,1) 100%);}
	  .dropShadow{filter: drop-shadow(9px 9px 8px rgba(0,0,0,0.3));}
	  .centered4,.centered5{transform: translate(-50%,-50%);top:50%;left:50%;}
	.maxWidth600{max-width: 600px;}
    .maxWidth800{max-width: 800px;}
    .minHeight540{min-height: 540px;}
	.vrCards{background-image: url('/Simlabimages/vr_viewer/new-theme/bg-viewer.png');background-size:cover;background-repeat: round;}
	.SimLabCircle{margin-top: auto;margin-bottom: auto;top: 50%;transform: translate(0px, -50%);}
	.lineHeight15{line-height:15px;}
	.lineHeight25{line-height:25px;}
	.lineHeight35{line-height:35px;}
	.zIndex7{z-index:7;}
	.zIndex6{z-index:6;}
	.zIndex5{z-index:5;}
	.zIndex4{z-index:4;}
	.zIndex3{z-index:3;}
	.zIndex2{z-index:2;}
	.zIndex1{z-index:1;}
	.marginBottomN6{margin-bottom:-6%;}
	.opacity6{opacity: 0.6;}
	.opacity5{opacity: 0.5;}
	.opacity4{opacity: 0.4;}
	.SimLabCircle{
	  position: relative;
	  width: 100%; /* change this only */
	  aspect-ratio: 1;
	  height: auto;
	  max-width: 400px;
	}
	.whiteCircle{
	  position: absolute;
	  width:100%;
	  height:100%;
	  border-radius: 50% !important;
	  background: white;
	  mask: radial-gradient(transparent 0%,#000 75%, #000 95%, #transparent 100%);
	  -webkit-mask: radial-gradient(#000 0%, transparent 95%);
	}
	.circle{
	  position: absolute;
	  width:100%;
	  height:100%;
	  border-radius: 50% !important;
	  -webkit-mask: radial-gradient(transparent 0%,#000 75%);
	  mask: radial-gradient(transparent 0%,#000 75%);
	  background: conic-gradient(red, yellow, green, blue, red);
	}
	.selector{
	  left: 11%;
	  top: 11%;
	  position: absolute;
	  width: 7%;
	  aspect-ratio: 1;
	  border-radius: 50% !important;
	  border: 5px solid white;
	  background: rgba(255,255,255,0.5);
	  filter: drop-shadow(2px 1px 3px rgba(0,0,0,0.5));
	}
	.Rotator{
	  animation: rotator 5s infinite linear;
	  position:absolute;
	  inset: 0;
	  width:100%;
	  height:100%;
	}
	.ColoredImage{animation: colorHue 5s infinite linear;}
	.fontWeight-100{font-weight: 100}
	.diff_dev:hover img, .diff_dev:hover p {
		filter: brightness(88%) drop-shadow(0px 0px 5px rgba(255,166,102,0.72));
		-webkit-filter: brightness(88%) drop-shadow(0px 0px 5px rgba(255,166,102,0.72));
		-moz-filter: brightness(88%) drop-shadow(0px 0px 5px rgba(255,166,102,0.72));
		cursor: pointer;
	}   
	    select{height: 300px;}
	@keyframes rotator {
	  from{transform: rotate(0deg);}
	  to{transform: rotate(360deg);}
	}
	@keyframes colorHue {
	  from{filter: hue-rotate(-30deg);}
	  to{filter: hue-rotate(330deg);}
	}	  
	@media (min-width:1600px){.devices{justify-content: center;flex-wrap: nowrap;}}
	@media (max-width:1600px){.devices > div{margin-left:0px !important;margin-right:0px !important;} #video_pergraph .col-12.d-flex {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}}
	@media (max-width:1220px){
		.changeWidth5{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} 
		.devices > div{margin-left:auto !important;margin-right:auto !important;width:25%}
	}
    @media (max-width:992px){
		.b-s-n{display: none !important;} .lineHeight35{line-height:18px;}
	}
	@media (max-width:767px){
	    
		.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%;}
		.allFeature{padding-top:0px !important;margin-top:0px !important;}
		.displaNone{display: none;}
		.padding0{padding: 0px  !important;}
		.centered5{top:0px !important;left:0px !important;transform: translate(0,0) !important;position:relative!important;}
	}
	@media (min-width:360px) and (max-width:480px){ .height140m{min-height: 40px;}} 
    @media (max-width:570px){#video_pergraph .col-md-4.bg-black10P, #video_pergraph .col-md-4.bg-black20P{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}}
	@media (max-width:480px){
		.maxWidth170{width:115px !important}
	}	  
	@media (max-width:363px){	
		.changeWidth2.changeWidth6{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		.outerButton{display: block !important}
		.maxWidth170{min-width:115px}
	}	  
	@media (max-width:300px){	
		.devices > div{width:50%}
	}