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

.logo{max-height:60px;}

#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: 2;box-shadow: 0 15px 10px -10px rgba(0,0,0,.15);}
.header-scrolled .logo{max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-nav .nav-item{margin:3px 11px;font-size:18px;font-weight:600;letter-spacing:0.06em;}
.navbar-nav .nav-item .nav-link{padding:2px 0px;color:var(--bs-primary);}
.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item .nav-link.active ,.navbar-nav .nav-item .nav-link:hover{color:var(--bs-secondary);}

.menu-item.active>a{color:var(--bs-secondary);}

.dropdown-menu .nav-item {margin:0px!important;}
.dropdown-item {color:var(--bs-primary);font-weight:600;}
.dropdown-item.active,.dropdown-item:focus, .dropdown-item:hover {color:var(--bs-secondary)!important;background-color:transparent;}

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

.gallery img{max-height: 400px;}

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



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

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


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

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

	.display-1{font-size:110px;}
	.display-5{font-size:60px;}
	.display-6{font-size:50px;}
	.h2{font-size:40px;}
	h3{font-size:30px;}

	.lh-xxl-lg{line-height:1.8;}
	.my-xxxl-5{margin-top: 48px!important;margin-bottom: 48px!important;}

	.navbar-nav .nav-item{margin:3px 35px;}
}

@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:700px;}
  .display-1{font-size:120px;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar-nav .nav-item{margin:3px 20px;}
}

/*******     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){  
	.logo{max-height:50px;}
	.navbar-nav .nav-item{margin:0px 7px;font-size: 16px;}
}

/*******     Below lg      **********************/
@media(max-width:991.98px) {
	.py-100,.py-80,.py-60{padding-top:50px;padding-bottom:50px;}
}

@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;}
	.logo{max-height:45px;}
}