/* Basic styles for the header */
.header-body {
    width: 100%;
    margin: 0;
    padding: 0;
	 display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

/* Styles for the logo wrapper */
#wraplogo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 119px;
    height: auto;
}

/* Styles for the logo inside the wrapper */
.mb_logo_loader {
    width: 100%;
    height: auto;
}

/* Styles for the header column */
.header-column {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem;
    box-sizing: border-box;
}

/* Styles for the header row */
.header-row {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
	height:100px;





}
/* Styles for the images inside the header row */
.header-row  img{
    max-width: 100%;
    height: auto;
	
}

/* Media query for larger screens */
@media (min-width: 768px) {
    .header-column {
        flex-direction: row;
        justify-content: space-between;
    }

    #wraplogo, .header-row {
        margin-bottom: 0;
    }
}





       #headm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	margin-bottom:50px;
}

#headm2, #headm3 {
    flex: 1 1 45%;
    margin: 5px;
	padding:5px;
	 text-align:center;
	
	 border : 9px solid grey;
	 border-radius : 8px;
}

@media (max-width: 768px) {
    #headm2, #headm3 {
        flex: 1 1 100%;
        margin: 10px 0;
    }

    #headm2 {
        margin-bottom: 10px;
    }

    #headm3 {
        margin-top: 0;
    }
}

/*
         #headm{
    
	 
	
	
	 
	
	 
   }
   #headm2{
     
	 text-align:center;
	
	 border : 5px solid grey;
	 border-radius : 8px;
	
	 
	
   }
   #headm3{
    
	 text-align:center;
	
	  border : 5px solid grey;
	   border-radius : 8px;
	  
   }
   
/* Add media queries for responsiveness */ /*
@media (min-width: 768px) {
  #headm {
    display: flex;
    justify-content: space-around;
  }

  #headm2, #headm3 {
    max-width: 45%;
	
	
  }
}

@media (max-width: 767px) {
  #headm2, #headm3 {
    max-width: 100%;
  }
}

		 */
.carousel-inner img {
    width: 100%;
    height: auto;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 30px;
    height: 30px;
}

@media (max-width: 768px) {
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 20px;
        height: 20px;
    }
}