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

#Header{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.header-scrolled #Header{background-color:var(--bs-white);position:fixed!important;left: 0;right: 0;top: 0;z-index:9;box-shadow: 0 15px 10px -10px rgba(0,0,0,.15);}
.header-scrolled .logo{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-nav .nav-item{margin:3px 15px;font-size:16px;font-weight:500;letter-spacing:0.05em;}
.navbar-nav .nav-item .nav-link{padding:2px 0px;color:var(--bs-white);}
.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item .nav-link.active ,.navbar-nav .nav-item .nav-link:hover{opacity: 0.7;}

.navbar-nav .dropdown-menu {background-color: var(--bs-black);}
.menu-item.active>a{color:var(--bs-primary);}

.dropdown-menu .nav-item {margin:0px!important;}
.dropdown-item {color:var(--bs-white);font-weight:500;font-size: 14px;}
.dropdown-item.active,.dropdown-item:focus, .dropdown-item:hover {opacity: 0.7;background-color:transparent;color: var(--bs-white)!important;}

/**********                Home page css       *******************************/

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

/**********                Inner pages css       *******************************/



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

.footer a{color:var(--bs-white);}
.footer a.active,.footer a:hover{opacity: 0.7;}
.copy{border-top:solid 1px rgba(255,255,255,0.2);}


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

@media(min-width:1400px) {
	.navbar-nav .nav-item{margin:3px 25px;}
}

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

	.display-1{font-size:100px;}
	.display-5{font-size:60px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	h3{font-size:30px;}
	.fs-18{font-size:20px;}

	.lh-xxl-lg{line-height:2;}
	
	.navbar-nav .nav-item{margin:3px 25px;}
	.slick-slide{margin:0px 25px;}
}

@media(min-width:1920px) {
  .banner .bnr-img {height:500px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
  .home-banner .bnr-img {height:850px;}
}

/*******     Above md     ********************/
@media (min-width: 992px){  
	.navbar-nav>.nav-item:last-child {margin-right:0!important;}
	.dropdown:hover>.dropdown-menu {display: block; word-wrap: break-word;}
}

/*******     Lg layout     ********************/
@media (min-width: 992px) and (max-width: 1199.98px){  
	.navbar-nav .nav-item{margin:0px 8px;}
	.logo{max-height:38px;}
}

/*******     Below lg      **********************/
@media(max-width:991.98px) {
	.py-100,.py-80,.py-60{padding-top:50px;padding-bottom:50px;}
	.logo{max-height:40px;}
	#MainNav .d-flex.border-bottom{border-bottom: 0px!important;}
}

@media (max-width: 767.98px){
	.navbar-toggler{position: absolute;left: 0px;top:8px;z-index:3 ;}
	.logo-block{padding-left: 60px;}
}

@media (max-width: 575.98px){
	.banner .bnr-img {height:200px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.home-banner .bnr-img {height:220px;}
	
	.logo{max-height:30px;}
}