/* ================================================================== Tablet */
@media only screen and (device-width: 768px) { /*ipad only */
	.ismobile{display:block !important;}
    .notmobile{display:none !important;}
}
@media screen and (max-width: 979px) {
	
	.ismobile{display:block !important;}
    .notmobile{display:none !important;}
    
    img, table, iframe { max-width: 100%; }
    iframe { width: 100%; }
    table { overflow-x: scroll !important; }
    
    .pagewidth { width: 100%; }
    #maincol { width: 100%; float: none; }
    #rightcol { width: 100%; float: none; margin-bottom:0;}
    .left, .right, .alignright, .alignleft { float: none; }
    
    h1 { font-size: 1.4em; line-height: 1.2em; }
    h2 { font-size: 1.2em; }
    h3 { font-size: 1em; }
    
    
    /* ==================== Header */
    
    header.heady { background-position: left bottom; }
    header.heady, header.heady .pagewidth { height: auto;  width: 100%; float: left; }
    header.heady .pagewidth { padding: 0 1% 80px; }
    header.heady * { box-sizing: border-box; }
    header.heady h1 { width: 49%; max-width: 253px; float: left; position: relative; left: 0; top: 10px; clear: both; }
    header.heady p.info-links { width: 49%; float: right; font-size: 1em; position: relative; top: auto; right: auto; text-align: right; margin:0; }
    header.heady p.phone { width: 49%; float: right; font-size: 1.4em; text-align: right; margin: 20px 0 10px; }
    form.lj.search{clear:both;position: relative;padding:10px 0 0;right:0;top:0;}
    
   
    /* ==================== Content */
    
    .slideshow-holder .btns-holder { width: 100%; float: none; }
    .slideshow-holder .iosslider-responsive { 
        width: 100%; float: none;
        height: 0;
        padding: 0 0 45% 0; /* responsive slider height = 40% of the browser width; ie. slide image aspect ratio: w10xh4 */ 
    }
    .iosslider .slider .slide { width: 100%; height: 100%; }
    .iosslider .slider .slide img{width:100%;}
    .iosslider .slider .slide .content { width: 50%; max-width: 320px; margin: 10px 10px 0 0; }
    .iosslider .slider .slide .content h2 { font-size: 1.4em; }

    /* ==================== Footer */
   
    footer.footy .logos { width: 100%; float: none; text-align: center; margin: 0 0 10px; }
    footer.footy .footer-nav { width: 100%; float: none; text-align: center; }
    footer.footy .footer-nav ul li { display: inline-block; float: none; }
    footer.footy p#copy { width: 100%; text-align: center; margin: 0 0 10px; }
    footer.footy .work-hours { width: 100%; text-align: center; float: none; }
    footer.footy section { display: inline-block; width: 46%; float: none; margin: 0 0 10px; }
   
    /* ==================== Navigation */
    
    #hamburger{ cursor: pointer; color: #fff; font-size: 1.5em; font-family: 'Rokkitt', serif; text-transform: uppercase; display: block; padding: 20px 10px 20px 0; text-align: right;}
	#hnav{ bottom: 0px; left:0; top: auto; width:100%; display:block; position:absolute;  }
	#hnav .nav-menu{ display:none; background:#894b2c; position: absolute; width: 100%; }
	#hnav ul { float: none; right: auto; }
	#hnav ul li{ float:none; left: auto; }
	#hnav ul li a { display: block; color:#fff !important; text-align: left; padding: 10px 15px; margin:0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#hnav ul li a:hover { background:#e88254 !important; color:#fff !important; }
    #hnav ul ul { display: block; position:relative; opacity:1; left: 0; top:0; width: 100%; padding: 0; }
    #hnav ul ul li { }
    #hnav ul ul li a { padding: 10px 25px !important; }
    #hnav ul li:hover ul { top: 0; }
    /* =================== Footer */
   
   
    /* =================== Grid */
   
    .cols2 section, .cols3 section, .cols4 section, .cols5 section, .cols6 section { width: 100%; float: none; margin: 0 0 20px; }
    
}

@media screen and (max-width: 640px) {
    /*Added for the sales pages - oct. 2021*/
    .sale-btn:link,
    .sale-btn:visited,
    input[type=submit]{
        font-size: 30px;
        padding: 8px 24px;
    }
    
}
@media screen and (max-width: 500px) {
    
    .iosslider .slider .slide .content { width: 100%; margin: 5px 0 0 5px; padding: 5px; }
    #maincol, #rightcol { padding-left: 10px; padding-right: 10px; }
    header.heady p.info-links a:last-child{border-left: none;}
    header.heady p.info-links a {display:block; padding:3px 2px;}
    form.lj.search input{width:75%;float:left;}
    form.lj.search input.submit{width:23%;float:right;top:0;}
    
}