/*		Mobile Layout: 320px.   */

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

/*	Typography */

* {letter-spacing:normal !important;}
h1 {font-size:1.3rem;line-height:1.5rem;}
h2 {font-size:1.2rem;line-height:1.4rem;}
h3 {font-size:1.3rem;line-height:1.5rem;}
p {font-size:1rem;line-height:1.1rem;}
article.landing p {1.2rem;line-height:1.3rem;}
table {font-size:1rem;line-height:1.1rem;}
th {font-size:1rem;line-height:1.1rem;}
td {font-size:1rem;line-height:1.1rem;}
.subhead {font-size:1rem;line-height:1.1rem;}
.boilerplate {font-size:1rem;line-height:1.1rem;color:#555;}
nav#mobile-nav {font-size:1.2rem;}
#slider .slider-text-container h1 {font-size:0.8rem;line-height:0.9rem;}
#slider .slider-text-container h1.attacklife {font-size:1.6rem;line-height:1.6rem;}
#slider .slider-text-interior h1 {font-size:1.1rem;line-height:1.3rem;text-transform:uppercase;}
#slider .slider-text-interior h3 {font-size:0.9rem;line-height:1rem;}
.index-title {font-size:0.7rem;line-height:0.8rem;}
.index-subtitle {font-size:0.7rem;line-height:0.8rem;}
#attack-life ul li div.twitter .index-title {font-size:0.8rem;line-height:0.8rem;}
#attack-life ul li div.twitter .index-twitter-text {font-size:0.6rem;line-height:0.7rem;}
#attack-life ul li div.twitter .index-twitter-date {font-size:0.7rem;line-height:0.8rem;}
#attack-life .index-icon {font-size:1.1rem;line-height:1.2rem;}
footer nav ul ul li {font-size:1.2rem;line-height:1.5rem;}
footer nav ul ul li ul li {font-size:0.7rem;line-height:0.8rem;}
footer nav ul ul ul li.social-media-icon {font-size:1.5rem;}
footer nav ul ul ul li.social-media-name {font-size:0.7rem;line-height:0.8rem;}
footer .copyright-container {font-size:0.8rem;line-height:0.8rem;font-family: Calibre-Regular, Arial, sans-serif;font-style:normal;font-weight:normal;text-transform:none;}

/* Layout Styles */

body {margin-top:107px;}

section {min-width:320px;}

#mobileAlert {display:block;height:35px;line-height:35px;transition: opacity .35s ease-in-out;opacity:1;}

header div#logo {width:auto;}
header div#logo .small {width:142px;height:70px;opacity:1;}
header div#logo .large {width:175px;height:107px;opacity:1;}
header div#logo .close {width:0px;height:0px;opacity:0;}
header nav {display:none;}

nav#mobile-nav {position:relative;margin-top:-107px;max-width:1920px;padding-bottom:3px;background:url('http://2016.shark.com/assets/img/background-shadow.png') 50% 100% repeat-x;}
nav#mobile-nav {display:block;}
nav#mobile-nav div#logo {width:auto;width:20%;}
nav#mobile-nav div#logo .small {width:auto;height:70px;opacity:1;}
nav#mobile-nav div#logo .large {width:auto;height:107px;opacity:1;}
nav#mobile-nav div#logo .close {width:0px;height:0px;opacity:0;}

header {display:none;}

#slider {width:100%;}
#slider .slider-text-container {width:auto;max-width:250px;text-align:left;}
#slider .slider-text-interior {visibility:visible;max-width:250px;}
#slider .textCaption {display:none;}
#slider .slider-1 {top:33%;left:8%;}
#slider .slider-2 {top:30%;left:8%;}
#slider .slider-3 {top:28%;left:8%;}
#slider .slider-4 {top:40%;left:8%;}
#slider .close {display:none;}
#slider .slider-interior .headline-logo {width:15%;margin:0 auto;padding-bottom:20px;}
#slider .slider-interior .headline-logo img {width:100%;height:auto;border-radius:3px;box-shadow:0 1px 2px #000;}

#news ul li div.news-headline {visibility:visible;padding-bottom:8px;}
#news ul li:hover div.news-headline {bottom:0px;}
#news ul li.two-thirds {width:100% !important;}
#news ul li:hover div.news-button {display:none;}
#news .index-title {padding:0 8px 2px 8px;}
#news .index-subtitle {padding:0 8px;}

#company {display:none;}
#company-landing {display:none;}
#company-mobile ul li.background-black {display:block;}
#company-mobile ul li {display:block;width:100%;}
#company-mobile ul li.one-half {width:auto !important;}
#company-mobile ul li div.company-headline {display:none;}
#company-mobile ul li div.company-description {padding:15px;}
#company-mobile ul li div.company-description h2 {padding-bottom:10px;}
#company-mobile ul li div.company-description {margin-top:0px;}
#company-mobile ul li div.company-logo {width:50%;padding-bottom:20px;}
#company-mobile {display:block;}
#company-landing-mobile ul li.background-black {display:block;}
#company-landing-mobile ul li {display:block;width:100%;}
#company-landing-mobile ul li.one-half {width:auto !important;}
#company-landing-mobile ul li div.company-headline {display:none;}
#company-landing-mobile ul li div.company-description {padding:15px;}
#company-landing-mobile ul li div.company-description h2 {padding-bottom:10px;}
#company-landing-mobile ul li div.company-description {margin-top:0px;}
#company-landing-mobile ul li div.company-logo {width:50%;padding-bottom:20px;}
#company-landing-mobile {display:block;}

#shark ul li.background-black {display:block;}
#shark ul li {width:100%;}
#shark ul li div.shark-headline {display:none;}
#shark ul li div.about-the-shark {padding:15px;}
#shark ul li div.about-the-shark h2 {text-transform:uppercase;padding-bottom:10px;}

#attack-life ul li div.attack-life-headline {visibility:visible;padding-bottom:8px;}
#attack-life ul li div.twitter .twitter-spacer {height:2px;}
#attack-life ul li div.twitter {padding:8px 15px;}
#attack-life ul li div.twitter .index-title {padding:0 !important;}
#attack-life ul li div.twitter .index-twitter-date {display:none;}
#attack-life ul li:hover div.attack-life-headline {bottom:35px;}
#attack-life ul li div.twitter-headline {visibility:visible;padding-bottom:8px;}
#attack-life ul li div.twitter .index-twitter-icons {display:none;}
#attack-life ul li:hover div.attack-life-headline {bottom:0px;}
#attack-life ul li:hover div.attack-life-button {display:none;}
#attack-life .index-title {padding:0 8px 2px 8px;}
#attack-life .index-subtitle {padding:0 8px;}


#partner {display:none;}
#partner-landing {display:none;}
#partner-mobile {display:block;}
#partner-landing-mobile {display:block;}
#partner-landing-mobile ul li.background-black {display:block;}
#partner-landing-mobile ul li {display:block;width:100%;}
#partner-landing-mobile ul li.one-half {width:auto !important;}
#partner-landing-mobile ul li div.partner-headline {display:none;}
#partner-landing-mobile ul li div.partnerHeadline {display:none;}
#partner-landing-mobile ul li div.partner-description {padding:15px;}
#partner-landing-mobile ul li div.partner-description h2 {padding-bottom:10px;}
#partner-landing-mobile ul li div.partner-description {margin-top:0px;}
#partner-landing-mobile ul li div.partner-logo {width:50%;padding-bottom:20px;}

#the-shark {display:none;}
#the-shark-landing {display:none;}
#the-shark-mobile {display:block;}
#the-shark-landing-mobile {display:block;}
#the-shark-landing-mobile ul li.background-black {display:block;}
#the-shark-landing-mobile ul li {display:block;width:100%;}
#the-shark-landing-mobile ul li.one-half {width:auto !important;}
#the-shark-landing-mobile ul li div.company-headline {display:none;}
#the-shark-landing-mobile ul li div.companyHeadline {display:none;}
#the-shark-landing-mobile ul li div.company-description {padding:15px;}
#the-shark-landing-mobile ul li div.company-description h2 {padding-bottom:10px;}
#the-shark-landing-mobile ul li div.company-description {margin-top:0px;}
#the-shark-landing-mobile ul li div.company-logo {width:50%;padding-bottom:20px;}

#press-room {display:none;}
#press-room-landing {display:none;}
#press-room-mobile {display:block;}
#press-room-landing-mobile {display:block;}
#press-room-landing-mobile ul li.background-black {display:block;}
#press-room-landing-mobile ul li {display:block;width:100%;}
#press-room-landing-mobile ul li.one-half {width:auto !important;}
#press-room-landing-mobile ul li div.company-headline {display:none;}
#press-room-landing-mobile ul li div.companyHeadline {display:none;}
#press-room-landing-mobile ul li div.company-description {padding:15px;}
#press-room-landing-mobile ul li div.company-description h2 {padding-bottom:10px;}
#press-room-landing-mobile ul li div.company-description {margin-top:0px;}
#press-room-landing-mobile ul li div.company-logo {width:50%;padding-bottom:20px;}

#interior #content ul li {display:block;}
#interior #content ul li.one-quarter {width:auto !important;}
#interior #content ul li.three-quarters {width:auto !important;}
#interior #content ul li div.companyLogo {padding:0;}
#interior #content ul li div.companyDescription {padding:0 15px 15px 15px;}
#interior #content ul li div.companyDescription h1 {padding-bottom:10px;}
#interior #content ul li div.companyDescription h2 {padding-top:10px;}
#interior #content ul li ul li div.companyLogo {display:block;margin:0 auto;width:40%;padding:20px 0;}
#interior #content .tabs  ul {padding:10px 0 0 0;}
#interior #content .tabs  ul li {float:none;}
#interior #content .tabs  ul li a {padding:10px;}
#interior #content .tabs  ul li a .fa-angle-right {display:none;}
#interior #feature .compFeature ul li.background-black {display:none;}
#interior #feature .compFeature ul li {width:auto !important;}
#interior #feature .sharkwatchFeature ul li.background-black {display:none;}
#interior #feature .sharkwatchFeature ul li {width:auto !important;}
#interior #feature .thesharkFeature ul li.background-black {display:none;}
#interior #feature .thesharkFeature ul li {width:auto !important;}
#interior #feature ul li div.company-description {padding:15px;}
#interior #feature ul li div.company-description h2 {padding-bottom:10px;}
#interior #feature ul li div.company-description {margin-top:0px;}
#interior #feature ul li div.gnSig {width:30%;transition: all .25s ease-in-out;padding-top:15px;}
#interior #featureBoxes ul li:hover div.feature-boxes-headline {bottom:35px;}
#interior #links div.links-container {padding:25px;}
#interior #links div.links-container p {padding:10px 0 2px 0;}
#interior #links ul li {margin:4px;}
#interior #links ul li.url {width:100%;}

footer {visibility:visible;}
footer nav  {padding:12px;}
footer nav .link-container {padding:10px 0 0 0;}
footer nav ul li.one-quarter {width:100%;padding:0;margin:0;}
footer nav ul li.social {width:100% !important; margin-top:10px;}
footer nav ul ul ul li.social-media-icon {border:none;margin-right:8px;padding:0;width:auto;background:none;margin-bottom:5px;}
footer nav ul ul ul li.tablet-social {display:inline-block;margin-right:8px;margin-bottom:5px;}
footer nav ul li.social .link-container {padding:10px 0 0 0 !important;}
footer ul li .spacer {padding:10px;}
footer .copyright-container {padding:0 20px 20px 20px;line-height:auto;height:auto;}
footer .copyright-container .copyright-links {display:none;float:none;}
footer .copyright-container .copyright-links a {width:50%; float:left;display:block;padding:0 12px;transition: all .35s ease-in-out;}
footer .copyright-container .copyright-links a.line-break {border:none;}
footer .copyright-container .address {display:none;margin:0 auto;float:none;padding:0 0 20px 0;}
footer .copyright-container-line {display:none;}


article.main {padding:15px;}
article p {margin-bottom:15px !important;}
article h1 {margin-bottom:10px;}
article h2 {padding-bottom:15px;}
article h3 {padding-bottom:15px;}
article table th {padding:8px;}
article table td {padding:8px;}
article .news-full-container div.subhead {margin-bottom:5px !important;}
article div.subhead {padding:10px 0;margin:0 !important;}
article div.boilerplate {padding:0;margin:0;}
article div.imgContainer {padding:10px;}
article div.imgRight {width:100%;margin:0 0 20px 0;}
article div.imgLeft {width:45%;margin:8px 12px 12px 0;}
article div.imgRightsm {width:45%;margin:8px 0 12px 12px;}
article div.imgLeftsm {width:45%;margin:8px 12px 12px 0;}
article div.imgContainer div.caption {margin:10px 0 2px 0;}
article div.imgSig {width:40%;margin:12px 0}
article .gallery {display:block;width:100%;}
article .gallery .gallery-container {margin:0 0 8px 0;}
article .gallery-fourths {display:block;width:100%;}
article .gallery-fourths .gallery-container {margin:0 0 8px 0;}
article .gallery-thirds {display:block;width:100%;}
article .gallery-thirds .gallery-container {margin:0 0 8px 0;}
article .gallery div.subhead {}
article .prevnexttabs  ul li {border:2px solid #233071;float:none;}
article .prevnexttabs  ul li a {padding:10px;}
article .prevnexttabs  ul li a .fa-angle-right {display:none;}
article .prevnexttabs  ul li a .fa-angle-left {display:none;}
article .flex-container-halfs {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;}
article .flex-container-halfs .gallery {-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;background:#233071;}
article .flex-container-halfs .gallery:nth-child(even) {margin-right:0;margin-bottom:2%;}
article .flex-container-halfs .gallery:nth-child(odd) {margin-bottom:2%;}
article .flex-container-thirds {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;}
article .flex-container-thirds .gallery-thirds {-webkit-box-flex:0;-ms-flex:0 1 48%;flex:0 1 48%;background:#EEE;margin-left:0;margin-right:0;margin-bottom:0;}
article .flex-container-thirds .gallery-thirds:nth-child(odd) {margin-right:2% !important;margin-bottom:2% !important;}
article .flex-container-thirds .gallery-thirds:nth-child(even) {margin-bottom:2% !important;}
article .flex-container-thirds .gallery-thirds:nth-child(3n+1) {margin-left:0;margin-right:0;margin-bottom:0;}
article .flex-container-thirds .gallery-thirds:nth-child(3n+3) {margin-left:0;margin-right:0;margin-bottom:0;}

/* Classes */

.sharktextHide {display:none;}
.copyrighttextHide {display:none;}
.spacer {height:10px;}
a.button {padding:10px;margin:8px 8px 0 0;}
a.shark-button {padding:10px;margin:8px 8px 0 0;}
a.partner-button {padding:10px;margin:8px 8px 0 0;}
a.attack-life-button {padding:10px;margin:8px 8px 0 0;}
a.company-button {padding:10px;margin:8px 8px 0 0;}
.partner-button span {padding:10px;}
.attack-life-button span {padding:10px;}
.feature-boxes-button span {padding:10px;}
.shark-button span {padding:10px;}
.company-button span {padding:10px;}
.news-button span {padding:10px;}
.sliderCompanyMobile {display:block;}
ul li.one-third {width:50%;}
ul li.two-thirds {width:50%;}
ul li.one-quarter {width:50%;}
ul li.three-quarters {width:50%;}
.rsMinW .rsArrow {display:none !important;}
.rsMinW .rsBullets {display:none !important;}
.rsDefault .rsArrow {display:none !important;}
.rsDefault .rsBullets {display:none !important;}
ul li.full {width:100% !important;outline:none;margin:0 0 8px 0 !important;}
ul li.halfs {width:100% !important;outline:none;margin:0 0 8px 0 !important;}
ul li.thirds {width:100% !important;outline:none;margin:0 0 8px 0 !important;}
ul li.fourths {width:100% !important;outline:none;margin:0 0 8px 0 !important;}
ul li.fifths {width:100% !important;outline:none;margin:0 0 8px 0 !important;}
ul li.sixths {width:100% !important;outline:none;margin:0 0 8px 0 !important;}
.video-half {float:none;width:100%;}
.company-caption {display:none !important}
.textCaption {display:none !important}
.overlay {background:linear-gradient(to top, rgba(0, 0, 0, 1),rgba(0, 0, 0, 0) 65%);}

}