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

body{
	background-color:#fff;
	}

.gridContainer {
	display:block;
	width:100%;
	text-align:center;
	}
.reset-btn-positioner{display:inline-block;width:300px;height:0;}
.ndi-panel-container{display:inline-block;overflow:hidden;text-align:center;width:295px;height:480px;padding-left:5px;margin-left:auto;margin-right:auto;}
.ndi-panel{display:inline-block;overflow:hidden;}

.ndi-text-in{position:absolute;top:144px;left:0;width:270px;padding:10px 20px 0 10px;}
.ndi-text-out{display:none;}


.ndi-image-start-small{width:93px;height:83px;}
.ndi-image-start-big{width:93px;height:83px;}
.ndi-image-on{width:300px;height:144px;}
.ndi-image-side{width:93px;height:83px;}


.ndi-header-block-start{display:inline-block;width:100%;height:76px;background-color:#fff;padding:10px 0 10px 0;}
.ndi-header-block-out{display:inline-block;width:100%;height:76px;background-color:#fff;padding:0px !important; background-size: 150px 75px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/news-networkeditorial/masthead/heraldsun/widgets/vrc/images/the-park-2016-630x325.png);
    background-position-x: 125px;
    background-repeat: no-repeat;
    background-position-y: 5px;
    margin-bottom: 3px;
    background-color: #184933;

}

.ndi-sidebar-block-start{display:none;}
.ndi-sidebar-block-on{display:none;}

.ndi-panel-start1{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start2{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start3{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start4{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start5{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start6{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start7{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start8{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start9{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start10{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start11{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start12{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-panel-start13{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}

.ndi-fake-panel-start{float:left;width:93px;height:83px;margin:5px 5px 0 0;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}
.ndi-fake-panel-off{display:none;}


.ndi-panel-on{position:relative;top:0;left:0;width:300px;height:480px;background-color:#FFF;z-index:99;overflow-y:auto;margin-left:-5px;-webkit-transition: all 0s ease-in-out 0s;-moz-transition: all 0s ease-in-out 0s;-ms-transition: all 0s ease-in-out 0s;-o-transition: all 0s ease-in-out 0s;transition: all 0s ease-in-out 0s;}

.ndi-panel-side1{display:none;}
.ndi-panel-side2{display:none;}
.ndi-panel-side3{display:none;}
.ndi-panel-side4{display:none;}
.ndi-panel-side5{display:none;}
.ndi-panel-side6{display:none;}
.ndi-panel-side7{display:none;}
.ndi-panel-side8{display:none;}
.ndi-panel-side9{display:none;}
.ndi-panel-side10{display:none;}
.ndi-panel-side11{display:none;}
.ndi-panel-side12{display:none;}


.ndi-headline{
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    letter-spacing: 1px;
    padding: 0px;
    margin-top: -10px;
    background-color: #000;
}
}

.ndi-crosshead{
	color:#000000;
}
.ndi-intro{
	font-family: "Guardian Sans XCond Web", sans-serif;
	font-style:normal;
	font-weight: 400;
    font-size: 18px;
	line-height:21px;
	text-align:center;
	color:#666;
}
.ndi-subhead{
    font-size: 20px;
	line-height:22px;
	margin-bottom: 10px;
}
.ndi-bodycopy-serif{
	font-family: "Guardian Sans Web", sans-serif;
	font-style:normal;
	font-weight: 400;
	font-size: 14px;
	line-height:15px;
	color:#000;
	text-align:left;
}

.ndi-reset-btn-on{
	display:block;
	position:relative;
	top:-498px;
	right:-260px;
	width:40px;
	height:40px;
	background-image:url(../images/close_icon.svg);
	z-index:100;
	}
.ndi-reset-btn-off{
	display:none;
    }
.ndi-header-block-start {
	border: none !important;
    background-position-x: 65px !important;
    background-position-y: -5px !important;
    background-size: 250px 130px !important;
    background-repeat: no-repeat !important;
    background-color: #184933 !important;
}
}

.ndi-tag-name-start{
	display:none !important;
}
.ndi-tag-name-off{
	display:none !important;
}

.ndi-tag-name {
	display: none !important;
}
}