.header-warpper{width: 100%; padding: 10px 0px 10px 0px; background-color: whitesmoke; box-shadow: 0px 0px 0px 0px grey; position: fixed; z-index: 90000;}
.logo-point{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 5px;
}
.logo-point img{
	width: 100%;
}
.navbar{float: right;}

.navbar-light .navbar-collapse .navbar-nav .nav-link{
	color: #090979;
	font-size: 20px;
	font-weight: bold;
}
.menu-warpper ul{list-style-type: none; margin-top: 10px; }
.menu-warpper ul li {display: inline; margin-left: 10px; }
.menu-warpper ul li a{color: black; font-size: 18px; text-decoration: none;}
/*slider section*/
.slider-warpper{width: 100%; height: 100vh; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-size: cover;}
.slider-warpper .slider-warpper-upper{width: 100%; height: 100vh; background: linear-gradient(90deg, rgba(2,0,28,1) 0%, rgba(9,9,121,1) 0%, rgba(0,212,255,1) 100%); opacity: 0.6 ; position: absolute; }
.main-page{margin-top: 20%; text-align: center; color:yellow; font-weight: bold;}
.get-btn{text-decoration: none; background-color: yellow; padding:10px; color: blue; font-weight: bold; font-size: 20px; }



/*category section */
.category-warpper{
	width: 100%; 
	height: auto;
	background-color: whitesmoke;
	
	padding-top: 10px;
	padding-bottom: 10px;
}
.category-inner{
	background-color: white;
	height: auto;
	margin-top: 20px;
	border-radius: 10px;
	padding: 10px;
	
}
.cat-image{width: 100%; margin-top: 10px; overflow:hidden;}
.cat-image img{width: 100%;}
.btn{border-radius: 0px;}

/*footer section*/
.div{clear: both;}

.footer-section{width: 100%; height: auto; padding: 10px; background-color: whitesmoke; }

 .footer_menu ul{list-style-type: none; margin-left: -15px;}
 .footer_menu ul li a{text-decoration: none; font-family: all; color: grey; font-size: 18px;}


 /*product gallery page css*/
 .page_middle{width: 100%; height: 100vh; background-color:white; }
 .left_menu{height: 98vh; background-color: whitesmoke; padding-top: 85px;}
 .right_menu{height: 100vh; background-color: white; padding-top: 85px; overflow:scroll; overflow-x: hidden;}
 .left_menu ul{list-style-type: none;}
 .left_menu ul li p {background-color: white; padding: 10px; margin-top: 3px; width: 99%; cursor: pointer; font-family: all; font-size: 18px;}
 .cat_link{text-decoration: none; color: black;}
 .pro_div{width: 98%; height: 200px; border:1px solid green;  margin-top: 10px;}
 .pro_div_image{height: 78%; overflow:hidden; cursor: pointer;}
 .pro_div_image img{width: 100%;}
 .pro_div_des{height: 22%; background-color: blue;  text-align: center; color: grey; padding: 10px;}
 .pro_div_des a{text-decoration: none; font-size: 14px; color: white; font-family: all;}


 /*product gallery*/
 .page_middle2{width: 100%; height: auto; padding: 30px; background-color:white; }
 .pro_gallery{ padding-top: 70px; padding-left: 10px; width: 100%;}
 .pro_g{width: 95%; height: 250px; border:1px solid grey; background-color: whitesmoke; margin-top: 10px; border-radius: 5px;}
 .pro_g_image{height: 75%; background-color: white; overflow:hidden;}
 .pro_g_image img{width: 100%;}
 .pro_g_des{height: 25%; background-color: whitesmoke; padding-top: 8px;  border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
 .pro_g_des a{text-decoration: none;}

/*about us css page */
.about_us_section{width: 100%; height: auto; padding-bottom: 30px; background-color: whitesmoke; padding-top: 100px;}
.inner_section{margin-top: 10px; border:1px solid grey; padding: 20px; box-shadow: 0px 0px 3px 0px grey; border-radius: 2px;}
.inner_section label{margin-top: 10px;}


/*Globes Lending Pages */
.header-warpper-globes{width: 100%; padding: 10px 0px 10px 0px; background-color: #2573b7; box-shadow: 0px 0px 8px 0px grey; position: fixed; z-index: 90000;}
.menu-warpper-globes ul{list-style-type: none; margin-top: 10px; }
.menu-warpper-globes ul li {display: inline; margin-left: 10px; }
.menu-warpper-globes ul li a{color: whitesmoke; font-size: 18px;  text-decoration: none;}
#blobes-slider{background: radial-gradient(circle, rgba(238,174,202,1) 2%, rgba(37,115,183,1) 26%); background-color: transparent; height: 100vh;}
.globes-image img{width: 130%;}
.globes-image{ padding-top: 100px;}
.jewelry-image{padding-top: 90px;}
.jewelry-image img{width: 100%;}
.animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

.globes-img-des{padding-top: 150px;}
.globes-img-des h1{color: yellow; font-family: all; font-size: 50px; font-weight: bold; text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);}
.globes-img-des ul li{font-size: 28px; font-family: all; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.globes-img-des ul {list-style-type: circle;}
.globes-img-des ul li:hover{color: yellow; cursor: pointer;}
.globes-item{width: 100%; height: 300px; background-color: red;}
.pro-item{width: 96%; 
	background-color: white;
	height: auto;
	margin-top: 20px;
	border-radius: 10px;
	padding: 10px;
	 }
.pro-image img{width: 100%; transition: transform 0.3s ease;}
.pro-image img:hover{transform: scale(1.4); cursor: pointer;}


/*Footer section*/
.footer-ctn{
	background-color: white;
	 border-radius: 10px;
	padding:40px 0px 40px;
}



/*Media Query*/
@media screen and (max-width: 480px){
	.main-page{
		margin-top: 84%;
	}
	.header-warpper{
		display: flex;
		padding: 10px 0px 10px;
		align-items: center;
		justify-content: center;
		border-bottom: 2px solid #15b5be;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		
	}
	.logo-point{
		width: 80%;
	}
	.header-warpper .navbar{
		justify-content: flex-end;
		margin-top: -48px;

	}
	.header-warpper .navbar button{
		background: #15b5be;
		border:none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){

}
@media screen and (min-width: 1024px){

}