.marginTop0{margin-top: 0;}
      .marginTop20{margin-top: 25%}
	  .padd_ltr{padding-left: 80px;padding-right: 80px;padding-top: 10px;}
	  .right18{right:18px;}
	  .left18{left:18px;}
	  .top25{top:25px;}
      .transform3{transform: translate(0,-50%);top:50%;}
	  .widthM3000{max-width: 3000px;}
	  .background_purple{background-image: linear-gradient(to right, #c789a1, #c2849f, #bd7f9d, #b87a9b, #b37599, #af7198, #ab6d96, #a76995, #a36493, #9e6091, #9a5b90, #95578e);}
	  .background_purple2:hover{background-image: none;background-color: #caa4b2 !important;}
	  .background_purple2{background-color: rgba(205, 205, 205, 0.6) !important;}
	  .background_purple3{background-image:url("/Simlabimages/Oculus_Quest/10_update/upBack.svg");}
	  .background_purple4{background-image:url("/Simlabimages/Oculus_Quest/10_update/bottomBack.svg");}
      .background_purple5{background-repeat: no-repeat;background-size: cover;max-width: 1920px;}
	  .lessLeft{margin-left:-5% !important;}
	  .tansfrom1{transform: translate(0px,0%);}
	  .tansfrom3{transform: translate(0px,32%);}
	  .transform2{margin-top:-270px;}
	  .childEffect{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
	  .widthCol:hover > .childEffect{cursor: pointer;margin-top:-10px;margin-bottom:10px;}
	  .maxHeight500{max-height: 600px;max-width: 1000px;}
      .modal-dialog{background-color:transparent;}
	  .backgroundGrey_extra2{background: rgb(60,58,60);background: linear-gradient(90deg, rgba(60,58,60,0) 0%, rgba(60,58,60,0.5) 60%, rgba(60,58,60,0.75) 75%, rgb(60,58,60,1) 100%);}
	  .backgroundGrey_extra3{background: rgb(24,23,24);background: linear-gradient(90deg, rgba(24,23,24,0) 0%, rgba(24,23,24,0.5) 60%,  rgba(24,23,24,0.75) 75%, rgba(24,23,24,1) 100%);}
	  .backgroundGrey_extra4{background: rgb(60,58,60);background: linear-gradient(90deg, rgba(60,58,60,1) 0%, rgba(60,58,60,0.75) 60%, rgba(60,58,60,0.50) 75%, rgba(60,58,60,0) 100%);}
	  .backgroundGrey_extra5{background: rgb(24,23,24);background: linear-gradient(90deg, rgba(24,23,24,100) 0%, rgba(24,23,24,0.75) 60%,  rgba(24,23,24,0.5) 75%, rgba(24,23,24,0) 100%);}			 
	  .backgroundBlack_shape{background-image: url("/Simlabimages/Oculus_Quest/10_update/upFront.svg")}
	  .marginBottomN3{margin-bottom: -3%;}
      .marginBottomN7{margin-bottom: -7%;}
      .marginBottom30{margin-bottom: 30px;}
      .marginTopN30{margin-top:-30px;}
	  .centered{top: 50%;left: 50%;transform: translate(-50%, -50%);}
	  .imageMarg{margin-left: -25% !important;margin-right: -25% !important;margin-top: -15%;min-width: 150%;}
	  .innerDivi{filter: blur(6px);opacity: 0.4;}
	  .innerDivi2{background: linear-gradient(90deg, black, rgba(0,0,0,0));}
	  .innerDivi3{background: linear-gradient(-90deg, black, rgba(0,0,0,0));}		 
	  .purpleDS{filter: drop-shadow(0px 0px 30px rgba(195,95,206,0.21));}
	  .purpleDS2{-webkit-box-shadow: 0px 0px 41px 0px rgba(198,94,209,0.21);-moz-box-shadow: 0px 0px 41px 0px rgba(198,94,209,0.21);box-shadow: 0px 0px 41px 0px rgba(198,94,209,0.21);}
	  .centered2{left: 0%;top: 0%;transform: translate(0%, 50%);}
	  .t-20{top:20px;}
	  .width5P,.width5P2{width:5%;max-width:100px;}
	  .width5P{max-width:80px;}
	  .width5P2{max-width:50px;}
	  .shadowBlack2{-webkit-box-shadow: inset 0px 6px 6px -6px rgba(18,18,18,1);-moz-box-shadow: inset 0px 6px 6px -6px rgba(18,18,18,1);box-shadow: inset 0px 6px 6px -6px rgba(18,18,18,1);}
		@media (min-width: 576px){
		.modal-dialog3 {
			max-width: 700px !important;
		}
		.modal-content {
			max-width: 100% !important;
		}
		}
	    @keyframes fadeInUp{from {opacity: 0;transform: translate3d(0, 20%, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}
	    @media (max-width:1900px) and (min-width:1660px){.tansfrom1{transform: translate(0px,60%);} .tansfrom3{transform: translate(0px,25%);} .transform2{margin-top:-240px;}}
	    @media (max-width:1660px) and (min-width:1460px){.tansfrom1{transform: translate(0px,60%);} .tansfrom3{transform: translate(0px,22%);} .transform2{margin-top:-200px;}}		
	    @media (max-width:1460px) and (min-width:1260px){.tansfrom1{transform: translate(0px,30%);} .tansfrom3{transform: translate(0px,4%);} .transform2{margin-top:-160px;}}
	    @media (max-width:1250px) and (min-width:1160px){.tansfrom1{transform: translate(0px,35%);} .tansfrom3{transform: translate(0px,15%);} .transform2{margin-top:-130px;}}
	    @media (max-width:1160px) and (min-width:960px){.tansfrom1{transform: translate(0px,30%);} .tansfrom3{transform: translate(0px,-8%);} .transform2{margin-top:-85px;}}
	    @media (max-width:960px) and (min-width:760px){.tansfrom1{transform: translate(0px,28%);} .tansfrom3{transform: translate(0px,-11%);} .transform2{margin-top:-65px;}}
        @media (max-width:1040px){.transform3{position: relative !important;top:0;transform: translate(0,0)}}
		@media (min-width:767px) and (max-width:1040px){			
			.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%;}
		}
	    @media (max-width:760px) and (min-width:460px){.tansfrom1{transform: translate(0px,26%);} .tansfrom3{transform: translate(0px,2%);} .transform2{margin-top:-45px;} .maxWidth70{max-width: 60%;}}
	    @media (max-width:460px){.tansfrom1,.tansfrom3{transform: translate(0px,0%);} .transform2{margin-top:-5px;} .maxWidth70{max-width: 70%;}}
        @media (max-width:767px){.centered,.centered2{position:relative !important;top:0px;left:0px;transform: translate(0,0)} .marginBottomN3 .position-absolute,.marginBottomN7 .position-absolute{position: relative !important;} .marginBottomN3,.marginBottomN7{margin-bottom:12%;}}
		@media (min-width:1500px) and (max-width:1700px){ .padd_ltr{padding-left: 60px;padding-right: 60px;}} 
		@media (max-width:1500px){.padd_ltr{padding-left: 40px;padding-right: 40px;} .marginTop20 {margin-top: 20%;}} 
		@media (max-width:1300px){.col-md-3.col-sm-12.col-12.three{flex: 0 0 100%;max-width: 100%;} .float-left.padd_ltr{text-align:center !important;float: none !important;} .marginTop20 {margin-top: 10%;}}
		@media (min-width:300px) and (max-width:1200px){.maxWidth1{max-width:80px;}}
		@media (max-width:950px){ .col-md-3.col-sm-12.col-12.widthCol{flex: 0 0 100%;max-width: 100%;}}  
		@media (max-width:767px){.width30{width:18px}}
		@media (max-width:575px){.float-right,.float-left{float:none !important;}.changeCenter{max-width: 80px;height: 80px !important;transform: rotate(90deg);}}
		@media (max-width:300px){ .lessLeft {margin-left: -15% !important;}}