/**
* ////////////////////////////////////////////////////////////////
*  breakpoints
* ////////////////////////////////////////////////////////////////
*/
@media only screen and (min-width: 320px) {
    .cols3 {
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: -ms-flex-start;
        justify-content: flex-start;
    }
}
@media only screen and (min-width: 340px) {
    .careTeam .cols4 .col {
        width: 50%;
    }
    .careTeam .cols4 {
        margin-left: -30px;
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: -ms-flex-start;
        justify-content: flex-start;
    }
}
@media only screen and (min-width: 375px) {
    .block_hub_links .givingCaption h2 {
        font-size: 1.8rem;
    }
    .block_hub_links .givingCaption h2 {
        font-size: 1.8rem;
    }
    .gilletteLocations .slideContainer {
        height: 190px;
    }
    .gilletteLocations .slideContainer .slide {
        height: 190px;
    }
    .givingCaption {
        font-size: 1.4rem;
    }
    .homeAppointmentProviders > img {
        right: -90px;
    }
    .genericFeaturedPersonContnet {
        color: #fff;
        position: relative;
        overflow: visible;
        padding: 50px 0 40px;
    }
    .genericFeaturedPerson {
        margin: 100px 0 40px -40px;
    }
    .gilletteLocations a.orangeBtn {
         width: 300px;
    }
    .careTeamInfo > div:last-child {
        width: 270px;
    }
    .careteam-new .careTeamInfo > div:last-child {
        width: 100%;
    }
     .tooltip .tooltiptext {
    	width: 275px;
    }
}
@media only screen and (min-width: 400px) {
    .blogArticle .nextSlide1,
    .blogArticle .prevSlide1,
    .gilletteLocations .nextSlide,
    .gilletteLocations .prevSlide,
    .eventImgs .prevSlide1,
    .featuredBlock .prevSlide1,
    .featuredBlock .prevSlide2,
    .eventImgs .nextSlide1,
    .featuredBlock .nextSlide1,
    .featuredBlock .nextSlide2 {
        height: 40px;
        width: 40px;
    }
    .blogArticle .prevSlide1:focus,
    .blogArticle .nextSlide1:focus,
    .gilletteLocations .nextSlide:focus,
    .gilletteLocations .prevSlide:focus,
    .homeWhatsHappening .prevSlide2:focus,
    .homeWhatsHappening .nextSlide2:focus,
    .eventImgs .prevSlide1:focus,
    .featuredBlock .prevSlide1:focus,
    .eventImgs .nextSlide1:focus,
    .featuredBlock .nextSlide1:focus {
        height: 44px;
        width: 44px;
    }
    .givingImgBlocks ul li > div {
        height: 150px;
    }
    .givingCaption {
        padding: 23px 20px 20px;
    }
    .gilletteLocations .locationsTxt {
        display: inline-block;
    }
    .whySupportUs a.cssButton,
    .pageIntro a.cssButton {
        min-width: 275px;
    }
    .cssButton a,
    .orangeBtn a,
    .orangeBtn,
    .greenBtn a,
    .greenBtn,
    .blueBtn a,
    .blueBtn,
    .goldBtn a,
    .goldBtn,
    .dkGreenBtn a,
    .dkGreenBtn,
    .whySupportUs div.cssButton a, .pageIntro div.cssButton a {
        min-width: 220px;
    }
}
@media only screen and (min-width: 434px) {
	.headerBackground #outer{
 		 position: relative;
 		 -ms-transform: skew(-21deg,0deg);
 		 -webkit-transform: skew(-21deg,0deg);
 		 transform: skew(-21deg,0deg);
 		 overflow: hidden;
	}
	.headerBackground #inner{
  		-ms-transform: skew(21deg,0deg);
  		-webkit-transform: skew(21deg,0deg);
  		transform: skew(21deg,0deg);
	}
     .tooltip .tooltiptext {
    	width: 300px;
    }
    #search-bar {
   		top: 167px;
	}
    .target:before {
        margin-top: -180px;
        height: 180px;
    }
}
@media only screen and (min-width: 450px) {
    .landingForm ul li {
        display: inline-block;
        margin: 0 15px 10px;
    }
    .givingImgBlocks div.block_hub_inner {
        height: auto;
    }
    .givingImgBlocks div.block_hub_inner > img {
        display: block;
        height: auto;
        width: 100%;
        position: relative;
        text-align: center;
        margin: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;

    }
    footer.content {
        font-size: 1.4rem;
    }
    .breadCrumbs {
        font-size: 1.4rem;
    }
    .careteam-khm a.cssButton,
    .featuredBlock a.cssButton {
        font-size: 1.8rem;
        width: 400px;
    }
    .block_links .cols4Wrapper.round-rows .cols4 .col {
        width: 100%;
    }
    .condcareLandingCards .cols4.careTeam .col,
    .expandBox .cols4.careTeam .col{
        width: 50%;
        min-height: 300px;
    }
}
@media only screen and (max-width: 499px) {
    .block_content_columns .cols3 {
        justify-content: center;
    }
}
@media only screen and (min-width: 500px) {
	.about-gillette .block_links .cols4.annualReport .col { 
    	width: 75%;
        float: none;
    }
    strong {
    	line-height: 30px;
	}
    .gilletteLocations .slideContainer .slide h3 {
        margin-bottom: 8px;
    }
    .gilletteLocations .slideContainer .slide h3,
    .gilletteLocations .slideContainer .slide h4 {
        font-size: 1.8rem;
    }
    .genericFeaturedPerson img {
        left: 0;
    }
    .homeAppointmentNumbers {
        margin-left: -25px;
    }
    .homeAppointmentNumbers div {
        padding-left: 25px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
    .interiorLeft .condCareKidsHealth > div {
        padding: 30px 0 20px;
    }
    .condCareKidsHealthContent {
        padding-right: 40px;
    }
    .genericFeaturedPersonContent,
    .condCareKidsHealthContent {
        font-size: 1.4rem;
        padding-left: 280px;
    }
    .condCareIntCards .cols3 .col {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .conditionsCareInt .interiorRight, .patient-ed .interiorRight {
        width: 80%;
        margin: 0 auto;
    }
    .condCareKidsHealth img {
        left: 0;
    }
    .blogArticle .prevSlide1,
    .featuredBlock .prevSlide1 {
        left: 30%;
    }
    .blogArticle .nextSlide1,
    .featuredBlock .nextSlide1 {
        right: 30%;
    }
    .featuredBlock .prevSlide2 {
        left: 30%;
    }
    .featuredBlock .nextSlide2 {
        right: 30%;
    }
    .blogArticle .prevSlide1:focus,
    .block_kidshealthmatters.featuredBlock .prevSlide1:focus {
        left: calc(30% - 2px);
    }

    .blogArticle .nextSlide1:focus,
    .block_kidshealthmatters.featuredBlock .nextSlide1:focus {
        right: calc(30% - 2px);
    }
    input.large { 
    	display: inline-block; 
    }
    input.small { 
    	display: none; 
    }
    .block_image,
    .block_image_gallery,
    .block_image_collage,
	.interiorLeft .block_kidshealthmatters, 
    .block_locations.constrainedContent,
    .intPageSection,
    .block_image,
    section.block_content,
    .block_content_columns,
    .interiorLeft section,
    .block_content .constrainedContent {
        margin-bottom: 50px;
        font-size: 2rem;
    }
    .article-content ul,
    .store .interiorLeft ul,
    .block_content_columns .col ul,
    .block_content ul,
    .intPageSection ul,
    .interiorLeft section  ul {
        padding: 0px 0 20px;
        margin-left: 30px;
    }
    .article-content ul li,
    .store .interiorLeft ul li,
    .block_content_columns .col ul > li,
    .block_content ul > li,
    .intPageSection ul > li,
    .interiorLeft section  ul > li {
        margin-bottom: 15px;
    }
    .article-content ul > li > ul > li,
    .block_content_columns .col ul > li > ul,
    .block_content ul > li > ul,
    .intPageSection ul > li > ul,
    .interiorLeft section ul > li > ul {
        margin-top: 15px;
        padding: 0;
    }
    .article-content ul > li > ul > li:before,
    .block_content_columns .col ul > li > ul > li:before,
    .block_content ul > li > ul > li:before,
    .intPageSection ul > li > ul > li:before,
    .interiorLeft section ul > li > ul > li:before {
        content: "-";
        margin-left: -15px;
        text-indent: 5px;
        margin-right: 10px;
    }
    .article-content ol,
    .block_content_columns .col ol,
    .block_content ol,
    .intPageSection ol,
    .interiorLeft section ol {
        margin: 15px 0;
    }
    .article-content ol li:before,
    .block_content_columns .col ol li:before,
    .block_content ol li:before,
    .intPageSection ol li:before,
    .interiorLeft section ol li:before {
        padding-right: 15px;
    }
    .article-content ol li:after,
     .block_content_columns .col ol li:after,
    .block_content ol li:after,
    .intPageSection ol li:after,
    .interiorLeft section ol li:after {
        margin-bottom: 15px;
    }
    .featuredBlock,
    .featuredBlock h3   {
        font-size: 1.8rem;
    }
    .featuredBlock h2 {
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 35px;
    }
    .genericFeaturedPersonContent h3,
    .interiorLeft section  .condCareKidsHealthContent h3 {
        margin-bottom: 15px;
    }
    .eventImgs .slideDescription, .featuredBlock .slideDescription {
        font-size: 1.6rem;
    }
    .conditionsCareInt .interiorRight,
    .patient-ed .interiorRight,
    .interiorRight {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .condCareKidsHealth img {
	    right: 60%;
	    left: auto;
        display: block;
	}
	.condCareKidsHealthContent {
    	padding-left: 250px;
	}
      .genericFeaturedPerson img,
    .condCareKidsHealth img {
        height: 340px;
        width: auto;
    }
      .eventHeader.headerCenter h1 {
         font-size: 3.5rem;
         line-height: 50px;
    }
    .sidenav ul.socMedia li {
    	width: 30px;
        height: 30px;
    }
}
@media only screen and (min-width: 550px){
    .footerCol2 {
         width: 50%;
    }
    .pageIntro {
        margin-top: 50px;
    }
    .condcareLandingCards .cols4 .col {
        width: 50%;
    }
    .research-studies .eventInner {
        padding: 30px 15px 20px 15px;
    }
    .eventContent .cssButton,
    .eventSchedule .cssButton{
        margin-right: auto;
        margin-left: auto;
    }
    .genericFeaturedPerson {
        margin: 100px 0 40px 0;
    }
    #search-bar input[type=text] {
      	font-size: 2.5rem;
	}
    .videoWrapper.vertical {
        padding-bottom: 90%; /* vertical */
        width: 50%;
        margin: 40px auto 20px;
    }
}
    @media only screen and (min-width: 600px) {
   .genericFeaturedPerson img,
    .condCareKidsHealth img {
        height: 340px;
        width: auto;
    }
    .blogHeader h1 {
        font-size: 4rem;
        line-height: 50px;
    }
    .genericFeaturedPersonContent h2, .interiorLeft section .condCareKidsHealthContent h2,
    .block_content_columns h3,
    .block_content_columns .col h2,
    .block_content h3,
    .intPageSection h3,
    .interiorLeft section h3 {
        margin: 30px 0 20px;
        line-height: 33px;
    }
    .genericFeaturedPersonContent h2, .interiorLeft section .condCareKidsHealthContent h2 {margin: 30px 0 20px !important;font-size: 2.5rem !important;}
    .block_links .cols3 {
        margin-top: 60px;
    }
    footer .cols4 {
        margin-left: -30px;
    }
    footer .cols4 .col {
        width: 50%;
        padding-left: 30px;
    }
    footer .cols4 div.col:nth-child(3) {
        float: right;
    }
        footer .cols4 div.col:nth-child(2) {
            margin-top: 50px;
        }
        footer .cols4.dsktp-footer div.col:nth-child(2) {
            margin-top: 0;
        }
    .footerCenter {
        text-align: left;
    }
    .genericFeaturedPersonContent,
    .condCareKidsHealthContent {
        padding-right: 40px;
        font-size: 1.5rem;
    }
    .condCareKidsHealthContent h2 {
        font-size: 2.8rem;
    }
    .givingContactConnect > div > div .cssButton:first-child {
        margin-right: 20px;
    }
    .footerCenter {
        padding: 20px 0;
    }
    .condCareIntCards .cols3 .col {
        width: 60%;
    }
    .conditionsCareInt .interiorRight, .patient-ed .interiorRight {
        width: 60%;
    }
    .gilletteLocations .col2 > div {
        padding: 30px 0 50px;
    }
    #map {
        height: 0;
        padding-bottom: 66.23%;
        padding-top: 30px;
    }
    .condcareLandingCards .cols4.careTeam .col {
        width: 33.33%;
    }
    .condcareLandingCards .cols4.careTeam .col{
        min-height: 370px;
    }
    .linkblockHover {
        font-size: 1.7rem;
        padding: 20px;
    }
    .eventHeader.headerCenter h1 {
    	 margin-top: 10%;
         font-size: 4rem;
    }
    .ways-to-give.campaign-for-gillette .headerCenter h1 {
        margin-top: 11%;
        top: 0;
        bottom: 0;
    }
    .eventContent .block_content h2 {
        font-size: 2.5rem;
        margin-bottom: 20px;
    }
    .eventContent .block_content h3 {
        font-size: 2.3rem;
        margin-top: 10px;
    }
    .eventTitleArea h1,
    .eventTitleArea h2 {
        font-weight: 200;
        font-size: 4rem;
        line-height: 50px;
        margin-bottom: 50px;
    }
    .ways-to-give .pageIntro h2 {
    	font-size: 7rem;
    	font-weight: 400;
    	line-height: 80px;
    	margin-bottom: 50px;
	}
}
@media only screen and (min-width: 650px){
	.condCareKidsHealth img {
	    right: 60%;
	    left: auto;
	}
    .givingContactConnect > div > div .cssButton:first-child {
        margin-right: 30px;
    }
    .iWantToMenu ul {
        width: 250px;
        left: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .gilletteLocations > div.col2 {
        font-size: 1.6rem;
    }
    .gilletteLocations .slideContainer {
        margin: 20px auto 30px;
    }
    .gilletteLocations .slideContainer .slide {
        font-size: 1.8rem;
        height: 170px;
    }
    .gilletteLocations .slideContainer .slide h3  {
        margin-bottom: 8px;
    }
    .gilletteLocations .slideContainer .slide h3,
    .gilletteLocations .slideContainer .slide h4 {
        margin-top: 10px;
    }
    div.patientEdInfo {
        width: 85%;
        margin: -50px auto 30px;
    }
    .locationAppointmentNumbers div {
        width: auto;
        display: inline-block;
        vertical-align: top;
    }
    .locationAppointmentNumbers div:first-child {
        margin-right: 5%;
    }
    .gilletteLocations .slideContainer {
        height: 150px;
    }
    #search-bar.open {
    	left: 0;
    	top: 93px;
    }
    .width90 {
        width: 90%;
    }
    .width80 {
        width: 80%;
    }
    .width70 {
        width: 70%;
    }
    .width60 {
        width: 60%;
    }
    .width50 {
        width: 50%;
    }
    .target:before {
        margin-top: -110px;
        height: 110px;
    }
}
@media only screen and (min-width: 700px){
	.condCareKidsHealth img {
	    right: 60%;
	    left: auto;
	}
    div.greyLine {
        border-top: 2px solid #dcdfe5;
        height: 0;
        margin: 0 auto 100px;
    }
    footer .copyRight ul {
        position: relative;
        float: right;
        left: 0;
        top: 0;
    }
    .pageIntro div.cssButton strong a {
        font-size: 2.5rem;
        font-weight: 400;
        padding: 12px 15px;
    }
    .headerLeft span.parent-title,
    .patient-ed .headerLeft h1,
    .headerLeft h1 {
        font-size: 3.4rem;
    }
    footer .copyRight {
        text-align: left;
        padding: 25px 0;
    }
    footer .copyRight .copyRightTxt {
        padding-top: 0;
        float: left;
    }
    .whySupportUs > div {
        width: 600px;
        margin: 0 auto;
    }
    .cols4Wrapper.round-rows {
        width: 600px;
        margin: 0 auto;
    }
    .whySupportUs > div .col,
    .block_links .cols4 .col {
        float: left;
    }
    .careTeam .cols4 .col {
        width: 25%;
    }
    .featuredBlock h2 {
        font-size: 3.5rem;
        font-weight: 500;
        line-height: 45px;
    }
    .intPageSection .cols2:first-child {
        margin-top: 40px;
    }
    .tabContent div.cols2:nth-child(2) {
        margin-top: 40px;
    }
    .pageIntroMd,
    span.pageIntroMd {
        font-size: 3rem;
    }
    .pageIntroSm {
        font-size: 2.5rem;
        font-weight: 200;
        line-height: 35px;
        text-align: center;
    }
    .landingForm form input.large, .landingForm form fieldset input.large  {display: inline-block;}
    .landingForm form input.small, .landingForm form fieldset input.small  {display:none;}
    footer .cols4 div.col:last-child .colInner {
        width: 310px;
    }
    .genericFeaturedPersonContent,
    .condCareKidsHealthContent {
        padding-left: 300px;
        line-height: 24px;
    }
    .block_content h2, .intPageSection h2, .interiorLeft section h2, .block_content_columns .content h2:first-of-type {
        font-size: 2.8rem;
        line-height: 47px;
    }
    .block_links .cols4Wrapper.round-rows .cols4 .col {
        width: 50%;
    }
    .conditionsCareInt .interiorRight,
    .patient-ed .interiorRight,
    .interiorRight {
        width: 70%;
    }
    .tooltip .tooltiptext {
    	left: 108%; 
    	top: 0;
	}
}
@media only screen and (min-width: 750px){
    .givingImgBlocks div > div > div {
        min-height: 150px;
    }
    .block_links > div .col.roundHover .colWrapper, .block_links > div .col.round .colWrapper {
        width: 260px;
    }
    .block_links > div .col.roundHover .colWrapper .colInner2, .block_links > div .col.round .colWrapper .colInner2,
    .block_links > div .col.roundHover div.colInner, .block_links > div .col.round div.colInner {
        height: 260px;
        width: 260px;
    }
    .givingImgBlocks > div {
        -js-display: flex;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header-swoops {
        display: block;
    }
}
@media only screen and (max-width: 799px) {
    .searchResultsForm .key-radio span {
        margin-bottom: 5px;
    }
    .searchResultsForm .key-radio span:last-of-type {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 800px) {
    .ways-to-give.campaign-for-gillette .headerCenter h1 {
        display: block;
        color: #5a5b5d;
        background: rgba(250, 250, 250, .8);
        text-shadow: none;
        font-size: 2.5rem;
        line-height: 45px;
        margin: 0;
        top: 18%;
        right: 0;
        left: 8%;
        font-weight: 500;
        height: 175px;
        width: 350px;
        padding: 15px 30px;
        text-align: left;
        -webkit-box-shadow: 0px 12px 20px 2px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 12px 20px 2px rgba(0,0,0,0.5);
        box-shadow: 0px 12px 20px 2px rgba(0,0,0,0.5);
    }
    .conditionsCareInt .interiorRight,
    .patient-ed .interiorRight,
    .interiorRight {
        width: 50%;
    }

    .footerCol2 {
        width: 33.33%;
    }
    footer .cols3 > div {
        width: 33.33%;
        float: left;
        padding-left: 40px;
    }
    .footerCol1 .col3 ul:last-child {
        margin-top: 50px;
    }
    .givingContactConnect > div > div {
        padding: 0 10% 60px;
    }
    .homeWhatsHappening .slideContainer {
        display: none;
    }
    .featuredBlock .cols3 {
        display: block;
    }
    .block_kidshealthmatters.featuredBlock .cols3 {
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .gilletteLocations .col2 {
        width: 600px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .condCareKidsHealthContent {
        padding-right: 40px;
    }
    .genericFeaturedPerson {
       padding-top: 20px;
    }
    .interiorLeft .condCareKidsHealth > div {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .landingForm form input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        font-size: 2.5rem;
    }
    .landingForm form input[type="text"]::-moz-placeholder { /* Firefox 19+ */
        font-size: 2.5rem;
    }
    .landingForm form input[type="text"]:-ms-input-placeholder { /* IE 10+ */
        font-size: 2.5rem;
    }
    .landingForm form input[type="text"]:-moz-placeholder { /* Firefox 18- */
        font-size: 2.5rem;
    }
    .landingForm form input[type="text"]:-moz-placeholder { /* Firefox 18- */
        font-size: 2.5rem;
    }
    .searchResults {
        top: 30px;
    }
    .blogArticle .slideContainer {
        display: none;
    }
    .blogArticle .imagesGrid {
        display: block;
    }
    .careTeamInfo > div:last-child {
        float: right;
        margin-top: 0;
    }
    .careteam-new .careTeamInfo > div:last-child {
        width: 35%;
        max-width: none;
    }
    .careTeamInfo > div:first-child {
        width: 60%;
        float: left;
    }
    .condCareKidsHealth img {
    	right: 70%;
    	left: auto;
	}
    .about-gillette .block_links .cols4.annualReport .col {
    	width: 33.33%;
        float: none;
        display: inline-block;
        text-align: center;
    }
    .eventHeader.headerCenter h1 {
    	margin-top: 13%;
    }
    .contact-desktop {
        display: block;
        visibility: visible;
    }
    .contact-mobile {
        display: none;
        visibility: hidden;
    }
   .careTeamInfo.pageSection {
        margin-bottom: 100px;
    }
    .careteam-new .careTeamInfo.pageSection {
        margin-bottom: 20px;
    }
    .searchResultsForm span,
    #search-bar span{
        display: inline-block;
    }
    .careteam-more-about .accordion-wrapper{
        width: 63%;
        max-width: none;
        float: left;
    }
    .careteam-more-about .khm-appointment {
        width: calc(35% + 90px);
        max-width: none;
        margin-right: -90px;
        float: right;
    }
    .careteam-more-about .khm-appointment > div {
        width: calc(100% - 90px);
    }
}
@media only screen and (min-width: 850px) {
    .padding-top-60 {padding-top: 60px;}
    .padding-top-70 {padding-top: 70px;}
    .padding-top-100 {padding-top: 100px;}
    .padding-top-110 {padding-top: 110px;}
    .padding-top-160 {padding-top: 160px;}
    .padding-btm-60 {padding-bottom: 60px;}
    .padding-btm-70 {padding-bottom: 70px;}
    .padding-btm-100 {padding-bottom: 100px;}
    .padding-btm-160 {padding-bottom: 160px;}
    .margin-btm-60 {margin-bottom: 60px;}
    .margin-top-60 {margin-top: 60px;}
    .cols3-new .col p {
        font-size: 1.8rem;
    }
    .cols3-new .col h2 {
        font-size: 2.4rem;
    }
}
@media only screen and (max-width: 919px) {
    .dsktp-footer {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (min-width: 920px) {
    .givingContactConnect > div > div {
        padding: 0 15% 60px;
    }
    /*.featuredBlock .content {*/
    /*    padding: 0 15%;*/
    /*}*/
    .condcareLandingCards .cols4.careTeam .col {
        width: 25%;
    }
    .sideBar {
        /*margin-bottom: 50px;*/
        overflow: visible;
    }
    .sideBar.fixed {
        position: fixed;
        top: 150px;
        margin-bottom: 1000px;
    }
    #search-bar.open {
        top: 93px;
    }
    .homeAppointmentNumbers {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .homeAppointmentNumbers div {
        width: 230px;
        float: none;
        margin: 0 auto 30px auto;
        padding-left: 0;
    }

    .condCareKidsHealthContent {
        padding-right: 40px;
        padding-left: 250px;
    }
    .tabs > ul li {
        font-size: 1.4rem;
    }
    .megaContent .cols4 .col {
        width: 25%;
    }
    .patient-education .landingForm ul.radioInput li {
        margin: 0 10px 10px;
    }
     .footerAddress div {
        display: inline;
        padding: 6px 0 5px;
    }
    .footerAddress div:first-child {
        background-size: 100%;
        background: url('/assets/graphics/vertical-dotted.png') right;
        background-repeat: repeat-y;
        padding-right: 15px;
        margin-right: 15px;
    }
    .footerAddress div {
        margin-bottom: 0;
    }
    .cols4 .col.textbox {
        width: 33.33%;
    }
    .featuredBlock {
        margin-bottom: 50px;
    }
    .mbl-footer {
        display: none;
        visibility: hidden;
    }
}
@media only screen and (max-width: 959px) {
    .interiorLeft {
        width: 100vw;
        margin-left: calc(-1 * ((100vw - 100%) / 2));
        padding: 40px 6% 0;
    }
     .interiorLeft .condCareKidsHealth {
        width: 100vw;
        margin-left: calc(-1 * ((100vw - 100%) / 2));
    }
    .footerCTAs .cols3 .col {
        width: 100%;
    }
        .cols3-new .col:not(:last-of-type) {
            margin-bottom: 30px;
        }
    .cols3-new {
        max-width: 400px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 960px){
 	.condCareKidsHealth img {
    	right: 60%;
        left: auto;
    }
      #search-bar.open {
        top: 115px;
    }
    .condCareKidsHealth {
        margin-right: -40px;
        margin-left: -100%;
        padding-left: 100%;
    }
    .featuredBlock .cols3 .col {
        margin-bottom: 0;
    }
    .careTeamInfo > div:first-child {
        width: 65%;
    }
    .careteam-new .careTeamInfo > div:first-child {
        width: 55%;
        max-width: 600px;
    }
    .eventImgGrid,
    .imageGridWrapper {
        display: block;
    }
    .blogArticle .slideContainer {
        display: block;
    }
    .blogArticle .imagesGrid {
        display: none;
    }
    .eventImgs .slideContainer,
    .featuredBlock .slideContainer{
        display: none;
    }
    .footerCTAs .cols3 .col {
        margin-bottom: 0;
    }
    .condCareIntCards .cols3  .col{
        float: none;
    }
    .titleContainer {
        bottom: 0;
        padding: 30px 0 40px;
        margin-bottom: 20px;
    }
    .headerLeft.no-banner-image .titleContainer {
        width: 100%;
        position: relative;
        bottom: 0;
        margin-top: 30px;
    }
    .patient-ed .headerLeft .breadCrumbs,
    .headerLeft .breadCrumbs {
        width: 95%;
        bottom: 0;
        top: auto;
    }
    .patient-ed .headerLeft,
    .headerLeft {
        margin-bottom: 85px;
    }
    .absoluteCaption{
        top: 0;
    }
    .intPageSection h2, .interiorLeft section h2, .block_content h2, .block_content_columns .content h2:first-of-type {
        font-size: 3.2rem;
        line-height: 47px;
    }
    label[for="toggleNav"] {
        top: 37px;
    }
    .intContent,
    .conditionsCareInt {
        margin-top: -85px;
    }
    .tabs > ul li {
        font-size: 1.5rem;
    }
    .conditionsCareInt .interiorRight,
    .patient-ed .interiorRight,
    .interiorRight {
        width: 30%;
        padding: 60px 0 0 30px;
        position: relative;
    }
    .intContent,
    .conditionsCareInt {
        background-size: 100% 200px;
        background-repeat: no-repeat;
        background-position: bottom;
    }
    .block_content .constrainedContent, .constrainedContent2 {
        max-width: 800px;
        margin: 0 auto;
        position: relative;
        width: 100%;
    }
    .conditionscareinterior2 .interiorLeft {
        width: 70%;
        border-right: 2px solid #dcdfe6;
        display: table-cell;
        padding-right: 40px;
        /*overflow: hidden;*/
        padding-top: 100px;
        margin-bottom: 0;
    }
    .blogArticle .interiorLeft,
    .blogArticle .interiorRight {
        padding-top: 60px;
    }
    div.patientEdInfo {
        width: 85%;
        margin: -50px 0 30px;
    }
    a figcaption {
        padding: 25px;
    }
    .secondary a figcaption {
        padding: 8px;
    }
    .ways-to-give.our-community-investment-campaign .headerCenter h1 {
        font-size: 3.5rem;
        line-height: 50px;
        top: 18%;
        left: 12%;
        height: 203px;
        padding: 25px 30px;
        width: 466px;
    }
    .linkblockHover {
        font-size: 1.4rem;
        padding: 10px;
    }
    .target:before {
        margin-top: -160px;
        height: 160px;
    }
    .cols3-new .col {
        width: 33.33%;
    }
    .cols3-new .col:nth-of-type(2) > div {
        padding: 0 7%;
    }
    .cols3-new .col:last-of-type > div {
        padding-left: 9%;
    }
    .cols3-new .col:first-of-type > div {
        padding-right: 9%;
    }
    .col-divider {
        width: 3px;
        height: 70%;
        right: -1px;
        top: 50%;
        background: #4D4D4F;
        bottom: auto;
        left: auto;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        margin: auto;
    }
}
@media only screen and (min-width: 1020px){
    .findAdoctor a.learnMorLink,
    .aboutMega a.learnMorLink  {
        width: auto;
    }
    .condcareLandingCards .cols4 .col .colInner {
        min-height: 380px;
        padding: 30px 20px 20px;
        position: relative;
    }
    .condCareIntCards .cols3 .col {
        width: 33%;
        float: left;
    }
    .condCareIntCards .col .cardInner {
        min-height: 280px;
    }
    .condcareLandingCards .cols4 .col {
        width: 25%;
    }
    .givingImgBlocks div > div > div {
        min-height: 150px;
    }
    .cols3-new .col:nth-of-type(2) > div {
        padding: 0 7%;
    }
    .cols3-new .col:last-of-type > div {
        padding-left: 11%;
    }
    .cols3-new .col:first-of-type > div {
        padding-right: 11%;
    }
}
@media only screen and (min-width: 1050px){
    .condcareLandingCards .cols4 .col .colInner {
        min-height: 320px;
        padding: 30px 20px 20px;

    }
    .condCareIntCards .col .cardInner {
        min-height: 230px;
    }
    .aboutMega .inner .megaContent img.featured-person,
    .aboutMega > .megaContent > img {
        position: absolute;
        width: 200px;
        bottom: 0;
        right: 20px;
    }
    .aboutMega .inner .megaContent img.featured-person {
        right: -50px;
    }
}
@media only screen and (min-width: 1060px){
    .secondary  figure {
        font-size: 1.3rem;
    }
    .condCareKidsHealthContent {
        padding-left: 300px;
    }
    .locationAppointmentNumbers div:first-child {
        margin-right: 0;
    }
    .condcareLandingCards .cols4.careTeam .col{
        min-height: 440px;
    }
    .homeAppointmentNumbers div {
        padding-left: 25px;
        /*float: left;*/
        width: 50%;
        margin-bottom: 58px;
    }
    .homeProvider .selectContainer2 .selectdiv select {
        font-size: 1.3rem;
        padding: 0 20px 0 5px;
    }
    .homeAppointmentNumbers {
        margin-left: -25px;
    }

    .homeAppointmentNumbers {
         margin-bottom: 0;
    }
    .homeProvider .drCaption {
        display: block;
    }
}
@media only screen and (min-width: 1120px){
    footer .cols4 .col {
        width: 25%;
    }
    .eventInner h4 {
        margin: 10px 0 10px 0;
    }
    footer .cols4 div.col:nth-child(3) {
        float: left;
    }
    footer .cols4 div.col:last-child .colInner {
        width: 100%;
    }
    .gilletteLocations .col1 {
        width: 50%;
        float: left;
    }
    .gilletteLocations .col2 {
        width: 50%;
        float: right;
        padding-bottom: 0;
    }
    .gilletteLocations .col2 > div {
        padding: 0;
        width: 95%;
        margin-top: 20px;
    }
    .gilletteLocations .slidesOuter {
        margin: 30px 0 30px;
    }
    .secondary figure a figcaption h4{
        line-height: 20px;
        font-size: 1.5rem;
        margin: 8px 0;
    }
    .cols4 .col.textbox {
        width: 25%;
    }
}
@media only screen and (min-width: 1150px) {
    .whySupportUs > div:first-child {
        width: 70%;
    }
    .findAdoctor .inner .megaContent img.featured-person,
    .findAdoctor > .megaContent > img {
        position: absolute;
        width: 300px;
        bottom: 0;
        right: 10px;
    }
    .findAdoctor .inner .megaContent img.featured-person {
        right: -70px;
    }
    .gilletteLocations .col2 > div {
        margin-top: 20px;
    }
    .gilletteLocations .slidesOuter {
        margin: 50px 0 40px;
    }
    .iWantToSearch .dark-blueBtn {
        margin-right: 200px;
    }
}
@media only screen and (min-width: 1200px) {
    .footerCol2 {
        float: left;
        clear: none;
         width: 20%;
    }
    .cols2 .col1 {
        width: 50%;
        float: left;
    }
    .cols2 .col2 {
        width: 50%;
        float: left;
    }
    .footerCol1 {
        width: 80%;
        float: left;
    }
    .condCareKidsHealthContent {
        padding-right: 100px;
    }
    .condCareKidsHealth {
        margin-right: -100px;
    }
    .conditionsCareMega a.learnMorLink  {
        width: auto;
    }
    .secondary a figcaption {
        padding: 20px;
    }
      footer ul.socMedia {
        float: right;
        text-align: left;
        width: auto;
    }
    .footerAddress {
        float: left;
        margin-top: 3px;
    }
   
    .footerHeader .socMedia {
        margin: 0;
    }
    footer .socMedia img {
        width: 23px;
    }
}
@media only screen and (min-width: 1250px) {
    .whySupportUs > div,
    .block_links .cols4Wrapper.round-rows {
        width: 100%;
    }
    .block_links .cols4Wrapper.round-rows .cols4 .col,
    .whySupportUs > div .col,
    .block_links .cols4 .col {
        width: 25%;
        float: left;
    }
    .blogArticle .slideContainer {
        display: none;
    }
    .blogArticle .imagesGrid {
        display: block;
    }
    .linkblockHover {
        font-size: 1.6rem;
        padding: 20px;
    }
     .condCareKidsHealth img {
    	right: 70%;
		left: auto;
    }
    .careteam-more-about .khm-appointment > div {
        width: 100%;
    }
}
@media only screen and (min-width: 1300px) {
    .condCareIntCards .col .cardInner {
        min-height: 190px;
    }
    .cols3-new .col:nth-of-type(2) > div {
        padding: 0 12%;
    }
    .cols3-new .col:last-of-type > div {
        padding-left: 20%;
    }
    .cols3-new .col:first-of-type > div {
        padding-right: 20%;
    }
}
@media only screen and (min-width: 1350px) {
    .gilletteLocations .col2 > div {
        margin-left: 40px;
    }
    .homeAppointmentProviders > .col2 > img {
        right: auto;
        left: 500px;
    }
    .condcareLandingCards .cols4 .col .colInner {
        min-height: 275px;
        padding: 20px 20px 0;
    }
    .gilletteLocations > div.col2 {
        font-size: 2rem;
    }
    .gilletteLocations .slideContainer {
        width: 95%;
        margin: 30px auto;
    }
    .gilletteLocations .slideContainer .slide {
        font-size: 2rem;
    }
    .gilletteLocations .slideContainer .slide h3  {
        margin-bottom: 8px;
    }
    .gilletteLocations .slideContainer .slide h3,
    .gilletteLocations .slideContainer .slide h4 {
        font-size: 2rem;
        margin-top: 5px;
    }
}
@media only screen and (min-width: 1400px) {
}
@media only screen and (min-width: 1600px) {
}
@media only screen and (min-width: 1700px) {
}