@media (min-width: 30px) {
        /*iphone/ipod/android portrait and everything that's smaller*/
        #slideshow{position: relative; width: 320px; margin: auto; overflow: hidden; height: 220px; margin-top: 0px;}
        #slideshow p{display:none;}
        .images{}
        .image{ width: 100%;position:absolute;top:0; left:0; z-index:0}
            .image img{width: 100%;}
        #content .images .top{background:transparent; z-index:9; position:absolute; top: 0; left: 0; border-top: 0px;}
		#content .images .last-active{z-index:10}
        .imageLink{display: block; width: 100%; /*height: 220px;*/}
        .imageBackground{ }
        .caption{width: 96%;/*height: 150px;*/ margin-bottom: 3%; padding: 2%; background-color: rgba(105,190,40); color:white; }
		.captionTwo{width: 96%;height: 150px; padding: 2%; margin:auto;background-color: rgba(105,190,40); color:white; }
             #content .caption h1{ color: white; font-size: 14px; margin-top: 0px; }
             #content .caption p{width: 100%; margin: 0; font-size: 13px; display:block;}
		     #content .captionTwo h1{ color: white; font-size: 14px; margin-top: 0px; }
             #content .captionTwo p{width: 100%; margin: 0; font-size: 13px; display:block;}   
        #slideNav{margin-top: 144px;}
        	#slideNav #prev, #slideNav #next{display:none;}
        	#slideNav .ballHolder{float: right;margin-top:  25px; margin-right: 20px;}
      			#slideNav .ballHolder a{display:block; color: transparent; width: 20px; height: 20px; background-color: #69be28;  float: left; margin-right: 20px;}
      			#slideNav .ballHolder .selectBtn{background-color:#e98300}
      			#slideNav .ballHolder a#more{background-color: transparent; color: black; width:auto; margin-right:0px; }
		.slidesjs-pagination{display:none;}
           .slidesjs-next {
    margin-right: 5px;
    float: left;
    text-indent: -999px;
    background-image: url(/websvcs/shared/slidesjs/css/arrows.png);
    background-repeat: no-repeat;
    background-size: auto 15px;
    display: block;
    height: 15px;
    width: 10px;
    background-position: -12px 0;
}
	.slidesjs-previous {
    margin-right: 5px;
    float: left;
    text-indent: -999px;
    background-image: url(/websvcs/shared/slidesjs/css/arrows.png);
    background-repeat: no-repeat;
    background-size: auto 15px;
    display: block;
    height: 15px;
    width: 10px;
    background-position: 0px 0;
}	
		.flex-direction-nav {
			display: none;
		}
    }
    @media (min-width: 480px) {
        /*iphone/ipod/android landscape*/
        #slideshow, .imageLink {width: 530px; height: 280px;}
        #slideNav{margin-top: 220px;}
    }
    @media (min-width: 640px) {
        .imageLink, #slideshow{width: 620px; height: 500px; overflow:hidden;}
        .caption{height: 100px; overflow:-x:hidden; }
		.captionTwo{height: 100px; overflow:-x:hidden; }
        #slideNav{position:absolute; z-index: 100; right:20px; top: 215px;margin-top:0; }
        #slideNav .ballHolder a{background-color:white;}
        #slideNav .ballHolder .selectBtn{background-color:#69be28}
        #slideNav .ballHolder a#more{color:white; text-shadow: 1px 1px 1px #333}


    }

     @media (min-width: 667px) {
        .imageLink, #slideshow{height:300px;}
     }
    @media (min-width: 768px) {
        .imageLink, #slideshow{width: 100%; height: 400px;}
        #slideNav{top: 270px;}
     
    }
	@media (min-width: 864px) {
		.imageLink, #slideshow { }
		#slideNav { top: 320px; }	
	}
    @media (min-width: 960px) {
        .imageLink, #slideshow{ /* height: 420px; */ height: 404px; width: 922px; }
        .caption{/*width: 55%;*/ margin:0px; /*position: absolute;*/ bottom:20px; text-align:left; height: auto;background-color: rgba(105,190,40)}
		.captionTwo{width: 55%; margin:0px; position: absolute; bottom:25px; text-align:left; height: auto;background-color: rgba(105,190,40)}
            #content .caption h1{font-size: 2em; margin-bottom: 10px}
            #content .caption p{font-size: 14px; width: 80%; float: right;}
			#content .captionTwo h1{font-size: 2em; margin-bottom: 10px}
            #content .captionTwo p{font-size: 14px; width: 80%; float: right;}
        #slideNav{ /* top: 350px; */ top: 340px; }
        #slideNav .ballHolder a{margin-right: 10px; }
		#metaslider-id-18739 > .flex-direction-nav {display: none!important;}
	.metaslider-id-18739 > .flex-direction-nav {display: none!important;}
		#content ul li { padding-left: 0; margin-left: 0;}
    }