.helpful-resources .main-container > .middle-content{display:block; padding:0px;}

.helpful-resources .hero-banner-container{background: url("/content/dam/open-digital/easthma-master2-0/mx/images/helpful-resources/helpful-resources-for-your-lungs.png") no-repeat top left; max-width: 100%;}

.easthma-2-helpful-resources-col{max-width: 1200px;margin: 0 auto;}

.easthma-2-helpful-resources-col .col-xs-12{text-align:center;}
.easthma-2-helpful-resources-col .thumb-wrapper{position:relative; margin:0 auto;}
.easthma-2-helpful-resources-col .thumb-wrapper .oval-shape-img{width:100%;}
.easthma-2-helpful-resources-col .column-4 .thumb-wrapper .oval-shape-img{transform: rotate(201deg);}
.easthma-2-helpful-resources-col .thumb-wrapper .download-icon{position:absolute; right:0; bottom:0; cursor:pointer; display:inline-block;}
.easthma-2-helpful-resources-col .thumb-wrapper .download-icon img{width:100%;}

.easthma-2-helpful-resources-col .thumb-wrapper .chat-icon,
.easthma-2-helpful-resources-col .thumb-wrapper .action-plan-icon,
.easthma-2-helpful-resources-col .thumb-wrapper .download-circl-icon,
.easthma-2-helpful-resources-col .thumb-wrapper .location-icon{position:absolute;}
.easthma-2-helpful-resources-col .thumb-wrapper .location-icon{position:absolute;cursor:pointer;}
.easthma-2-helpful-resources-col .col-title{color:#002B49;font-family: "Nunito-SemiBold";}
.easthma-2-helpful-resources-col .col-title a.col-link{padding:10px 0;color:#002B49;font-family: "Nunito-Black";}







.lung-voice-in-social-media{max-width: 500px;margin:0 auto; text-align:center;} 
.lung-voice-in-social-media .social-media-col{text-align:center;}
.social-media-col .thumb-wrapper {position: relative;display: block;text-align: center;margin: 0 auto;}
.social-media-col .thumb-wrapper img.ovel-img{width:100%; position:absolute; top:0; left:0;}
.social-media-col .thumb-wrapper img.icon{position:absolute;}

.find-more-resources{text-align:center;font-family: "Nunito-Black";}
.find-more-resources a{color: #002B49;text-decoration: none !important;}

.lung-voice-in-social-media .section-title span.social-networks {border-bottom: 2px solid #002B49;}
@media (max-width: 767px) and (min-width: 320px) {
    .helpful-resources .hero-banner-container{background-size: 430px auto;margin-top: 5px;}
    .helpful-resources .banner-content-section{padding: 360px 15px 30px 15px;width: 100%;margin: 0;}
    .helpful-resources .banner-content-section .page-title{line-height: 1.19;font-size: 42px;}
    .helpful-resources .banner-content-section p.description{font-size: 16px;line-height: 1.75;letter-spacing: -0.05px;color: #002b49;}
    .social-media-col .thumb-wrapper {width: 100%;min-height: 115px;}
	.social-media-col .fb img.icon {width: 30px;top: 25px;left: 35px;}
	.social-media-col .insta img.icon {width: 40px;top: 25px;left: 30px;}
	.social-media-col .twitter img.icon {width: 45px;top: 30px;left: 30px;}

	.easthma-2-helpful-resources-col .thumb-wrapper{width: 115px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-icon{width: 40px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-icon img{width:100%;}
	.easthma-2-helpful-resources-col .thumb-wrapper .chat-icon{left: 35px;top: 40px;width: 60px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .action-plan-icon{left: 44px;top: 30px;width: 45px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-circl-icon{left: 35px;top: 35px;width: 48px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .location-icon{left: 35px;top: 35px;width: 40px;}
	.easthma-2-helpful-resources-col .col-title{padding: 20px 0 60px 0;font-size: 16px; line-height: 1.75;letter-spacing: -0.05px; color: #002b49;}
	.easthma-2-helpful-resources-col .col-title a.col-link{font-size:16px;line-height: 1.75;letter-spacing: -0.05px;}
	.easthma-2-helpful-resources-col .column-4 .col-title{padding: 20px 0 20px 0;}
	.find-more-resources{font-size: 22px;margin: 30px 0 20px 0;}
	.lung-voice-in-social-media .section-title{font-size: 22px;line-height: 1.41;letter-spacing: -0.06px;text-align: center;padding-bottom: 50px;} 
}
@media (max-width: 320px) and (min-width: 320px) {
	 .helpful-resources .hero-banner-container{background-size: 375px auto;margin-top:0px;}
	 .helpful-resources .banner-content-section{padding: 320px 15px 30px 15px;}
}
@media screen and (min-width:768px) {
	.container{width:100%;}
	.social-media-col .thumb-wrapper {width:125px;min-height: 150px;}
	.social-media-col .fb img.icon {width: 35px;top: 35px;left: 45px;}
	.social-media-col .insta img.icon {width: 50px;top: 35px;left: 42px;}
	.social-media-col .twitter img.icon {width: 55px;top: 40px;left: 41px;}
	.helpful-resources .banner-content-section p.description{font-size: 20px;line-height: 1.6;letter-spacing: -0.06px;color: #002b49;}
	.easthma-2-helpful-resources-col .thumb-wrapper{width:175px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-icon{width: 60px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-icon img{width:100%;}
	.easthma-2-helpful-resources-col .thumb-wrapper .chat-icon{left: 50px;top: 55px;width: 85px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .action-plan-icon{left: 63px;top: 50px;width: 65px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-circl-icon{left: 55px;top: 55px;width: 65px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .location-icon{left: 57px;top: 50px;width: 55px;}
	.find-more-resources{font-size: 28px;margin: 30px 0 20px 0;}
	.lung-voice-in-social-media .section-title{padding-bottom: 50px;} 
}
@media (max-width: 1023px) and (min-width: 768px) {
    .helpful-resources .hero-banner-container{background-size: 410px auto;margin-top: 20px;}
    .helpful-resources .banner-content-section {padding: 95px 0px 125px 0;width: 320px;margin: 0 0px 0 425px;}
	.helpful-resources .banner-content-section .page-title{line-height: 1.19;font-size: 33px;}
    .helpful-resources .banner-content-section p.description{font-size: 16px;line-height: 1.75;letter-spacing: -0.05px;color: #002b49;}
    .easthma-2-helpful-resources-col .col-sm-6{width:25%;clear: none !important;}



    .easthma-2-helpful-resources-col .thumb-wrapper{width:150px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-icon{width: 50px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-icon img{width:100%;}
	.easthma-2-helpful-resources-col .thumb-wrapper .chat-icon{left:50px;top: 55px;width: 60px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .action-plan-icon{left: 60px;top: 50px;width: 50px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .download-circl-icon{left: 50px;top: 50px;width: 55px;}
	.easthma-2-helpful-resources-col .thumb-wrapper .location-icon{left: 60px;top: 40px;width: 45px;}
    .easthma-2-helpful-resources-col .col-title{padding: 20px 0 60px 0;font-size: 13px;line-height: 1.75;letter-spacing: -0.05px;color: #002b49;}
	.easthma-2-helpful-resources-col .col-title a.col-link{font-size: 13px;line-height: 1.75;letter-spacing: -0.05px;}
}

@media (max-width: 1249px) and (min-width: 1024px) {
    .helpful-resources .hero-banner-container{background-size: 530px, auto;margin-top: 30px;}
    .helpful-resources .banner-content-section {padding: 150px 0px 175px 0;width: 450px;margin: 0 0px 0 540px;}
    .helpful-resources .banner-content-section .page-title {line-height: 1.16;font-size: 45px;}
    .easthma-2-helpful-resources-col .col-title{padding: 20px 0 60px 0;font-size: 16px;line-height: 1.6;letter-spacing: -0.06px;}
	.easthma-2-helpful-resources-col .col-title a.col-link{font-size: 18px;line-height: 1.75;letter-spacing: -0.05px;}
    
}
@media screen and (min-width: 1250px) {
    .helpful-resources .hero-banner-container{background-size: 700px auto; max-width:1920px;margin:0 auto;}
    .helpful-resources .banner-content-section{padding: 200px 0px 175px 0px;width: 425px;margin: 0 100px 0 735px;float: left;}
    .helpful-resources .banner-content-section .page-title {line-height: 1.16;font-size: 50px;}
    .easthma-2-helpful-resources-col .col-title{padding: 20px 0 60px 0;font-size: 20px;line-height: 1.6;letter-spacing: -0.06px;}
	.easthma-2-helpful-resources-col .col-title a.col-link{font-size:20px;line-height: 1.75;letter-spacing: -0.05px;}
}