/* Medium Desktop ---------------------------------------------------*/
@media screen and (min-width: 1201px) and (max-width: 1370px) {

.circle_name { font-size: 17px; }

}

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

.circle_name { font-size: 16px; }
.circle_content .label { font-size: 30px; }

}

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

.circle_name { font-size: 15px; }
.circle_content .label { font-size: 26px; }

}


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

.desktop_only  { display: none; }

body { font-size: 13px; }

.circle_name { font-size: 10px; }
.circle_content .label { font-size: 21px; }

#events_scroller .eventscroll_image, #news_scroller .newsscroll_row, #news_scroller .newsscroll_item, #news_scroller .newsscroll_image { height: 140px !important; }
#events_scroller .eventscroll_row, #events_scroller .eventscroll_item { height: 260px !important; }
#scrolling_events_nav #events_prev, #scrolling_events_nav #events_next { top: -190px; width: 30px; height: 30px; line-height: 30px;border-radius: 30px;margin-top: -15px;font-size: 14px; }
#scrolling_news_nav #news_prev, #scrolling_news_nav #news_next { top: -70px; width: 30px; height: 30px; line-height: 30px;border-radius: 30px;margin-top: -15px;font-size: 14px; }

#accreditation_logo { float:none; max-width:none; margin-top:0;padding-top:5px;}
#accreditation_logo img { display: block; margin: 0px 0 12px; max-width:100%;}

#members .member-info-box { width: 48%; min-height: 100px; }

.membershipModule .membership-search-inputs input { width: 30%; }

}

