/* Large Desktop ---------------------------------------------------*/
@media screen and (min-width: 1151px) and (max-width: 1450px) {

#sub_menu_boxes.boxes5 { max-width: 1000px;}

}


/* Small Desktop ---------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1150px) {


#main_menu>ul>li>a { font-size:; padding: 0 10px;}
#sub_menu_boxes.boxes4 { max-width: 700px;}
#sub_menu_boxes.boxes5 { max-width: 1000px;}

}


/* Wide Tablet ---------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 1024px) {


body { font-size: 14px; }

.wrapper { max-width: 960px; }

#main_menu>ul {  }
#main_menu>ul>li>a { font-size: 16px; padding: 0 12px;}
#sub_menu_boxes.boxes4 { max-width: 700px;}

#content img { max-width: 100% !important; height: auto !important; }

table.responsive { width: 95% !important; display:block; margin: 10px auto;}
table.responsive tbody, table.responsive tr {display:block; margin:0px; padding:0px !important;}
table.responsive td { display:block; width: 100% !important; box-sizing: border-box; }
table.responsive th { display: none !important; }

.iframecontent_right iframe { width: 100% !important; }

.desktop_only  { display: none !important; }

}

/* Narrow Tablet ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 959px) {


#main_menu>ul {  }
#main_menu>ul>li>a { font-size: 13px; padding: 0 7px;}

body { font-size: 14px; }   

.wrapper { max-width: 768px; }

#homepage_slideshow { height: 35vw; }
.slide .caption { padding-bottom: 80px; }
#sub_menu_boxes.boxes4 { max-width: 700px;}

#content img { max-width: 100% !important; height: auto !important; }


table.responsive { width: 95% !important; display:block; margin: 10px auto;}
table.responsive tbody, table.responsive tr {display:block; margin:0px; padding:0px !important;}
table.responsive td { display:block; width: 100% !important; box-sizing: border-box; }
table.responsive th { display: none; }

.iframecontent_right iframe { width: 100% !important; }

.desktop_only  { display: none !important; }

}


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {

#main_menu, #top_menu, #search { display: none !important; }
#mobile_menu, #menu_toggle, #mobile_bottom { display: block; }
body { margin: 0px; font-size: 12px; }

a.lapis_button, .lapis_button a, a.sea_button, .sea_button a, a.agate_button, .agate_button a, a.moss_button, .moss_button a, a.iris_buton, .iris_buton a, a.garnet_button, .garnet_button a { padding: 0 13px; font-size: 13px; }

.alert { padding-left: 47px; line-height: 18px; font-size: 13px; color: #fff;}
#header { height: 130px;}
#header .wrapper { width: 100%; padding:0px;}
#phone { top: 0px; position: static; float:none; background: #00adbb; color: #fff; text-align:center; padding: 4px 0;}
#phone span { display: inline-block; }
#logo { left:10px; top: 44px;}

#homepage_slideshow { height: 35vw; }
.slide .caption { padding-bottom: 60px; }
#home_middle { padding: 15px 0 5px; }
.homebox, #home_event_cal, #home_event_list { float:none; width: auto; margin: 0 auto 15px; }
#home_event_cal h2 { margin:0px; padding: 5px 0 7px; }
#home_event_list h2 { display:none; }
#home_bottom { padding: 0 0 15px;}
#footer { padding: 10px 0 10px;}
#footer_menu, #footer_right { width: auto; float:none; padding: 0 0 15px;}
#footer_menu > ul > li { width: auto !important; float:none; text-align:center; }
#footer_menu > ul > li > a { text-decoration: underline;}
#footer_menu > ul > li > ul > li { display: inline-block; margin: 2px 4px; }
#footer_right { text-align:center; }
#contact { padding: 10px 0 35px;}
#contact p { display: block; padding: 3px 0; margin: 0; border-left: 0px; line-height: 15px; font-size: 14px; }
.sub_menu_box { float:none; width: 98%; height: auto; padding-bottom :15px; margin-bottom: 15px;}
#interior_header_banner { height: 240px; }
#interior_header_banner .banner_caption { padding-top: 80px; line-height: 22px; font-size: 18px; }
#content { padding: 20px 20px !important; }
#sidebar { position: relative; top:0; left:0; padding: 15px 0; width: auto;}

table.responsive { width: 95% !important; display:block; margin: 10px auto;}
table.responsive tbody, table.responsive tr {display:block; margin:0px; padding:0px !important;}
table.responsive td { display:block; width: 100% !important; box-sizing: border-box; }
table.responsive th { display: none; }

.iframecontent_left { float: none; width: auto; padding-right: 0px;}
.iframecontent_right { float: none; width: auto; box-sizing: border-box;}
.iframecontent_right iframe { width: 100% !important; }

.desktop_only { display: none !important; }
.no_mobile { display: none; }
.mobile_only { display: block !important; }


    #schedule_toggle { display:block; }
    #schedule_head > div, #schedule_subhead > div, .row_days > div { width: 100%; float: none; display: none; }
    #schedule_head > div.current_schedule, #schedule_subhead > div.current_schedule, .row_days > div.current_schedule { display: block;}
    #popup_wrapper .item_popup { top: 3%; left: 2.5%; margin-left: 0px; margin-top:0px; padding:15px 2.5%; width: 90%; height: 75%; font-size: 12px; line-height: 17px;}
    .item_popup .popup_title { padding: 0px; line-height: 20px; font-size: 17px;}

#content img { max-width: 100% !important; height: auto !important; }


}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 450px) {
    #homepage_slideshow { height: 155px; }
}


@media screen and (max-width:700px) {
    table.responsive, .responsive table { width: 100% !important; height: auto !important; display: block; text-align:center; }
    table.responsive tbody, .responsive table tbody{ width: 100% !important; height: auto !important; display: block; }
    table.responsive tr, .responsive table tr { width: 100% !important; height: auto !important; display: block; }
    table.responsive td , .responsive table td { width: 100% !important; height: auto !important; display: block; }
    table.responsive img , .responsive table img { margin: 15px; }
}