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

h1 {font-size: 32px;}
#main_menu>.wrapper>ul>li>a { padding: 0 39px;  }
#home_banners .wrapper, #home_content .wrapper {width: 96%; padding: 0 2%;}
#footer_menu>ul>li>a { padding: 0 25px; }
#interior_content { padding-left:1em; padding-right:1em; }
#logo_text { font-size: 45px; }

}


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

h1 {font-size: 24px;}
#login { right: 185px; }
#main_menu>.wrapper>ul>li>a { padding: 0 22px; font-size: 16px; }
#interior_content { padding-left:1em; padding-right:1em; }
#content table img { max-width:453px; }
#home_banners .wrapper, #home_content .wrapper {}
#footer {font-size: 13px;}
#footer_menu>ul>li>a { padding: 0 15px; font-size: 13px; }
/*#slider {height: 330px;}*/
.eventsModule.moduleLister.box h1 span { font-size: 24px; width: 45px; bottom: 5px; left: -45px; }
#logo_text { font-size: 32px; padding-left: 10px; }
#logo_image { margin: 27px 0; height: 35px; width: 40px;}

.desktop_only { display: none; }

}

/* Tablet Menu / Header Scaling ---------------------------------------------------*/
@media screen and (min-width: 960px) and (max-width: 1024px) { #logo_text { font-size: 40px; }; #logo_image { margin: 25px 0; height: 40px; } }


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {
table tbody>tr>td {display:block;}
textarea {max-width:100%;width:100%;}
#header { height:auto; text-align:center; padding-bottom:1em; }
#header.fixed { margin-bottom: 0px;}
h1 {font-size: 24px;}
#search_row { position:relative; top: 0; right: 0; width:250px; margin: 0 auto; height: 40px; max-width:none; }
#logo { height: 50px; width: 320px; margin: 0 auto; position: static;}
#logo_text { font-size: 18px; line-height: 40px; padding-left: 10px; }
#logo_image { margin: 10px 0px; height: 20px; width: 30px; top: 0;}
#main_menu {display:none;}
#mobile_menu, #menu_toggle {display: block;}
#home_welcome, #home_sidebar, #content, #sidebar { float:none; width:auto; }
#home_content, #interior_content, #home_banners { padding-left:1em; padding-right:1em; }
#home_banners span { width:auto; float:none; margin-left:0; margin-bottom:1em; }
#content table img { max-width:274px; }
#footer_menu>ul { height:auto; }
#footer {font-size: 13px; padding-bottom: 40px;}
#footer p { display:block; }
#calendarDetail .calendarMonths a { font-size: 9px;}
.eventsModule.moduleLister.box h1 span { position: static; display: inline; width: auto; padding-right: 10px; }
#slider { }
#back_to_top { width: 100%;}
#sidebar .eventsModule.moduleLister.box.fixed { position:static; }

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

/* Phone Header Scaling ---------------------------------------------------*/
@media screen and (min-width: 420px) and (max-width: 749px) { #logo { height: 60px; width: 420px; margin: 0 auto;} #logo_text { font-size: 26px; line-height: 50px; padding-left: 15px; } #logo_image { margin: 10px 0px; height: 30px; width: 30px; top: 0;} }
@media screen and (min-width: 600px) and (max-width: 749px) { #logo { height: 70px; width: 520px; margin: 0 auto;} #logo_text { font-size: 32px; line-height: 60px; padding-left: 15px; } #logo_image { margin: 11px 0px; height: 35px; width: 35px; top: 0;} }



/* Calendar Print */
@media print {
body.calendar_print { background: #fff; }
body.calendar_print #header, body.calendar_print #main_menu, body.calendar_print #home_banners, body.calendar_print #footer, body.calendar_print #interior_header_banner, body.calendar_print #mobile_bottom { display:none; }
body.calendar_print table tr, body.calendar_print table td{ page-break-inside: avoid; }
body.calendar_print #interior_content { padding:0px !important;}
body.calendar_print .wrapper.whitewrap { padding:0px; !important}
body.calendar_print table.calendarMonths { display: none; }
body.calendar_print .calendarDays { border: 1px solid #333; }
body.calendar_print #calendarDetail .calendarDays td { border: 1px solid #333;}
body.calendar_print #calendarDetail .calendarDays .title, body.calendar_print  #calendarDetail .calendarDays .prevLink, body.calendar_print  #calendarDetail .calendarDays .nextLink { border: 0px; }
body.calendar_print .eventToday { background: none !important;}
.no_print { display:none !important;}
}