/*************************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:77px;-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{background-color:rgba(0,0,0,0.8);box-shadow:0px 5px 12px rgba(0,0,0,.5);}
li#menu-item-181 {
    font-size: 14px !important;
} 
li#menu-item-181 a.nav-link {
    color: #000;
}
li#menu-item-185 {
    font-size: 14px !important;
} 
li#menu-item-185 a.nav-link {
    color: #000;
}

.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color:#0090df;}
/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .menu-item{margin:0px 10px;font-size:18px;text-transform:uppercase;font-weight:700;}
.navbar .menu-item a.nav-link{color:#fff;}
.navbar .menu-item.active a.nav-link,.navbar .menu-item a.nav-link:hover{color:#851BC5;}

.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item:focus, .dropdown-item:hover {color:#fff;background-color:#E37383;}
.dropdown-item.active, .dropdown-item:active {background-color: #e17283 !important;}

.dropdown-menu li {
  position: relative;
} 

.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
  display: block;
}

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

.home-banner .video {height:1024px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.home-banner .carousel-item img { height:1024px;}

.home-banner .mbl-img-block{top:90px;left:22px;}
.home-banner .mbl-button-block{bottom:95px;left:42px;right:42px;}
.text-block {top:130px;}
.bg-body{background:url('../images/bg-body.jpg') center top no-repeat;background-size:cover;}
.video2 {width: 95%; height: 590px;-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

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

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#000;}

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

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

	.display-4{font-size:80px;}
	.display-5{font-size:50px;}
	.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-item{margin:0px 45px;}
}

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

@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar .nav-item{margin:0px 20px;}
}
@media (min-width: 1199.98px) and (max-width: 1399.98px) {
.navbar .menu-item {
    margin: 0px 0px;
    font-size: 14px;
}
@media (min-width: 1200px){

	.display-5{font-size:45px;}

}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .menu-item {margin: 0px 0px;font-size:11px;}
	.main-nav .btn{padding:10px 15px;}
	
	.img-icon{max-height:40px;}
	.btn-download{width:210px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	.fs-30{font-size:18px;}
	.fs-30.lh-lg{line-height:1.7!important;}
	
	.main-nav.position-absolute{position:static!important;background-color:#000!important;}
	.main-nav .border-bottom{border-bottom:0px!important;}
	
	.img-icon{max-height:40px;}
	.btn-download{width:210px;}
	h1.display-5 {
    font-size: 20px;
    margin-top: 5px;
}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.logo{max-height:50px;}
	.main-nav .btn{padding:10px 20px;font-size:16px;}
	.home-banner .video {height:440px;}
	.home-banner .video {height:600px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.home-banner .carousel-item img { height:600px;}	
.text-block {top:0px;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	
	.logo{max-height:40px;}
	.navbar .menu-item{margin:0px 10px;}
	.main-nav .btn{padding:6px 15px;font-size:16px;}
	.home-banner .video {height:380px;}
	.home-banner .video {height:500px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.home-banner .carousel-item img { height:500px;}
.text-block {top:80px;}		
	.home-banner .video {height:500px !important; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.home-banner .carousel-item img { height:500px !important;}
}

@media (max-width: 575.98px){
	.banner img {height:400px !important;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);}
	
	.users .border-start{border-left:0px!important;}
	.users .border-end{border-right:0px!important;}
	.home-banner .video {height:500px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.home-banner .carousel-item img { height:500px;}	
.text-block {top:80px;}	
		h1.display-5 {
    font-size: 20px !important;
    margin-top: 5px;
}
	    .fs-30 {
        font-size: 14px !important;
    }
	

}