img {
  max-width: 100% !important;
} 



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
    
    
@media only screen and (min-width: 768px) and (max-width: 1090px) {
	
.wrapper960, #header_items, #header, #logo {width:100% !important;}
#logo {width:100% !important;}
#sidecol_a, #sidecol_b {
	width:100% !important;
}
#content_remainder {
	width: 100% !important;
}
#sidecol_b .sidecol_block {padding:0px;}
#container_slideshow {
	padding-top:0px;
}
.box_skitter, .container_skitter {
	width:100% !important;
	max-height:100%;
}
#container_slideshow img, .box_skitter img {
	max-width:none !important;
}

/* Link Hover Module Adjust */
.j51container, .j51container .mask, 
.j51container .content
{max-width:200px !important;
}	

/* Hide default hornav menu */
#hornav{display:none !important;}

/* Show mobile hornav menu */
#container_hornav_mobile{display:inline; z-index: 99; margin-top:13px;}
.js #mobile { display: none; }
#hornav_mobile {margin-top:0px;}

/* Logo Adjustment */
#logo {
	margin-left: 10px;
}

/* some ordering issues here */
#main {
	display: grid !important;
}
#content_remainder {
	order: 1;
}
#sidecol_b {
	order: 2;
}

#mainevlogo {
	content:url('/assets/Uploads/2024-Junior-Indaba-Banner-v1_mobile.jpg');
	width: 100%;
}

}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

@media only screen and ( max-width: 767px ) {

#sidecol_a, #sidecol_b {
	width:100% !important;
}
#content_remainder {
	width: 100% !important;
}
.wrapper960, #header {
	width:100% !important;
}
#logo {width:100% !important;}
.top-1, .top-2, .top-3, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2 {
	width:100% !important;
}

#sidecol_b .sidecol_block {padding:0px;}
#container_slideshow {
	padding-top:0px;
}
.box_skitter, .container_skitter {
	width:100% !important;
}
.box_skitter img {
	max-width:none !important;
}



/* Hide default hornav menu */
#hornav{display:none !important;}

/* Show mobile hornav menu */
#container_hornav_mobile{display:inline; z-index: 99; margin-top:13px;}
.js #mobile { display: none; }
#hornav_mobile {margin-top:0px;}

/* Hide Modules */
.breadcrumbs {
	display:none;
}

.maincontent img {
	margin: 0px 5px !important;
}

/* Logo Adjustment */
#logo {
	margin-left: 10px;
}

/* some ordering issues here */
#main {
	display: grid !important;
}
#content_remainder {
	order: 1;
}
#sidecol_b {
	order: 2;
}

#mainevlogo {
	content:url('/assets/Uploads/2024-Junior-Indaba-Banner-v1_mobile.jpg');
	width: 100%;
}

}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

@media only screen and (max-width: 440px) {
	
.wrapper960, #header, .logo_container, h1.logo, h1.logo a {
	width:100% !important;
}
.wrapper960 {
}
#logo {width:100% !important;}
#content_remainder {
    width: 100% !important;
}
.top-1, .top-2, .top-3, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2, #sidecol_a, #sidecol_b {
	width:100% !important;
}

#container_slideshow {
	padding-top:0px;
}
.box_skitter, .container_skitter {
	width:100% !important;
}
.box_skitter img {
	max-width:none !important;
}

#footermenu {
    float: left;
}


.j51container, .j51container .mask, 
.j51container .content
{width:100% !important;
}	
/* Hide default hornav menu */
#hornav{display:none !important;}

/* Show mobile hornav menu */
#container_hornav_mobile{display:inline; z-index: 99; margin-top:13px;}
.js #mobile { display: none; }
#hornav_mobile {margin-top:0px;}

/* Remove Modules */
.breadcrumbs, #search {
	display:none;
}

/* Link Hover Module Adjust */
.j51container, .j51container .mask, 
.j51container .content
{max-width:100% !important;
}
/* Logo Adjustment */
#logo {
	margin-left: 10px;
}

/* some ordering issues here */
#main {
	display: grid !important;
}
#content_remainder {
	order: 1;
}
#sidecol_b {
	order: 2;
}

#mainevlogo {
	content:url('/assets/Uploads/2024-Junior-Indaba-Banner-v1_mobile.jpg');
	width: 100%;
}

}

@media only screen and (max-width: 1090px) {
	/*td {
		display: table-cell !important;
		width: 200px;
	}*/
	table.keep td {
		display: table-cell !important;
		width: 200px !important;
	}
}