/*************************8      header css           ****************************************************/

.shrink{background-color:#fff;box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.25);z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:25px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 5px;font-size:20px;font-weight:400;letter-spacing:0.01em;}
.navbar .nav-item .nav-link{color:#000;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#123800;}
#menu-main-menu li.menu-item a.nav-link:first-child{ padding-left: 0px !important;}
/**********                Home page css       *******************************/

.memory{background:url('../images/memory.jpg') center top no-repeat;background-size:cover;}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{opacity:0.5!important;}
#BigimgOuter {
  position: relative;
  background: #000;
  display: block;
  min-height: 491px;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SerBox {
  padding: 40px 25px;
  border-radius: 42px;
  font-size: 16px;

}
/********************     Media query       ***************************************/

@media (min-width: 1600px){
	.container {max-width: 1530px;}
	.g-4{--bs-gutter-y:2rem!important;--bs-gutter-x:2rem!important;}

	.display-3{font-size:80px;}
	.memory .display-3{font-size:75px;}
	.display-5{font-size:55px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	.h2{font-size:35px;}
	h3{font-size:30px;}
	.fs-19{font-size:21px;}
	.fs-20{font-size:22px;}
	body,.fs-18{font-size:20px;}
	
	.lh-xxl-lg{line-height:2;}
	
	.navbar .nav-item{margin:0px 16px;}
	
	.sales .h2{font-size:45px;}
}

@media (min-width: 1920px){
	.banner img {height:500px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.home-banner img {height:924px;}
	.container {max-width: 1880px;}
	
	.sales .h2{font-size:55px;letter-spacing:-0.03em;}
	.sales .top-30{top:35%!important;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar .nav-item{margin:0px 5px;}
	.sales .h2{font-size:38px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .nav-item {margin: 0px 10px;}
	
	.sales .h2{font-size:28px;}
	.SerBox .h1{font-size:22px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.logo{max-height:40px;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.SerBox .h1{font-size:22px;} 
	.SerBox {padding:30px 15px;border-radius:32px;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.SerBox{padding:30px 15px;border-radius:32px;}
}

@media (max-width: 575.98px){
	.banner img {height:220px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	
	.btn {font-size:18px;padding:10px 40px;}
	
	.sales img{min-height:300px;}
}