/* Tablet Incremental Scaling ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 849px) { #logo { width: 450px; background-position: 50% 50%; background-size: contain;} }
@media screen and (min-width: 850px) and (max-width: 959px) { }
@media screen and (min-width: 960px) and (max-width: 1024px) { }


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

.wrapper { width: 96%; }

#scrolling_events_nav, #scrolling_news_nav, .multitator_title, #sub_menu { display: none !important; }
#mobile_bottom { display: block; }

#content, #sidebar, #side_box, .homecircle, #contact_left, #contact_right, #events_scroller .eventscroll_item, #news_scroller .newsscroll_item, .quicklink { display: block; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; float: none !important; clear: both; }

body { margin: 0px; font-size: 12px; }

#accreditation_logo { float:none; padding-top:15px; max-width:none; width:100%; margin-top:0;}
#accreditation_logo img {margin: 0 auto;}

#header { position: relative; top: 0px; padding: 5px 0 10px; left: 0px; bottom: 0px; right: 0px; height: auto !important; text-align:center; overflow:hidden;}

#main_menu_toggle { position: relative; width: 100%; top: 0px; height: 50px; line-height: 50px; left: auto; right: auto;padding:0px; text-align: center;  }
#main_menu_toggle .menu_text { padding: 0 7px 0 0; margin-left: 13px; display: inline; line-height: 50px; position: static; vertical-align: middle; }
#main_menu_toggle > span { position: static; display: inline; vertical-align: middle;}
#main_menu { position: relative; height: 50px; width: 100%; }
#main_menu #main_menu_wrapper { height: 0px; position: static; overflow:hidden; }
#main_menu.expanded { width: 100%; height: auto; display: block; }
#main_menu.expanded #main_menu_wrapper { height: 500px; width: 100%; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out;}
ul.main_menu { padding: 10px 15px; }

#main_menu_wrapper h2 { padding-left: 0px; text-align:center; }
#social_menu { padding-left: 0px; padding-bottom: 30px; text-align:center;}

#logo { display: block; width: 320px !important; position: static; margin: 0px auto; background-position: 50% 50%; background-size: contain; height: 112px !important;}

#site_search {display: block; width: 138px; margin: 5px auto 0; position: relative; top: auto; right: auto; }
#search_text { right: 50px; left: auto;}

#members .member-info-box { width: 100%; min-height: 100px; }

.membershipModule .membership-search-inputs { flex-direction: column; }
.membershipModule .membership-search-inputs input, .membershipModule .membership-search-inputs select, .membershipModule .membership-search-inputs input[type="submit"] { width: 100%; margin: 10px auto; align-items: flex-start; }

.multitator_large_caption { display: none; }

#home_circles .wrapper { width: 100%; }
#home_circles > .top_bar { display: none; }
.homecircle { height: 195px; }
.circle_body { height: 80px; }
.circle_name { background: #1A2732; }

#scrolling_events, #events_scroller .eventscroll_row, .eventscroll_item {height: auto !important; position: static !important;}
#events_scroller h2 { text-align:center; }
#events_scroller .eventscroll_item { padding: 12px 0px 0px; margin-bottom: 12px; border-top: 1px solid #ccc;}
#events_scroller .morebuttons a.readmore { margin-bottom: 8px; }

#home_contact .wrapper { width: 95%; }
#home_contact h2 { text-align: center; }
#form_widget .left_field, #form_widget .right_field { clear: both; width: 100%; max-width: 400px; float: none; }
#home_contact #contact_right { padding-top: 30px; }
#white_logo { background-position: 50% 50%; background-size: contain; }
#location, #social_contact { text-align:center; }

#scrolling_news, #news_scroller .newsscroll_row, .newsscroll_item {height: auto !important; position: static !important;}
#news_scroller h2 { text-align:center; }
#news_scroller .newsscroll_item { padding: 12px 0px 0px; margin-bottom: 12px; border-top: 1px solid rgba(0,0,0,0.3);}
#news_scroller .morebuttons a.readmore { margin-bottom: 8px; }
#news_scroller .newsscroll_details { opacity: 1; }

#quicklinks { padding: 10px 0 35px; }
.quicklink h2 { padding: 10px 0; margin: 0px; }
.quicklink { margin: 16px auto 0 !important; padding-top: 16px; border-top: 1px solid #fff; max-width: 320px; }
.quicklink:first-child { margin-top: 0px !important; padding-top: 0px; border-top: 0px; }

#footer_menu>ul { display: none; }
#footer_logo { width: 100%; float: none; margin: 0px; height: auto; text-align:center; }
#footer_logo img { margin-bottom: 15px; }
#sponsors { margin-top: 15px; }
#sponsors, .sponsor_item { height: 70px; }

#side_box { padding-left: 0px; display: none !important;}

#left_banners > span { display: none !important; }
#left_banners > span:first-child { display: block !important; }

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

}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 400px) { #interior_header_banner h1 { font-size: 24px; } #mission_statement h1 { font-size: 30px; line-height: 30px; color: #fff; margin: 0px; padding: 15px 0 10px ;} #mission_statement p { font-size: 16px; padding: 0 15px; } #mission_statement  .morebuttons { position: absolute; bottom: 15px; height: 45px;  right: 6.5%; left: 6.5%;} #mission_statement  .morebuttons a.morebutton {font-size: 14px; line-height: 26px;padding: 0 8px; min-width: 100px;   } }
@media screen and (min-width: 401px) and (max-width: 450px) { #interior_header_banner h1 { font-size: 28px; } #mission_statement h1 { font-size: 36px; line-height: 36px; color: #fff; margin: 0px; padding: 25px 0 15px ;} #mission_statement p { font-size: 19px; padding: 0 15px; } #mission_statement  .morebuttons { position: absolute; bottom: 15px; height: 45px;  right: 6.5%; left: 6.5%;} #mission_statement  .morebuttons a.morebutton {font-size: 17px; line-height: 26px;padding: 0 12px; min-width: 105px;   } }
@media screen and (min-width: 451px) and (max-width: 529px) { #interior_header_banner h1 { font-size: 32px; }  }
@media screen and (min-width: 530px) and (max-width: 749px) { #interior_header_banner h1 { font-size: 40px; }  }