body{
			overflow: hidden;
			margin: 0;
		}
		::selection{
			color: #8f725a;
			
		}
		.hero{
			
		}
		.bg{
			height: 100vh;
			width: 100%;
			padding-top: 40vh;
			transition: 500ms;
		}

		.bg1{
			text-align: center;
			font-size: 40px;
			background-color: #efefef;
		}
		.line{
			height: 3px;
			width: 120px;
			margin: auto;
			background-color: #13171c;
		}
		.btn1{
			margin-left:80vw;
		
			cursor: pointer;
			transform: translateY(-20vh);

		}
		.bg1_span{
			font-size: 20px;

		}
		.bg2{
			margin-left: 100vw;
			margin-top: -100vh;
			text-align: center;
			background-color: #19171c;
			color: #efefef;
			
		}
		.btn3{
			font-size: 40px;
			margin-left: 90vw;
			cursor: pointer;
			transform: translateY(-20vh);
			color: #efefef;
		}
		.bg2_active{
			transform: translateX(-100vw);
		}
		.bg3{
			background-color: #efefef;
			text-align: center;
			margin-left: 200vw;
			margin-top: -100vh;
			padding:20vh;
			width: 100%;
			height: 100vh;
			transition: 500ms;
			font-size: 40px;
			transition: 600ms;
		}
		.bg3_active{
			transform: translateX(-200vw);
		}
		.btn2{
			margin: auto;

		}
		.fchange{
			color: #8f725a;
		}
		.camera_img{
			position: absolute;
			transform: translate(50%, 50%);
			margin-top: -20vh;
			margin-left: -20vw; 
			height: 70vh;
			width: 40vw;
			z-index: 1;
			background-image: url('images/lens.png');
			background-repeat: no-repeat;
		}
		/*.btn4{
			position: relative;
			z-index: 2;
			margin-top: 15vh;
			
		}*/
		.redmi1_img{
			position: absolute;
			transform: translate(50%, 50%);
			height: 50vh;
			margin-top: -40vh;
			margin-left: -35vw;
			width: 80vw;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('images/redmi1.png'); 
		}

		.redmi2_img{
			position: absolute;
			transform: translate(50%, 50%);
			background-repeat: no-repeat;
			background-size: contain;
			height: 80vh;
			width: 50vw;
			margin-left: 40vw;
			margin-top: -90vh;
			background-image: url('images/redmi6.png');
		}
		.redmi3_img{
			position: absolute;
			transform: translate(50%, 50%);
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('images/redmi8.png');
			height: 70vh;
			width: 60vw;
			margin-top: -40vh;
			margin-left: 20vw;
		}
		.redmi4_img{
			position: absolute;
			transform: rotate(270deg);
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('images/redmi9.png');
			height: 70vh;
			width: 60vw;
			margin-top: -70vh;
			margin-left: 30vw;
		}
		.bg2_text{
			margin-left: -30vw;
			margin-top: -10vh;
		}
		.bg2_head{
			font-size: 40px;
		}
		.bg2_para{
			font-size: 15px;
			width: 40%;
			margin-left: 15vw;
		}
		.line_1{
			background-color: #efefef;
			position: absolute;
			width: 150px;
			height: 3px;
			border-radius: 5px;
			margin-top: -21vh;
			margin-left: 24vw;
			transform: translate(50%, 50%);
		}
		.bg3_text{
			margin-left: 35vw;
			margin-top: 10vh;
		}
		.line_2{
			background-color: #13171c;
			transform: translate(-7vw, 22.5vh);
			width:200px;

		}
		.bg3_para{
			margin-top: -10vh;
			margin-left: 10vw;
			width: 60%;
			font-size: 20px;
		}
		.bg4{
			margin-top: -100vh;
			margin-left: 300vw;
			text-align: center;
			background-color: #19171c;
			color: #efefef;
			transition: 700ms;

		}

		.bg4_active{
			transform: translateX(-300vw);
		}
		.bg4_head{
			font-size: 40px;
			margin-left: 20vw;
		}
		.bg4_para{
			font-size: 15px;
			margin: auto;
			width: 40%;
			margin-left: 40vw;

			margin-top: 5vh;
		}
		.line_3{
			position: absolute;
			width: 180px;
			margin-left: 46vw;
			height: 3px;
			margin-top: 1vh;
			border-radius: 5px;
			background-color: #efefef;
			transform: translate(50%, 50%);

		}
		.line_8{
			background-color: #13171c;
			margin-left: 56vw;
		}
		.redmi5_img{
			position: absolute;
			background-repeat: no-repeat;
			transform: rotate(-45deg);
			background-size: contain;
			background-image: url('images/redmi13.png');
			height: 70vh;
			width: 60vw;
			margin-top: -55vh;
		}
		.redmi6_img{
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('images/redmi16.png');
			height: 80vh;
			width: 100vw;
			margin-top: -30vh;
			margin-left: 65vw;
		}
		.redmi10_img{
			background-image: url('images/redmi21.png');
			background-size: contain;
			background-repeat: no-repeat;
			height: 70vh;
			width: 100vw;
			margin-top: -10vh;
			margin-left: 20vw;
			position: absolute;
			z-index: 1;
		}

		.redmi7_img{
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('images/redmifinger.png');
			height: 100vh;
			width: 70vw;
			margin-top: -30vh;
			margin-left: 65vw;
		}
		.bg5{
			margin-top: -100vh;
			margin-left: 400vw;
			text-align: center;
			background-color: #efefef;
			color: #13171c;
			transition: 800ms;

		}
		.bg5_active{
			transform: translateX(-400vw);
		}
		.bg5_text{
			width:60%;
		}
		.bg5_head{
			font-size: 40px;
			margin-top: -10vh;
		}
		.bg5_para{
			font-size: 18px;
			width:40%;
			margin-left: 17vw;
		}
		.line_4{
			transform: translate(-2vw, 25vh);
		}
		.btn_7{
			font-size: 40px;
		}
		.bg6{
			margin-top: -100vh;
			margin-left: 500vw;
			text-align: center;
			background-color: #13171c;
			color: #efefef;
			transition: 900ms;

		}
		.bg6_active{
			transform: translateX(-500vw);
		}
		.redmi8_img{
			position: absolute;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url('images/redmi20.png');
			height: 100vh;
			width: 70vw;
			margin-top: -30vh;
			margin-left: 9vw;

		}
		.bg6_head{
			font-size: 40px;
			margin-left: 20vw;
		}
		.bg6_para{
			font-size: 20px;
			width: 30%;
			margin-left: 45vw;
		}
		.bg3_head{
			transform: translateX(3vw);
		}
		.bg7{
			background-color: #efefef;
			margin-left: 600vw;
			margin-top: -100vh;
			color: #13171c;
			transition: 1000ms;
			text-align: center;
		}
		.bg7_active{
			transform: translateX(-600vw);
		}
		.bg7_head{
			font-size: 40px;
			margin-left: 40vw;
		}
		.bg7_para{
			font-size: 18px;
			width: 30%;
			margin-left: 55vw;
			margin-top: 7vh;
		}
		.btn_9{
			font-size: 40px;
			cursor: pointer;
		}
		.redmi9_img{
			background-image: url('images/redmi2.png');
			background-size: contain;
			background-repeat: no-repeat;
			height: 60vh;
			width: 50vw;
			position: absolute;
		}
		.line_6{
			margin-left: 70vw;
			width: 12vw;
		}
		.redmi11_img{
			background-image: url('images/redmi12.jpg');
			background-size: contain;
			background-repeat: no-repeat;
			height: 70vh;
			width: 100vw;
			margin-top: -10vh;
			position: absolute;
			z-index: 1;
		}
		.bg8{
			background-color: #13171c;
			margin-left: 700vw;
			margin-top: -100vh;
			color: #efefef;
			transition: 1100ms;
			text-align: center;

		}
		.bg8_active{
			transform: translateX(-700vw);
		}
		.line_7{
			margin-left: 25vw;
			width:12vw;
			
			background-color: #efefef;
			margin-top: -25vh;
		}
		.bg8_head{
			margin-left: -40vw;
			margin-top: -8vh;
		}
		.bg8_para{
			margin-left: 15vw;
			margin-top:4vh;
		}
		.redmi12_img{
			background-image: url('images/miui1.png');
			background-size: contain;
			background-repeat: no-repeat;
			height: 42.5vw;
			width: 42.5vh;
			margin-top: -10vh;
			margin-left: 60vw;
			position: absolute;
			z-index: 1;

		}
		.btn_11{
			cursor: pointer;
			position: relative;
			z-index: 100;
		}

		.btn12{
			cursor: pointer;
			position: relative;
			z-index: 100;

		}
		.bg9{
			background-color: #efefef;
			margin-left:800vw;
			margin-top: -100vh;
			color: #13171c;
			transition: 1200ms;
			text-align: center;

		}
		.bg9_active{
			transform:translateX(-800vw);
		}
		.button1{
			height: 10vmin;
			width: 20vmin;
			background-color: #efefef;
			border: 5px solid #8f725a;
			margin-left: 65vw;
			margin-top: 6vh;
			border-radius: 5px;
			font-size: 4vmin;
			text-align: center;
			padding: 8px;
			transition: 300ms;
			cursor: pointer;
		}
		.button1:hover{
			background-color: #8f725a;
		}
		.menu{
			display: inline-block;
			position: fixed;
			z-index: 100;
			top: 5%;
			left: 45%;
		}
		.circle{
			background-color: #13171c;
			width: 10px;
			height: 10px;
			border-radius: 100%;
			display: inline-block;
			transition: 700ms;
		}
		.circle_change{
			background-color: #efefef;
			transition:700ms;
			
		}
		.circle_active{
			background-color: #8f725a;
			transition:700ms;
		}