/* WARNING: USE CAUTION WHEN EDITING THIS FILE */

/* NOTE: THIS FILE INCLUDES 3 STAGES OF MEDIA QUERIES - SEE help.html */

/* NOTE: TO EDIT COLORS - SEE style.css */

/* CLASSES HERE CAN ALSO BE FOUND IN THE style.css */

/* ========================================================================== */

/***************
START Media Queries #1 (TABLET) WHEN PAGE WIDTH LESS THAN 890 IS ACTIVE (FOR TABLET)
***************/

@media handheld and (max-width: 890px), screen and (max-device-width: 890px), screen and (max-width: 890px) {
  body, div, table {
    font-size: 14px;
}

/* ========================================================================== */

.just	{
  text-align: left;
}

/* ========================================================================== */

#contentbox	{
  margin-right: -262px;
}

/* ========================================================================== */

#left-content {
  margin-right: 262px;
}

/* ========================================================================== */

#sidebar-content {
  width: 260px;
  margin: 30px auto 30px auto;
  border-left: #999999 0px solid;
}

/* ========================================================================== */

.content-pad {
  /*padding: 25px 30px 10px 30px;*/
  padding: 15px 30px 10px 15px;
}

/* ========================================================================== */

.sidebar-pad {
  padding: 0px 10px 10px 0px;
}

/* ========================================================================== */

.logo-respond	{
  width: 100%; height: auto;
}

/* ========================================================================== */

.footer-links	{
  width: 99%;
}

/* ========================================================================== */

.floatlist {
  width: 100%;
}

/* ========================================================================== */

/* VIDEO MENU */

.vid-thumb {
  max-width: 75px;
}

/* ========================================================================== */

/* HOME PAGE */

.introtitle {
  font-size: 16px;
}

/* ========================================================================== */

.homecontent {
  float: none;
}

/* ========================================================================== */

.introbox-text {
  font-size: 13px;
}

/* ========================================================================== */

.introbox-outer	{
  margin: 10px auto 10px auto;
}

/* ========================================================================== */

.content-left	{
  padding: 15px 15px 15px 0px;
}

/* ========================================================================== */

.content-right {
  padding: 15px 0px 15px 15px;
}

/* ========================================================================== */

.introbox-left {
  margin-left: 5px; margin-right: 5px;
}

/* ========================================================================== */

.introbox-center {
  margin-left: 5px; margin-right: 5px;
}

/* ========================================================================== */

.introbox-right {
  margin-left: 5px; margin-right: 5px;
  }
}

/***************
END Media Queries #1
***************/

/* ========================================================================== */

/***************
START Media Queries #2 (MEDIUM SCREEN DEVICES) WHEN PAGE WIDTH LESS THAN 740 IS ACTIVE
***************/

@media handheld and (max-width: 740px), screen and (max-device-width: 740px), screen and (max-width: 740px) {
  #contentbox	{
		float: none;
		margin-right: 0px;
}

/* ========================================================================== */

#left-content {
  margin-right: 0px;
}

/* ========================================================================== */

#sidebar-content {
  float: none;
  display: block;
  border-left: #999999 0px solid;
  width: 250px;
  margin: 0 auto 0 auto;
}

/* ========================================================================== */

.sidebar-pad {
  padding: 10px 0px 10px 0px;
}

/* ========================================================================== */

.footerhide	{
  display: none;
}

/* ========================================================================== */

.mobile-social {
  display: block; padding: 10px 0px 10px 0px;
}

/* ========================================================================== */

.mobile-social table {
  margin: 0 auto;
}

/* ========================================================================== */

/* HEADER ICONS */

.header-ico1, .header-ico2 {
  display: block;
}

/* ========================================================================== */

.header-ico1 {
  width: 26px;
  height: 26px;
  right: 33px;
  top: 6px;
}

/* ========================================================================== */

.header-ico2 {
  width: 26px;
  height: 26px;
  right: 5px;
  top: 6px;
}

/* ========================================================================== */

.ico2-img, .ico1-img {
  width: 26px; height: 26px;
}

/* ========================================================================== */

/* JQUERY SLIDESHOWS */

.centered-btns_tabs a	{
  width: 15px; margin: 0px 2px 0px 2px;
}

/* ========================================================================== */

/* VIDEO MENU */

.vid-thumb {
  max-width: 40px;
}

/* ========================================================================== */

/* CONTACT & QUOTES PAGE */

.form-box	{
  margin: 20px 0px 10px 50px;
}

/* ========================================================================== */

.contact-page #sidebar-content {
  display: block;
}

/* ========================================================================== */

.contact-page .content-pad {
  display: block; /* HIDES FORM ON MOBILE, USE none; or block; */
}

/* ========================================================================== */

/* HOME 3 BOX COLUMNS */

.introbox-text, .introtitle, .boxes2 {
  text-align: center;
}

/* ========================================================================== */

