*{margin: 0; padding: 0; box-sizing: border-box;}
html{overflow-x: hidden;}
ul li{list-style: none;}
/* Navbar  */
/* .navbar{margin-top: 10px;} */
/* .navbar .navbar-brand{text-align: center; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 60px;} */
.navbar-brand{text-align: center; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 50px;}
.navbar-brand h4{color: #ffffff; font-family: 'viga', sans-serif; font-weight: 500; font-size: 30px;}
.navbar .navbar-nav a.nav-link {color: #ffffff; font-weight: 300; font-family: 'Lato', sans-serif; margin: 0 8px;}
.navbar .contacta .btn{padding: 10px 40px; border-radius: 50px; margin-top: 20px; background-image: linear-gradient(to right, #0250ff, #0e88f8 ,#1ae4bd); box-shadow: 3px 6px 30px #4e54c8; outline: none; border: none; }
.navbar .contacta img{width: 50px; height: 70px; position: absolute; margin-left: -18px;}
header{background-image: url(./images/newhero.png); background-position: bottom; background-repeat: no-repeat; background-size: cover; width: 100%; min-height: 120vh; z-index: 1000000;}    
/*header .wave-line img{ position: absolute; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; width: 100%; }*/
header {position: relative;}
header .headingtext{position: absolute; top: 35%; right: 50%; transform: translate(50%, -50%);}
header .headingtext h6{font-weight: 300; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 42px; }

/* About */
#about{padding: 20px 0;}
#about .abouts img{margin-bottom: 20px;}
#about .abouts h6{font-size: 40px; font-family: 'Poppins' , sans-serif; font-weight: 600; margin-bottom: 10px;}
#about p{font-size: 16px; font-family: 'Lato' , sans-serif; font-weight: 300; margin-bottom: 10px; margin-bottom: 50px;}
#about .icon-line{margin-top: -60px;}
#about .icon-line h6{margin-top: 20px; font-family: 'Poppins' , sans-serif; font-weight: 600;}
#about .icon-line a:hover{cursor: pointer;}

/* shapes */
#shapes{padding: 0 0;}
#shapes .leftshape img{width: 360px;}
#shapes .centershape img{margin-top: 80px; margin-left: -320px; width: 900px;}
/*#shapes .rightshape img{margin-top: -60px; margin-left: -50px;}*/
#shapes .rightshape .content img{margin-left: 20px;}
#shapes .rightshape .content{position: absolute; right: 20%; top: 30%;}
#shapes .rightshape .content p{color: #ffffff; font-weight: 500;font-size: 20px; line-height: 26px; margin: 10px 0 50px 0;} 
#shapes .rightshape .content .btn{background-color: #ffffff; border-radius: 50px; outline: none; border: none; color: #000; padding: 10px 40px;}  


 /*carts */
#carts{padding: 0 0 20px 0;}
#carts .head h2{color: #000000; font-weight: 700; font-family: 'Lato' , sans-serif; font-size: 40px;}
#carts .head p{color: #000000; font-weight: 600; font-family: 'Lato' , sans-serif; font-size: 14px; margin-bottom: 50px;}
#carts .secondimg{width: 500px;}
#carts .thirdimg .qrcode{text-align: center; margin-left: 30px; margin-top: 20px;}
#carts .circleimg{position: relative;}
#carts .circleimg .content{position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%);}
#carts .circleimg .content img{height: 200px;}
#carts .charimg img{margin-top: 50px;}


/*oline*/
#oline{padding: 20px 0;}
#oline .img-wrapper{width: 800px;}
#oline .content{margin-top: 150px; margin-left: 50px;}
#oline .content h6{font-family: 'Lato' , sans-serif; font-weight: 600; font-size: 22px; margin-bottom: 20px;}
#oline .content .btn{padding: 10px 40px; border-radius: 50px; font-size: 18px; background-image: linear-gradient(to right, #0250ff, #0e88f8 ,#1ae4bd);}
/*#oline .content .btn i.fa{color: lightgreen; z-index: 100;}*/


 /*smileface */
.smileface img{margin-bottom: 20px;}
.smileface p{line-height: 26px; color: #000000; font-family: 'Lato' , sans-serif; font-weight: 600; font-size: 16px; margin-bottom: 50px;}
 .sponcers .img{width: 11%; float: left; text-align: center;}


/*footer*/
#footer .footer-img-wrapper img{width: 100%; position: relative;}
#footer .footer-img-wrapper{position: relative;}
#footer .content{position: absolute; top: 50%; right: 55%; transform: translate(50%, -50%); width: 60%; margin-top: 50px;}
#footer .content h6{ color: #000; font-size: 20px; font-weight: 600; font-family: 'Poppins',sans-serif;}  
#footer .content ul li a{color: #000; font-weight: 300;}
#footer .content ul li{margin: 10px 0;} 
#footer .content .img-wrapper img{margin-left: 50px; margin-bottom: 20px;}
#footer .content .img-wrapper h6{margin-left: 50px; font-family: 'Lato' , sans-serif; font-weight: 500; font-size: 16px;} 

/*bottomfooter*/
#bottomfooter{background-color: #eee; padding: 20px 0;}
#bottomfooter ul{text-align: right; margin-top: 10px;}
#bottomfooter ul li{display: inline; margin: 0 12px; font-family: 'Lato', sans-serif;}
#bottomfooter h6{margin-top: 12px; font-family: 'Lato', sans-serif; font-weight: 600; }


/*Media Query*/

@media screen and (min-width: 1500px) {
header .headingtext{position: absolute; top: 34%; right: 50%; transform: translate(50%, -50%);}
header .headingtext h6{font-weight: 300; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 54px; }	
}

@media screen and (min-width: 1700px) {
header .headingtext{position: absolute; top: 32%; right: 50%; transform: translate(50%, -50%);}
header .headingtext h6{font-weight: 300; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 62px; }	
}
@media screen and (min-width: 1850px) {
header .headingtext{position: absolute; top: 30%; right: 50%; transform: translate(50%, -50%);}
header .headingtext h6{font-weight: 300; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 66px; }	
}

@media screen and (min-width: 2100px) {
header .headingtext{position: absolute; top: 28%; right: 50%; transform: translate(50%, -50%);}
header .headingtext h6{font-weight: 300; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 72px; }	
}


@media screen and (max-width: 1026px){
	body{overflow-x: hidden;}
	html{overflow-x: hidden;}
	.navbar .navbar-nav a.nav-link {margin: 0 4px;}
	.navbar .contacta .btn{padding: 10px 36px; box-shadow: none; outline: none; border:none;}
	header{height: 90vh;} 
	header .headingtext h6{font-size: 60px;}
	header .headingtext{top: 36%;}
	#carts .secondimg{width: 400px;} 
	#oline .img-wrapper{width: auto;}
	#shapes .leftshape img{width: 280px;}
	#shapes .centershape img{margin-top: 80px; margin-left: -320px; width: 800px;}
	#shapes .rightshape img{width: auto; margin-top: -100px; margin-left: -20px;}
	#shapes .rightshape .content img{margin-left: 40px; height: 60px!important;}
	#shapes .rightshape .content{position: absolute; right: 7%; top: 30%;}
	#shapes .rightshape .content p{margin: 5px 0 30px 0;} 
	#shapes .rightshape .content .btn{padding: 8px 30px;} 
	#footer .content h6{ font-size: 16px!important; font-weight: 600;} 
	#footer .content{right: 55%; width: 70%;}
	.navbar .navbar-toggler{font-size: 60px; margin: 20px 0 0 0; outline: none; border: none;}
	.navbar-brand{position: absolute; top: 0; margin-top: 10px;}
	.navbar .contacta{position: absolute; top: 20px; right: 5%;}

}

@media screen and (max-width: 770px){
	/*.navbar{position: absolute; left: 0;background-image: linear-gradient(120deg, #1ae4bd, #0250ff); z-index: 1000;}*/
	.navbar .navbar-nav{background-image: linear-gradient(120deg, #1ae4bd, #0250ff); position: relative; left: 0;  z-index: 1000;  width: 220px; opacity: 0.9; border-radius: 12px; padding: 10px;}
	/*.navbar .navbar-nav:nth-child(4){border-bottom: none;}*/
	.navbar .navbar-nav .nav-item{font-size: 24px; padding: 10px; border-bottom: 1px solid #ffffff;}
	.navbar .navbar-nav .nav-item:last-child{border-bottom: none!important;}
	.navbar .contacta .btn{padding: 10px 36px;}
	.navbar-brand{margin-top: 100px;}
	.navbar-brand{position: absolute; top: 0; margin-top: 10px;}
	.navbar .navbar-toggler{font-size: 60px; margin: 20px 0 0 0; outline: none; border: none;}
	header{height: 90vh;}
	#carts .secondimg{width: 300px;} 
	#oline .img-wrapper{width: auto;}
	#shapes .centershape img{margin-top: 80px; margin-left: -220px; width: 600px;}
	#shapes .rightshape img{width: auto; height: 700px; margin-top: -10px; margin-left: -10px;}
	#shapes .rightshape .content img{margin-left: 0px; height: 30px!important;}
	#shapes .rightshape .content{position: absolute; right: 10%; top: 30%;}
	#shapes .rightshape .content p{margin: 5px 0 20px 0; font-size: 14px; font-weight: 500;} 
	#shapes .rightshape .content a.btn{padding: 5px 20px; font-size: 14px} 
	#shapes .rightshape .content .btn{padding: 5px 20px;} 
	header .headingtext{top: 36%;}
	#about .icon-line{margin-top: -60px; margin-right: -15px;}
	#oline .content{margin-top: 50px; margin-left: 0px;}
	#oline .content h6{font-weight: 600; font-size: 20px; margin-bottom: 20px;}
	#oline .content .btn{padding: 8px 28px; border-radius: 50px; font-size: 20px;}
	#footer .content h6{ font-size: 14px!important; font-weight: 700;} 
	#footer .content{right: 55%; width: 65%;}
	#footer .content .img-wrapper img{margin-left: 0px; margin-bottom: 20px;}
	#footer .content .img-wrapper h6{margin-left: 0px;font-weight: 400; font-size: 14px;} 

}


@media screen and (max-width: 766px){
	.navbar .navbar-nav a.nav-link {margin: 10px 0;}
	.navbar .contacta{position: fixed; top: 800px; right: 5%; z-index: 100000;}
	.navbar .contacta .btn{padding: 10px 36px;}
	.navbar-brand{margin-top: 20px;}
	header{height: 90vh;} 
	header .headingtext h6{font-size: 50px;}
	#about .icon-area{margin: 20px 0;}
	#carts .col-md-4 {margin: 18px 0;}
	#carts .secondimg{width: 500px;}
	#shapes .centershape img{margin: 20px 0; width: 700px;}
	#shapes .rightshape img{display: none; visibility: hidden;}
	#shapes .leftshape img{display: none; visibility: hidden;}
#shapes .rightshape .content .btn{display: none; visibility: hidden;}  
	header .headingtext{top: 34%;}
	#about .icon-line{margin-right: 0px;}
	#oline .content{margin: 10px 0; text-align: center;}
	#oline .content h6{font-weight: 600; font-size: 20px; margin-bottom: 20px;}
	#oline .content .btn{padding: 8px 28px; border-radius: 50px; font-size: 20px;}
	#footer .content .img-wrapper h6{margin-left: 0px;font-weight: 400; font-size: 14px;} 
	.smileface img{margin-bottom: 10px; margin-top: 30px;}
	.smileface p{ margin-bottom: 0px;}
 	.sponcers .img{width: 11%; float: left; text-align: center; margin: 30px 1px;}
	#footer .content{text-align: center; margin-top: 60px; margin-right: -10px;}
	#footer .content h6{margin: 10px 0;}
	#footer .content ul li{margin: 0.5px 0;}
	/*#footer .footer-img-wrapper img{display: none; }*/
	#footer .footer-img-wrapper{background-image: url(./images/footerimg.png); background-position: center; background-size: cover; background-repeat: no-repeat; width: auto; height: 900px;}
 	#footer .content img{display: none;}
 	/*#bottomfooter{margin-top: 840px;}*/

}

/*Galaxy Duo 540*/
@media screen and (max-width: 555px){
#about .abouts img{width: 120px;}
#about .abouts h6{font-size: 30px; margin-bottom: 14px;}
#shapes .centershape img{margin: 20px 0 40px 0; width: 500px;}
#carts .head h2{font-weight: 600; font-size: 35px;}
#carts .head p{font-weight: 400; font-size: 14px;}
#carts .secondimg{width: 400px;}
#carts .charimg img{margin-top: 10px;}
.sponcers .img{width: 100%; float: left; text-align: center;}
#about .icon-line h6{ font-weight: 500;}
header .headingtext h6{line-height: 50px; font-size: 45px; /*width: 200px; text-align: center;*/}
header .headingtext{top: 32%;}
.navbar .navbar-nav a.nav-link {margin: 4px 0;}
.navbar-brand{position: absolute; top: 0; margin-top: 10px;}
.navbar .navbar-toggler{font-size: 50px; margin: 20px 0 0 0; outline: none; border: none;}
/*.navbar .contacta{position: absolute; top: 500px; right: 5%;}*/
.navbar .contacta{position: fixed; top: 580px; right: 5%; z-index: 100000;}
}


/*Iphone 6/7/8 plus 416*/
@media screen and (max-width: 422px){
#about .abouts img{width: 120px;}
#about .abouts h6{font-size: 30px; margin-bottom: 14px;}
#shapes .centershape img{margin: 20px 0 40px 0; width: 400px;}
#carts .head h2{font-weight: 600; font-size: 30px;}
#carts .head p{font-weight: 400; font-size: 14px;}
#carts .secondimg{width: 400px;}
#carts .charimg img{margin-top: 10px;}
#about .icon-line h6{ font-weight: 500;}
header .headingtext h6{font-size: 42px;}
/*.navbar .contacta{position: absolute; top: 500px; right: 5%;}*/
.navbar .navbar-toggler{font-size: 40px; margin: 12px 0 0 0; outline: none; border: none;}
.navbar-brand{position: absolute; top: 0; margin-top: 10px;	}
.navbar .navbar-nav{display: inline-block;}


}

/*Iphone 6/7/8 375*/
@media screen and (max-width: 381px){
#about .abouts img{width: 100px;}
#about .abouts h6{font-size: 20px; margin-bottom: 14px;}
#shapes .centershape img{margin: 20px 0 40px 0; width: 380px;}
#carts .head h2{font-weight: 600; font-size: 30px;}
#carts .secondimg{width: 400px;}
#carts .charimg img{margin-top: 10px;}
header .headingtext{top: 35%;}
header .headingtext h6{font-size: 40px;}
/*.navbar .contacta{position: absolute; top: 500px; right: 5%;}*/


}