@charset "utf-8";
/* CSS Document */
*{
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
#topbtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topbtn:hover {
  background-color: black;
}
.bgimg{
	background-image: url("../img/earphone.jpg");
	width: 100%;
	height:1000px;
	background-position: center;
	background-size: cover;
}
.navbar{
	z-index: 99;
	position: absolute;
	top:0;
	width: 100%;
	height:150px;
	color: #fff!important;
}
.navbar-brand {
	color:#fff;
	font-family:  'Righteous', cursive;
	font-size: 25px;
}


/*
.navbar-nav{
	margin-left: 800px;
	margin-top: 20px;
}
*/

.nav-item a{
	text-decoration: none;
	color: #ffffff;
	font-size: 20px;
}
.nav-item a:active{
	
}
.nav-link{
	margin-left:20px;
}
.links{
	color: #FFFFFF;
}
.bgtxt1{
	position: absolute;
   top:428px;
	left: 267px;
    right: 50px;
    color: #ffffff;
    z-index: 111;
	font-size: 3em;
	font-family: 'Gayathri', sans-serif;
font-family: 'Bree Serif', serif;
}
.bgtxt2{
	position: absolute;
	 top: 498px;
    left: 360px;
	right: 50px;
	color:#1AC8DB;
	z-index: 111;
	font-size: 2em;
	font-family: 'Fjalla One', sans-serif;
}
.smalldiv{
	height: 100px;
	background-color: #DEE2EC;
}
.text3{
	position: absolute;
	margin: 37px 10px 10px 345px;
	font-size: 25px;
	font-weight: bold;
}
.text4{
	text-align: center;
	font-size: 20px;
	margin-top: 30px;
}
.text5{
	text-align: center;
	font-size: 25px;
	margin-top: 20px;
	font-weight: bold;
}
.video{
	text-align: center;
}
.clock{
	width:100px;
	height:82px;
}
.gridtxt1{
	font-weight: bold;
	font-size: 25px;
	padding:10px 0px 0px 0px;
	color:#2EB5E0;
}
.grid1block1,.grid1block2,.grid1block3,.grid1block4{
	margin-top: 20px;
}
.grid1 .qualities{
	text-align: center;
}
.grid1{
	padding-top: 30px;
	padding-left: 0px;
}
.ear{
	width:100px;
	height:82px;
}
.gridtxt2{
	font-size:25px;
	font-weight: bold;
	padding:10px 0px 0px 0px;
	color:#2EB5E0;
}
.bluetooth{
	width:100px;
	height:82px;
}
.gridtxt3{
	font-size: 25px;
	padding:10px 0px 0px 0px;
	font-weight: bold;
	color:#2EB5E0;
}
.speaker{
	width:100px;
	height:82px;
}
.gridtxt4{
	font-size: 25px;
	font-weight: bold;
	padding:10px 0px 0px 0px;
	color:#2EB5E0;
}
.button {
border-radius: 46px;
    background-color: #2EB5E0;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 30px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.box{
	width:100px;
	height:100px;
}

