<!-- Caption Style -->
        .captionOrange, .captionBlack
        {
            color: #fff;
            font-size: 20px;
            line-height: 30px;
            text-align: center;
            border-radius: 4px;
        }
        .captionOrange
        {
            background: #EB5100;
            background-color: rgba(235, 81, 0, 0.6);
        }
        .captionBlack
        {
                font-size:16px;
            background: #000;
            background-color: rgba(0, 0, 0, 0.4);
        }
        a.captionOrange, A.captionOrange:active, A.captionOrange:visited
        {
                color: #ffffff;
                text-decoration: none; 
        }
        a.captionOrange:hover
        { 
            color: #eb5100;
            text-decoration: underline;
            background-color: #eeeeee;
            background-color: rgba(238, 238, 238, 0.7);
        }
        .bricon
        {
            background: url(../img/browser-icons.png);
        }


#slider1_container {
    position:relative;
    width:100%;
    height:50%;


}
#slider2 {
                        /* <div id="slider2" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width:600px; height:300px; overflow: hidden;"> */
                        cursor: move;
                        position: absolute;
                        left: 0px; top: 0px;
                        width:100%;
                        height:50%;
                        overflow: hidden;

}


#region {
	//left:50%;	
	left:50px;
        width:300px;
	position:relative;
}

#container {
	width:100%;
	//height:500px;
	//background:yellow;
	text-align:center;
	align-items:center;
	left: 50%;
        margin-right: -50%;
}

#main {
    /* background:green; */
    margin:auto; 
    width:80%;
    height:auto;
    height-min: 200px;
    border: 0px solid #c3c3c3;
    display: -webkit-flex; /* Safari */
    -webkit-flex-flow: row-reverse wrap; /* Safari 6.1+ */
    -webkit-flex-flow: row wrap;
    display: flex;
    position:relative;
    text-align:center;
    align-items:center;
    flex-flow: row-reverse wrap;
     flex-flow: row wrap

}

#main div {
    width: 100px;
    height: 100px;
}

#banner-caption {
	position:absolute;
	top:250px;
	left:0px;
	width:600px;
	height:50px;
}

#banner-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40%;
	background-color:black;
	opacity:0.5;
	filter:alpha(opacity=50);
}
#banner-caption-text {
	position:absolute;
	top:0px;
	left:0px;
	width:600px;
	height:50px;
	color:White;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
}

.c-menu {
    z-index: 200;
    background-color: #67b5d1;
    transition: transform .3s
}


.c-menu__close {
    color: #fff ! important;
    background-color: #3184a1 !important;
    border: none !important;
    cursor: pointer !important
}


.c-button, .c-menu__close, .c-button_index {
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: none !important;
    -webkit-appearance: none !important;
    font-size: 14px !important;
    font-style:normal ! important;
    box-shadow: none !important
}
button {
                        border: 0px solid #67b5d1;
                        background-color: Transparent !important;
}

.c-menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close,
.c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close {
    display: block !important;
    padding: 12px 24px !important;
    width: 100% !important
}

.c-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
    font-style:normal !important
}

.c-menu--slide-left .c-menu__item, .c-menu--slide-right .c-menu__item {
    display: block;
    text-align: center;
    border-top: solid 1px #b5dbe9;
    border-bottom: solid 1px #3184a1
}

.c-menu--push-left .c-menu__item:first-child, .c-menu--push-right .c-menu__item:first-child, .c-menu--slide-left .c-menu__item:first-child, .c-menu--slide-right .c-menu__item:first-child {
    border-top: none
}

.c-menu--push-left .c-menu__item:last-child, .c-menu--push-right .c-menu__item:last-child, .c-menu--slide-left .c-menu__item:last-child, .c-menu--slide-right .c-menu__item:last-child {
    border-bottom: none
}

.c-menu--push-left .c-menu__link, .c-menu--push-right .c-menu__link,
.c-menu--slide-left .c-menu__link, .c-menu--slide-right .c-menu__link {
    display: block;
    padding: 12px 24px;
    color: #fff !important;
    font-style:normal !important;
    font-weight:normal !important;
    font-family:Oxygen !important;
}
menu--push-left .c-menu__close, .c-menu--push-right .c-menu__close,
.c-menu--slide-left .c-menu__close, .c-menu--slide-right .c-menu__close {
    display: block;
    padding: 12px 24px;
    width: 100%
}

.c-menu--push-left, .c-menu--slide-left {
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/oxygen/oxygen-v5-latin-300.eot);
    src: local("Oxygen Light"), local("Oxygen-Light"), url(../fonts/oxygen/oxygen-v5-latin-300.eot?#iefix)format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-300.woff2)format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-300.woff)format("woff"), url(../fonts/oxygen/oxygen-v5-latin-300.ttf)format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-300.svg#Oxygen)format("svg")
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/oxygen/oxygen-v5-latin-regular.eot);
    src: local("Oxygen"), local("Oxygen-Regular"), url(../fonts/oxygen/oxygen-v5-latin-regular.eot?#iefix)format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-regular.woff2)format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-regular.woff)format("woff"), url(../fonts/oxygen/oxygen-v5-latin-regular.ttf)format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-regular.svg#Oxygen)format("svg")
}

@font-face {
    font-family: Oxygen;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/oxygen/oxygen-v5-latin-700.eot);
    src: local("Oxygen Bold"), local("Oxygen-Bold"), url(../fonts/oxygen/oxygen-v5-latin-700.eot?#iefix)format("embedded-opentype"), url(../fonts/oxygen/oxygen-v5-latin-700.woff2)format("woff2"), url(../fonts/oxygen/oxygen-v5-latin-700.woff)format("woff"), url(../fonts/oxygen/oxygen-v5-latin-700.ttf)format("truetype"), url(../fonts/oxygen/oxygen-v5-latin-700.svg#Oxygen)format("svg")
} 


