.head	
{
		width:100%;
		height:187px;
		position:fixed;
		background-color:white;
		display:flex;
		flex-direction:column;
}
.header
{
		width:100%;
		height:100px;
		background-color:;
		display:flex;
		padding-right:1%;
}
.logo-div
{
		width:10%;
		height:60px;
		background-color:pin;
		margin-top:0%;
		margin-left:2%;
}
.oppo-logo-img
{
		width:130px;
		height:60px;
		object-fit:cover;
}
.smartphones
{
		width:9%;
		height:40px;
		background-color:pin;
		margin-top:1%;
		margin-left:1%;
		position:relative;
}
.smart-text
{
		font-size:16px;
		color:#1a1a1a8c;
		font-weight:bold;
		margin-top:9%;
		text-align:center;
}
.smartphones:hover	
{
			
			border-bottom:2px solid #000000;
}
.smartphones:hover .smart-text
{
		color:#000000;
}
.dropdown1
{
		width:1143%;
		height:327px;
		position:absolute;
		z-index:4;
		top:%;
		background-color:white;
		display:none;
		left:-176%;
		right:0%;
		bottom:%;
		margin-top:1%;
		display:;
		flex-direction:column;
}
.smartphones:hover .dropdown1
{
		display:block;
		
}
.product-div
{
		width:100%;
		height:220px;
		background-color:pin;
		display:flex;
		justify-content:;
		gap:5px;
		margin-right:0%;
		align-items:;
		padding:0%;
		
}
.oppo-mobile-div
{
		width:13%;
		height:180px;
		background-color:;
		border-radius:10px;
		margin-top:2%;
		margin-left:7%;
		
		
}
.image-div1
{
		width:99%;
		height:150px;
		background-color:#F2F1F0;
		border-radius:10px;
		margin:auto;
}
.image1
{
			width:130px;
			height:130px;
			object-fit:cover;
			margin-left:13%;
			margin-top:5%;
			border-radius:10px;
}
.oppo-text
{
		font-size:17px;
		font-weight:bold;
		margin-top:2%;
		text-align:center;
		margin-bottom:0%;
}
.oppo-mobile-div2
{
		width:13%;
		height:180px;
		background-color:;
		border-radius:10px;
		margin-top:2%;
		margin-left:1%;
}
.new-text
{
		font-size:17PX;
		color:#266210;
		text-align:center;
		margin-top:0%;
}
.hr
{
		margin-top:0%;
		margin-bottom:0%;
}
.findnpeas
{
		width:100%;
		height:100px;
		background-color:gre;
		display:flex;
		margin-top:0%;
}
.find-div1
{
		width:8.20%;
		height:30px;
		background-color:;
		margin-top:2%;
		margin-left:5%;
		border-bottom:1px solid black;
		
}
.find-text
{
		font-size:18px;
		margin-top:4%;
		text-align:center;
		
}
.find-div2
{
		width:8.20%;
		height:30px;
		background-color:pin;
		margin-top:2%;
		margin-left:2%;
		border-bottom:1px solid black;
		
}
.find-div3
{
		width:7.35%;
		height:30px;
		background-color:pin;
		margin-top:2%;
		margin-left:2%;
		border-bottom:1px solid black;
		
}
.find-div4
{
		width:5.20%;
		height:30px;
		background-color:pin;
		margin-top:2%;
		margin-left:2%;
		border-bottom:1px solid black;
		
}
.compare-div
{
		width:12%;
		height:30px;
		background-color:silver;
		margin-top:2%;
		margin-left:13%;
		border-radius:30px;
		padding:0.5%;
}
.compare-text
{
		font-size:20px;
		color:black;
		margin-top:2%;
		text-align:center;
}
.compare-div:hover 
{
		background-color:#EEEEEE;
}
.view
{
		width:12%;
		height:30px;
		background-color:;
		margin-top:2%;
		margin-left:1%;
		border-radius:30px;
		padding:0.5%;
		border:1px solid black
}
.view:hover 
{
		background-color:#EEEEEE;
}
.tablets
{
		width:5%;
		height:40px;
		background-color:pin;
		margin-top:1%;
		margin-left:1%;
		position:static;
		
}
.tab-text
{
		font-size:16px;
		color:#1a1a1a8c;
		font-weight:bold;
		margin-top:15%;
		text-align:center;
}
.tablets:hover 
{
		border-bottom:2px solid black;
}
.tablets:hover .tab-text
{
		color:#000000;
} 
.tab-dropdown
{
		width:100%;
		height:380px;
		position:absolute;
		z-index:4;
		top:%;
		background-color:white;
		display:none;
		left:0%;
		right:0%;
		margin-top:0.0%;
		display:;
		flex-direction:column;
		justify-content:center;
		
		
}
.tablets:hover .tab-dropdown
{
		display:block;
}
.tab-image-div1
{
		width:88%;
		height:175px;
		background-color:#F2F1F0;
		margin-left:5%;
		margin-top:0%;
		border-radius:8px;
		display:flex;
		justify-content:center;
		align-items:center;
		
		
}
.flex
{
		width:100%;
		display:flex;
		flex-direction:row;
		align-items:center;
		height:300px;
		background-color:b;
		justify-content:center;
		gap:%;
}
.tab-image-div2
{
		width:88%;
		height:175px;
		background-color:#F2F1F0;
		margin-left:5%;
		margin-top:2%;
		display:flex;
		justify-content:center;
		align-items:center;
		border-radius:8px;
		
		
}
.image2
{
			width:140px;
			height:140px;
			object-fit:cover;
			margin-left:%;
			margin-top:5%;
			border-radius:10px;
			margin-bottom:0%;
}
.main-image-div
{
		width:15%;
		height:200px;
		background-color:;
		
		
}
.oppo-ipad
{
		font-size:16px;
		margin-top:-5%;
		text-align:center;
		margin-bottom:0%;
		font-weight:bold;
}
.main-image-div2
{
		width:15%;
		height:200px;
		background-color:;
		margin-left:%;
		
}
.viwe-tab
{
		width:15%;
		height:26px;
		border-radius:30px;
		background-color:;
		padding:1%;
		margin:auto;
		margin-top:1%;
		display:flex;
		justify-content:center;
		align-items:center;
		border:1px solid black;
}
.tab-text1
{
		font-size:16px;
		color:#1a1a1a8c;
		font-weight:bold;
		margin-top:9%;
		text-align:center;
}
.viwe-tab:hover 
{
		background-color:#EEEEEE;
}
.audio
{
		width:5%;
		height:40px;
		background-color:;
		margin-top:1%;
		margin-left:1.50%;
		position:static;
}
.audio:hover 
{
		border-bottom:2px solid black;
}
.audio:hover .tab-text
{
		color:#000000;
}
.audio-dropdown
{
		width:100%;
		height:380px;
		position:absolute;
		z-index:4;
		top:%;
		background-color:white;
		display:none;
		left:0%;
		right:0%;
		margin-top:0.0%;
		display:;
		flex-direction:column;
		justify-content:center;
		
		
}
.audio:hover .audio-dropdown
{
		display:block;
}
.main-image-div3
{
		width:15.50%;
		height:200px;
		background-color:;
		margin-left:%;
		
}
.accessories
{
		width:8%;
		height:40px;
		background-color:pin;
		margin-top:1%;
		margin-left:0.5%;
		position:static;
}
.accessories:hover 
{
		border-bottom:2px solid black;
}
.accses-dropdown
{
		width:100%;
		height:380px;
		position:absolute;
		z-index:4;
		top:%;
		background-color:white;
		display:none;
		left:0%;
		right:0%;
		margin-top:0.0%;
		display:;
		flex-direction:column;
		justify-content:center;
		
		
}
.accessories:hover .accses-dropdown
{
		display:block;
}
.oppo-ipad2
{
		font-size:16px;
		margin-top:1%;
		text-align:center;
		margin-bottom:0%;
		font-weight:bold;
}
.about-oppo
{
		width:8%;
		height:40px;
		margin-top:1%;
		margin-left:1%;
		background-color:pin;
		position:static;
}
.about-oppo:hover
{
		border-bottom:2px solid black;
}
.about-dropdown
{
		width:100%;
		height:120px;
		position:absolute;
		z-index:4;
		top:%;
		background-color:white;
		display:none;
		left:0%;
		right:0%;
		margin-top:0.0%;
		display:;
		flex-direction:column;
		justify-content:center;
}
.about-oppo:hover .about-dropdown
{
		display:block;
}
.company-div
{
		width:100%;
		height:100px;
		background-color:silve;
		display:flex;
}
.our-story
{
			font-size:18px;
			font-weight:bold;
			margin-left:10%;
			margin-top:3%;
}
.our-story2
{
		font-size:18px;
			font-weight:bold;
			margin-left:7%;
			margin-top:3%;
}
.store
{
		width:4%;
		height:40px;
		margin-top:1%;
		margin-left:5%;
		background-color:pin;
}
.store-text
{
		font-size:16px;
		margin-top:12%;
		text-align:center;
		color:#B4B4B8;
}
.store-text:hover 
{
		color:black;
}
.colors
{
		width:5%;
		height:40px;
		margin-top:1%;
		margin-left:1%;
		background-color:pin;
}
.students
{
		width:6%;
		height:40px;
		margin-top:1%;
		margin-left:1%;
		background-color:pin;
}
.tab-text2
{
		font-size:16px;
		color:#1a1a1a8c;
		font-weight:bold;
		margin-top:15%;
		text-align:center;
}
.students2
{
		width:9%;
		height:40px;
		margin-top:1%;
		margin-left:1%;
		background-color:pin;
}
.icon
{
		margin-left:1%;
}
.user-icon
{
		font-size:23px;
}
.store-text1
{
		font-size:16px;
		margin-top:8%;
		text-align:center;
		color:#B4B4B8;
		
}
.store-text1:hover
{
		color:black;
}
.oppo-reno-div
{
		width:100%;
		height:36px;
		background-color:pi;
		display:flex;
}
.oppo-reno-text
{
		font-size:18px;
		margin-top:0%;
		text-align:center;

}
.oppo-div
{
		width:13%;
		height:30px;
		background-color:;
		margin-left:5%;
		border-bottom:2px solid #468432;
}
.oppo-renotext2
{
		font-size:18px;
		margin-top:0%;
		text-align:center;
		margin-left:2%;
		color:#B4B4B8;
}
.green-div
{
		width:100%;
		height:50px;
		background-color:#468432;
		display:flex;
		align-items:center;
		justify-content:center;
}
.extra-text
{
		font-size:18px;
		color:white;
}
.verify
{
		width:6%;
		height:20px;
		border-bottom:1px solid white;
		margin-left:1%;
}