.mobile{
	width:100px;
	height:100px;
}
.men{
	width:100px;
	height:100px;
}
.grid2{
	margin-top: 50px;
	background-color:#DEE2EC;
}
.grid2 .process{
	text-align: center;
}
.grid2txt{
	padding-top: 50px;
	font-weight: bold;
}
.ear2{
	width:100px;
	height:100px;
}
.working{
	padding-top: 200px;
}
.working h3{
	font-weight: bold;
}
.playbtn{
   background-color: #36D6E7; 
  border: none;
  color: black;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.playbtn:hover {
  background-color: #36D6E7;
  color: black;
}
.payment,.warranty,.delivery{
	width:100px;
	height:100px;
}.grid4 .methods{
	text-align: center;
}
.grid4{
	padding-top:70px;
	background-color: #DEE2EC;
}
.wholegrid4{
	padding-top: 30px;
}
.orderheading{
	padding-top: 30px;
	font-weight: bold;
}
.custom{
	font-weight: bold;
}
.signin{
	text-align: center;
}
.signup{
	padding-top: 50px;
}
.signupbox{
	width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 1px solid #555;
  outline: none;
}
.signupbox:focus {
  background-color: lightblue;
}
.signupbutton {
   width: 10%;
  background-color:#36EEE0;
  color: black;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.signupbutton:hover {
  background-color: #1AC8DB;
}
.carousel-control-next-icon {
	background-color:black!important;
}

.carousel-control-prev-icon {
		background-color:black!important;
}
.lasttxthome{
	text-align: center;
}
footer{
	margin-top: 50px;
}
.vevolsprocess{
	padding-top: 50px;
	padding-bottom: 50px;
	font-weight: bold;
}
.modal {
  display: none; 
  position: fixed; 
  z-index: 1; 
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 50%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.blackearphone{
	padding: 150px 0px 0px 0px;
}
.featurestxt1{
	padding: 214px 0px 0px 55px;
	font-weight: bold;
	font-size:2em;
}
.featurestxt2{
	padding:34px 0px 0px 63px;
	text-align: justify;
}
.shopnow {
  padding: 10px 15px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #05E0E9;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}

.button:hover {background-color:#A4E8E0;
}

.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
.additional{
	font-weight: bold;
	text-align: center;
	font-size:2.5em;
	margin:20px;
}
.featuresgrid{
	padding: 100px 0px 0px 0px;
}
.time,.battery,.ip,.phone{
	width:100px;
	height:100px;
}
.row .featuresimg{
	text-align: center;
}
.phone2,.ear3,.lines,.bluetooth,.speaker2{
	width:100px;
	height:100px;
}
.row .process{
	text-align: center;
}
.process p{
	padding-top: 30px;
}
.custom2{
	text-align: center;
	font-weight: bold;
	font-size:2.5em;
	padding: 50px 0px 50px 0px;
}
.customgrid{
	background-color: #F9F1F0;
	width:100%;
	margin-top: 50px;
	height:400px;
}
.men3{
	width:600px;
	height:350px;
}
.soundgrid{
	padding:100px 0px 0px 0px;
}
.soundtxt1{
	font-weight: bold;
	font-size:2em;
	padding:50px 0px 0px 0px;
}
.soundtxt2{
	text-align: justify;
}
#more{
			display: none;
	        scroll-behavior: smooth;
		}
		#myBtn{
			border: none;
			font-size:2em;
			font-weight: bold;
			background: none;
			text-align:center;
			padding:30px 0px 0px 65px;
			 scroll-behavior: smooth;
		}
		.techheading{
			color:#1AC8DB;
			text-decoration:underline;
		}
		.techspec p{
			font-weight: bold;
			
		}
.whiteearphone2{
	width:600px;
	height:350px;
}
.whiteearphonetxt{
	padding: 50px 0px 0px 0px;
	text-align: justify;
}
.whiteearphonegrid{
	padding:10px 0px 0px 0px;
}
.techdiv{
	text-align: center;
}
.accessoriesbg{
  width: 100%;
}
.bgtxt{
  position: absolute;
  top:250px;
  left:100px;
  right:10px;
  bottom:10px;
}
.bgtxt p{
  font-size: 3em;
  font-weight: bold;
}
.accessoriescharging{
  width:200px;
  height: 300px;
}
.accessoriesbattery{
  width:400px;
  height:250px;
}
.sportsskin{
  width:700px;
  height: 400px;
}
.chargingimg{
  padding:0px 0px 0px 107px;
}
.accessoriesitem1 .accessoriestxt{
	text-align:center;
}
.accessorieslink{
	padding:0px 0px 25px 280px
}
.accessoriesitem2 .accessoriestxt{
	text-align:center;
}
.accessorieslink2{
	padding:0px 0px 0px 100px;
}
.accessorieslink3{
	padding:0px 0px 0px 130px;
}
.accessoriesitem1 a{
	text-decoration: none;
	color:#1AC8DB;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
}
.accessoriesitem2 a{
	text-decoration: none;
	color:#1AC8DB;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
}
.accessoriesitem3 a{
	text-decoration: none;
	color:#1AC8DB;
	font-size:16px;
	font-style: italic;
	font-weight:bold;
}
.accessoriestxt{
	font-weight: bold;
	font-size: 25px;
	
}
.cartbtn {
  background-color: #1AC8DB;
  border: none;
  color: white;
  padding: 10px 10px;
  text-align: center;
  font-size: 20px;
 margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
}
.cartbtn:hover {opacity: 1}
.accessories1grid{
	padding:160px 0px 0px 0px;
}
.accessories1img{
	width:650px;
	height:400px;
}
.accessories1txt{
	padding:61px 0px 0px 78px;
}
.accessories1txt p hr btn{
	text-align: center;
}
.sportsskintxt{
	font-size:2em;
	color:black;
	font-weight: bold;
}
.silicon{
	color:black;
	text-align: center;
	padding-top: 30px;
}
.accessoriesrate{
	font-weight: bold;
	font-size: 20px;
}
.accessories2txt .batterytxt .batteryrate{
	text-align: center;
}
.batterytxt{
	font-size:2em;
	font-weight: bold;
}
.batteryrate{
	font-size: 20px;
	font-weight: bold;
}
.accessories2grid{
	padding:160px 0px 0px 0px;
}
.accessories3grid{
	padding:160px 0px 0px 0px;
}
.accessories3txt{
	padding:73px 0px 0px 0px;
}
.chargingtxt{
	font-size:2em;
	font-weight: bold;
}
.chargingrate{
	font-size: 20px;
	font-weight: bold;
}
.lasttxt{
	text-align: justify;
	padding:20px 0px 0px 0px;
}
.carouselgrid{
	padding:111px 0px 0px 0px;
}
.carouseltxt{
	padding:160px 0px 0px 115px;
}
.carouseltxt1{
	font-size: 2em;
	font-weight: bold;
}
.carouseltxt2{
	font-size: 2em;
	font-weight: bold;
}
.carouselrate{
	font-size: 25px;
	color:#1AC8DB;
	font-weight: bold;
}
.line{
	border: 1px solid black;
}
.custoservice{
	width:100px;
	height:100px;
}
.warranty2{
	width:100px;
	height:100px;
}
.carouselbelow {
	text-align: center;
}
.buynowlogo{
	padding: 50px 0px 0px 0px;
}
.buynowtxt p{
	text-align:center;
	font-weight: bold;
	padding:50px 0px 0px 0px;
}
.duplink2{
	display: none;
}
#audio{
	display: none;
}
.footerlast a{
	text-decoration: none;
	color:black;
}
@media only screen and (min-width: 360px) and (max-width:600px) {
	.bgimg{
		width:100%;
		height:650px;
	}
	.bgtxt1{
		position: absolute;
		font-size: 20px;
		top:36%;
		left:7%;
		right:0%;
		bottom:0%;
	}
	.bgtxt2{
		font-size: 18px;
		position: absolute;
		top:42%;
		left:8%;
		right:0%;
		bottom: 0%;
	}
	.smalldiv{
		width: 100%;
	}
	.text3{
		position: absolute;
		top:109%;
		left:-82%;
		right:0%;
		bottom:0%;
		font-size: 11px;
	}
	.video iframe{
		width:87%;
		height:230px;
	}
	.working{
		margin-top:-40%;
	}
	.modal-content{
		width:100%;
		height:250px;
	}
	.modal-content iframe{
		width:100%;
		height:240px;
	}
	.slide1,.slide2{
		width: 100%;
		height: 300px;
	}
	.signupbutton{
		width:21%;
		padding:1% 0% 0% 0%;
	}
	.signin{
		margin: 0% 0% 0% 0%;
	}
	.blackearphone{
	      margin-left:-45%;
	}
	.featurestxt1{
		margin-top: -60%;
		margin-left: -10%;
	}
	.featurestxt2{
		margin-left: -17%;
	}
	.shopnow{
		margin-left: 29%;
	}
	.custom2{
		font-size: 1.5em;
		font-weight: bold;
	}
	.customgrid{
		height:1000px;
	}
	.men3{
		width:100%;
		height:257px;
	}
	.soundtxt1{
		text-align: center;
	}
	.soundtxt2{
		text-align: justify;
		padding:5%;
	}
	.whiteearphone2{
		width:100%;
		height: 257px;
	}
	.whiteearphonetxt{
		text-align: justify;
		padding: 7%;
	}
	#myBtn{
		margin-left: -16%;
		font-size: 1.5em;
	}
	.accessoriesbg{
		width:100%;
		height:266px;
	}
	.sportsskin{
		width:100%;
		height: 350px;
	}
	.accessoriesitem1 a{
		margin-left: -60%;
	}
	.accessoriesbattery{
		width:100%;
		height:200px;
	}
	.accessoriesitem2 a{
		margin-left: -15%;
	}
	.accessoriescharging{
		width: 100%;
		height:300px;
		margin-left: -14%;
		margin-top: 10%;
	}
	.view{
		margin-top:15%;
	}
	.carouseltxt p{
		font-size: 1.5em;
	}
	.carouseltxt{
		margin-top: -30%;
		margin-left: -10%;
	}
	.buynowtxt{
		text-align: justify;
		padding: 5%;
	}
	.line{
		width:100%;
	}
	.accessories1img{
		width:100%;
		height: 350px;
	}
	.accessories1txt{
		margin-top: -26%;
	}
	.sportsskintxt{
		font-size: 1.5em;
	}
	.cartbtn{
		text-align: center;
	}
	.silicon{
		text-align: center;
		margin-left: -24%;
	}
	.accessoriesbatteryimg{
		margin-left:-34%;
	}
	.accessories2txt{
		text-align: center;
	}
	.silicon{
		display: none;
	}
	.hrline{
		margin-left: 42%;
	}
	.accessories3img{
		width:100%;
		height:600px;
	}
	.accessories3txt{
		text-align: center;
	}
	.lasttxt{
		display: none;
	}
	.accessories3grid{
		margin-top: 10%;
	}
	}
