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

p.copyright { padding-right: 75px;}
#back_to_top { right: 25px; bottom:25px;}
#main_menu>ul>li { margin-left: 47px; }

}



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

#home_image { height: 650px; }
#stats_columns {padding: 30px 0;}
#stats_columns .col4 { width: 50%; }
p.copyright { padding-right: 75px;}
#back_to_top { right: 25px; bottom:25px;}
#about_icons .col2 { width: 100%; float:none; margin: 0 0 25px;  }
.about_item {text-align:center; height: auto ;}
.about_icon { position: static; display: inline-block; }
.about_desc { padding: 10px 0 10px;}

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

.membershipModule.myAccount .block { width:49%; min-height:168px; }
.membershipModule.myAccount .block:nth-child(3n+1) { clear:none; margin-left:2%; }
.membershipModule.myAccount .block:nth-child(2n+1) { clear:left; margin-left:0; }

}

/* Tablet Scaling ---------------------------------------------------*/
@media screen and (min-width: 961px) and (max-width: 1024px) {
    #main_menu>ul>li { margin-left: 30px; }
    #main_menu>ul>li>a { font-size: 15px;}
}
@media screen and (min-width: 850px) and (max-width: 960px) {
    #main_menu>ul>li { margin-left: 20px; }
    #main_menu>ul>li>a { font-size: 13px;}
}
@media screen and (min-width: 750px) and (max-width: 849px) {
    #main_menu>ul {padding-right: 12px;}
    #main_menu>ul>li { margin-left: 12px; }
    #main_menu>ul>li>a { font-size: 12px;}
}


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

body { margin-top:80px; padding-top:0; font-size:15px; }

#main_menu { display: none !important; }
#mobile_menu, #menu_toggle { display: block; }

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

#header {position: fixed; top:0px !important; left:0px; background: #fff; height: 80px; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.11);}
#header .wrapper {}
#header #logo { left: 55px; }
#header #main_menu { top:35px; }

#home_image { height: 450px; }
.home_image_item h1.heading { font-size:30px; }
.home_image_item h3.sub_heading { font-size:20px; }
.home_image_item .description { font-size:14px; }

#home_image_bottom { height: 410px; }

#our_clients a { width: 100%; }

.webpageModule.moduleDetail table { width: 100% !important; }

#about_icons .col2, #stats_columns .col4 { width: 100%; float:none; margin: 0 0 25px;  }

.about_item {text-align:center; height: auto ;}
.about_icon { position: static; display: inline-block; }
.about_desc { padding: 10px 0 10px;}

#staff_circles { height: auto;}
a.staff_circle { position: relative !important; top:0 !important; left: 0 !important; float:none; margin:30px auto 100px !important;}

#testimonial_cycle { height: 400px;}

form#newsletter_form input[type="text"] { margin: 25px 0; box-sizing:border-box;}
#newsletter_signup form textarea { display:block; width: 250px; margin-left: auto; margin-right: auto;}

#footer { padding-bottom: 75px;}
#footer .column { float:none; width:auto; }
#social_menu, #footer_text { text-align:center; }
#social_menu a span.fa { margin: 0 4x;}

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

#content { padding: 20px 20px !important; min-height: 0px !important;  }
#sidebar { position: relative; top:0px; right:0px; left:0px; padding: 10px 0 15px; width: 100%; max-width: 420px; margin:0px auto;}

.staffModule .listerItem {  }
.staffModule .listerItem img.photo_left { display:block; float:none; width: 100%; max-width: 250px !important; height: auto; margin: 0 auto 12px;}
.staffModule .listerItem img.photo_right { display:block; float:none; width: 100%; max-width: 250px !important; height: auto; margin: 0 auto 12px; transform: none; top:0px; position: static;}
.staffModule .listerItem .info_wrap { float:none; width: 100%; max-width: 420px; height: auto; margin: 0 auto 12px; transform: none; top:0px;  position: static;}
.staffModule .listerItem h2, .staffModule .listerItem h4, .staffModule .listerItem h6 { text-align:center;}

.membershipModule.myAccount .block { float:none; width:auto; min-height:0; margin-left:0; }

.pastEvents .event .text { margin: 5px 0 0 !important; }
.pastEvents .event .image { width:auto; float:none !important; }

#calendarDetail .calendarDays .weekdays
, #calendarDetail .calendarMonths
, #calendarDetail .calendarDays .eventOff
, #calendarDetail .calendarDays .emptyDay { display:none; }
#calendarDetail .calendarDays
, #calendarDetail .calendarDays tbody
, #calendarDetail .calendarDays tr
, #calendarDetail .calendarDays td { display:block; clear:both; height:auto !important; width:auto; }
#calendarDetail .calendarDays .prevLink
, #calendarDetail .calendarDays .nextLink { float:left; clear:none; padding: 0 3%; width:14%; line-height:30px; }
#calendarDetail .calendarDays .title { float:left; clear:none; padding: 0 3%; width:54%; line-height:30px; }

}



/* Phone Scaling ---------------------------------------------------*/
@media screen and (min-width: 20px) and (max-width: 400px) { #parallax_box3 a { display: block; float:none; margin: 0 auto 30px; max-width: 200px;} #home_image_bottom { height: 410px; } .responsiveTable td {display:block; width:100% !important;}}
@media screen and (min-width: 401px) and (max-width: 529px) {.responsiveTable td {display:block; width:100% !important;} }
@media screen and (min-width: 530px) and (max-width: 749px) {.responsiveTable td {display:block; width:100% !important;} }