/* Medium screens (640px) */
@media all and (min-width:40em) { 
  html { 
  font-size: 120%; 
  }
 .mb_heading h1{
	top:2rem;
	left:1rem;
	font-size:2rem;
	}

.mb_heading h2{
	top:4rem;
	left:1rem;
	font-size:1.7em;
	}

}

 
/* Large screens (1024px) */
@media all and (min-width:64em) { 
  html { 
  font-size: 140%; 
  }
  
img.mb_bgimage{
	right:5%;
	top:5%;
	max-width:800px;	
	}	

.mb_menu{
	position:absolute;
	top:5%;
	left:5%;
	height:500px !important;
	z-index:11;
	}

.mb_menu li:nth-child(odd){	
	height:80px;
	width:80px;
	margin-bottom:10px;
	}
		
		
.mb_menu li:nth-child(even){	
	height:80px;
	width:80px;
	margin-bottom:10px;
	}

.mb_content_wrapper{
	height:540px;
	width:15rem;
	position:absolute;
	top:5%;
	left:12%;
	}

.mb_content_inner{
	height:360px;
	width:15rem;
	padding-right:1rem;
	outline: none;	
	}

.mb_content_inner .box-img{
	width:4rem !important;		
	}

ul.mb_imagelist li{
	margin:0 3rem .7rem 0;
	}

.small{
	font-size:.8rem;
	line-height:.8rem ;
	}

}


/* Large screens (1900px) */
@media all and (min-width:118.750em) { 
  html { 
  font-size: 150%; 
  }


 img.mb_bgimage{
	right:8%;
	top:8%;
	max-width:1200px;	
	}
	
.mb_heading h1{
	top:10.2%;
	right:15%;
	margin-right:15%;
	}
	
.mb_heading h2{
	top:20.2%;
	margin-left:20% !important;
	left:20% !important;
	}
		
.mb_menu{
	position:absolute;
	top:8%;
	left:8%;
	height:500px !important;
	z-index:11;
	}

.mb_menu li:nth-child(odd){	
	height:100px;
	width:100px;
	margin-bottom:15px;
	}
		
		
.mb_menu li:nth-child(even){	
	height:100px;
	width:100px;
	margin-bottom:15px;
	}

.mb_content_wrapper{
	height:675px;
	width:15rem;
	position:absolute;
	top:8%;
	left:14%;
	}

.mb_content_inner{
	height:450px;
	width:15rem;
	padding-right:1rem;
	outline: none;	
	}

.mb_content_inner .box-img{
	width:4rem !important;		
	}

ul.mb_imagelist li{
	margin:0 5rem .7rem 0;
	}

.small{
	font-size:.8rem;
	line-height:.8rem ;
	}
 
}