@media screen and (max-width: 1340px) {
	.home .pagewidth {
        margin:0 20px; width: auto;
    }
    footer.footy .btn-holder { order: 3; width: 100%; margin: 20px 0 0; }
}


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


    /* =================== Header */
    header.heady h1 { left: 15px; width: 105px !important; height: 105px !important; }
    header.heady .social-icons { right: 15px; }

    /* =================== Menu */
    #hamburger {  display: block; cursor: pointer; padding: 10px 15px; width:100%; text-align: right; box-sizing: border-box; font-size: 18px; font-weight: bold; color:#fff; text-transform: uppercase;  }
    .nav-menu { width: 100%; background: rgba(0, 40, 87, .8); top: 47px; left: 0; margin: 0; padding: 10px 20px; overflow: hidden; position: absolute; display: none; box-sizing: border-box; -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); }
    .nav-menu { max-height: calc(100vh - 80px); overflow-y: auto; }
    /* .home */
    .nav-menu { background: rgb(23, 45, 81); }
    #hnav { width: 100%; max-width: 100%; margin: 0; left: 0; bottom: 45px; top: 80px; }
    #hnav ul { width: 100%; text-align: right; padding: 20px 0;}
    #hnav ul li {width: 100%; left:auto; margin: 0 0 18px; float: none; }
    #hnav .nav-menu > ul > li:last-child { padding-right: 20px; }
    #hnav ul li a { padding: 0 15px; border: none; height: auto; background: none !important; }
    #hnav li.menu-item-has-children > a:before { position: absolute; top: 1px; right: 8px; content: "\f0d7"; font: 16px 'FontAwesome'; }
    #hnav li.menu-item-has-children li.menu-item-has-children > a:before { display: none; }
    #hnav .nav-menu > ul > li > a { text-align: right; position: relative; }
    #hnav .nav-menu > ul > li > a span { display: inline; }
    #hnav ul li a:after { display: none !important; }
    #hnav ul li a:hover { text-decoration: underline; }
    #hnav ul ul { width: 100%; background: none !important; display: none; padding: 7px 10px 0; box-sizing: border-box; position: relative; left: auto !important; top: auto; opacity: 1; column-count: 1; }
    #hnav ul ul ul{display:block}
    #hnav ul ul:after { display: none; }
    #hnav ul ul li { width: 100%; padding: 0; box-sizing: border-box; display: block; }
    #hnav ul ul li a { box-shadow: none !important; width: 100% !important; height: auto; box-sizing: border-box; padding: 8px 25px !important; margin: 0 !important; }
    #hnav ul li:hover ul { top: auto; }
    #hnav ul li.donate-btn a { margin-top: 15px; background: #f34734 !important; display: none !important; }
    header.heady  a.donate-btn { display: block; position: absolute; right: 15px; top: 45px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; }


    /* =================== Content */
    .pagewidth { padding-left: 15px !important; padding-right: 15px !important; }
    .home .pagewidth {margin: 0;}
    .products-holder .item { margin: 0 auto 20px; }
    .where-to-buy-holder .items-holder .item { margin: 0 auto 20px; }
    .products-holder .text-holder { margin-bottom: 20px; }
    .news .news-holder .item i.fa { margin-left: 15px; }

    /* =================== Footer */
}


/* ================================================================== Tablet */
@media screen and (max-width: 1023px) {

    #wrapper { width: 100%; }
    .pagewidth { width: 100%; padding: 0;}
    #maincol { width: 100% !important; padding: 15px !important; }
    #rightcol { width: 100% !important; padding: 15px !important; }

    form.lj input, form.lj select, form.lj textarea { width: 100%; }
    form.lj label { width: 100%; display: block; margin: 0 0 5px; padding: 5px 0 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, img.alignnone{float:none;margin:10px auto; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

    .home-btns .item { width: 48%; }
    .about-holder { margin-bottom: 30px; }
    .about-holder .content,
    .about-holder .media { width: 100%; margin: 0 0 20px; }
    .about-holder .media img { width: 100%; }
    
    .content-holder-with-sidebar .main-content { width: 68%; }
    .content-holder-with-sidebar .sidebar { width: 30%; }
    .content-holder-with-sidebar .sidebar a { display: block; width: 100%; margin: 0 !important; text-align: center; }
    .content-holder-with-sidebar .sidebar img { float: none !important; margin: 0 auto 20px !important; }
    
}

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

    .home-btns .item { width: 100%; }
    .farmers .text-holder { width: 100%; }
    .farmers .image-holder { width: 100%; }
    .farmers .image-holder img { margin: 0 auto; display: block; }
    .news .news-holder { width: 100%; margin: 0 0 20px; }
    .news .image-holder { width: 100%; text-align: center; }
    .stories-holder figure { width: 100%; order: 1 !important; margin: 0 auto; text-align: center !important; }
    .stories-holder .content { width: 100%; order: 2 !important; }
    footer.footy address { width: 100%; text-align: center; margin: 0 0 20px; }
    footer.footy .form-holder { margin: 0 auto; }
    .staff-item { margin: 0 20px 20px; }

    form.lj label.f3, form.lj label.f2 {float:none;width:100%;}
    form.lj label.f3 input,
    form.lj label.f2 input {width:100%;}

    .content-holder-with-sidebar .main-content { width: 100%; }
    .content-holder-with-sidebar .sidebar { width: 100%; }

    /* =================== Grid */
    .cols2 section, .cols3 section, .cols4 section, .cols5 section, .cols6 section, .merge2, .merge3, .merge4, .merge5 { width: 100% !important; float: none; margin: 0 0 20px; }

}
@media screen and (max-width: 640px) {
  .news .news-holder .item img { margin: 0 auto 20px; }
  .news .news-holder .item strong { width: calc(100% - 40px); padding: 0; }
  footer.footy .btn-holder .btn { margin: 0 0 15px; width: 100%; }
}
@media screen and (max-width: 480px) {
    #wrapper { padding-bottom: 20px; }
    #hnav .nav-menu > ul { overflow-y: auto; }
    #hnav ul li a, #hnav ul ul li a { padding-left: 0 !important; padding-right: 0 !important; }
    #hnav ul li.donate-btn a { padding-left: 15px !important; padding-right: 15px !important; }
    #hnav li.menu-item-has-children { padding: 0 15px; }
    #hnav li.menu-item-has-children li.menu-item-has-children{padding:0;}
    #hnav li.menu-item-has-children > a:before { right: -14px; }
    h1 { font-size: 24px !important; }
    h2 { font-size: 20px; }
    h3 { font-size: 15px; }
    header.heady h1 { width: 68px !important; height: 68px !important; }
    .products-holder {padding: 25px 0; }
    .page-image { margin-bottom: 20px; }
    .about-holder .content { padding: 15px 20px; }
    .home-btns { margin-bottom: 0; }

}