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

.logo{max-height:50px;}

#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 1px;font-size:var(--bs-body-size);font-weight:600;letter-spacing:0.04em;}
.navbar-nav .nav-item .nav-link{padding:5px;color:var(--bs-body-color);border-top:solid 1px var(--bs-body-bg);border-bottom:solid 1px var(--bs-body-bg);}
.navbar-nav .nav-item.active .nav-link, .navbar-nav .nav-item .nav-link.active ,.navbar-nav .nav-item .nav-link:hover{border-color:var(--bs-gray-500);color: var(--bs-primary);}

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

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

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


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

.bg-img{position:relative;z-index:2;}
.bg-img::before {width:60%;height:108%;right:0px;top:0px;background-color:var(--bs-light);content: "";position: absolute;z-index:1;}
.bg-img-left::before {right:auto;left:0px;}



/**********                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.3);}


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

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

	.display-3{font-size:89px;}
	.display-5{font-size:55px;}
	.display-6{font-size:50px;}
	h1,.h1{font-size:40px;}
	.fs-18{font-size:20px;}

	.lh-xxl-lg{line-height:2;}
	
	.logo{max-height:80px;}
	.navbar-nav .nav-item{margin:3px 20px;}
	.navbar-nav .nav-item .nav-link{padding:10px;}
}

@media(min-width:1920px) {
  .container-md {max-width:1630px;}
  .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:730px;}

	h3{font-size:30px;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.display-3{font-size:75px;}
	.display-5 {font-size: 2.6rem; }
	.h3, h3 {font-size: 1.52rem; }

	.logo{max-height:60px;}
	.navbar-nav .nav-item{margin:3px 15px;}
}

/*******     Above md     ********************/
@media (min-width: 992px){  
	.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 .nav-link{border: 0px;}
}

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

	.bg-img::before {display: none;}
}

@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:300px;}
	
	#MainNav .btn-lg{padding:5px 10px;}
}

@media (max-width: 369.98px){
	.logo{max-height: 40px;}
}