@media screen and (max-width: 1100px){
    
.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{ display: none; }

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: 959px){
    
body .hep-small-logo{
    position: absolute;
    top: 2px;
    right:8px;
}

/*** Discounted Items block (home)
============================================= ***/
body .view-discounted-product .views-row
{ width: 100%;  padding: 1em; margin: 0px; text-align: text-align: center; font-family: marker; display: inline-block; color: #000; box-sizing: border-box;   }

/*** Mobile Navigation 
==================================== ***/
body #site-navigation-wrap{ font-size: 0.9em; }

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

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 Find Us / Contact Us Page 
==================================== ***/
.location-box {
    display: inline-block;
    width: 100%;
    margin: 0 0.5%;
    vertical-align: top;
}

.contact-map{ width: 90% !important; margin: 0 auto;}

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



}


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

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

/*** Custom images
==================================***/

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; }


 


    


/*** Mobile Logo
=========================== ***/

#header-top-1-wrap{  }

#block-block-2 img  {
    width: 150px;
    height: auto;
    margin-top: 5px;
}

/*** Mobile Header ***/
body #logo { text-align: left; }
body #logo img{ width: 250px; height: auto !important; }

/** 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
============================================= ***/
body .dot1 {
    display: block;
    clear: both !important;
    visibility: hidden;
    height: 0px;
}

/* 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 *****/