.introbox-outer {
  max-width: 325px; margin: 0 auto;
}

/* ========================================================================== */

.introbox	{
  width: 100%; float: none; margin: 0 auto;
}

/* ========================================================================== */

.introbox-inner	{
  margin: 10px 0px 10px 0px;
}

/* ========================================================================== */

.introbox-left {
  display: block;
}

/* ========================================================================== */

.introbox-center {
  display: block;
}

/* ========================================================================== */

.introbox-right	{
  display: block;
}

/* ========================================================================== */

/* HOME 2 COLUMN TEXT */

.homecontent-outer {
  max-width: 100%; margin: 0px 0px 30px 0px;
}

/* ========================================================================== */

.home-2xcontent	{
  float: none; width: auto; margin: 0 auto;
}

/* ========================================================================== */

.content-left, .content-right {
  padding: 15px 10px 15px 10px;
}

/* ========================================================================== */

.content-pad-home	{
  padding: 30px 10px 30px 10px;
  }
}

/***************
END Media Queries #2
***************/

/* ========================================================================== */

/***************
START Media Queries #3 (SMARTPHONE) -  WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/

@media handheld and (max-width: 482px), screen and (max-device-width: 482px), screen and (max-width: 482px) {

/* MQS FONTS - NEXT LINE IS DEFAULT MOBILE FONT ALL PAGES */

body, div, table {
  font-size: 14px; line-height: normal;
}

/* ========================================================================== */

.title {
  font-size: 19px;
}

/* ========================================================================== */

.subtitle {
  font-size: 15px;
}

/* ========================================================================== */

.smalltext {
  font-size: 12px;
}

/* ========================================================================== */

.just {
  text-align: left;
}

/* ========================================================================== */

/* MQS GENERAL */

.hidemobile	{
  display: none;
}

/* ========================================================================== */

.page-splits {
  margin-top: 10px; margin-bottom: 10px;
}

/* ========================================================================== */

.splits-xtramargin {
  margin-top: 12px; margin-bottom: 12px;
}

/* ========================================================================== */

/* MQS PAGE & CONTENT HEIGHTS, PADDING & WIDTHS */

.pageheight,
.pageheight-home {
  min-height: 50px;
}

/* ========================================================================== */

.pagebox {
  padding: 0px 0px 0px 0px;
}

/* ========================================================================== */

#contentbox	{
  padding: 0px 0px 0px 0px;
}

/* ========================================================================== */

.content-pad {
  padding: 15px 10px 10px 10px;
}

/* ========================================================================== */

#contentbox-home {
  padding: 10px 0px 10px 0px;
}

/* ========================================================================== */

#contentbox-slideshows {
  padding: 10px 0px 10px 0px;
}

/* ========================================================================== */

/* MQS LOGO GRAPHIC, AND TEXT */

#headerdiv {
  padding: 0px 0px 0px 0px;
}

/* ========================================================================== */

.textlogo	{
  font-size: 18px; padding: 3px 5px 4px 5px;
}

/* ========================================================================== */

/* MQS FOOTER */

.footer-copyright {
  font-size: 11px;
}

/* ========================================================================== */

/* MQS SIDEBAR */

.sidebar-text	{
  font-size: 13px; line-height: normal;
}

/* ========================================================================== */

.side-links a	{
  font-size: 13px; line-height: normal;
}

/* ========================================================================== */

.sidebar-pad {
  padding: 10px 0px 10px 0px;
}

/* ========================================================================== */

/* MQS HOME JQUERY SLIDESHOW & SLIDESHOW SETS */

.rslides_container {
  border-width: 0px;
}

/* ========================================================================== */

.homeimage-border	{
  border-width: 0px; /* FOR OPTIONAL HOME PAGE IMAGE */
}

/* ========================================================================== */

#homeJQ > .centered-btns_nav {
  display: block;
}

/* ========================================================================== */

.centered-btns_tabs	{
  display: none;
}

/* ========================================================================== */

#slidesJQ	{
  border-width: 0px;
}

/* ========================================================================== */

.slideshow-text	{
  margin: 8px 5px 8px 5px;
}

/* ========================================================================== */

/* CONTACT & QUOTES PAGE */

.form-box	{
  margin: 10px 0px 10px 0px;
}

/* ========================================================================== */

.shadeform, .textarea, .dropdown {
  font-size: 12px;
}

/* ========================================================================== */

/* STAFF PAGE */

.staff-email {
  font-size: 12px;
}

/* ========================================================================== */

/* LINKS PAGE */

.searchform, .searchbutton {
  font-size: 12px;
}

/* ========================================================================== */

/* PAYMENTS PAGE */

.payform, input[type=submit].payform {
  width: 140px;
}

/* ========================================================================== */

.paypalbadge {
  width: 120px;
  }
}

/***************
END Media Queries #3
***************/

/* ========================================================================== */