@media only screen and (max-width: 1279px) {
    .container {width: 96%;}
}
@media only screen and (max-width: 979px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 679px) {
    header > .container {display: block;}
    header .search {width: 100%; margin: 12px 0;}
    header nav {width: 100%; text-align: right;}
    header nav ul {display: block; width: 100%;}
    header nav ul li {display: inline-block; vertical-align: middle; margin: 0 10px;}
    .soslinks {padding: 32px 12px;}
    .soslinks .sos4lnks .item {min-width: 168px;}
    .soslinks .icon img {height: 46px;}
    .soslinks h4 {font-size: 14px;}
    .soslinks p {font-size: 13px;}
    .soslinks .medEmer .item {width: 350px;}

    .video-popup-container video {width: calc((80vh - 60px) * 9 / 16); height: calc(80vh - 60px);}
    .video-popup-container {width: calc((80vh - 60px) * 9 / 16); height: 80vh;}

    header .categories ul li a {text-wrap: nowrap; padding: 12px 6px; font-size: 14px;}
}
@media only screen and (max-width: 579px) {
    .soslinks .sos4lnks .item {min-width: 156px; padding: 4px; margin: 4px;}
    .soslinks .icon img {height: 32px;}
    .soslinks h4 {font-size: 12px;}
    .soslinks p {font-size: 10px;}
    .soslinks .medEmer .item {width: 324px; padding: 4px;}
}
@media only screen and (max-width: 479px) {
    /* body {padding-top: 48px;} */
    header .menuBtn {width: 24px; margin-right: 12px;}
    header .menuBtn span {margin: 6px 0;}
    header .logo img {height: 28px;}
    header .submitYtFb .submitVideo {padding: 0 12px;}
    header .submitYtFb i {margin: 0 4px;}
    /* header nav {width: calc(100% - 336px);} */
}