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

#logo { width: 48%; background-position: 50% top; background-size: contain;}
.wrapper { max-width: 1100px;}
#main_menu { right: -1%;}
#main_menu>ul>li>a { padding: 0 8px ; font-size: 15px;}
#footer_logo { background-size: contain;}

}


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

#logo { width: 48%; background-position: 50% top; background-size: contain;}
.wrapper { max-width: 1000px;}
#top_menu { font-size: 15px;}
#top_menu a { font-size: 12px;}
#main_menu { top: 92px; right: -1%;}
#main_menu>ul>li>a { padding: 0 6px ; font-size: 14px;}
#footer_logo { background-size: contain;}

    
}


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

#main_menu, #top_menu, .header_shader_right { display: none !important; }
#mobile_menu, #menu_toggle, #mobile_bottom { display: block; }

body { font-size: 13px; }

.desktop_only  { display: none; }

#header .wrapper { padding-top: 140px;}
.header_shader_left { right: 0px; }
#logo { top: 30px; width: 100%; background-position: 50% top; background-size: contain;}
.wrapper { max-width: 950px;}
#header_home_image { float: none !important; width: 100% !important; max-width: 805px; padding: 20px 0 40px; margin: 0 auto;}

#home_bottom .listerItem a { font-size: 12px;}

#footer_logo { background-size: contain;}

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

}

/* Tablet Incremental Scaling ---------------------------------------------------*/
@media screen and (min-width: 750px) and (max-width: 959px) { .wrapper { max-width: 750px;  } }
@media screen and (min-width: 960px) and (max-width: 1024px) { }


/* Phone ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 749px) {
img {max-width: 100%;}

#main_menu, #top_menu, .header_shader_right { display: none !important; }
#mobile_menu, #menu_toggle, #mobile_bottom { display: block; }

body { font-size: 13px; }

.unfloat, .split_left, .split_right  { display: inline-block; width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; padding: 0px; float: none !important; clear: both; }

#header .wrapper { padding-top: 90px;}
.header_shader_left { right: 0px; }
#logo { top: 30px; width: 100%; background-position: 50% top; background-size: contain; height: 80px;}
.wrapper { max-width: 950px;}
#header_home_image { float: none !important; width: 100% !important; max-width: 805px; padding: 20px 0 40px; margin: 0 auto;}
#award { float: none !important; width: 100% !important; max-width: 805px; padding: 20px 0 40px; margin: 0 auto;}
#home_about, #home_events { padding:0px; float:none; width:auto;}
.half_wrapper_left, .half_wrapper_right { padding: 12px 0; margin: 0 auto; float:none; min-height: 10px !important;}
#home_bottom .listerItem { float:none; width: auto; margin: 0px auto 12px !important; padding:0px 10px 12px; max-width: 280px; display:block; text-align:center; border-bottom: 1px solid #fff;}

.webpageModule.moduleDetail table, .webpageModule.moduleDetail tbody, .webpageModule.moduleDetail tr, .webpageModule.moduleDetail th, .webpageModule.moduleDetail td { display:block; height:auto !important; }
#content { min-height: 300px !important; padding: 0px 20px 20px !important; float: none; }
#sidebar { position: relative; top:0; left:0; height: auto; width: auto; padding: 30px 10px 20px;}

#footer_buttons, #footer_logo, #footer_accrisoft { position: relative; top:0; left:0; right:0; bottom:0; width: auto; padding: 0 0 12px; max-width: 300px; margin: 0 auto;}
#footer_buttons a { margin: 0 auto;}
#footer_logo { background-size: contain}

#footer { font-size: 13px; }
#footer p {}

a.redbutton, .redbutton a, a.greenbutton, .greenbutton a, a.maroonbutton, .maroonbutton a { text-align:center; display:block; margin: 0 auto 12px !important; width: 100%; max-width: 250px;}

#content img { max-width: 100% !important; height: auto !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) {  }
@media screen and (min-width: 401px) and (max-width: 450px) {  }
@media screen and (min-width: 451px) and (max-width: 529px) {  }
@media screen and (min-width: 530px) and (max-width: 749px) {  }