.frame { background: #fff; border-radius: 0 0 2px 2px; border-top: 1px solid #e5e5e5; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1); padding: 8px; text-align: center; transition: all 180ms ease-in-out 0s; }
.menu .col1 h5 a { padding: 3px 0; }
.menu ul h5, .menu ul a { color:#333; }
.menu > li:hover > a { padding-left:20px; margin:0; }
.floatr { float: right; margin-left: 15px; }
.floatl { float: left; margin-right: 15px; }
.page-content h3 { line-height:normal; margin-bottom:10px; }
.page-content h4 { line-height:normal; }
.page-content h1 { line-height:normal; margin-bottom:24px; }
.page-content h2 { margin-bottom:10px; }
.price { font-size: 14px; font-weight: bold; }
.price span { font-size: 26px; color: #0e675b }
.price .small { font-size: 12px; font-weight: normal; font-style: italic; }
ul { margin-bottom:20px; }
.categories .active { color: #0e675b; font-weight: bold; }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
table { width: 100%; border-collapse: collapse; }
/* Zebra striping */
tr:nth-of-type(odd) { background: #eee;}
.small {font-size:10px;}
.greencolor {color:#0e675b;}
.bolder {font-weight:bold;}
th { background: #333; color: white; font-weight: bold; }
td, th { padding: 6px; border: 1px solid #ccc; text-align: left; }
nav {margin-top:3px;}
.test-title {text-align:right; font-style:italic;}
.interests {padding-left:30px;}
.interests p {line-height:11px;}


span.small-light{ font-size: 14px; color: white;}


@media only screen and (min-width: 320px) and (max-width: 479px) {

.page-title h2 {margin-top:20px;padding: 0;text-align: center;float: none;}
.search-btn-widget { margin-right: 70px;}
.tabs-nav li a {font-size: 10px;padding: 0 8px;}
.floatl {margin-bottom:10px;}
#footer .locate img{width:100%;margin-bottom:0 !important;}
#footer-bottom {font-size: 10px;}
.large-notice{display:inline-block; height:600px !important;}
#sub-menu {
  float: none;
  margin: 5px 0 5px;
}
#logo a img {
  float: none;
  margin:0 auto;
  height: 65px;
  width: 170px;
}
#sub-menu ul li {
  display: block;
  line-height: 24px;
  text-align:center;
}
#sub-menu ul li {
  border-left: 0px solid #aaa;
 
}
}




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


.page-title h2 {margin-top: 20px; text-align:center;}
.tabs-nav li a {font-size: 9px;padding: 0 4px;}
nav.five.floated.right {margin-top:-25px;}
#footer .locate img{width:100%;margin-bottom:0px !important;}
.floatl {margin-right: 25px; margin-bottom:10px;}
.search-btn-widget { margin-right: 10px;}


}





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

.menu > li > a {font-size: 10px; padding: 14px 16px 16px;}
.item-description h5 { font-size: 11px; line-height: 18px;}
.item-description span {padding: 5px;font-size: 11px;}
#footer .locate img{width:100%;margin-bottom:0px !important;}
.frame {padding: 0;}
.button {font-size: 11px;padding: 5px 11px 7px; margin-top:10px;}
.widget h4{font-size:11px;}
  

  


  


}