@media only screen and (min-width: 961px) and (max-width: 2000px) /* Smaller than standard 960 (devices and browsers) */ { 

    /* Home */
    #main_container{ margin-left: 0 !important;}    
    #totop { display: none !important;  right: 0;}
    .backstretch{ left: 0 !important;}

}

@media only screen and (min-width: 768px) and (max-width: 959px)/* Smaller than standard 768 (devices and browsers) */ {

    /* Home */
    #donate_wrapper{ min-width: inherit;}
    #donate_wrapper #donate{ min-width: inherit;}
    .container{ width: 96%;}
    #header_wrapper{ min-width: inherit;}
    #header_wrapper #header{ min-width: inherit;}
    #banner_wrapper, #banner_wrapper .banner{ min-width: inherit; height: 510px;}     
    #sub_footer_wrapper{ min-width: inherit;}
    #sub_footer_wrapper #sub_footer .sub_footer_item{ min-width: inherit; }
    #header_wrapper #header #nav{ margin-right: 0;}
    #donate_wrapper #donate_button{ right: 20px;}
    #header_wrapper #header #nav #nav_top{ right: 120px;} 
    #header_wrapper #header #nav ul li{ margin-right: 14px;}
    #header_wrapper #header #nav #nav_bottom{ right: 0;}
    /*#header_wrapper #header #nav #nav_bottom li{ margin-right: 20px;}*/
    #header_wrapper #header #brand{ padding: 30px 0 0 2%;}
    #donate_wrapper #donate #donate_give{ margin-left: 2%; margin-right: 2%; padding-right: 2%; width: 30%;}
    #donate_wrapper #donate #donate_focus{ width: 28%;}
    #header_wrapper #header_buttons{ right: 0;}
    #banner_wrapper .banner .banner_message_title{ width: 28%;}
    #banner_wrapper .banner .banner_message_body{ padding: 20px 2%; width: 30%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed{ width: 32%; margin-right: 2%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_feed_img{ width: 100%; }
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_feed_img img{ max-width: 100%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_date{ width: 100%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_summary{ width: 100%;}
    #exhibit_feed_slider_wrapper{ width: 100%;}
    #exhibit_feed_slider_wrapper #exhibit_feed_slider .exhibit_feed{ width: 230px;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_title{ padding: 2px 2%; width: 96%;}
    #sub_footer_member_txt{ width: 30%; padding: 0 2%; margin: 0;}
    #sub_footer_member_links{ width: 25%;}
    #sub_footer_member_links img{ max-width: 100%;}
    #sub_footer_wrapper #sub_footer .sub_footer_tabs{ width: 96%;}
    #tab_week{ width: 25%; background-size: 100% !important; height: 35px; top: -35px;}
    #tab_exhibitions{ width: 25%; left: 26%; background-size: 100% !important; height: 35px; top: -35px;}
    #tab_member{ width: 25%; left: 52%; background-size: 100% !important;  height: 35px; top: -35px;}
    #tab_blog{ width: 23%; left: 78%; background-size: 100% !important; height: 35px; top: -35px;}  
    #tab_week:hover, #tab_exhibitions:hover, #tab_member:hover, #tab_blog:hover{ background-position: 0 0;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_info{ width: 96%;  padding: 5px 2%;}
    #footer #footer_info{ width: 25%; margin-left: 2%;}
    #footer #footer_links{width: 25%; margin-left: 1%;}
    #footer #footer_connect{ margin-left: 1%; width: 20%;}
    #footer #footer_member{ width: 25%;}
    #footer #footer_member img{ max-width: 100%;}
    #footer #footer_connect input[type="email"]{ padding: 0 2%; width: 96%;}
    #footer #footer_connect input[type="submit"]{ margin-left: 0;}
    #footer #footer_connect ul li{ margin: 15px 5px 0 0;}

    /* About */
    .container_l{ width: 96%;}
    #thank_you .container_l{ width: 94%;}
    #thank_you .container_l #main {float: none;margin: 0 auto;}
    #main{ width: 71%;}
    .aside{ width: 28%;}
    #main #top_bar{ width: 100%;}
    #main #top{ width: 100%;}
    #main #top_bar #title_top{ width: 98%; left: 2%;}
    #main #top #title{ width: 94%; padding: 0 2% 20px; margin-left: 2%;}
    #main #content{ padding: 0 20px 30px;}
    #main #content ol{ margin-left: 20px;}
    #main #content iframe{ width: 100%;}
    #main #content img{ max-width: 100%;}
    .staff a{ word-wrap: break-word;}
    #staff_contact input[type="text"]{ padding: 10px 2%; width: 92%;}
    #staff_contact textarea, #event_form textarea{padding: 10px 2%; width: 94%;}
    #staff_contact{ padding: 25px;}

    /* Calendar */
    .aside_wrapper{ width: 28%;}
    .aside_wrapper .aside{ width: 100%;}
    .featured_events .featured_event{ width: 48%; margin: 20px 2% 20px 0;}
    .featured_events .featured_event .featured_event_img{ width: auto; height: 200px;}
    .featured_events .featured_event .featured_event_img img{ height: auto; max-width: 100%;}
    .event{ width: 31%; margin-right: 2%;}
    .event .event_img{ width: auto; height: 110px;}
    .event .event_img img{ height: auto;}
    .featured_event h3, .event h3{ font-size: 13px;}    
    #calendar_wrapper #top_bar{ width: 100%; background-position: -20px 0;}
    #calendar_wrapper #top_bar #title_top{ left: 0; width: 100%;}
    #calendar_wrapper #top{ width: 100%;}
    #calendar_wrapper #top #title{ width: 96%; margin-left: 0; padding: 0 2% 20px;}
    #calendar_wrapper #calendar_month #calendar_month_prev a{ left: 30%;}
    #calendar_wrapper #calendar_month #calendar_month_next a{ right: 30%;}
    #calendar_wrapper #content{ padding: 0 20px 20px;}
    #calendar_filter #event_nav a{ margin-right: 10px;}
    #calendar_filter #event_nav a + a{ margin-right: 0;}
    #calendar_wrapper #calendar_filter h5, #calendar_wrapper #calendar_filter select{ margin: 0 25px 0 15px;}

    /* press */
    #main #content_l{ height: auto !important;}
    #main .press{ padding: 30px 5%; width: 40%; position: relative !important; left: 0 !important; top: 0 !important;}
    #main .press .press_img{ width: auto; height: auto;}
    #main .press .press_img img{ max-width: 100%;}

    /* Tours */
    .exhibit{ margin: 15px 1% 15px 1%; width: 48%;}
    .exhibit .exhibit_img{ width: 100%; height: 110px;}
    .exhibit .exhibit_img img{ min-height: inherit; max-width: 100%;}
    .exhibit .exhibit_hover{ width: 96%; padding: 15px 2%; height: 80px; display: none !important;}
    .visit_sub_content table{ width: 100%; display: block;}
    .visit_sub_content table tbody, .visit_sub_content table tbody tr{width: 100%; display: block;}
    .visit_sub_content table tbody tr td{ display: inline-block; vertical-align: top; padding: 10px 2% !important; width: 45%;}
    .visit_sub_content table tbody tr td img{ max-width: 100%;}
    #tabs_content{ padding: 25px 20px 30px;}
    #tabs #tabs_tabs{ padding: 0 5px 0 20px;}
    #tabs #tabs_tabs ul li{ margin-right: 5px;}
    #tabs #tabs_tabs ul li a{ padding: 0 10px; font-size: 12px;}

    /* exhibitions */
    #main .related .related_top{ width: 100%;}

    /* checkout */
    .full #top_bar #title_top{ width: 100% !important; left: 0 !important;}
    .full #top_bar{ background-position: -10px 0;}
    .full #top #title{ width: 96% !important; margin-left: 0 !important;}
    .cc_cardinfo{ width: 100% !important;}

    /* learn */
    .learn_left{ width: 50%;}
    .learn_right{ width: 50%;}

    /* gallery */
    .gallery{ width: 32%; margin: 10px 2% 10px 0;}
    
    /* events */
    #event_detail_left{ width: 84%;}
    #event_detail_left #event_detail_img{ width: 100%; height: auto;}        
    #event_detail_right{ width: 8%; padding: 10px 2%;}
    #main .related .related_item, #main .related_two .related_item{width: 49%; margin: 20px 2% 20px 0;}
    #main .related .related_item .related_item_img, #main .related_two .related_item .related_item_img{ width: 100%; height: auto;}
    #main #event_special_left{ width: 84%;}
    #main #event_special_left #event_detail_img{ width: 100%; height: auto;}
    #main #special_content .body_one, #main #special_content .body_two{ padding: 20px;}
}

@media screen and (max-width: 767px)/* max-width 767px, mobile-only styles, use when QAing mobile issues */{

    /* mobile-nav */
    .mobile-nav{ width:64%; float:right; padding:0; margin:0; display:block; position:relative; right:0; top:0; height:100%; background:none; z-index:1;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden;}
    .mobile-nav.active{ opacity: 1; visibility: visible;}
    .mobile-nav li{ padding:0; margin:0; background:none; list-style:none;}
    .mobile-nav li span{ padding: 5px 5px 5px 20px; display: block; text-transform: uppercase; background: url(/images/site/mob_topnav_bg.jpg) 0 bottom repeat-x; color: #000000; font-size: 14px; font-style: italic;
    font-weight: 600; line-height: 37px;  text-transform: none;}
    .mobile-nav li a{ font-size:14px; line-height:normal; color:#25221e; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display:block; padding:8px 20px; text-transform:none; font-family: 'Lato', sans-serif; font-weight: 600; border-bottom: #dbd8d1 solid 1px; letter-spacing: 1px;}
    .mobile-nav li a:hover{ color: #25221e;}
    .mobile-nav li a.active{ background:#ded8c8; text-decoration: none; border-bottom: 2px solid #f6eeeb;}
    .mobile-menu-icon{ display:block !important;} 
    ul.sub-nav{ display:none; padding:5px; background:#ded8c8;}
    ul.sub-nav li a{ font-size:14px; padding:8px 10px 8px 20px; border-bottom: 1px solid #f6eeeb; text-transform: none !important;}
    ul.sub-nav li:last-child a{ border: none;}
    .mobile-nav li a.have-sub-menu{ /*background-image: url(/images/site/plus.png); background-position: 90% center; background-repeat: no-repeat;*/ position: relative; }
    .mobile-nav li a.have-sub-menu:after{ position: absolute; content: ''; width: 10px; height: 2px; left: 89%; margin-left: -5px; top: 18px; background: #c9a712; transform: translateY(0px) rotate(50deg); -moz-transform: translateY(0px) rotate(50deg); -webkit-transform: translateY(0px) rotate(50deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-nav li a.have-sub-menu:before{ position: absolute; content: ''; width: 10px; height: 2px; left: 89%; top: 18px; background: #c9a712; transform: translateY(0px) rotate(130deg); -moz-transform: translateY(0px) rotate(130deg); -webkit-transform: translateY(0px) rotate(130deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .mobile-nav li a.have-sub-menu.active:before{ transform: translateY(0px) rotate(60deg); -moz-transform: translateY(0px) rotate(60deg); -webkit-transform: translateY(0px) rotate(60deg);}
    .mobile-nav li a.have-sub-menu.active:after{ transform: translateY(0px) rotate(120deg); -moz-transform: translateY(0px) rotate(120deg); -webkit-transform: translateY(0px) rotate(120deg);}

    .mobile-nav li a.have-sub-menu.active{ /*background-image: url(/images/site/minus.png);*/}
    .mobile-menu-icon{ display:none;}
    .mobile_menu_block{ display: block; padding: 5px 0 0 0; position: relative; z-index: 99;}
    .mobile_menu{ position:relative; width:100%; z-index:9;}    
    .mobile-nav li.links_top{ background: #e6a545; margin-top: 10px; padding: 5px 0;}
    .mobile-nav li.links_top a{ color: #fff; font-size: 13px; padding: 6px 20px;}
    .mobile-nav li.links_top a:hover{ background: #e6a545; color: #fff;}
    .mobile-menu-icon span {position: absolute; top: 50%; right: 6px; display: block; padding: 0; width: 15px; height: 2px; background-color: #c0baa4; font-size: 0px; -webkit-touch-callout: none;
        -webkit-user-select: none; -khtml-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}
    .mobile-menu-icon span:after {position: absolute; left: 0px; width: 100%; height: 100%; background: #c0baa4; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 0;}
    .mobile-menu-icon span:before{position: absolute; left: 0px; width: 100%; height: 100%; background: #c0baa4; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; top: 0;}
    .mobile-menu-icon span:after { -webkit-transform: translateY(250%); transform: translateY(250%);}
    .mobile-menu-icon span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%);}
    .mobile-menu-icon.active span{-webkit-background: none; 	-moz-background: none; 	-ms-background: none; 	-o-background: none;	background: none;}
    .mobile-menu-icon.active span:before{-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); }
    .mobile-menu-icon.active span:after{-webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); top: 0;}
    #main_container{ position: absolute; left: 0; top:0; width: 100%; -webkit-box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: 1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); /*background: #fff;*/ z-index: 99; }
    .backstretch{ z-index: 9 !important;}
    /*body{ background: #f2efea;}*/


    /* Home */
    /*.mob_topbg{ position: absolute; left: 0; top: 0; width: 100%; height: 36px; background: #CF991B; display: block;}
    .mob_topbg a{ font-size: 14px; color: #fff; text-align: left; display: inline-block; vertical-align: top; margin: 9px 0 0 4%; letter-spacing: 1px; padding: 0 5% 0 0;}
    .mob_topbg:after{ content: ''; position: absolute; left: 52%; top: 0px; height: 36px; width: 1px; background: #efb93b; z-index: 1;}*/
    #donate_wrapper{ min-width: inherit; position: relative;}
    #donate_wrapper #donate #donate_img, #donate_wrapper #donate #donate_give, #donate_wrapper #donate #donate_focus{ width: 100%; float: none; text-align: center;}
    #donate_wrapper #donate{ min-width: inherit; height: auto; padding: 10px 0;}    
    .container{ width: 92%;}
    #header_wrapper{ min-width: inherit; height: 60px;}
    #header_wrapper #header{ min-width: inherit; height: 60px; position: relative;}
    #banner_wrapper, #banner_wrapper .banner{ min-width: inherit; height: auto;  background: #fff;}     
    #sub_footer_wrapper{ min-width: inherit; position: relative; top: 0;}
    #sub_footer_wrapper #sub_footer .sub_footer_item{ min-width: inherit; position: relative; bottom: 0;}
    #header_wrapper #header #nav{ margin-right: 0; display: none;}
    #donate_wrapper #donate_button{ right: auto !important; left: 0; bottom: -34px; display: none;}
    #header_wrapper #header #nav #nav_top{ right: 120px;} 
    #header_wrapper #header #nav ul li{ margin-right: 14px;}
    #header_wrapper #header #nav #nav_bottom{ right: 0;}
    #header_wrapper #header #nav #nav_bottom li{ margin-right: 20px;}
    #header_wrapper #header #brand{ width: 150px; padding: 12px 0 0 12px;}
    #header_wrapper #header #brand img{ max-width: 100%;}
    #donate_wrapper #donate #donate_give{ margin-left: 0; margin-right: 0; padding-right: 0; width: 100%; border-right: none;}
    #donate_wrapper #donate #donate_give h2{ font-size: 20px; line-height: normal; margin: 0;}
    #donate_wrapper #donate #donate_focus{ width: 100%; text-align: center;}
    #donate_wrapper #donate #donate_focus h2{font-size: 20px; line-height: normal; margin: 0;}
    #header_wrapper #header_buttons{ right: 0; top: 64px; width: 100%;}
    #banner_wrapper .banner .banner_message_title{ width: 92%; position: relative; padding: 0 4%;}
    #banner_wrapper .banner .banner_message_body{ padding: 10px 4%; width: 92%; height: auto; position: relative; top: 0; display: none; height: 270px;}	
    #banner_wrapper .banner .banner_message_title .close{ /*background: url("/images/site/banner_open.png") repeat 0 0;*/ background:none !important; right:3%; width:30px; height:30px;}
	#banner_wrapper .banner .banner_message_title .open{ background:none !important;}
	    #banner_wrapper .banner .banner_message_title .close:after{ position: absolute; content: ''; width: 14px; height: 2px; left: 40%; margin-left: -8px; top: 8px; background: #fff; transform: translateY(0px) rotate(50deg); -moz-transform: translateY(0px) rotate(50deg); -webkit-transform: translateY(0px) rotate(50deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #banner_wrapper .banner .banner_message_title .close:before{ position: absolute; content: ''; width: 14px; height: 2px; left: 40%; top: 8px; background: #fff; transform: translateY(0px) rotate(130deg); -moz-transform: translateY(0px) rotate(130deg); -webkit-transform: translateY(0px) rotate(130deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #banner_wrapper .banner .banner_message_title .close.open:before{ /*transform: translateY(0px) rotate(60deg); -moz-transform: translateY(0px) rotate(60deg); -webkit-transform: translateY(0px) rotate(60deg);*/ margin-left: -4px; width:18px;}  
    #banner_wrapper .banner .banner_message_title .close.open:after{ /*transform: translateY(0px) rotate(120deg); -moz-transform: translateY(0px) rotate(120deg); -webkit-transform: translateY(0px) rotate(120deg);*/ margin-left: -4px; width:18px;}
	body{ background:#f2efea;}
    #banner_wrapper .banner .banner_message_title .open{ background: url("/images/site/banner_close.png") repeat 0 0;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed{ width: 100%; margin-right: 0; text-align: center;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_feed_img{ width: 100%; margin-bottom: 5px; height: auto; text-align: center;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_feed_img img{ max-width: 100%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_date{ width: 100%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_feed .sub_footer_summary{ width: 100%;}
    #exhibit_feed_slider_wrapper{ width: 100%;}
    #exhibit_feed_slider_wrapper #exhibit_feed_slider .exhibit_feed{ width: 230px;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_title{ padding: 2px 2%; width: 96%; height: 31px;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_title h6{ font-size: 13px;}
    #sub_footer_member_txt{ width: 100%; padding: 0; margin: 0; height: auto;}
    #sub_footer_member_links{ width: 100%; text-align: center;}
    #sub_footer_member_links img{ max-width: 100%;}
    #sub_footer_wrapper #sub_footer .sub_footer_tabs{ width: 96%;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu{ height: auto; padding-bottom: 10px; text-align: center;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .sub_footer_more{ background: none;}
    #sub_footer_member_img, #sub_footer_member_txt, #sub_footer_member_links{ float: none;}
    #tab_week{ width: 100%; top: 0; position: relative; background: #C1BAA4; font-size: 14px; text-indent: 15px; line-height: 35px; height: 35px; color: #fff; margin-bottom: 1px;}     
    #tab_week.active:before, #tab_exhibitions.active:before, #tab_member.active:before, #tab_blog.active:before{ border-color: transparent transparent #fff transparent; border-width: 0 5.5px 7px 5.5px;}
    #tab_week:before, #tab_exhibitions:before, #tab_member:before, #tab_blog:before{ content: ''; position: absolute; right: 10px; top: 15px; width: 0; height: 0; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #fff transparent transparent transparent; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #tab_week:hover, #tab_exhibitions:hover, #tab_member:hover, #tab_blog:hover{background: #C1BAA4;}
    #tab_exhibitions{ width: 100%; left: 0; top: 0; position: relative; background: #C1BAA4; font-size: 14px; text-indent: 15px; line-height: 35px; height: 35px; color: #fff; margin-bottom: 1px;}
    #tab_member{ width: 100%; left: 0; top: 0; position: relative; background: #C1BAA4; font-size: 14px; text-indent: 15px; line-height: 35px; height: 35px; color: #fff; margin-bottom: 1px;}
    #tab_blog{ width: 100%; left: 0; top: 0; position: relative; background: #C1BAA4; font-size: 14px; text-indent: 15px; line-height: 35px; height: 35px; color: #fff; margin-bottom: 20px;}    
    #tab_week:hover, #tab_exhibitions:hover, #tab_member:hover, #tab_blog:hover{ background-position: 0 0;}
    #sub_footer_wrapper #sub_footer .sub_footer_item .sub_footer_menu .exhibit_feed .exhibit_feed_info{ width: 96%;  padding: 5px 2%; display: none !important;}
    #footer{ height: auto; padding: 20px 0 10px 0;}
    #footer .footer_container{ height: auto;}
    #footer #footer_info{ width: 100%; margin-left: 0; margin-bottom: 15px; text-align: center;}
	/* #footer #footer_info p{ display:none;}
	#footer #footer_info p:nth-child(6){ display:block; margin-bottom:5px; margin-top:3px;} */
	#footer #footer_info a{ display:block;}
	#footer #footer_info br{ display:none;}
    #footer #footer_info h5{ margin-bottom: 0;}
    #footer #footer_links{width: 100%; margin-left: 0; margin-bottom: 15px; text-align: center; display:none;}
    #footer #footer_links h5{ margin-bottom: 0;}
    #footer #footer_connect{ margin-left: 0; width: 100%; margin-bottom: 10px; text-align: center;}
    #footer #footer_connect ul{ text-align: center;}
    #footer #footer_connect ul li{ float: none; display: inline-block; vertical-align: top; margin: 10px 3px 0 3px !important;}
    #footer #footer_member{ width: 100%; margin-bottom: 10px; text-align: center;}
    #footer #footer_member img{ max-width: 100%;}
    #footer #footer_connect input[type="email"]{ padding: 0 2%; width: 75%; margin-bottom: 5px;} 
    #footer #footer_connect input[type="submit"]{ margin-left: 0;}
    #footer #footer_connect ul li{ margin: 15px 5px 0 0; }
    #banner_wrapper .banner img{ max-width: 100%; min-height: inherit; position: relative; display: block;}
    .banner_message{ position: relative;}
    #header_wrapper #header_buttons #header_hours{ background: none; padding-left: 0; height: auto; position: absolute; right: 0; top: 88px; text-align: center; width: 100%; display: none;}
    #header_wrapper #header_buttons #header_search{ position: absolute; left: 0; top: -4px; width: 100%; background: url("/images/site/header_search_bg2.png") repeat 0 0; display: none;}
    #header_wrapper #header_buttons #header_search #search{ width: 100% !important; padding-top: 7px; height: 32px; border-bottom: #dcdcdc solid 1px; }
    #header_wrapper #header_buttons #header_search #search input[type="text"]{ margin-left: 4%; padding: 0 2%;   width: 90%;}
    #header_wrapper #header_buttons #header_search #search_icon{ background-size: 39px; width: 39px; height: 39px; position: absolute; right: 2%; top: 0; z-index: 1;}
    #header_wrapper #header_buttons #header_event{ display: none;}
    #banner_wrapper #next{ display: none;}
    #banner_wrapper .banner .banner_message_body a.readmore:hover{ color: #cd9819;}
    #banner_wrapper .banner .banner_message_body p{ line-height: 20px;}
    #footer #footer_bottom p{ line-height: 20px; padding-top: 10px;}
    #banner_wrapper .banner .banner_message_body h2{ font-size: 20px;}
    #totop {bottom: -78px; cursor: pointer; height: 78px; padding: 0; position: fixed; right: 2%; display:block; width: 78px; z-index: 2147483647;}
    #totop img{ display: block; max-width: 78px;}
    .mobile-nav li:nth-child(2) a, .mobile-nav li:nth-child(3) a, .mobile-nav li:nth-child(4) a, .mobile-nav li:nth-child(5) a, .mobile-nav li:nth-child(6) a, .mobile-nav li:nth-child(7) a{ text-transform: uppercase;}
    
    .donate{ display: block; background: none; float: right; height: 100%; margin: 0; padding: 10px 0 0 0; position: absolute; right: 0; top: 600px; width: 64%;  z-index: 1;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; opacity: 0; visibility: hidden;}
    .donate .container{ width: 85%;}
    .donate.active{  z-index: 1; opacity: 1; visibility: visible; top: 160px;}
    .donate .donate_img{float: none; text-align: center;  width: 100%;}
    .donate .donate_img img{ max-width: 100%;}
    .donate .donate_give{ width: 100%;}
    .donate .donate_give h2{font-size: 16px; line-height: normal;  margin: 0; color: #b18a2d;}
    .donate .donate_give h2 span{ font-style: italic;}
    .donate .donate_focus{ width: 100%; }
    .donate .donate_focus h2{ font-size: 16px; line-height: normal;  margin: 15px 0 5px 0; color: #b18a2d;}
    .donate .donate_focus h2 span{ font-style: italic;}
    .donate .donate_focus ul li{ margin-bottom: 5px; list-style: none;}
    .donate .donate_focus ul li a{ font-size: 13px; font-weight: 600;}
    .mob_search{ display: block; position: absolute; top: 9px; right: 100px;}
    .mob_search .mob_search_icon{ width: 42px; height: 38px; border: #ededeb solid 1px; display: block; background: url(/images/site/search_icon.jpg) 0 0 no-repeat;}

    /* About */
    .container_l{ width: 94%; padding-top: 20px;}
	#thank_you .container_l{ width: 94%;}
    #main{ width: 100%; margin-top: 10px;}
    .aside{ width: 100%;}
    #main #top_bar{ width: 100%; background-position: -10px 0; height: 10px;}
    #main #top{ width: 100%;}
    #main #top_bar #title_top{ width: 100%; left: 0;}
    #main #top #title{ width: 92%; padding: 0 4% 5px; margin-left: 0; min-height: inherit;}
    #main #content{ padding: 0 20px 30px;}
    #main #content iframe{ width: 100%; }
    .aside .sub_nav_title{ width: 100%; position: relative;}
    .aside .sub_nav_title:after{position: absolute; content: ''; width: 10px; height: 2px; left: 92%; margin-left: -6px; top: 22px; background: #fff; transform: translateY(0px) rotate(50deg); -moz-transform: translateY(0px) rotate(50deg); -webkit-transform: translateY(0px) rotate(50deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .aside .sub_nav_title:before{ position: absolute; content: ''; width: 10px; height: 2px; left: 92%; top: 22px; background: #fff; transform: translateY(0px) rotate(130deg); -moz-transform: translateY(0px) rotate(130deg); -webkit-transform: translateY(0px) rotate(130deg); -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    .aside .sub_nav_title.active:before{transform: translateY(0px) rotate(50deg); -moz-transform: translateY(0px) rotate(50deg); -webkit-transform: translateY(0px) rotate(50deg);}
    .aside .sub_nav_title.active:after{transform: translateY(0px) rotate(130deg); -moz-transform: translateY(0px) rotate(130deg); -webkit-transform: translateY(0px) rotate(130deg);}
    .aside .sub_nav ul.sub_nav_primary li{border-bottom: #818177 solid 1px; margin-bottom: 0; border-image: none; padding: 0 0 10px 0; margin: 0 0 10px 0;}
    .aside .sub_nav ul.sub_nav_secondary{ margin: 10px 0 0 0;}
    .aside .sub_nav ul.sub_nav_secondary li{ border: none; padding: 0;}
	.aside .sub_nav{ padding: 20px 4%; width: 92%; display:none;}
    #main #content img{ max-width: 100%;}
    .staff{ width: 92%; left: 0 !important; padding: 0 4%; margin-bottom: 10px;}
    .staff ul li{ border-right: none !important; text-align: left !important; display: block !important;}
    .staff a{ word-wrap: break-word;}
    #staff_contact input[type="text"]{ padding: 10px 2%; width: 92%;}
    #staff_contact textarea, #event_form textarea{padding: 10px 2%; width: 94%;}
    #staff_contact{ padding: 20px 4%;}
    .dfcolumns .column{ width: 100% !important; margin-bottom: 10px;}

    /* Calendar */
    .aside_wrapper{ width: 100%; }
    .aside_wrapper .aside{ width: 100%;}
    .featured_events .featured_event{ width: 48%; margin: 20px 2% 20px 0;}
    .featured_events .featured_event .featured_event_img{ width: auto; height: 200px;}
    .featured_events .featured_event .featured_event_img img{ height: auto; max-width: 100%;}
    .event{ width: 31%; margin-right: 2%;}
    .event .event_img{ width: auto; height: 110px;}
    .event .event_img img{ height: auto;}
    .featured_event h3, .event h3{ font-size: 13px;}    
    #calendar_wrapper #top_bar{ width: 100%; background-position: -20px 0; height: 10px;}
    #calendar_wrapper #top_bar #title_top{ left: 0; width: 100%;}
    #calendar_wrapper #top{ width: 100%;}
    #calendar_wrapper #top #title{ width: 92%; margin-left: 0; padding: 0 4% 5px; min-height: inherit;}
    #calendar_wrapper #calendar_month #calendar_month_prev a{ left: 10%;}
    #calendar_wrapper #calendar_month #calendar_month_next a{ right: 10%;}
    #calendar_wrapper #content{ padding: 0 20px 20px;}
    #calendar_filter #event_nav a{ margin-right: 10px;}
    #calendar_filter #event_nav a + a{ margin-right: 0;}
    #calendar_wrapper #calendar_filter h5, #calendar_wrapper #calendar_filter select{ margin: 0 25px 5px 15px;  float: none;}
    #calendar_wrapper #calendar_filter{ height: auto; text-align: center; margin: 25px 0;}
    #calendar_filter #event_nav{ text-align: center; margin-top: 5px;}
    #calendar_filter #event_nav a{ float: none; display: inline-block; vertical-align: top;}
    .calendar_week{ text-align: center;}
    #calendar_wrapper #calendar_view .calendar_box{ float: none; display: inline-block; vertical-align: top;}

    /* press */
    #main #content_l{ height: auto !important; padding: 0 0 30px;}
    #main .press{ padding: 10px 5%; width: 90%; position: relative !important; left: 0 !important; top: 0 !important; transform: none !important;}
    #main .press p br{ display: none;}
    #main .press .press_img{ width: auto; height: auto;}
    #main .press .press_img img{ max-width: 100%;}
    #main .press h4{ font-size: 14px; margin-bottom: 5px;}

    /* Tours */
    .exhibit{ margin: 15px 1% 15px 1%; width: 48%;}
    .exhibit .exhibit_img{ width: 100%; height: 110px;}
    .exhibit .exhibit_img img{ min-height: inherit; max-width: 100%; width: auto;}
    .exhibit .exhibit_hover{ width: 96%; padding: 15px 2%; height: 80px; display: none !important;}
    .visit_sub_content table{ width: 100%; display: block;}
    .visit_sub_content table tbody, .visit_sub_content table tbody tr{width: 100%; display: block;}
    .visit_sub_content table tbody tr td{ display: inline-block; vertical-align: top; padding: 10px 2% !important; width: 45%;}
    .visit_sub_content table tbody tr td img{ max-width: 100%;}
    #tabs_content{ padding: 25px 4% 30px;}
    #tabs #tabs_tabs{ padding: 0 4%;}
    #main .related_two{ width: 92%; padding: 20px 4%; margin-right: 0;}
    #main .related_two .related_top{ width: 100%; background: #fff;}
    #main .related .related_item, #main .related_two .related_item{ float: none; width: 100%; margin: 10px 0;}
    #tabs #tabs_tabs ul li{ margin-right: 0px; float: none; display: inline-block; vertical-align: top; width: 100%;}
    #tabs #tabs_tabs ul li a{ padding: 0 10px; font-size: 12px; letter-spacing: 0;}

    /* exhibitions */
    #main .related .related_top{ width: 100%;}
    #main .related ul{ text-align: center;}
    #main .related ul li{ float: none; display: inline-block; vertical-align: top; margin: 10px 5px 0 5px;}
    #main .related .related_item .related_item_img, #main .related_two .related_item .related_item_img{ width: 100%; height: auto;}
    #main .related .related_item .related_item_img img, #main .related_two .related_item .related_item_img img{ max-width: 100%;}
    .related_item img{ max-width: 100%;}

    /* checkout */
    .full #top_bar #title_top{ width: 100% !important; left: 0 !important;}
    .full #top_bar{ background-position: -10px 0 !important;}
    .full #top #title{ width: 92% !important; margin-left: 0 !important;}
    .cc_cardinfo{ width: 100% !important;}
    #event_form input[type="text"], #event_form input[type="email"]{ width: 94%; padding: 8px 2%; font-size: 12px;}
    .cc_logos{ position: static !important;}
    .cc_cardinfo .ccv_img{ position: static !important; margin: 5px 0 0 0;}

    /* learn */
    .learn_left{ width: 100%;}
    .learn_right{ width: 100%;}
    #main #special_content .body_one table td, #main #special_content .body_two table td, #main #content table td{ padding: 8px;}

    /* gallery */
    .gallery{ width: 32%; margin: 10px 2% 10px 0;}
    
    /* search */
    #main #content ol{ margin-left: 15px;}
    
    /* events */
    #event_detail_left{ width: 84%;}
    #event_detail_left #event_detail_img{ width: 100%; height: auto;}
    #event_detail_right{ width: 8%; padding: 10px 2%;}
    #main .related .related_item, #main .related_two .related_item{width: 48%; margin: 20px 2% 20px 0; display: inline-block; vertical-align: top;}
    #main .related .related_item .related_item_img, #main .related_two .related_item .related_item_img{ width: 100%; height: auto;}
    #main #event_special_left{ width: 84%;}
    #main #event_special_left #event_detail_img{ width: 100%; height: auto; margin: 0;}
    #main #special_content .body_one, #main #special_content .body_two{ padding: 20px;}
    .sidebar{ padding: 20px 4%; width: 92%;}

}

@media screen and (max-width: 480px)/* max-width 480px, mobile-only styles, use when QAing mobile issues */{

    p{ line-height: 20px;}
    
    /* Calendar */
    .featured_events .featured_event{ width: 100%; margin: 20px 0 20px 0;}
    .event{ width: 100%; margin-right: 0;}
    .event .event_img{ height: auto; text-align: center;}
    .featured_events .featured_event .featured_event_img{ height: auto;}
    #event_nav a{ margin-right: 20px;}
    #event_nav a + a{ margin-right: 0;}

    /* Tours */
    .exhibit{ width: 100%; margin: 10px 0;}   
    .exhibit .exhibit_img{ height: auto; text-align: center;}
    .exhibit .exhibit_img img{ display: inline-block; vertical-align: top;}
    .visit_sub_content table tbody tr td{ width: 95%;}
    #tabs #tabs_tabs ul li{ margin-right: 0; float: none; display: inline-block; vertical-align: top; width: 100%;}
    #tabs #tabs_tabs ul li:last-child{ margin-right: 0;}
    #tabs #tabs_tabs ul li a{ padding: 0 8px; font-size: 12px; letter-spacing: 0; text-transform: none;}
    #tabs #tabs_tabs{ padding: 0 4% 0 4%;}

    /* learn */
    .collecting_areas_blk table tr{ margin-bottom: 20px; display: block;}
    .collecting_areas_blk table tr td{ width: 100%; display: block; padding: 0 !important;}

    /* gallery */
    .gallery{ width: 100%; margin: 10px 0 10px 0; text-align: center;}
    .gallery h4{ font-size: 14px; margin: 5px 0;}
    
    /* events */
    #event_detail_left{ width: 100%;}
    #event_detail_right{ width: 96%;}
    #event_detail_right ul{ text-align: center;}
    #event_detail_right ul li{ display: inline-block; vertical-align: top; margin: 5px 2% 5px 1% !important; padding-right: 2%; border-right: 1px solid #a7a18a; border-bottom: none; padding-bottom: 0;}
    #event_detail_right ul li:last-child{ border-right: none !important;}
    #main .related .related_item, #main .related_two .related_item{ width: 96%; margin: 10px 0 10px 0;}
     #main #event_special_left{ width: 100%;}
    #main #special_content .body_one table tr{ margin-bottom: 15px; display: block;}
    #main #special_content .body_one table tr td{ width: 100%; padding: 0; display: block;}
    
    /* rentals */
    #main #content #rentals_media{ padding-bottom: 0;}
    #main #content #rentals_media ul li{ border-right: 0 !important; margin: 0 !important; width: 100%; text-align: left; padding: 0 !important;}
    
  

}