@media screen and (max-width: 1100px){
    
/*** Mobile Popup Test ***/
body #popup-message-background{ z-index: 10; }

html body #popup-message-window{ 
       height: auto !important;
    top: 5% !important;
    left: 0px !important;
     width: 100% !important;
     z-index: 11; 
}

/* Home page Mobile popup */
body .popup-message-window{ width: 250px !important; height: auto !important; }
    
.facebook-logo{ right: 150px; }

/*** Mobile Product Node Pages 
============================================ **/

/* Turns on 2nd main content block */
body.node-type-product-page #block-multiblock-1{display: block; }

body.node-type-product-page #block-system-main{ }

body.node-type-product-page #block-fieldblock-node-product-page-default-field-prod-page-left-sidebar-ad, 
body.node-type-product-page #block-fieldblock-node-product-page-default-field-prod-page-right-sidebar-ad 
{ display: inline-block; width: 49%; float: none !important; margin: 0px auto !important;  text-align: center;  }

body.node-type-product-page .field-name-field-prod-page-left-sidebar-ad,
body.node-type-product-page .field-name-field-prod-page-right-sidebar-ad 
{     float: none;
    width: 100%;
    height: auto !important;
    margin: 3em 0 0 0;
}

html body.node-type-product-page .field-name-body .field-item {    width: 100% !important; padding: 0.5em; box-sizing: border-box;  }

/* Product slideshow */
html body.node-type-product-page .flexslider {
    width: 100% !important;
    display: block !important; 
    margin: 0px !important;
}

html body.node-type-product-page .flexslider img{ width: 100% !important; }

body .field-name-field-product-photo-slideshow {
    width: 100%;
    display: block;
}

}

@media screen and (max-width: 550px){
    

/*** Mobile Custom buttons
=============================== ***/
body .button1{ font-size: 1.55em;  margin-bottom: 0.5em; display: block; box-sizing: border-box;  }

/*** Mobile Webforms
=================================== ***/
input.form-text{ width: 100%; box-sizing: border-box; }



}

@media screen and (max-width: 960px){



body .mobile{ display: inline !important; }
body .desktop{ display: none !important; }

body .button1{ text-align: center; }
#block-block-3{ text-align:  center;  }

#block-block-3 .content{ display:inline-block; width: 100%; }



/*** Mobile Contact Page
======================================= ***/
.contact-map{ width: 90% !important; margin: 0 auto;}

body.page-node-31 .location-box{ width: 48%; }



}


@media screen and (max-width: 768px){
    
 
 body img { max-width: 100%; height: auto !important; }
 
 
/* facebook icon */
body .facebook-logo{ float:right; position: absolute; top: 0px; right: 30px;  }
body .facebook-logo img{ height: 25px !important; width: 25px !important; }

body .people-box {
    width: 100%
    margin: 0
    z-index: 10;
    top: 0px;
}




    
.contact-text{ display: none; }
.menu-text{ display: none; }

/*** Custom images
==================================***/
/*
body .img-right{ float: none; margin: 0 auto 1em; display: block; }
body .img-left{ float: none; margin: 0 auto 1em; display: block; } */

body .img-right{ width: 120px !important; height: auto !important; margin: 0 0 0.5em 0.75em !important; }
body .img-left{ width: 120px !important; height: auto !important; margin: 0 0.75em 0.5em 0 !important; } 
    
/**** Custom Cols
======================================== ***/
body .col2{ display: block; width: 100%; margin: 0%; }
body .col3{ display: block; width: 100%; margin: 0%; }

body .col-right{ float: none; }
body.page-node-31 .col-right{ float: none; width: 100% !important; }
 
body .sidebar-container{
        margin-top: 10px;
    padding-top: 0px;
    border-top: none;
}
 
 
body .region-sidebar-first{   text-align: center; }


 
 /*** Full Header Wrap
=================================== **/
body #full-header-wrap{background-position: center top; }

body #header-top-1-wrap{ background: url(../red-point-top-sm.png) top center no-repeat; }
    

    
/*** Mobile Navigation 
==================================== ***/
body #header{ position: fixed; width: 100%; top: 0; z-index: 1001; }

body #site-navigation-wrap{ font-size: 0.9em; }

body a#navigation-toggle { top: 10px;  float: right;  background: #eb1e24; border-radius: 0px 0px 3px 3px; }
html body a#navigation-toggle:hover { background: #fff33d;   }

/*** Mobile Logo
=========================== ***/
#header-top-1-wrap {float: left; box-size: border-box; position: fixed; top: 0px; width: 100%; text-align: center; background: url(../red-point-top.png) top center no-repeat;  z-index: 1000;}

#header-top-1-wrap{  }

#block-block-2 img.hep-nml-logo,
#block-block-2 img.bbo-logo,
#block-block-2 img.bright-ideas-logo
{ height: 25px !important; width: auto !important;    margin-top: 5px; }

/*** Mobile Header ***/
body #logo { text-align: center; }

/** Main content **/
.not-front #page-title-wrap{  margin-top: 70px; }
body h1.page-title{ font-size: 1.89em; }

/*** Mobile Flexslider
============================ ***/
body .flex-control-nav{ bottom: -55px; }

/*** Mobile Footer
================================ ***/
/* Your friends, neighbors block */
#block-block-1 br{ display: none; }

/*************************** MOBILE PAGES *****************************************/
/***************** ================================================= *************/

/*** Mobile Home Page
============================================= ***/
.front #header-top-2-wrap{ margin-top: 70px; }

/* Home Tagline at top of page */
#block-block-4 h3{ font-family: marker; font-size: 1.2em; color: #fff;  }

/* On Sale Slideshow */
body .sale-items-home h2{ font-family: marker; color: #fff;  font-size: 2em; text-align: center; }

body .view-sale-items-home .views-field-title{ font-family: marker; font-size: 1.2em; color: #fff; display: inline-block;  }
body .view-sale-items-home .views-field-field-sale-item-price{ font-family: marker; font-size: 1.2em; color: #fff;  display: inline-block; margin-left: 0.75em; }

/*** Mobile Find us Contact Us Icons ***/
body .find-contact img{ height: 60px !important; width: auto !important; }
body .find-contact .icon-box{ display: inline-block; margin: 0 0.25em; font-size: 1.1em;}

/* Main Icons */
body .main-icons img{ height: 35px !important; width: auto !important; }
body .main-icons{ text-align: center; font-family: marker;}
body .main-icons .icon-box{ display: inline-block; margin: 0 0.3em; font-size: 0.8em;}

/*** Mobile Careers Page
======================================= ***/
body.page-node-23 .button1{ float: none; display: block; box-sixing: border-box; }





/*** Mobile Contact Page
======================================= ***/
body.page-node-31 .location-box{ width: 100%; }

}  /**** ----- !!!! END @media screen *****/