@media only screen and (max-width: 960px) {
    #bar {
        padding: 12px 0;
    }
    #hhsc {
        background: none;
        color: #1C1C1C;
        display: inline-block;
        float: none;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        line-height: 24px;
        letter-spacing: 0.91px;
        height: auto;
        padding: 0 26px;
        text-decoration: none;
        text-indent: 0;
        width: auto;
    }
    #bar p {
        display: none;
    }
    #mobile-utility {
        display: block;
        padding: 13px 0;
        width: 100%;
    }
    #mobile-utility p {
        float: left;
        font-family: PrioriSansOT-Bold, Arial, sans-serif;
        font-size: 14px;
        left: 26px;
        letter-spacing: 0px;
        line-height: 18px;
        padding: 6px 26px 0 26px;
    }
    #mobile-utility p a {
        color: #238386;
    }
    #mobile-language {
        border-left: 1px solid #238386;
        float: right;
		margin: 0;
        padding: 4px 0 6px 8px;
    }
    #mobile-language a {
        color: #000;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.91px;
        text-decoration: none;
        text-transform: uppercase;
    }
	header #mobile-search {
		background: url('../images/icon-search.png') no-repeat top left;
		display: block;
        float: right;
		height: 26px;
        margin: 0 26px 0 15px;
		text-indent: -9999em;
		width: 32px;
	}
    header {
        width: 100%;
    }
	header #content {
        background: #238386;
        height: 70px;
		margin: 0 auto;
        position: relative;
		width: 100%;
	}
	header #mobile-menu {
		display: block;
        left: 26px;
        position: absolute;
        top: 20px;
	}
    header #mobile-menu.active {
        background-position: bottom left;
    }
	header h1 {
		float: none;
        left: 87px;
        margin: 0;
        position: absolute;
        top: 20px;
	}
	header h1 a {
		color: #fff;
        font-size: 23px;
        line-height: 18px;
        letter-spacing: 0.99px;
	}
    header h1 a .wic {
        color: #fff;
        font-size: 15px;
        line-height: auto;
        letter-spacing: 0.64px;
    }
	header #utility {
		float: none;
		margin: 0 auto;
        padding: 0;
		position: absolute;
        right: 26px;
        top: -35px;
		width: 130px;
	}
	header #language {
        display: none;
	}
	header #form-search {
		display: none;
	}
	#nav {
		border-top: none;
		display: none;
		width: 100%;
	}
	#nav li {
		border-top: 1px solid #979797;
        display: block;
		padding: 0;
	}
	#nav li a, .es #nav li a {
		border-right: none;
		font-size: 20px;
		letter-spacing: 1px;
		padding: 15px 0;
	}
	.sticky #nav {
		border-bottom: 1px solid #979797;
		left: auto;
		position: relative;
		top: auto;
		z-index: auto;
	}
	#nav ul {
		width: 100%;
	}
	#nav ul li {
		float: none;
	}
	#nav ul a {
		text-align: center;
	}
	.content .tiles {
		margin: 0 auto;
		width: 96%;
	}
	.content .tiles li {
		width: 100%;
	}
    footer {
        width: 100%;
    }
    footer #top {
        padding: 0 26px;
    }
    footer #bottom {
        padding: 9px 26px;
    }
    footer .column {
        border: none;
        border-bottom: 1px dashed #213434;
        float: none;
        height: auto;
        padding: 0;
        width: auto;
    }
    footer .column:nth-child(2) {
        width: auto;
    }
    footer .column:nth-child(3) {
        border-bottom: none;
        width: auto;
    }
    footer #bottom .column:nth-child(3) {
        display: none;
    }
    footer #top .column {
        height: auto;
        padding: 22px 0;
    }
    footer #bottom .column {
        padding: 29px 0;
        height: auto;
    }
    footer #top .stack {
        max-width: 231px;
    }
    footer #bottom .stack {
        margin: 0;
        padding: 29px 0;
    }
    footer ul.links, .es footer ul.links {
        width: 100%;
    }
    footer ul.links li {
        border: none;
        display: block;
    }
	.banner.tertiary {
		height: auto;
	}
	.banner.tertiary img {
		height: auto;
		left: auto;
		position: relative;
		width: 100%;
	}
	.box {
		border: none;
		left: auto;
		margin: 0;
		padding: 0;
		position: relative;
		transform: none;
		top: auto;
		width: 100%;
	}
	.box.small {
		text-align: center;
		width: 100%;
	}
	.tertiary .box {
		border: none;
		left: auto;
		height: auto;
		margin: 0;
		padding: 0;
		position: relative;
		transform: none;
		top: auto;
		width: 100%;
	}
	.box .inner {
		padding: 25px 0 0 0;
	}
	.tertiary .box .inner {
		padding: 25px 0 35px 0;
		top: auto;
		transform: none;
		width: auto;
	}
	.box h2 {
		padding: 29px 10px 0 10px;
	}
	.box .inner p {
		font-size: 18px;
		line-height: 26px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.headline {
		background-image: url('../images/bg-headline-mobile.png');
		width: 100%;
	}
	.headline h3 {
		line-height: 55px;
		padding: 30px 10px 0 10px;
		word-wrap: break-word;
	}
	.headline p {
		font-size: 18px;
		line-height: 26px;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	}
	.featured-row {
		margin-top: 0px;
	}
	.featured-tiles {
		width: 300px;
	}
	.featured-tile {
		float: none;
		margin: 37px 0 0 0;
		width: 100%;
	}
	.stripe h3, .stripe.wide h3, .stripe h4, .stripe.wide h4 {
		margin: 0 auto;
		width: 93.75%;
	}
	a.stripe h3, a.stripe h4 {
		margin: 0 auto;
		width: 81.25%;
	}
	.content {
		width: 100%;
	}
	.content.wide {
		width: 93.75%;
	}
	.content.margin {
		padding-top: 0px;
	}
	.content .text, .content .text.long, .content .text.full, .content.swap .text, .content.swap .text.long, .content .text.half {
		float: none;
		padding: 0 10px;
		width: auto;
	}
	.content .details .text {
		float: none;
		padding: 0 10px;
		width: auto;
	}
	.content.wide .text, .content.wide .text.full, .content.wide .text.long {
		float: none;
		padding: 0;
		margin: 15px 0 0 0;
		width: auto;
	}
	.content .text h5.margin {
		margin-top: 22px;
	}
	.content .text ol.indent, .content .text ul.indent {
		width: auto;
	}
	.content .text ol.indent2, .content .text ul.indent2 {
		width: auto;
	}
	.content .text .thumb {
		float: none;
		margin: 30px auto 0 auto;
		width: 50%;
	}
	.content .text img.wrap {
		float: none;
		margin: 21px 0 0 0;
		width: 100%;
	}
	.content .text img.half {
		width: 100%;
	}
	.content aside, .content aside.short, .content.swap aside, .content.swap aside.short, .content.wide aside.short {
		float: none;
		margin: 0;
		width: 100%;
	}
	.content aside img.card {
		margin: 0 auto;
		width: 90%;
	}
	.content aside video {
		margin-top: 20px;
	}
	.content aside p {
		padding: 0 10px;
	}
	.callout {
		border-left: none;
		border-right: none;
		padding: 20px 0;
		width: 100%;
	}
	.callout h4 {
		background: url('../images/misc-heart-bow-mobile.png') no-repeat center top, url('../images/misc-heart-bow-bottom-mobile.png') no-repeat center bottom;
		height: auto;
		padding: 33px 0 25px 0;
	}
	.callout p {
		width: auto;
	}
	.content .text p {
		word-wrap: break-word;
	}
	.content table {
		margin: 30px auto 0 auto;
		width: 100%;
	}
	.content table th, .content table td {
		font-size: 14px;
		padding: 5px;
		word-wrap: break-word;
	}
	.content table th[scope=col] {
		font-size: 15px;
	}
	.page-pump-and-store .content table th[scope=col]:first-of-type {
		width: 60%;
	}
	.page-how-to-store-breastmilk .content table th[scope=col]:first-of-type {
		width: 60%;
	}
	.content table th[scope=row] {
		font-size: 16px;
	}
	.content object {
		width: 100%;
	}
	.breadcrumb #breadcrumb {
		padding: 0;
		width: 100%;
	}
	#breadcrumb p {
		line-height: 18px;
		padding: 20px;
	}
	.row.border {
		background: none;
		margin: 0;
		padding: 0;
	}
	.row .tiles {
		width: 100%;
	}
	.row .tile {
		float: none;
		margin: 0 auto 30px auto;
		width: 300px;
	}
	.row .headline {
		margin-bottom: 30px;
	}
	.row .tile {
		background: #DFEDED;
		padding: 10px 5% 15px 5%;
		width: 90%;
	}
	.row .tile h4 {
		font-size: 40px;
		line-height: 44px;
		margin-top: 0px;
	}
	.row .tile img {
		display: none;
	}
	.icons {
		background: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.icon, .icon.full, .icons .icon {
		background: url('../images/bg-icons-line.png') no-repeat top left;
		float: none;
		margin-top: 18px;
		padding: 10px;
		text-align: center;
		width: auto;
	}
	.icon img {
		float: none;
		margin: 22px 0 0 0;
		width: 100px;
	}
	.icon .details, .icon.full .details {
		float: none;
		width: 100%;
	}
	.tip {
		background: url('../images/bg-tip-line.png') no-repeat top left;
		float: none;
		margin-top: 36px;
		padding: 36px 10px 0 10px;
		text-align: center;
		width: auto;
	}
	.tip h4 {
		text-align: center;
	}
	.tip p {
		text-align: center;
	}
	.tip-divider {
		display: none;
	}
	.expert {
		padding: 0 1%;
		width: 91%;
	}
	.expert .expert-headline {
		background: url('../images/bg-expert-tip-mobile.jpg') no-repeat center top;
		margin-top: 45px;
		padding-top: 0;
	}
	.expert .expert-headline h3, .expert .expert-headline h4, .expert .expert-headline h5, .expert .expert-headline h6 {
		background: url('../images/bg-expert-tip-mobile.jpg') no-repeat center bottom;
		padding: 18px 0 22px 0;
		width: 100%;
	}
	.expert ol, .expert ul {
		padding: 5px 0 0 0;
		width: 90%;
	}
	.expert li {
		padding-top: 5px;
	}
	.content .spotlight, .content .spotlight.left, .content .spotlight.right {
		float: none;
        margin: 50px auto 0 auto;
		width: 91%;
	}
    .content .spotlight .inner, .content .spotlight.left .inner, .content .spotlight.right .inner {
        padding: 0 31px 27px 31px;
    }
	.content .spotlight h4, .content .spotlight.left h4, .content .spotlight.right h4 {
		float: none;
		padding: 31px 0 10px 0;
		text-align: center;
		width: auto;
	}
	.content .spotlight p, .content .spotlight.left p, .content .spotlight.right p, .content .spotlight.full p {
		float: none;
		padding: 20px 0 0 0;
		text-align: center;
		width: auto;
	}
    .content .spotlight h4 br {
        display: none;
    }
    .content .spotlight.left p br, .content .spotlight.right p br {
        display: none;
    }
	.content .spotlight .center {
		width: 100%;
	}
    .content .spotlight .copy {
        padding: 0;
    }
	.content .spotlight .image {
		float: none;
		margin: 0 auto;
		padding: 31px 0 0 0;
		text-align: center;
		width: 100%;
	}
	.content #latch .details {
		padding-top: 20px;
	}
	.content #latch .details img {
		float: none;
		width: 100%;
	}
	.content #latch .details p {
		float: none;
		padding: 20px 20px 0 20px;
		width: auto;
	}
	#filters {
		width: 95%;
	}
	#filters a:nth-child(5) {
		margin-right: 15px;
	}
	#filters a, #filters a:hover {
		background: #EBF1F8;
		color: #2E2C2C;
		font-size: 15px;
	}
	#filters a.active {
		background: #3BBBB7;
		color: #000;
	}
	.myth-stripe h3 {
		margin: 0 auto;
		width: 85%;
	}
	.myth-content {
		padding-top: 30px;
	}
	.myth-content img {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.myth-content .text {
		float: none;
		margin: 0 auto;
		text-align: center;
		width: 90%;
	}
	.myth-video .container {
		margin: 0 auto;
		width: 90%;
	}
	/* Depreciated Myths */
	/*
	.myths {
		display: block;
		width: 100%;
	}
	.myth.left, .myth.right {
		border: none;
		display: block;
		float: none;
		margin: 15px 0 0 0;
		padding: 0;
		width: 100%;
	}
	*/
	.position {
		float: none;
		margin: 30px auto 0 auto;
	}
	#subnav {
		width: 95%;
	}
	#subnav a:nth-child(5) {
		margin-right: 15px;
	}
	#subnav a, #subnav a:hover {
		background: #EBF1F8;
		color: #2E2C2C;
		font-size: 15px;
	}
	#subnav a.active {
		background: #3BBBB7;
		color: #000;
	}
	
	.page-home #home-banner-01 {
		height: auto;
        min-height: auto;
	}
	.page-home #home-banner-01 img {
		display: block;
		height: auto;
		margin-left: 0px;
        min-height: auto;
		width: 100%;
	}
	.page-home #home-banner-01 img.mobile {
		display: none;
	}
    .page-home.es .box h2 {
        font-size: 40px; 
    }
    .page-home.es .box.small h3 {
        font-size: 60px;
    }
    .page-home.es .headline h3 {
        font-size: 60px;
    }
    .page-home #split {
        width: 100%;
    }
    .page-home #split .column, .page-home #split .column:first-child {
        border: none;
        float: none;
        margin: 0;
        width: 100%;
    }
    .page-home #split .column .inner, .page-home #split .column:first-child .inner {
        margin: 0 22px;
        padding: 28px 0;
    }
    .page-home #split .column:first-child .inner {
        border-bottom: 1px dashed #213434;
    }
	#form-search-mobile {
		display: block;
		margin: 40px auto 60px auto;
		width: 300px;
	}
	#form-search-mobile label {
		color: #1C1C1C;
		display: block;
		font-size: 14px;
		letter-spacing: 1px;
		padding: 0 0 7px 0;
	}
	#form-search-mobile input {
		border: 1px solid #979797;
		color: #1C1C1C;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		letter-spacing: 1px;
		padding: 15px 10px 17px 10px;
		width: 278px;
	}
	#form-search-mobile input:focus {
		border: 1px solid #238386;
		outline: none;
	}
	#form-search-mobile button {
		background: #238386;
		border: none;
		color: #fff;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
        font-weight: bold;
		letter-spacing: 1px;
		margin: 0;
		padding: 15px 10px 17px 10px;
		width: 300px;
	}
	#lactation-directory-form {
		margin-left: 5%;
		width: 90%;
	}
	#lactation-checkbox-1, #lactation-checkbox-2, #lactation-checkbox-3, #lactation-checkbox-4, #lactation-checkbox-5, #lactation-checkbox-6, .es #lactation-checkbox-1, .es #lactation-checkbox-2, .es #lactation-checkbox-3, .es #lactation-checkbox-4, .es #lactation-checkbox-5, .es #lactation-checkbox-6  {
		height: auto;
		width: auto;
		float: none;
		padding-bottom: 25px;
	}
	.lactation-directory-provider-type-checkbox-container label {
		width: 90%;
	}
	#lactation-checkbox-7 {
		border-bottom: none;
		clear: both;
		float: left;
		height: auto;
		padding-bottom: 30px;
		width: auto;
	}
	#lactation-checkbox-7 label {
		float: left;
		padding-left: 5px;
		width: 90%;
	}
    .lactation-directory-single-provider a {
        overflow-wrap: break-word;
    }
	.lactation-directory-submit-button {
		clear: both;
	}
	.community-page-container {
		width: 100%;
	}
	.community-post-type-filter, .community-post-topic-filter, .community-post-right-image {
		float: none;
		position: relative;
		width: 100%;
	}
	.community-post-right-image {
		height: auto;
		margin-bottom: 30px;
		padding: 20px 0 30px 0;
	}
	.es .community-post-right-image {
		padding: 0;
	}
	.community-post-right-image a {
		left: auto;
		margin: 0 auto;
		position: static;
		top: auto;
	}
	.es .community-post-right-image a {
		left: auto;
		margin: 0 auto;
		position: static;
		top: auto;
	}
	.community-post-form-section {
		margin: 0;
		width: 100%;
	}
	.community-post-results-container {
		column-count: 1;
		padding: 0 5%;
		width: 90%;
	}
	.community-post-post-container {
		display: block;
	}
	.share-page-container {
		overflow-x: hidden;
		width: 100%;
	}
	.share-page .form-group-row {
		padding: 0 5% 20px 5%;
		width: 90%;
	}
	.share-page .form-group.half, .share-page .form-group.quarter {
		float: none;
		margin: 0;
		width: 100%;
	}
	.share-page .form-group.half input, .share-page .form-group.quarter input, .share-page .form-group.quarter select {
		width: 95%;
	}
	.share-page .form-element-title, .form-element-sub-title, .share-page .share-page-attach-label {
		padding: 0 5%;
		width: 90%;
	}
	.share-page-type-individual-checkboxes {
		padding-left: 5%;
	}
	.share-page .form-group textarea {
		margin-left: 5%;
		width: 85%;
	}
	.share-page .form-group input[type="file"] {
		margin-left: 5%;
		width: 77%;
	}
	.share-page-type-agree-container {
		padding: 20px 5% 0 5%;
	}
	.share-page .form-group .share-page-agree-label {
		width: 88%;
	}
	.share-page-submit-button-container button {
		margin: 0 auto;
		width: 90%;
	}
	.thanks-page-subtitle {
		width: 90%;
	}
	.thanks-page-link {
		width: 90%;
	}
    #slider {
        background-position: 17px 36px;
        width: 303px;
    }
	#slider.latch {
		background-position: 10px 22px;
		width: 303px;
	}
    #slider-content h6 {
        padding: 25px 0 0 69px;
    }
    .latch #slider-content h6 {
        padding: 25px 0 0 75px;
    }
    #slider-button {
        margin: 10px 0 20px 62px;
    }
    .latch #slider-button {
        margin: 10px 0 20px 70px;
    }
    #modal {
        left: 5%;
        margin: 0 auto;
        position: absolute;
        top: 5%;
        width: 90%;
    }
    #modal-button {
        display: block;
        margin: 25px auto 0 auto;
        text-align: center;
        width: 30%;
    }
    .ad {
        float: none;
        width: 100%;
    }
	.ad:nth-child(even) {
		float: none;
	}
    .ad h4 {
        padding: 0 30px;
    }
    .ad .spot {
        background: none;
        height: auto;
    }
    .ad .spot iframe {
        background: #000;
        height: 420px;
    }
	.ad.long img {
		max-width: 728px;
		width: 100%;
	}
    .stripe.fixed {
        padding-left: 0;
        width: 100%;
    }
    .stripe.fixed h3 {
        width: 82%;
    }
    .ad audio {
        margin: 15px auto 0 auto;
        width: 90%;
    }
	.posters a {
		float: none;
		margin: 30px 0 0 0;
		width: 100%;
	}
	#enough {
		margin: 0 auto;
		padding: 0 15px;
		width: auto;
	}
	#enough .question {
		float: none;
		width: 100%;
	}
	#enough .question img {
		width: 300px;
		max-width: 95%;
	}
	#enough .answer {
		float: none;
		margin: 5px 0 0 0;
		padding: 0 0 0 5%;
		width: 95%;
	}
	#enough button {
		line-height: 18px;
		margin-left: 5%;
	}
	#enough .result {
		padding: 20px;
	}
	#game {
		border-left: none;
		border-right: none;
		padding: 6px 0;
		width: 100%;
	}
	#game .shell { 
		border: none;
		padding-top: 9px;
		width: 100%;
	}
	#game .canvas {
		float: none;
		margin: 0 auto;
	}
	#game .info {
		border-top: 10px solid #F8F8F8;
		float: none;
		margin: 0 auto;
		min-height: 0px;
		padding: 15px 0 0 0;
		text-align: center;
		width: 433px;
	}
    #game .info .header {
        display: none;
    }
	#game .info h3 {
		padding: 15px 0 0 0;
	}
	#game .info ul, #game .info li {
		text-align: left;
	}
	#game .info p {
		padding-top: 15px;
	}
	#game .intro .info {
		border-top: none;
		min-height: 0px;
	}
    #game .info .buttons a {
        margin: 0;
    }
	#game .intro .info .buttons a {
		margin: 0;
	}
	#diaper-chart-full {
		float: none;
		width: 100%;
	}
	.content aside#diaper-chart {
		float: none;
		padding: 0 10px;
		width: auto;
	}
	.page-related .row .tiles {
		width: 100%;
	}
	.page-related .row .related .tile {
		margin-bottom: 30px;
		width: 90%;
	}
	.page-related .row h6 {
		margin-top: 0;
	}
	#b2b {
		padding: 10px 0 0 0;
	}
	#b2b label.inline {
		display: block;
		text-align: center;
	}
	#b2b input[type='email'] {
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 70%;
	}
	#b2b .indent {
		float: left;
		margin-left: 2%;
		width: 90%;
	}
	#b2b button {
		width: 70%;
	}
}
@media only screen and (max-width: 615px) {
    .ad .spot iframe {
        height: 320px;
    }
}
@media only screen and (max-width: 448px) {
    #mobile-utility p {
        float: none;
        padding-top: 0px;
    }
    #mobile-language {
        border: none;
        float: left;
        padding: 10px 10px 0 26px;
    }
    #mobile-search {
        margin-top: 5px;
    }
    .ad .spot iframe {
        height: 280px;
    }
	#enough .question h5 {
		width: 10%;
	}
	#enough .question .copy {
		width: 90%;
	}
	#enough .answer {
		padding: 0 0 0 10%;
		width: 90%;
	}
	#enough button {
		margin: 30px auto 0 auto;
	}
	#b2b .indent {
		margin-left: 4%;
		width: 75%;
	}
	#b2b .indent { /* remove soon */
		margin: 0;
		width: 100%;
	}
	#b2b input[type='email'] {
		width: 96%;
	}
	#b2b input[name='month'], #b2b input[name='day'], #b2b input[name='year'] {
		margin-bottom: 5px;
		text-align: center;
		width: 92%;
	}
	#b2b #math {
		text-align: center;
		width: 90%;
	}
}
@media only screen and (max-width: 400px) {
	.box h2 {
		font-size: 32px;
	}
	.banner img {
		display: none;
	}
	.banner img.mobile {
		display: block;
		width: 100%;
	}
	a.stripe h3, a.stripe h4 {
		margin: 0 auto;
		width: 260px;
	}
	.page-home #home-banner-01 img {
		display: none;
	}
	.page-home #home-banner-01 img.mobile {
		display: block;
	}
    .page-home #home-banner-01 .box .inner {
        padding: 20px 10px 0 10px; 
    }
}
@media only screen and (max-width: 330px) {	
    
    .featured-tiles {
        width: 90%;
    }
    
}
@media only screen and (max-width: 320px) {	
	header #mobile-menu {
		left: 5px;
	}
	header h1 {
		left: 45px;
	}
    .ad .spot iframe {
        height: 176px;
    }
	.content .spotlight .image img {
		width: 100%;
	}
    .button {
        min-width: auto;
        overflow-wrap: break-word;
        padding: 15px;
    }
	.ad img {
		width: 100%;
	}
	.content table th, .content table td {
		font-size: 11px;
		padding: 5px;
		word-wrap: break-word;
	}
	.content table th[scope=col] {
		font-size: 11px;
	}
	.content table th[scope=row] {
		font-size: 11px;
	}
}
@media only screen and (max-width: 310px) {	
	.box h2 {
		font-size: 30px;
		word-wrap: break-word;
	}
	header h1 a {
		font-size: 18px;
	}
	header h1 a .wic {
		font-size: 12px;
	}
	.stripe h3, .stripe h4 {
		word-wrap: break-word;
	}
}