
/* ================================================================== Tablet */
@media screen and (max-width: 979px) {
    img, table, iframe { max-width: 100%; }
    img {height: auto;}
    table { overflow-x: scroll !important; }
    h1, h2, h3 { text-indent: 0; padding: 0; }

    .left, .right { float: none; }
    .aligncenter,div.aligncenter{display:block;margin:5px auto}
    .alignright{float:none;margin:0 0 10px;}
    .alignleft{float:none;margin:0 0 10px;}
    img.aligncenter,img.alignright,img.alignleft{float:none;margin:10px auto; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    figure.right, figure.left { margin: 15px auto; width: 100%; border: none; float: none; }
    figure.right img, figure.left img { max-width: 100%; border: 3px solid #434503; display: block; margin: 0 auto; }

    /* =================== Header */
    header.heady { width: 100%; height: 90px; border-bottom: 2px solid #285a35; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    header.heady h1 { top: 47px; left: 15px; width: 180px; z-index: 10; }
    header.heady a.pr-request { right: 15px; }
    
    /* =================== Footer */
    footer.footy { width: 100%; padding: 25px 10px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    footer.footy .cols5 { width: 100%; float: none; display: flex; flex-flow: row wrap; justify-content: center; }
    footer.footy .cols5 section { width: 146px !important; margin: 0 5px 15px; }
    footer.footy .cols5 section:last-child { width: 100% !important; margin: 0; }
    footer.footy p#copy { padding: 0; width: 100%; float: none; text-align: center; }
    footer.footy p#copy br { display: none; }
    
    /* =================== Content */
    #pagewidth-holder { overflow: hidden; }
    #wrapper { width: 100%; background: #fff !important; }
    #pagewidth { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
    #pagewidth:after { left: -390px; }
    #maincol { width: 100% !important; float: none !important; padding: 15px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #maincol p iframe { width: 100% !important; }
    #maincol a[target] { text-align: center; display: block; }
    #maincol a[target] img { margin: 0 auto; }
    #rightcol { width: 100%; float: none; padding: 15px !important; z-index: 5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #rightcol:after { display: none !important; }
    .four-btn .btn { width: 100%; height: auto; margin: 0 0 10px !important; float: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .four-btn a { width: 100%; height: auto; line-height: 50px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .new-products { display: flex; flex-flow: row wrap; justify-content: center; padding-bottom: 0; }
    .new-products a { margin: 0 10px !important; height: auto; }
    .new-products a strong { position: relative; bottom: auto; }
    .products-list .item figure { width: 100%; text-align: center; float: none; display: block; }
    .products-list .item .description { width: 100%; float: none; }
    #map { width: 100% !important; }
    .products-list { display: flex; flex-flow: row wrap; }
    .products-list .item { width: 46%; margin: 0 1% 15px; text-align: center; }
    .products-list .item figure { min-height: 80px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
    #rightcol { text-align: center; background: #ddd; }
    
    /* =================== Form */
    form.lj input, form.lj select, form.lj textarea { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    form.lj label { width: 100%; display: block; margin: 0 0 5px; padding: 5px 0 0; }

    /* =================== Grid */
    .col2, .cols2 section, .cols3 section, .cols4 section, .cols5 section, .cols6 section, .merge2, .merge3, .merge4, .merge5 { width: 100% !important; float: none; margin: 0 0 20px; }
    
    /* =================== iosSlider */
    .iosSlider { width: 100% !important; max-width: 724px; left: 50% !important; transform: translateX(-50%); }
    .iosSlider .slider .item img{ right: auto; left: 50% !important; transform: translateX(-50%); }
    .home .iosSlider .slider .item img { right: 0; left: auto !important; transform: none; }


    /* =================== Menu */
    #hamburger {display: block; cursor: pointer; padding: 10px 15px;width:100%; text-align: right; text-decoration:none; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: normal; line-height: 1em; color: #5c5d5f; text-transform: capitalize; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .nav-menu { width: 100%; z-index: 100; top: 38px; margin: 0; padding: 10px 20px; overflow: hidden; background: rgba(255,255,255,0.95); border-top: 1px solid #0ca276; position: absolute;  display: none; -moz-box-shadow: 0 5px 5px rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.3); box-shadow: 0 5px 5px rgba(0,0,0,.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #hnav { width: 100%; margin: 0; border: none; position: absolute; padding: 0; top: 50px; left: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    #hnav ul {right: auto; float:none; padding: 0 0 10px; overflow: hidden;}
    #hnav ul li {width: 100%; left:auto; position: relative;}
    #hnav ul li a { padding: 13px 0; text-align: left; position: relative; display: inline-block; width: auto; padding-right: 15px; }
    #hnav ul ul { width: 100%; padding: 0 10px; background: none; box-sizing: border-box; display: none; position: relative; left: auto; top: auto; opacity: 1; box-shadow: none;}
    #hnav ul li:hover ul{left:0;}
    #hnav ul ul li { width: 100%; padding: 0; box-sizing: border-box; display: block; }
    #hnav ul ul li a, #hnav ul li:hover ul li a{ text-align: left; }
    #hnav ul li:hover ul { top: auto; }

}

@media screen and (max-width: 767px) {
  #pagewidth:after { top: -20px; }
  .products-list .item { width: 100%; margin: 0 0 15px; }
}
@media screen and (max-width: 640px) {
  .home .iosSlider .slider .item img { width: 100%; }
  .home .iosSlider .slider .item .description { width: 100%; position: absolute; top: auto; bottom: 0; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .iosSlider .slider .item .learnmore { width: 107px !important; height: 34px !important; padding: 0 !important; }
  .iosSlider { height: 480px !important; background: #207D32; }
  .iosSlider .slider .item { height: auto !important; display: flex; flex-flow: column wrap; }
  .home .iosSlider .slider .item .description { order: 2; padding: 20px; position: relative; left: auto; top: auto; bottom: auto; right: auto; }
  .home .iosSlider .slider .item img { order: 1; position: relative; left: auto; top: auto; bottom: auto; right: auto; }
}
@media screen and (max-width: 480px) {
  #pagewidth:after { top: 12px; left: -142px; }
  #maincol p iframe { height: 300px !important; }
  .iosSlider { height: 420px !important; background: #207D32; }
}