/* tablet */
       @media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
                #slider1_container {
                        position:relative;
                        width:800px;
                        height:300px; 

                }
                #slider2 {
                        /* <div id="slider2" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width:600px; height:300px; overflow: hidden;"> */
                        cursor: move;
                        position: absolute;
                        left: 0px; top: 0px;
                        width:800px;
                        height:300px;
                        overflow: hidden;
                }

		#info,#accommodation,#activities,#dining,#galleries,#shopping,#transport,#imagelibrary,
#hotels,#motels,#backpackers,#selfcontained,#bb,#holidayhomes,#holidayparks,
#adventure,#boatcruise,#coachcruise,#entertainment,#heritage,#hiking,#horsetreks,#hunting,#journeys,#tours,#wildlife,#kayaking,
#artscrafts,#books,#gifts,#fashion,#services,
#restaurants,#cafes,#bars,#liquor,#takeaways,#european,#chinese,#japanese,#indian,#turkish,
#balclutha,#milton,#lawrence,#waihola,
#curiobay,#slopepoint,#niagara,#papatowai,#newhaven,#kakapoint,#owaka,#pounawea,#waikawa,#mcleanfalls,#tokanui,
#teanau,#milforddoubtful,#fiordlandpark,#nzwalks,#southernscenicroute,#manapouri,
#map,#email,#website,#phone {
                        padding:20px;
                        width:150px;
                        display:inline;
                }
		#banner-caption, #banner-caption-text, #banner-image {
        		width:800px;

		}
	#main {
    		width: 500px;
    		height-min: 200px;
		height:auto;
	}

	#main div {
 	   	width: 150px;
   	 	height: 150px;
	}

		.c-button {
                        padding: 24px 24px;
                        border: 0px solid #67b5d1;
                        height:100px;
                        width:150px;
                        //left:30px;
                }

       
}
	
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
                #slider1_container {
                        position:relative;
                        width:1024px;
                        height:300px;

                }
                #slider2 {
                        /* <div id="slider2" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width:600px; height:300px; overflow: hidden;"> */
                        cursor: move;
                        position: absolute;
                        left: 0px; top: 0px;
                        width:1024px;
                        height:300px;
                        overflow: hidden;
                }

                #info,#accommodation,#activities,#dining,#galleries,#shopping,#transport,#imagelibrary,
#hotels,#motels,#backpackers,#selfcontained,#bb,#holidayhomes,#holidayparks,
#adventure,#boatcruise,#coachcruise,#entertainment,#heritage,#hiking,#horsetreks,#hunting,#journeys,#tours,#wildlife,#kayaking,
#artscrafts,#books,#gifts,#fashion,#services,
#restaurants,#cafes,#bars,#liquor,#takeaways,#european,#chinese,#japanese,#indian,#turkish,#tokanui,
#balclutha,#milton,#lawrence,#waihola,
#curiobay,#slopepoint,#niagara,#papatowai,#newhaven,#kakapoint,#owaka,#pounawea,#waikawa,#mcleanfalls,
#teanau,#milforddoubtful,#fiordlandpark,#nzwalks,#southernscenicroute,#manapouri,
#map,#email,#website,#phone {
                        padding:20px;
                        width:150px;
                        display:inline;
                }
		#banner-caption {
        		width:1024px;

		}
		#banner-caption-text {
			width:1024;
		}
		#banner-image {
			width:1024px;
		}
        #main {
                width: 500px;
                height-min: 200px;
		height:auto;
        }

        #main div {
                width: 150px;
                height: 150px;
        }

                .c-button {
                        padding: 24px 24px;
                        border: 0px solid #67b5d1;
                        height:100px;
                        width:150px;
                        //left:30px;
                }


}

@media (min-width: 1025px)  {
#slider1_container {
                        position:relative;
                        width:1024px;
                        height:300px;

 	               }
                #slider2 {
                        /* <div id="slider2" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width:600px; height:300px; overflow: hidden;"> */
                        cursor: move;
                        position: absolute;
                        left: 0px; top: 0px;
                        width:1024px;
                        height:300px;
                        overflow: hidden;
                }

                #info,#accommodation,#activities,#dining,#galleries,#shopping,#transport,#imagelibrary,
#hotels,#motels,#backpackers,#selfcontained,#bb,#holidayhomes,#holidayparks,
#adventure,#boatcruise,#coachcruise,#entertainment,#heritage,#hiking,#horsetreks,#hunting,#journeys,#tours,#wildlife,#kayaking,
#artscrafts,#books,#gifts,#fashion,#services,
#restaurants,#cafes,#bars,#liquor,#takeaways,#european,#chinese,#japanese,#indian,#turkish,
#balclutha,#milton,#lawrence,#waihola,
#curiobay,#slopepoint,#niagara,#papatowai,#newhaven,#kakapoint,#owaka,#pounawea,#waikawa,#mcleanfalls,#tokanui,
#teanau,#milforddoubtful,#fiordlandpark,#nzwalks,#southernscenicroute,#manapouri,
#map,#email,#website,#phone {
                        padding:20px;
                        width:150px;
                        display:inline;
                }
                #banner-caption {
                        width:1024px;

                }
                #banner-caption-text {
                        width:1024;
                }
                #banner-image {
                        width:1024px;
                }
        #main {
                width: 500px;
                height-min: 200px;
		height:auto;
        }

        #main div {
                width: 150px;
                height: 150px;
        }

                .c-button {
                        padding: 24px 24px;
                        border: 0px solid #67b5d1;
                        height:100px;
                        width:150px;
                        //left:30px;
                }


}