.carousel-inner .carousel-item{
	height: 100vh ;
}
.banner{
	height: 100% ;
	background-position: center;
	background-size: 100%;
  
}
.main-menu-logo{
	position: fixed;
	top:0;
	z-index: 100;
	width: 100%;
	background: #b1b1b14f;
}
.navbar-brand{
	font-size: 30px;
	font-weight: bold;
	color: #fff ;
}
.nav-item a{
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding: 0px 20px ;
	color: #fff ;
}
.nav-item a:hover{
	color: #000 ;
}
.carousel-caption{
	bottom: 40%;
	display: block ;
}
.carousel-caption h1{
	font-size: 100px;
	letter-spacing: 2px;
	color:  #ffb221;
 
}
.carousel-caption h2{
	font-size: 80px;
	letter-spacing: 2px;
	color:  #24fbfd;
}
.carousel-caption h3{
	font-size: 60px;
	letter-spacing: 2px;
	color:  #c49dff;
}

@media all and (min-width:239px) and (max-width: 241px){
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 40vh ;
	}
      

}
@media all and (min-width:319px) and (max-width: 321px){
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 20vh ;
	}
      

}


@media all and (min-width:343px) and (max-width: 345px){
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 20vh ;
	}
      

}

@media all and (min-width:346px) and (max-width:  394px){
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 23vh ;
	}
      

}




@media all and (min-width:411px) and (max-width: 415px){

    .carousel-inner .carousel-item{
		height: 20vh ;
	} 
   
	
}
@media all and (min-width:429px) and (max-width:435px){

    .banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 40vh ;
	}
   
	
}


@media all and (min-height:735px) and (max-height:737px ){
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 30vh ;
	}
     

}

    

@media all and (min-width:420px) and (max-width: 1022px){
    
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 35vh ;
	}
    
}
@media all and (min-width:1023px) and (max-width: 1025px){
    
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 70vh ;
	}
    
}
@media all and (width:1024px) and (height: 1366px) {
    
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 40vh ;
	}
    
}



@media all and (min-width:1279px) and (max-width: 1281px){
    x
	.banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 55vh ;
	}
    
}
@media all and (width:430px) and (height:932px){

    .banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 25vh ;
	}
   
	
}
@media all and (min-width:479px) and (max-width:481px){

    .banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 25vh ;
	}
   
	
}
@media all and (width:640px) and (height:360px){

    .banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 70vh ;
	}
   
	
}
@media all and (width:600px) and (height:1024px){


	

    .banner{
		height: 100%;
	}
    .carousel-inner .carousel-item{
		height: 25vh ;
	}
   
	
}