@media (max-width: 1425px) {
  /* Homepage and Layout */
  .hours-of-operation { right: 13px; left: auto; width: auto; top: 6px; border: none; }
  .hours-of-operation p { display: inline-block; }
  #scrollcycle { width: 100% !important; }
  .news-wrap img { max-width: 100%; height: auto; }
  /* Interior Pages */
  .content h2, .content h3, .content h4, .content h5, .content h6 { margin: 0 0 10px; }
  .content table:not(.responsive-table) { line-height: normal; padding: 0; max-width:100%; }
  .content table:not(.responsive-table) td { padding: 5px; }
  .content p { margin: 0 0 10px !important; }
  .responsive-table { width: 100%; }
}
@media (max-width: 1045px) {
  /* Homepage and Layout */
  body, body * { box-sizing: border-box; }
  header { width: 100%; }
  .header, .content { width: 100%; }
  nav.navi { padding: 0; left: auto; right: 10px; width: auto; }
  nav.navi ul.naviblock li.naviitem ul.naviblocksub ul.naviblocksubsub { left: 138px; }
  nav.navi ul.naviblock li.naviitem:last-child ul.naviblocksub { left: auto; right: 0; }
  nav.navi ul.naviblock li.naviitem:nth-last-child(-n+3) ul.naviblocksub ul.naviblocksubsub { left: auto; right: 138px; }
  nav.navi ul.naviblock li.naviitem:nth-last-child(-n+3) ul.naviblocksub li.naviitemsub a.naviasub.arrow:after { right: auto; left: 5px; border-right: 5px solid #999999; border-left: none;  }
  .content { padding: 25px; }
  .content table:not(.responsive-table) { width: 100%; }
  .newsletter { width: 100%; }
  .welcome { width: 70%; }
  .news-wrap { width: 30%; }
  .news-wrap:before { left: auto; right: 0; }
  .baseline p span { line-height: normal; margin: 0 0 20px; }
  .rotate { height: auto; padding-bottom: 28%; }
  .rotate-wrapper { height: auto; }
  .rotate img { height: auto; }
  .charter-fishing { top: 10px; right: 234px; }
}
@media (max-width: 992px) {
  /* Homepage and Layout */
  .head { height: auto; }
  header { padding: 10px; }
  header .logo { position: relative; top: auto; margin: 0 0 5px; }
  nav.navi { position: relative; top: auto; left: auto; right: auto; width: 100%; height: auto; text-align: center; }
  nav.navi ul.naviblock li.naviitem { float: none; display: inline-block; }
  .accommodations-graphic { bottom: 0; }
  .fish-vid { top: 0; }
  .main { padding: 0; }
  .newsletter-wrap { top: 0; margin: 0 0 25px; }
  .newsletter { height: auto; padding: 0 0 0 10%; position: relative; }
  .newsletter:after { display: table; content: ""; clear: both; }
  .newsletter h4 { position: absolute; top: 10px; left: 11%; padding: 0; }
  .newsletter p { position: absolute; top: 13px; left: 11%; font-size: 11px; }
  .welcome { border: none; }
  .tab-box { clear: both; float: none; }
  .fb-like-box, .fb-like-box span, .fb-like-box iframe { width: 100% !important; position: relative !important; }
  footer { width: 100%; padding: 0 30px; }
  footer ul li { width: 33.3333%; }
  .baseline-wrap { padding: 15px; }
  .baseline-wrap, .baseline { height: auto; width: 100%; }
  .baseline-wrap:after { display: table; content: ""; clear: both; }
  .baseline p { padding: 0; margin: 0; text-align: center; }
  .baseline p a { margin: 0 12px; }
  .baseline p span { float: none; display: block; margin: 10px 0; line-height: 20px; }
}
@media (max-width: 768px) {
  /* Navigation */
  body { margin-top: 60px; width: 100%;  position: relative; -webkit-transition: margin-left 0.5s ease; transition: margin-left 0.5s ease; }
  body.shove { width: 100%; -webkit-transition: margin-left 0.5s ease; transition: margin-left 0.5s ease; }
  body.shove:before { content: ""; display: block; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }
  .navigation-btn { position: fixed; top: 10px; right: 10px; font-size: 20px; color: #fff; text-decoration: none; background: #2b2b2b; width: 40px; height: 40px; cursor: pointer; display: block; }
  .navigation-btn:before, .navigation-btn.open:before { content: "\f0c9"; display: block; color: #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);         transform: translate(-50%, -50%); }
  .navigation-btn.open:before { content: "\f00d"; }
  .navigation-btn span { font-size: 20px; color: #fff; padding: 20px; opacity: 0.7; position: fixed; top: 0; left: 0; }
  .navigation-btn:hover, .navigation-btn:active, .navigation-btn:focus { text-decoration: none; color: #fff; }
  nav.navi { height: 60px; background: #3f3f3f; position: fixed; top: 0; left: 0; right: 0; z-index: 100000; text-align: left; border-radius: 0; }
  nav.navi ul { display: none;  background: #373737; width: 100%; margin: 0; padding: 0; position: fixed; top: 60px; left: 0; bottom: auto; z-index: 2; overflow: auto !important; right: 0; height: 84%; }
  nav.navi ul li { list-style: none; width: 100%; position: relative; z-index: 2; }
  nav.navi ul li a { color: #fff; text-decoration: none; font-size: 14px !important; line-height: normal; display: block; width: 100%; padding: 14px 18px 13px 13px !important; border: none !important; font-family: Arial !important; line-height: 13px !important; }
  nav.navi ul li a:hover { background: none !important; color: #fff !important; }
  nav.navi ul ul ul { background: #515151 !important; }
  nav.navi ul ul ul li a { line-height: 13px !important; }
  nav.navi ul li .expand { display: block; color: #fff; font-size: 14px; width: 40px; height: 40px; background: #515151; position: absolute; top: 0; right: 0; cursor: pointer; }
  nav.navi ul li .expand:before { content: "\f078"; display: block; color: #fff; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);         transform: translate(-50%, -50%); }
  nav.navi ul li.open-item { background: #6a6a6a; }
  nav.navi ul li.open-item .open-item .expand:before { content: "\f077"; }
  nav.navi ul li.open-item ul { display: block; visibility: visible; width: 100%; margin: 0; padding: 0; background: #2B2B2B; position: relative; top: 0; left: auto !important; bottom: auto; z-index: 1; -webkit-transition: none; transition: none; border: none; }
  nav.navi ul li.open-item ul:before { display: none; }
  nav.navi ul li.open-item ul li { width: 100%; }
  nav.navi ul li.open-item ul li .expand { background: #515151; }
  nav.navi ul li.open-item ul li .expand:before { content: "\f078"; }
  nav.navi ul li.open-item ul li.open-item ul { display: block; border: none !important; left: 0 !important; }
  nav.navi ul li.open-item ul ul { display: none; width: 100%; margin: 0; padding: 0; position: relative; top: 0; left: 0; z-index: 1; }
  nav.navi ul li.open-item ul ul li a { padding: 14px; background: #515151; }
  nav.navi ul li.open-item .expand { background: #6a6a6a; }
  nav.navi ul li.open-item .expand:before { content: "\f077"; }
  nav.navi ul ul { -webkit-transition: none; transition: none; }
  nav.navi ul.naviblock li.naviitem:last-child ul.naviblocksub { left: 50%; right: auto; }
  /* Homepage and Layout */
  header .logo { margin: 0 auto; }
  .hours-of-operation { text-align: center; position: relative; right: auto; left: auto; top: auto; }
  .accommodations-graphic { position: relative; bottom: auto; right: auto; float: left; width: 50%; }
  .fish-vid { position: relative; right: auto; float: left; width: 50%; }
  .accommodations-graphic img, .fish-vid img { width: 100%; }
  .rotate { clear: both; }
  .newsletter { padding: 0 0 0 16%; }
  .newsletter h4 { left: 12px; position: relative; }
  .newsletter p { left: 12px; position: relative; font-size: 10px; padding: 0; margin: 0 0 10px; width: 90%; }
  .newsletter form { float: none; width: 100%; clear: both; }
  .newsletter form input[type=text] { width: 60%; }
  .newsletter form .button { padding: 5px 0; width: 38%; }
  .welcome { width: 100%; }
  .welcome h3 { padding: 0 60px 0 0; }
  .welcome h3.hook:after { top: 0; right: 0; }
  .welcome p { padding: 0; }
  .news-wrap { width: 100%; }
  footer ul li { width: 100%; }
  .twitter-feed, .contact-info, .talk-blog { padding: 0; }
  .charter-fishing { top: 36%; right: 0; font-size: 16px; }
  /* Interior Pages */
  .content img { max-width: 100%; height: auto !important; }
  .content iframe { max-width: 100%; }
  .lg-box .st-form div.actions { float: left; }
  .brai-wrap td { display: block; width: 100%; }
  .brai-wrap td a { margin: 0 !important; width: 100% !important; }
  .content .whatsbitingwhen { padding: 0; margin: 0; }
  .content .whatsbitingwhen td { padding: 0; margin: 0; }
  .content .teambios td:first-child { width: 20%; }
  .content .jm14results-wrap table { width: 100% !important; }
  .contact-info ul { margin-bottom: 20px; }
  .contact-info ul li { width: 100%; line-height: 20px; -webkit-text-size-adjust: 100%; }
}
@media (max-width: 480px) {
  nav.navi ul { height: 91%; }
  /* Homepage and Layout */
  header .logo { max-width: 100%; background-size: 100%; }
  .welcome h3.hook:after { width: 60px; background-size: 100%; }
  .news-wrap:before { max-width: 100%; background-size: 100%; }
  .charter-fishing { font-size: 15px; padding: 5px 20px; }
  /* Interior Pages */
 /* .content table:not(.responsive-table) td { display: block; width: 100%; height: auto; }*/
  .content .mobile-table { overflow: auto; max-width: 100%; width: 350px; position: relative; }
  .content .mobile-table:before { content: "Scroll to the Right to see more ->"; font-weight: bold; position: relative; text-align: center; display: block; margin-bottom: 5px; }
  .content .mobile-table table { width: 100%; }
  .content .mobile-table table td { display: table-cell; width: auto !important; }
  #contact-form { margin: 0; }
  .lg-box .st-form div { width: 100% !important; }
  .frarchives td { width: 25% !important; float: left; }
  .content .whatsbitingwhen td { width: auto !important; display: table-cell !important; }
  .content .teambios td:first-child { width: 100%; }
  .content table:not(.responsive-table) input[type=text], .content table:not(.responsive-table) input[type=email], .content table:not(.responsive-table) input[type=password], .content table:not(.responsive-table) textarea { margin: 0 0 3px; padding: 5px 10px; width: 100%; }
  .content .jm14results-wrap table { word-wrap: break-word; table-layout: fixed; font-size: 10px; }
  .content .jm14results-wrap table td { width: auto !important; display: table-cell !important; height: auto !important; padding: 0; margin: 0; }
  .content .trsesults-wrap td { width: auto !important; display: table-cell !important; }
  img[src^="images/FOSO"] { width: 100%; }
}
@media (max-width: 320px) {
  body { width: 320px; }
}