@media only screen and (max-width: 1100px) {
    div.gallery_container a {
	width: 230px;
	height: 230px;
    }
}



@media only screen and (max-width: 1050px) {
       
    div.gallery_container a {
	width: 220px;
	height: 220px;
    }
     div.general_content{padding:0px 10px 0px 10px !important;}
     div.footer_menu{
     margin:0 10px 0 10px;    
    }
    
    div.footer_text{margin:0 10px 0 10px;
    }
}

@media only screen and (max-width: 1000px) {
    div.top_nav ul li a {
	font-size: 13px;
	padding: 0px 5px 0px 5px;
    }
    div.gallery_container a {
	width: 200px;
	height: 200px;
    }
}

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

    div.gallery_container a {
	width: 190px;
	height: 190px;
    }
    
    div.top_nav ul li a {
	width:110px;
    }
}


@media only screen and (max-width: 900px) {
    .sld_1 h1{
	font-size:33px;
	line-height: 35px;
    }

   .sld_1 a{margin:5px;}
   
    p.breadcrumbs{margin:10px;}

    div.footer_container{padding:0px 10px 0px 10px; !important;}

    div.gallery_container a {
	width: 180px;
	height: 180px;
    }
    div.footer_menu {text-align: center;}
    div.footer_menu div{
	float:none;
     width: 100%;
     border:0;
    }
    div.footer_menu img{
	float: none;
	margin-top: 15px;
    }
}

@media only screen and (max-width: 800px) {
    .sld_1 h1{
	width:50%;
	font-size:26px;
	line-height: 28px;
    }



.p_on {background-size: 25% !important;}

div.resp_container{ display: block;}
#resp_menu{display: block;}

#top_nav{position:relative; padding:0; left: 0px;  display: none;  min-height:0;
height:auto; margin-right:0;
}
div.top_nav img{display: none;}


div.top_nav ul{
    float:none;
    display: block;
}


    div.top_nav ul li:hover > ul {
	display: block;
    }


	div.top_nav ul li {
	    display: block;
	    min-height: 40px;
	     padding: 0;
	     margin: 0;
	     max-width: none;
	     }
		div.top_nav ul li:hover {
		   
		}
		
		
		div.top_nav ul li a {
			display: block;
			height:40px;
			width: 100%;
			font-size: 18px;
			text-align: left;
			outline: 0;
			 border-bottom: 3px solid #ffffff;
			 padding:5px 5px 0px 5px;
			 
		}
		
		div.top_nav ul ul {
	   
		    position: relative;
		    left: auto;
		    top: auto;
		    background-color: #ffffff;
		    border: 0;
	    
		}
		div.top_nav ul ul li {
		    display: block;
		    min-height: 40px;
		    width:auto;
		    margin: 0;
		    background-color: #8e8e8e;

		   

		}
			div.top_nav ul ul li a {
			    display: block;
			    height: 40px;
			    width: 100%;
			    text-align:left;
			    outline: 0;
			    border-bottom: 1px solid #ffffff;
			    padding-left: 35px;
			    background-image: url('../images/tree_pointer.html');
			    background-repeat: no-repeat;
			}	
				div.top_nav ul ul li:hover {
					
				}
		div.top_nav ul ul ul{
		    position: relative;
		    left: auto;
		    top:auto;
		    border: 0;
		}
		div.top_nav ul ul ul li a {
			padding-left: 70px;
			background-position: 35px 0px;
		}	
		
		
.link_on{color: #464646 !important; background-color: #ffffff !important;
 border-bottom: 3px solid #fcbd17 !important;}
.link_on:hover{background-color: #b1b1b1;}
.cat_on{display: block !important;
background-color: #ffffff !important;
}

div.gallery_container a {
	width: 160px;
	height: 160px;
    }

}

@media only screen and (max-width: 700px) {
.page_nav a {
    font-size: 15px;
    line-height: 17px;
    width: 24%;
}

  div.detail_f{float: none; width: 100%; margin-bottom: 10px;}
  div.footer_text{float: none; width: 100%; text-align: center; margin-bottom: 10px;}
    .default_footer_code{
    float: none; width: 100%; text-align: center; 
    }


    div.gallery_container a {
	width: 145px;
	height: 145px;
    }
    
    div.p_lnd_lnk {width:100%; display:block;
    height: 210px;
    margin:8px 8px 15px 3px;
    }
    .p_lnd_icon{ padding:10px;}
    div.p_lnd_icon img{max-width: 90px;}

.sld_1 h1{
    width:50%;
}
.sld_1 h1{
	font-size:22px;
	line-height: 24px;
    }
}

@media only screen and (max-width: 650px) {
    div.gallery_container{
	width: 30%;
	
    }
    div.gallery_container a:nth-child(odd){
    margin-right: 0;
}

}



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

div.header_logo{float:none; width: 100%; margin:0;}
div.header_text{display:none;}


div.gallery_container{
	width: 40%;
	
    }
    div.gallery_container a {
	float: right;
    }
    
    div.ms_lnd_lnk{min-width: 300px;}
    
 .event_block_container{background-position:left;}

.event_block_year{width:90px; height:66px;}

.event_block{width:85%; margin-left:15%; margin-bottom:30px; min-height:0; }
.block_img_blnk{display: none;}
.eb_r{float:none;}
.eb_l{float:none;}
.eb_align{margin-top:0px;}
.ec_h{display: block;}
.ec_l{display:none;}
.ec_r{width:44px; 
    background-image:url('../images/me_ee_pointer_r_sml.html');
    left:-11.1%;
}
   
}

@media only screen and (max-width: 550px) {
    .gen_lnk{width:100%;}
}


@media only screen and (max-width: 500px) {
.page_nav a {
    font-size: 13px;
    line-height: 15px;
    width: 22%;
}



#human_image_1{
display:none;
}
#human_image_2{display:block;}

.top_header ul {
    float:none;
}
.top_header ul li { display: block;}


div.ms_lnd_lnk{
    position: relative;
    display: block; width:100%;
height:70px;
margin:8px 0px 8px 0px;
border-radius: 50px;
padding:0;
clear: both;
}


.ms_lnd_icon{position: relative;
display: inline-block;
float: left;
border-radius: 50%;
width:50px;
height:50px;
padding:10px;

}
div.ms_lnd_icon img{max-width: 142px;}


div.ms_lnd_lnk h2{
display: table-cell;
vertical-align: middle;
font-size: 18px; line-height: 20px;
height:70px;
margin: 0px;
padding:0px 90px 0px 10px;
text-align: center;
}



div.ms_lnd_lnk a{

    display: inline-block;
    position: absolute;
    right:10px;
    top: 10px;
font-size: 16px; line-height: 18px;
padding:5px;
border: 0;
border-radius: 18px;
width:60px;

vertical-align: top;
}


}
@media only screen and (max-width: 479px) {
 
.sld_1 h1{
	font-size:20px;
	line-height: 22px;
    }
   
}

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