/* MAIN MENU + LINKS */

/* active menu */
.nav.navbar-nav li.active > a {
color:#057f2c  !important;
}

/* hover color */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color:#64a778  !important;
}

/* top level menu items on hover */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color:#64a778 !important;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color:#64a778 !important;
border-bottom-color:#64a778 !important;
}
.leading-main .item-content {
border-bottom:15px solid #057f2c !important;
}

/* dropdown menu items */
.nav.navbar-nav li.open > a, .nav.navbar-nav li.active > a {
color:#64a778!important;
}
 
.t3-megamenu .mega-nav > li a:hover, .t3-megamenu .dropdown-menu .mega-nav > li a:hover, .t3-megamenu .mega-nav > li a:focus, .t3-megamenu .dropdown-menu .mega-nav > li a:focus {
color:#057f2c !important;
}

/* hover color change in a table */
tr:hover{background-color:#f5f5f5}
th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* keep pdf icon on same line */
.article-content img {
    display: initial;}

/*  links */


/* no underline & color changes*/  
.article-content a { 
    border-bottom: none;
     color:#07530d;
}
.article-content a {
  border-bottom: none;
}
.article-content a:hover,
.article-content a:focus,
.article-content a:active {
  color: #a4bf46 ;
}
    
/* Modify logo size */
/* main screen */
@media (min-width:1200px) {
.scrollUp .t3-mainnav {    padding-top: 220px;  } 
.t3-mainnav {  padding-top: 220px;  }}


/* border for image */
img.border, .zenborder img {
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 2px rgba(0,0,0,0.2);
    background: #fff !important;
    padding: 4px;
    max-width: 98%;
    margin-bottom: 20px;
}

/* top of body chopped */
@media(min-width:980px) 
{
    .t3-mainbody 
        { padding-top: 120px; }
}


/* move email and print icons under title */
.item-page .item-main .col-lg-3, .item-page .item-main .col-lg-9 
{ 
    width: 100% !important; 
} 
	
Since you don't have a min-width on your 480 styles, and since those styles come later in your stylesheet, they override anything you put before them.

@media (max-width: 320px) {
   html {
      font-size:0.1em;
   }
}

@media (max-width: 320px) {
  .logo-control .logo-img-sm {
      width: 200px;
  }
}

/* fix menu bg color from dark blue */
.dropdown-submenu:hover>a {background-image:none;}
.navbar .nav>li>a {padding: 15px 5px 8px;}