@media only screen and (min-width: 768px) and (max-width:1024px) {
	.bgimg{
		width:100%;
		height:519px;
	}
	.bgtxt1{
		position: absolute;
		font-size: 30px;
		top:22%;
		left:19%;
	}
	.bgtxt2{
		position: absolute;
		font-size: 24px;
		top:27%;
		left:23%;
	}
	.text3{
		position: absolute;
		font-size: 1em;
		top:51%;
		left:-22%;
	}
	.working{
		margin-top: -20%;
	}
	.earbud{
		margin:10px 0px 0px 0px;
	}
	.modal-content iframe{
		width:100%;
		height:330px;
	}
	.slide1,.slide2{
		height:500px;
	}
	.signupbutton{
		padding:1% 0% 1% 0%;
	}
	.blackearphone{
		margin:4% -22% 0% -71%;
	}
	.featurestxt1{
	    font-size: 2em;
		margin: 22% 0% 0% -23%;
	}
	.featurestxt2{
		font-size: 22px;
		padding:5%;
		margin:46% 0% 0% -127%;
	}
	.shopnow{
		margin:9% 0% 0% -35%;
	}
	.customgrid{
		height: 413px;
	}
	.video iframe{
		width:90%;
	}
	.men3{
		margin: 0% 0% 0% -23%;
		width:500px;
		height:300px;
	}
	.soundtxt1{
		margin: -14% 0% 0% 2%;
	}
	.soundtxt2{
		margin:5% 0% 0% 3%;
	}
	.whiteearphone2{
		width:500px;
		height: 300px;
		margin:01% 0% 0% -23%;
	}
	.whiteearphonetxt{
		margin: -1% 0% 0% 0%;
		padding: 2%;
	}
	.shopnow{
		margin: 16% 0% 0% -50%;
	}
	.white,.black{
		margin-top: 20%;
		height:500px;
	}
	.line{
		width:104%;
	}
	.accessoriesbg{
		width: 100%;
	}
	.bgtxt{
		font-size: 1em;
		top:20%;
		left:7%;
	}
	.accessorieslink{
		margin:0% 0% 0% -2%;
	}
	.accessoriestxt{
		margin: 1% 0% 0% 55%;
	}
	.accessoriesbattery{
		margin: 248% 0% 0% -157%;
	}
	.accessorieslink2{
		position: absolute;
		top:62%;
		left:-134%;
	}
	#duptxt1{
		position: absolute;
		left:-116%;
	}
	#duptxt2{
		position: absolute;
		top:68%;
		left:-116%;
	}
	.accessoriescharging{
		position: relative;
		left:-298%;
		top:42%;
	}
	.accessorieslink3{
		position: absolute;
		top:94%;
		left:-125%;
	
	}
	.accessories3img{
		width: 100%;
		height:400px;
	}
	.lasttxt{
		text-align: justify;
		padding: 5%;
	}
}