/*================================================*/
/*=== BEGIN BOOTSTRAP MOBILE FIRST BREAKPOINTS ===*/
/*================================================*/
/* styles applied at 992px or above */
@media (min-width: 992px) {
  nav.social {display: inline;}
}

/*==============================================*/
/*=== END BOOTSTRAP MOBILE FIRST BREAKPOINTS ===*/
/*==============================================*/

/*=====================================*/
/*=== BEGIN CUSTOM RANGE BREAKPONTS ===*/
/*=====================================*/
/* styles applied at 600px or above*/
@media (min-width: 600px) {
  .ThemeCOPDEvents .SelCategoryTR {margin-bottom: 50px !important;}
}

/* 1199px and below */
@media (max-width: 1199px) {
  .documentation .article-right {width: 60% !important;}

  /*===== COPDF BLOG =====*/
  #dnn_ctr1663_Article_desktopmodules_digarticle_article_ascx_ctlSearchBox1663 {width: 98% !important;}
  #dnn_ctr1663_Article_desktopmodules_digarticle_article_ascx_cmdSearch {padding: 10px 20px 10px 20px;margin-left: 0;}

  /*===== PRAXIS =====*/
  /* resource repository */
  #dnn_ctr1760_Article_desktopmodules_digarticle_article_ascx_ctlSearchBox1760 {width: 98% !important;}
  #dnn_ctr1760_Article_desktopmodules_digarticle_article_ascx_cmdSearch {padding: 10px 20px 10px 20px;margin-left: 0;}
  .copdf-praxis-article-search-wrap .search-tips {margin: 25px 0 0 5px;}
  /* blog */
  #dnn_ctr1843_Article_desktopmodules_digarticle_article_ascx_ctlSearchBox1843 {width: 98% !important;}
  #dnn_ctr1843_Article_desktopmodules_digarticle_article_ascx_cmdSearch {padding: 10px 20px 10px 20px;margin-left: 0;}

  /* PCG Landing Page */
  #pcg-wrap p.pad-resources {padding-bottom: 35px;}

  /* Vaping and COPD */
  .vaping-downloads {margin-top: -5px;}
}
/* 1090px and below */
@media (max-width: 1090px) {
  .cta-scroll .scrollable-content, .cta-scroll-one .scrollable-content {margin: 0 auto !important;}
}

/* 1040px and below*/
@media (max-width: 1040px) {
  .cta-border,.section-divider-wrap {display: none;}
}

/* between 993px and 1200px  - originally min-width:993px */
@media (min-width: 992px) and (max-width: 1200px) {
  /*=== HOME PAGE CTA BUTTONS ===*/
  #cta-desktop .cta-left span,
  #cta-desktop .cta-middle span,
  #cta-desktop .cta-right span {font-size: 21px;line-height: 25px;}
  
  #cta-desktop .cta-left:hover .cta-hover,
  #cta-desktop .cta-middle:hover .cta-hover,
  #cta-desktop .cta-right:hover .cta-hover {display: inline;}

  .footer-right-center-content, .footer-right-content {width: 185px;}

  /*=== CTA-SCROLL-ONE ===*/
  .cta-scroll-one .scrollable-content {width: 215px;}
  .cta-scroll-one .scrollable-content .items div {width: 215px;}

  /*=== FOOTER ===*/
  .img-amazonsmile-footer {width: 200px;}

  /*=== FOOTER ADVERT ===*/
  .footer-display-banner .img-wrap img {display: block;height: auto;width: 85%;}

  /*=== COPD360SOCIAL EMAIL A FRIEND ===*/
  #dnn_ctr1441_EmailItMain_imgbEmailIt {width: 100%;height: auto;}

  /*=== AMAZON CHARITY BANNER - DONATION PAGE ===*/
  #amznCharityBanner {position: relative;}
  img#copdfCharitybanner {width: 215px;}
  #copdfCharityText {bottom: 105px;width: 215px;}
  #copdfCharityText h3 {font-size: 18px;line-height: 18px;color: #353536;}

  img.lungs-exercise{margin:30px auto 0 auto!important;}
}

/* 788px and below */
@media (max-width: 788px) {
  /* adjustment for the extra space needed for the canvas element to display the profile status 
    by default mobile view hides the status container. since we are displaying it we need to adjust 
    the padding so the canvas element doesn't expand the content area.
    */
  .status-compact-container .points-completion-panel {padding: 10px 35px 10px 35px;}
  .statistics-map-instructions{display:none;}
}

@media (max-width: 725px) {
  /* Live Stream Video Player */
  /* It's not responsive so hide video player and replace with message
       stating video can be viewed on a large tablet or desktop computer */
  .ls-player-bg {display: none;}
  .ls-player-mobile-message {display: block;}
}

/* between 769px and 992px */
@media (min-width: 769px) and (max-width: 992px) {
  /*=== HOME PAGE CTA BUTTONS ===*/
  #cta-desktop .cta-left span,
  #cta-desktop .cta-middle span,
  #cta-desktop .cta-right span {font-size: 19px;line-height: 23px;}
  
  #cta-desktop .cta-left:hover .cta-hover,
  #cta-desktop .cta-middle:hover .cta-hover,
  #cta-desktop .cta-right:hover .cta-hover {display: inline;}
}

@media (min-width: 993px) {
  /* This is needed so the vertical styling of the mobile menu 
       doesn't display because we use a different desktop menu */
  nav.mobile-nav-wrap {display: none !important;}
}

/* 992px and below */
@media (max-width: 992px) {
  
   /*=== HEADER WRAP ===*/
  .header-wrap {background: url("../images/header-bkground.jpg") no-repeat scroll 25% 100% / cover #13223f;}
  .logo {float: left;width: 50% !important;height: auto !important;margin-top: 0 !important;}
  .logo img.desktop {display: none;}
  .logo img.mobile {display: block !important;width: 195px;margin: 5px 0 0 15px;}
  nav.main {display: none;}
  hr.mobile {display: block;}

  /* remove extra padding from content pane */
  .interior-wrap #dnn_ContentPane {padding-left: 15px;}
  nav.interior-nav-wrap {display: none;}
  nav.interior-nav-mobile {display: block;}
  /* .mobile-social only used if displaying different icons on mobile - not in use */
  /*ul.mobile-social, ul.mobile-social li{ display: inline-block;}*/

  /*===== HOME PAGE =====*/
  .mission-stmt h1 {margin: 25px 0 0;font-size: 50px;line-height: 54px;}

  #s-callout-wrap {margin: 50px 0 50px 0;text-align: center;}
  #s-callout-wrap h2 {color: #003366;font-size: 39px;line-height: 43px;text-align: center;margin: 15px 0 0 0;padding: 0;}
  #s-callout-wrap h3 {color: #000;font-size: 19px !important;line-height: 25px !important;text-align: center;margin: 25px 0 0 0;}
  #s-callout-wrap .btn-orange-link.right {float: none;margin: 25px auto 0 auto !important;}

  #education-callout-wrap {margin: 50px 0 50px 0;text-align: center;}
  #education-callout-wrap .right-float {float: none;}
  #education-callout-wrap h2 {color: #003366;font-size: 39px;line-height: 43px;text-align: center;margin: 25px 0 0 0;padding: 0;}
  #education-callout-wrap h3 {color: #000;font-size: 19px !important;line-height: 25px !important;text-align: center;margin-top: 25px;}
  #education-callout-wrap .btn-orange-link.left {float: none;margin: 25px auto 0 auto;}

  #research-callout-wrap {margin: 50px 0 50px 0;text-align: center;}
  #research-callout-wrap h2 {color: #003366;font-size: 39px;line-height: 43px;text-align: center;margin: 15px 0 0 0;padding: 0;}
  #research-callout-wrap h3 {color: #000;font-size: 19px !important;line-height: 25px !important;text-align: center;margin-top: 25px;}
  #research-callout-wrap a {text-transform: none;}
  #research-callout-wrap .btn-orange-link.right {float: none;margin: 25px auto 0 auto !important;}

  .footer-wrap {margin-top: 25px;}

  /*===== FOOTER =====*/
  footer {text-align: center;}
  .footer-wrap {margin: 0 15px;}
  .footer-left,.footer-center-left,.footer-center-right,.footer-right {background: none !important;}
  
  .footer-left hr.mobile,.footer-center-left hr.mobile,.footer-center-right hr.mobile,.footer-right hr.mobile {display: block;}
  
  .footer-left-content,.footer-left-center-content,.footer-right-center-content,.footer-right-content {width: 240px !important;margin: 0 auto;}
  .footer-left-content{padding-right:0px;}
  .footer-left-center-content a {font-size: 15px !important;}

  /*===== SOCIAL =====*/
  .status-compact-container {margin-top: 25px;}
  .ModMyStatusC .status-compact-container,.ModMyStatusC .statusLogin {display: block !important;} 
  /* keep sidebar profile active */
  .journalContainer,.searchControl-normalView {margin-top: 0 !important;}
  #social-menu-desktop {display: none;}
  #social-menu-mobile {display: block !important;}
  /* needed to bring titles up 20px because mobile menu is hidden on desktop view */
  #page-intro h2,
  .social-menu-mobile-margin,
  #dnn_ctr1398_ModuleContent {margin-top: 0px !important;}
  /* social groups - group spaces */
  .groupOverview-primary .groupOverview-infoContainer .group-summary .group-description {height: 2em;white-space: nowrap;}
  .groupOverview-primary .groupOverview-infoContainer .group-summary .group-stats .members {min-width: 115px;}

  /* to account for mobile menu - check template.css for desktop margin */
  .DnnModule-1663 {margin-top: 20px !important;}

  /* center videos */
  .center-position-3,.center-position-4 {margin: 0 auto 15px auto;width: 203px;}

  /* donate page */
  .donate-contact h3 {text-align: center;}

  /* footer advert*/
  .footer-display-banner p {margin-right: 0;}
  .footer-display-banner .img-wrap {width: 240px;margin: 0 auto;}

  /* Community Exchange */
  #community-exchange-intro {text-align: center;}
  #community-exchange-intro .row {margin-top: 0 !important;}
  #community-exchange-intro .col-md-6 {margin-bottom: 10px !important;}
  #community-exchange-intro .col-md-6 a {font-weight: bold;}

  /* Vaping and COPD */
  .vaping-downloads-wrap {margin-top: 25px;}
  .vaping-downloads {margin-top: 25px;text-align: center;}

  /* Research Framework and Care Delivery Framework */
  .mission-statement-image{margin-top:0!important;}
  #research-framework-wrap ul,#care-delivery-framework-wrap ul {margin-top: 15px;margin-left: 0;}
  #research-framework-wrap ul li,#care-delivery-framework-wrap ul li {list-style-type: none;}
  #research-framework-wrap div.workflow-step-title h3.mobile-padding {padding: 15px 0;}

  .display-tablet {display: block !important;}
  .hide-tablet {display: none !important;}
  .mobile-center {text-align: center;}
  .img-mobile-center {display: block;margin: 0 auto;}
  .mobile-center ul {margin-left: 0;}
  .mobile-center ul li {text-align: center;list-style: none;}
  
  /* use for three column but nothing in first or third columns (i.e. PCG videos)*/
  .mobile-negative-margin {margin-top: -45px;}

  #about-copd360-wrap .copd360-logo {margin-top: 0;margin-bottom: 15px;}

  #copd360net-mission-wrap .copd360net-logo {margin-top: 0;}
  #copd360net-mission-wrap .mission-statement {margin-top: 25px;}
  #copd360net-mission-wrap .three-image-stack .desktop-double-arrow,
  .three-image-stack .desktop-single-arrow {display: none;}
  #copd360net-mission-wrap .three-image-stack .mobile-arrow {display: block;}

  #cenco-mission-wrap .copd360-logo {margin-top: 0;margin-bottom: 25px;}

  #cnc-mission-wrap .cnc-logo {margin-top: 0;margin-bottom: 25px;}
  #cnc-mission-wrap .three-image-stack h2 {text-align: center;}

  #copd360coach-mission-wrap .mission-statement {margin-top: 25px;}
  #copd360coach-mission-wrap .copd360coach-logo{margin-top:0;}

  #oxygen360-mission-wrap .mission-statement {margin-top: 15px;}

  #bronch-ntm-360-wrap .bronch-ntm-logo{margin-top:0px;}
  
  .center-text-tablet {text-align: center;margin-top: 15px;}
  .center-text-tablet ul, .center-text-tablet ol {margin: 0 0 30px 0;}
  /*.center-text-tablet ul li, .center-text-tablet ol li {list-style-type: none;}*/
  .center-image-tablet {display: block;margin: 0 auto;}
  .add-top-margin-tablet {margin-top: 25px !important;}
  .add-btm-margin-tablet {margin-bottom: 25px !important;}
  .add-top-margin-tablet-medium {margin-top: 35px !important;}
  .add-btm-margin-tablet-medium {margin-bottom: 35px !important;}
  .add-top-margin-tablet-large {margin-top: 35px !important;}
  .add-btm-margin-tablet-large {margin-bottom: 35px !important;}
  .no-top-margin-tablet {margin-top: 0 !important;}
  .no-btm-margin-tablet {margin-bottom: 0 !important;}
  img.lungs-exercise{margin:5px auto 15px auto!important;}
  img.lungs-travel{margin:15px auto 25px auto!important;}
  img.lungs-pr-mobile{margin:15px auto 15px auto!important;}
  
  /* pulmonary rehabilitation*/
  .pr-patient-story-quote p{font-size:25px!important;line-height:29px!important;}

  #take-action-menu-wrap img, #social-media-and-communications-wrap img,
  #volunteer_with_us_wrap img.adjust-size, #make-an-impact-wrap img.adjust-size, #other-ways-to-get-involved-wrap img.adjust-size{width:300px;}
  
  .left-float-tablet,.right-float-tablet{float:none!important;}
  img.right-float-tablet,img.float-right-tablet,img.left-float-tablet,img.float-left-tablet{float:none;display: block;margin: 0 auto;margin-bottom:15px}
  
   #LU4L-Logo-COPDAM{margin-top:0;}
   
   ul.copdf-list,
   ul.crec-list{margin-left:15px;}
}

/* 647px and below */
@media (max-width: 647px) {
  /* answer count */
  .dnnMobileListTbl td.dnnMobileIdeaVote.activeIndicator {-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;border-radius: 0px !important;}
  .dnnMobileListTbl td.dnnMobileIdeaVote.activeIndicator span {color: #999 !important;}
  span.answer-score,span.answer-count {color: #333 !important;}
  span.answer-score + span, span.answer-count + span {color: #999 !important;}

  /* ideas vote*/
  .dnnMobileListTbl td.dnnMobileIdeaVote {width: 25%;}
}

/* 617px and below */
@media (max-width: 617px) {
  /* social - social groups */
  /* general font-sizes for questions and ideas */
  .dnnMobileIdeaTitle .list-row-title {font-size: 18px;line-height: 20px;}
  .dnnMobile-groupOverview-primary .groupOverview-infoContainer .group-name {color: #000;display: block;font-size: 20px;
    font-weight: normal;line-height: 1.2em;}
  .dnnMobile-groupOverview-primary .groupOverview-infoContainer .statDate {display: none;}
  .dnnMobile-groupOverview-stats > div > span.stat {color: #353536;font-size: 14px;font-weight: normal;line-height: 1.2em;}
  .dnnMobile-groupOverview-stats > div > span.statName {color: #353536;line-height: 1em;}
  /* mobile group menu */
  .dnnMobileGroupSpaces > a.dnnMobileGroupSpaces-indicator {border-right: none;margin-left: 5px;}
  .activeIndicator {padding: 5px 0;margin: 0 0 15px 25px;}
  .dnnMobileGroupSpaces > a.dnnMobileGroupSpaces-label {display: none;}
}

/* 600px and below */
@media (max-width: 600px) {
  /* Home page rotating banner */
  /* Production Module is 1304 */
  #dnn_ctr1304_ContentPane {display: none;}
  /*mobile banners - deprecated - still need to show for admin view until module is deleted - check permissions in module settings */
  #home-nivo-slider-mobile {display: block !important;}

  /* NivoSlider - interiors */
  .theme-default #slider-desktop {display: none;}
  /*mobile banners - deprecated - still need to show for admin view until module is deleted - check permissions in module settings */
  .theme-default #slider-mobile {display: block;}

  .interior-banner .caption {width: 100%;height: 30%;padding: 0;top: auto;bottom: 0;left: 0;}
  .interior-banner .caption .content {bottom: 0px;width: 100%;padding: 5px;}
  .interior-banner .caption h3 {font-size: 23px;margin: 0;}
  .interior-banner .caption p {font-size: 14px;line-height: 16px;margin: 0;}

  /* standard event calendar */
  .event-calendar-mobile {display: block;font-weight: bold;}
  .ThemeCOPDEvents .SelCategoryTR {display: none;}
  .ThemeCOPDEvents .TopIconBar {margin-bottom: 15px;}
  #dnn_ctr732_Events_EventMonth_pnlDateControls,
  #dnn_ctr732_Events_EventList_EventIcons_btnWeek {display: none;}

  /*=== COPD360social Blog, PRAXIS BLOG, COPD Digest ===*/
  #copdf-blog-article-list .article-wrap .article-posted-by .display-date,
  #copdf-blog-article-list .article-wrap .article-posted-by .display-author,
  #copdf-blog-article-list .article-wrap .article-posted-by .display-comments,
  #copdf-blog-article-list .article-wrap .article-posted-by .display-likes,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-date,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-author,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-comments,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-likes,
  #copd-digest-article-list .article-wrap .article-posted-by .display-date,
  #copd-digest-article-list .article-wrap .article-posted-by .display-author,
  #copd-digest-article-list .article-wrap .article-posted-by .display-comments,
  #copd-digest-article-list .article-wrap .article-posted-by .display-likes,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-date,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-author,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-comments,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-likes {float: none !important;width: 100%;text-align: left;margin-left: 0;}

  /* COPD Digest */
  .copd-digest-comment-avatar {width: 12% !important;}
  .copd-digest-comment-detail {width: 85% !important;}

  /* COPDF and PRAXIS Blog*/
  .copdf-blog-comment-avatar {width: 12% !important;}
  .copdf-blog-comment-detail {width: 85% !important;}

  /*===== COPDF PRAXIS Resource Repository =====*/
  .copdf-praxis-comment-detail {width: 85% !important;}
  #copdf-praxis-article-list .article-type,
  #copdf-praxis-article-list .article-social-activity,
  #copdf-praxis-article-detail .article-type,
  #copdf-praxis-article-detail .article-social-activity {float: none;width: 100%;text-align: left;margin-left: 0;}
  .copdf-praxis-comment-avatar {width: 12% !important;}
  .copdf-praxis-comment-detail {width: 85% !important;}

  /*===== COPDF Video Gallery =====*/
  .pps-video-gallery-comment-avatar {width: 12% !important;}
  .pps-video-gallery-comment-detail {width: 85% !important;}

  .home-bottom-campaign-wrap {display: none;}
  
  img.right-float,img.float-right,img.left-float,img.float-left{float:none;display: block;margin: 0 auto;margin-bottom:15px}
}
/* 768px and below */
@media (max-width: 768px) {
  /*=== TOP LOGIN WRAP ===*/
  .top-login-wrap .social-icons,
  .top-login-wrap #login {
    float: none;
    width: 100%;
    text-align: center;
  }
  #login .registerGroup,
  #login .loginGroup {
    float: right;
  }
  #login a.SkinObject,
  #login a.LoginLink {
    padding: 7px 5px 7px 14px;
  }

  /*===== BEGIN HOME ARCHIVE =====*/
  .mission-stmt h2 {
    margin: 15px 0 0 0;
    font-size: 32px;
    line-height: 32px;
  }
  .mission-stmt h3 {
    font-size: 24px;
    line-height: 28px;
    margin-top: 15px;
  }

  #s-callout-wrap h2,
  .social-landing-page-intro h1,
  .social-landing-page-intro h2 {
    font-size: 35px;
    line-height: 40px;
  }
  #s-callout-questions-wrap .s-callout-questions p.read-more {
    margin-top: 5px;
  }
  #s-callout-questions-wrap .s-callout-questions p.read-more a {
    font-size: 18px;
  }

  #home-portfolio-grid-wrap h2 {
    font-size: 38px;
    line-height: 38px;
  }

  /* HOME PAGE CTA */
  #cta-desktop {
    display: none !important;
  }
  #cta-mobile {
    display: block;
  }
  /*===== END HOME ARCHIVE =====*/

  footer .copyright p {
    line-height: 18px;
  }

  /*=== USER GUIDE ===*/
  .documentation .article-left {
    float: none !important;
    width: 100% !important;
  }
  .documentation .article-right {
    float: none !important;
    width: 100% !important;
  }

  /*=== STATE CAPTAINS MAP ===*/
  #dnn_ctr734_ModuleContent #map_canvas {
    width: 100% !important;
  }

  /*=== VIDEO LIBRARY ===*/
  #VideoWrap .thumbnail {
    float: none;
    width: 100%;
    border: none;
  }
  #VideoWrap .description {
    float: none;
    width: 100%;
  }

  /*=== PHOTO LIBRARY ===*/

  #album-wrap .album-thumbnail {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  #album-wrap .album-content {
    float: none;
    width: 100%;
    text-align: center;
  }

  /*=== SCROLL TO TOP ===*/
  #top-anchor {
    bottom: 75px;
    right: 15px;
  }

  /*--- FOOTER COPYRIGHT ---*/
  footer .copyright {
    margin: 20px 0 0 0;
    text-align: center;
  }
  footer .copyright a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 10px 0 5px;
  }
  footer .copyright a.credits {
    margin: 0 10px 0 10px;
  }
  footer .copyright span {
    color: #787878;
    font-size: 14px;
  }
  footer .copyright span.credits {
    margin: 0 0 0 10px;
    font-size: 14px;
  }
  footer .copyright p {
    margin-top: 10px;
    font-size: 14px !important;
    line-height: 19px !important;
  }
  /* home page */
  .footer-display-banner p {
    margin-bottom: 10px;
  }

  /* increase font-sizes for easier reading on smaller devices */
  /* join | login*/
  #login .userProperties ul {
    margin-top: -3px;
  }
  div,
  p,
  ul li,
  ol li,
  a,
  .Normal,
  #s-callout-questions-wrap .s-callout-questions p.details,
  #s-callout-questions-wrap .s-callout-questions p.read-more a,
  span.journalsummary,
  a.dnnSocialLink,
  a.btn-orange,
  a.btn-orange span {
    font-size: 18px !important;
    line-height: 23px !important;
  }
  div.btn-orange-link,
  div.btn-orange-link a {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  /* activity feed journal footer - I care, Comment, Subscribe, Remove, etc. */
  .journalfooter a.dnnSocialLink,
  .likes,
  .likes a.dnnSocialLink,
  ul.cmt-actions li,
  ul.cmt-actions .dnnSocialLink {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  p.details {margin-top: 5px;}
  #s-callout-questions-wrap .s-callout-questions a > span.title {font-size: 25px;line-height: 29px;}
  p.small {font-size: 15px;line-height: 19px;}
  h1 a {font-size: 40px !important;line-height: 48px !important;}
  h2 a {font-size: 30px !important;line-height: 32px !important;}
  #s-callout-wrap h2 a,
  .social-landing-page-intro h1 a,
  .social-landing-page-intro h2 a {font-size: 38px !important;line-height: 44px !important;}
  h3,
  h3 a,
  h3 a:link,
  h3 a:visited,
  h3 a:active,
  .article-header-wrap .article-title h2 a {font-size: 25px !important;line-height: 29px !important;}
  h3 a.btn-orange-light,
  h3 a:link.btn-orange-light,
  h3 a:visited.btn-orange-light,
  h3 a:active.btn-orange-light {font-size: 20px !important;line-height: 28px !important;}
  h4,h4 a,h4 a:link,h4 a:visited,h4 a:active {font-size: 20px !important;}
  h5 a,h5 a:link,h5 a:visited,h5 a:active,
  h6 a,h6 a:link,h6 a:visited,h6 a:active {font-size: 18px !important;line-height: 28px !important;}

  ol.heading-3 li,
  ol.heading-3 li a {font-size: 25px !important;line-height: 29px !important;}

  .article-header-wrap .article-title h1 {font-size: 28px !important;line-height: 32px !important;}
  #cta-mobile div span.fa {padding: 10px;}
  .portfolio-content p,
  .portfolio-content p a {font-size: 15px !important;line-height: 19px !important;}
  .footer-left-content a {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  a.btn-mobile-menu {
    font-size: 15px !important;
    line-height: 19px !important;
    padding: 5px !important;
  }
  .console.profile .console-none h3 {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  .dnnMobile-comment .dnnMobile-comment-inline-content {
    color: #353536 !important;
  }

  #count-of-members-wrap h3,
  #count-of-members-wrap h3 a,
  #count-of-members-wrap h3 a:link,
  #count-of-members-wrap h3 a:visited,
  #count-of-members-wrap h3 a:active {
    font-size: 20px !important;
  }

  /* PCG Landing Page */
  #pcg-wrap p.pad-resources {
    padding-bottom: 0;
  }

  /* used for two column lists so there's no margin when they combine on mobile view */
  ul.no-btm-margin-mobile {
    margin-bottom: 0px !important;
  }

  ul.pinwheel {
    margin: 0 !important;
  }
  
  /* podcasts */
  ul.PodcastDistributionList span.name a{font-size:8px!important;}
}

/*===============================================*/
/*===== BEGIN BREAKPOINT FOR PORTFOLIO LIST =====*/
/*===============================================*/
/* 3 columns - content pane */
@media (min-width: 1200px) {
  #praxis-portfolio-wrap > #portfolio-container {
    max-width: 825px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #portfolio-container {
    max-width: 825px;
  }
  #praxis-portfolio-wrap > #portfolio-container {
    max-width: 550px;
  }
}

/* 3 columns full width */
@media (min-width: 992px) and (max-width: 1199px) {
  #portfolio-container {
    max-width: 825px;
  }
  #praxis-portfolio-wrap > #portfolio-container {
    max-width: 550px;
  }
}
/* 2 columns */
@media (min-width: 593px) and (max-width: 991px) {
  #portfolio-container {
    max-width: 275px;
  }
}
/* 1 column */
@media (max-width: 592px) {
  #portfolio-container,
  #portfolio-container-2-col {
    max-width: 275px;
  }

}
/*=============================================*/
/*===== END BREAKPOINT FOR PORTFOLIO LIST =====*/
/*=============================================*/

/* 500px and below */
@media (max-width: 500px) {
  /* social - activity feed */
  /* leave a comment textbox */
  .actStr_commentArea .showPlaceholder .actStr_commentEditable {
    padding: 10px;
  }
}

/* 480px and below */
@media (max-width: 480px) {
  h1.mobile-font-small {font-size: 18px;}

  .userProperties ul.userMenu {margin: 25px 0 0 -105px;z-index: 1001;}

  .logo img.mobile {width: 195px;}

  .search {display: none;}
  .mobile-search {display: block;}

  /* remove float and center the image */
  img.left-float, img.float-left, img-left-float, img.float-right {float: none;display: block;margin: 0 auto 25px auto;}

  /* hide desktop images and show mobile ones */
  img.desktop-view,.desktop-view,.show-desktop {display: none;}
  img.mobile-view,.mobile-view,.show-mobile {display: block;}

  nav.inline-breadcrumb {padding: 15px 0 5px 0;}
  .interior-banner {margin-bottom: 0;}
  .interior-banner .caption {display: none;}
  p.interior-mobile-caption {display: block;}

  .footer-left-content {padding-left: 20px;}
  .footer-left-content .links {margin-left: -45px;}
  footer a.email span,footer h5.location span,footer h5.location span,footer a.chat span {display: none;}

  ul.list-left {float: none;width: 100%;margin: 0 0 0 30px !important;}
  ul.list-right {float: none;width: 100%;margin: 0 0 15px 30px !important;}

  /*#layerslider{ display: none;}*/

  /*===== NIVO SLIDER =====*/
  .theme-default .nivo-caption {font-size: 12px;line-height: 16px;padding: 5px;}

  /*===== SOCIAL =====*/
  .DnnModule-Messaging-Details .smListings .ListCol-1 {/*width: 18%!important;*/display: none !important;}
  .DnnModule-Messaging-Details .smListings .ListCol-2 {width: 70% !important;padding-left: 5px;}
  .DnnModule-Messaging-Details .smListings .ListCol-3 {width: 25% !important;}
  .DnnModule-Messaging-Details .smListings .ListCol-3 ul li {line-height: 19px !important;height: auto !important;}

  /*===== REGISTRATION =====*/
  /*
  .DynamicRegistration_Textbox,
  .DynamicRegistration_Country,
  .DynamicRegistration_ComboBox,
  .DynamicRegistration_Password,
  #dnnDynReg .Country,
  #dnnDynReg .NormalTextBox,
  input#dnn_ctr1345_DynamicRegistration_TBR_GUIDdb9049a9-e632-47e6-8d14-b87bbebc53f3Password,
  input#dnn_ctr1345_DynamicRegistration_TBR_GUIDdfdae5f6-80f5-47e8-9d02-e0071b86cfb5DisplayName {width: 100% !important;}
  */

  /*===== LOGIN =====*/
  .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {width: 100%;}

  #dnn_ctr1391_EmailItMain_imgbEmailIt {width: 100%;height: auto;display: block;margin: 0 auto;}

  /* Press Releases PagingTable */
  .articleListingHeader .PagingTable tr td a {display: inline;}

  /* PRAXIS resource repository */
  .copdf-praxis-comment-avatar {width: 15% !important;}
  .copdf-praxis-comment-detail {width: 80% !important;}
  ul.copdf-praxis-comment-list ul.copdf-praxis-comment-list .copdf-praxis-comment-detail {width: 70% !important;}

  /* COPDF and PRAXIS Blog */
  .copdf-blog-comment-avatar {width: 15% !important;}
  .copdf-blog-comment-detail {width: 80% !important;}
  ul.copdf-blog-comment-list ul.copdf-blog-comment-list .copdf-blog-comment-detail {width: 70% !important;}

  /* COPD Digest */
  .copd-digest-comment-avatar {width: 15% !important;}
  .copd-digest-comment-detail {width: 80% !important;}
  ul.copd-digest-comment-list ul.copd-digest-comment-list .copd-digest-comment-detail {width: 70% !important;}

  /*===== COPDF Video Gallery =====*/
  .pps-video-gallery-comment-avatar {width: 15% !important;}
  .pps-video-gallery-comment-detail {width: 80% !important;}
  ul.pps-video-gallery-comment-list ul.pps-video-gallery-comment-list .pps-video-gallery-comment-detail {width: 70% !important;}
  

}

/* between 361px and 390px */
@media (min-width: 361px) and (max-width: 390px) {
  .header-wrap {min-height: 160px;}
}
@media (max-width: 360px) {
  .header-wrap {min-height: 150px;}
}
/* 325px and below */
@media (max-width: 325px) {
  .header-wrap {min-height: 135px;}
  .logo img.mobile {margin: 10px 0 0 15px;}
  .cta-border {display: none;}
  #s-callout-wrap h2 {font-size: 32px;line-height: 36px;}
  img.left-float {float: none;text-align: center;}
}
/*=============================*/
/*=== END RANGE BREAKPONTS ===*/
/*=============================*/
/*================================================*/
/*=== BEGIN BOOTSTRAP MOBILE FIRST BREAKPOINTS ===*/
/*================================================*/
/* styles applied at 992px or above */
@media (min-width: 992px) {
  nav.social {display: inline;}
}

/*==============================================*/
/*=== END BOOTSTRAP MOBILE FIRST BREAKPOINTS ===*/
/*==============================================*/

/*=====================================*/
/*=== BEGIN CUSTOM RANGE BREAKPONTS ===*/
/*=====================================*/
/* styles applied at 600px or above*/
@media (min-width: 600px) {
  .ThemeCOPDEvents .SelCategoryTR {margin-bottom: 50px !important;}
}

/* 1199px and below */
@media (max-width: 1199px) {
  .documentation .article-right {width: 60% !important;}

  /*===== COPDF BLOG =====*/
  #dnn_ctr1663_Article_desktopmodules_digarticle_article_ascx_ctlSearchBox1663 {width: 98% !important;}
  #dnn_ctr1663_Article_desktopmodules_digarticle_article_ascx_cmdSearch {padding: 10px 20px 10px 20px;margin-left: 0;}

  /*===== PRAXIS =====*/
  /* resource repository */
  #dnn_ctr1760_Article_desktopmodules_digarticle_article_ascx_ctlSearchBox1760 {width: 98% !important;}
  #dnn_ctr1760_Article_desktopmodules_digarticle_article_ascx_cmdSearch {padding: 10px 20px 10px 20px;margin-left: 0;}
  .copdf-praxis-article-search-wrap .search-tips {margin: 25px 0 0 5px;}
  /* blog */
  #dnn_ctr1843_Article_desktopmodules_digarticle_article_ascx_ctlSearchBox1843 {width: 98% !important;}
  #dnn_ctr1843_Article_desktopmodules_digarticle_article_ascx_cmdSearch {padding: 10px 20px 10px 20px;margin-left: 0;}

  /* PCG Landing Page */
  #pcg-wrap p.pad-resources {padding-bottom: 35px;}

  /* Vaping and COPD */
  .vaping-downloads {margin-top: -5px;}
}
/* 1090px and below */
@media (max-width: 1090px) {
  .cta-scroll .scrollable-content, .cta-scroll-one .scrollable-content {margin: 0 auto !important;}
}

/* 1040px and below*/
@media (max-width: 1040px) {
  .cta-border,.section-divider-wrap {display: none;}
}

/* between 993px and 1200px  - originally min-width:993px */
@media (min-width: 992px) and (max-width: 1200px) {
  /*=== HOME PAGE CTA BUTTONS ===*/
  #cta-desktop .cta-left span,
  #cta-desktop .cta-middle span,
  #cta-desktop .cta-right span {font-size: 21px;line-height: 25px;}
  
  #cta-desktop .cta-left:hover .cta-hover,
  #cta-desktop .cta-middle:hover .cta-hover,
  #cta-desktop .cta-right:hover .cta-hover {display: inline;}

  .footer-right-center-content, .footer-right-content {width: 185px;}

  /*=== CTA-SCROLL-ONE ===*/
  .cta-scroll-one .scrollable-content {width: 215px;}
  .cta-scroll-one .scrollable-content .items div {width: 215px;}

  /*=== FOOTER ===*/
  .img-amazonsmile-footer {width: 200px;}

  /*=== FOOTER ADVERT ===*/
  .footer-display-banner .img-wrap img {display: block;height: auto;width: 85%;}

  /*=== COPD360SOCIAL EMAIL A FRIEND ===*/
  #dnn_ctr1441_EmailItMain_imgbEmailIt {width: 100%;height: auto;}

  /*=== AMAZON CHARITY BANNER - DONATION PAGE ===*/
  #amznCharityBanner {position: relative;}
  img#copdfCharitybanner {width: 215px;}
  #copdfCharityText {bottom: 105px;width: 215px;}
  #copdfCharityText h3 {font-size: 18px;line-height: 18px;color: #353536;}

  img.lungs-exercise{margin:30px auto 0 auto!important;}
}

/* 788px and below */
@media (max-width: 788px) {
  /* adjustment for the extra space needed for the canvas element to display the profile status 
    by default mobile view hides the status container. since we are displaying it we need to adjust 
    the padding so the canvas element doesn't expand the content area.
    */
  .status-compact-container .points-completion-panel {padding: 10px 35px 10px 35px;}
  .statistics-map-instructions{display:none;}
}

@media (max-width: 725px) {
  /* Live Stream Video Player */
  /* It's not responsive so hide video player and replace with message
       stating video can be viewed on a large tablet or desktop computer */
  .ls-player-bg {display: none;}
  .ls-player-mobile-message {display: block;}
}

/* between 769px and 992px */
@media (min-width: 769px) and (max-width: 992px) {
  /*=== HOME PAGE CTA BUTTONS ===*/
  #cta-desktop .cta-left span,
  #cta-desktop .cta-middle span,
  #cta-desktop .cta-right span {font-size: 19px;line-height: 23px;}
  
  #cta-desktop .cta-left:hover .cta-hover,
  #cta-desktop .cta-middle:hover .cta-hover,
  #cta-desktop .cta-right:hover .cta-hover {display: inline;}
}

@media (min-width: 993px) {
  /* This is needed so the vertical styling of the mobile menu 
       doesn't display because we use a different desktop menu */
  nav.mobile-nav-wrap {display: none !important;}
}

/* 992px and below */
@media (max-width: 992px) {
  
   /*=== HEADER WRAP ===*/
  .header-wrap {background: url("../images/header-bkground.jpg") no-repeat scroll 25% 100% / cover #13223f;}
  .logo {float: left;width: 50% !important;height: auto !important;margin-top: 0 !important;}
  .logo img.desktop {display: none;}
  .logo img.mobile {display: block !important;width: 195px;margin: 5px 0 0 15px;}
  nav.main {display: none;}
  hr.mobile {display: block;}

  /* remove extra padding from content pane */
  .interior-wrap #dnn_ContentPane {padding-left: 15px;}
  nav.interior-nav-wrap {display: none;}
  nav.interior-nav-mobile {display: block;}
  /* .mobile-social only used if displaying different icons on mobile - not in use */
  /*ul.mobile-social, ul.mobile-social li{ display: inline-block;}*/

  /*===== HOME PAGE =====*/
  .mission-stmt h1 {margin: 25px 0 0;font-size: 50px;line-height: 54px;}

  #s-callout-wrap {margin: 50px 0 50px 0;text-align: center;}
  #s-callout-wrap .right-float {float: none;}
  #s-callout-wrap .left-float {float: none;}
  #s-callout-wrap h2 {color: #003366;font-size: 39px;line-height: 43px;text-align: center;margin: 15px 0 0 0;padding: 0;}
  #s-callout-wrap h3 {color: #000;font-size: 19px !important;line-height: 25px !important;text-align: center;margin: 25px 0 0 0;}
  #s-callout-wrap .btn-orange-link.right {float: none;margin: 25px auto 0 auto !important;}

  #education-callout-wrap {margin: 50px 0 50px 0;text-align: center;}
  #education-callout-wrap .right-float {float: none;}
  #education-callout-wrap h2 {color: #003366;font-size: 39px;line-height: 43px;text-align: center;margin: 25px 0 0 0;padding: 0;}
  #education-callout-wrap h3 {color: #000;font-size: 19px !important;line-height: 25px !important;text-align: center;margin-top: 25px;}
  #education-callout-wrap .btn-orange-link.left {float: none;margin: 25px auto 0 auto;}

  #research-callout-wrap {margin: 50px 0 50px 0;text-align: center;}
  #research-callout-wrap h2 {color: #003366;font-size: 39px;line-height: 43px;text-align: center;margin: 15px 0 0 0;padding: 0;}
  #research-callout-wrap h3 {color: #000;font-size: 19px !important;line-height: 25px !important;text-align: center;margin-top: 25px;}
  #research-callout-wrap a {text-transform: none;}
  #research-callout-wrap .btn-orange-link.right {float: none;margin: 25px auto 0 auto !important;}

  .footer-wrap {margin-top: 25px;}

  /*===== FOOTER =====*/
  footer {text-align: center;}
  .footer-wrap {margin: 0 15px;}
  .footer-left,.footer-center-left,.footer-center-right,.footer-right {background: none !important;}
  
  .footer-left hr.mobile,.footer-center-left hr.mobile,.footer-center-right hr.mobile,.footer-right hr.mobile {display: block;}
  
  .footer-left-content,.footer-left-center-content,.footer-right-center-content,.footer-right-content {width: 240px !important;margin: 0 auto;}
  
  .footer-left-center-content a {font-size: 15px !important;}

  /*===== SOCIAL =====*/
  .status-compact-container {margin-top: 25px;}
  .ModMyStatusC .status-compact-container,.ModMyStatusC .statusLogin {display: block !important;} 
  /* keep sidebar profile active */
  .journalContainer,.searchControl-normalView {margin-top: 0 !important;}
  #social-menu-desktop {display: none;}
  #social-menu-mobile {display: block !important;}
  /* needed to bring titles up 20px because mobile menu is hidden on desktop view */
  #page-intro h2,
  .social-menu-mobile-margin,
  #dnn_ctr1398_ModuleContent {margin-top: 0px !important;}
  /* social groups - group spaces */
  .groupOverview-primary .groupOverview-infoContainer .group-summary .group-description {height: 2em;white-space: nowrap;}
  .groupOverview-primary .groupOverview-infoContainer .group-summary .group-stats .members {min-width: 115px;}

  /* to account for mobile menu - check template.css for desktop margin */
  .DnnModule-1663 {margin-top: 20px !important;}

  /* center videos */
  .center-position-3,.center-position-4 {margin: 0 auto 15px auto;width: 203px;}

  /* donate page */
  .donate-contact h3 {text-align: center;}

  /* footer advert*/
  .footer-display-banner p {margin-right: 0;}
  .footer-display-banner .img-wrap {width: 240px;margin: 0 auto;}

  /* Community Exchange */
  #community-exchange-intro {text-align: center;}
  #community-exchange-intro .row {margin-top: 0 !important;}
  #community-exchange-intro .col-md-6 {margin-bottom: 10px !important;}
  #community-exchange-intro .col-md-6 a {font-weight: bold;}

  /* Vaping and COPD */
  .vaping-downloads-wrap {margin-top: 25px;}
  .vaping-downloads {margin-top: 25px;text-align: center;}

  /* Research Framework and Care Delivery Framework */
  #research-framework-wrap ul,#care-delivery-framework-wrap ul {margin-top: 15px;margin-left: 0;}
  #research-framework-wrap ul li,#care-delivery-framework-wrap ul li {list-style-type: none;}
  #research-framework-wrap div.workflow-step-title h3.mobile-padding {padding: 15px 0;}

  .display-tablet,.show-tablet {display: block !important;}
  .hide-tablet {display: none !important;}
  .mobile-center {text-align: center;}
  .img-mobile-center {display: block;margin: 0 auto;}
  .mobile-center ul {margin-left: 0;}
  .mobile-center ul li {text-align: center;list-style: none;}
  
  /* use for three column but nothing in first or third columns (i.e. PCG videos)*/
  .mobile-negative-margin {margin-top: -45px;}

  #about-copd360-wrap .copd360-logo {margin-top: 0;margin-bottom: 15px;}

  #copd360net-mission-wrap .copd360net-logo {margin-top: 0;}
  #copd360net-mission-wrap .mission-statement {margin-top: 25px;}
  #copd360net-mission-wrap .three-image-stack .desktop-double-arrow,
  .three-image-stack .desktop-single-arrow {display: none;}
  #copd360net-mission-wrap .three-image-stack .mobile-arrow {display: block;}

  #cenco-mission-wrap .copd360-logo {margin-top: 0;margin-bottom: 25px;}

  #cnc-mission-wrap .cnc-logo {margin-top: 0;margin-bottom: 25px;}
  #cnc-mission-wrap .three-image-stack h2 {text-align: center;}

  #copd360coach-mission-wrap .mission-statement {margin-top: 25px;}

  #oxygen360-mission-wrap .mission-statement {margin-top: 15px;}

  .center-text-tablet {text-align: center;margin-top: 15px;}
  .center-text-tablet ul, .center-text-tablet ol{margin: 0 0 30px 0;}
  .center-text-tablet ul li, .center-text-tablet ol li{list-style-type: none;}
  .center-text-tablet ul li ul.inner-list li, .center-text-tablet ol li ol.inner-list li{list-style-type: none;}
  ul.pinwheel li{background:none!important;}
  .center-image-tablet {display: block;margin: 0 auto;}
  .add-top-margin-tablet {margin-top: 25px !important;}
  .add-btm-margin-tablet {margin-bottom: 25px !important;}
  .no-top-margin-tablet {margin-top: 0 !important;}
  .no-btm-margin-tablet {margin-bottom: 0 !important;}
  
  img.lungs-exercise{margin:5px auto 15px auto!important;}
  img.lungs-travel{margin:15px auto 25px auto!important;}
  img.lungs-pr-mobile{margin:15px auto 15px auto!important;}
  
  /* pull quotes */
  .pr-patient-story-quote p, .pr-pull-quote p, .pull-quote p{font-size:21px!important;line-height:25px!important;}
  .pull-quote p.pull-quote-author{font-size:18px!important;}
}

/* 647px and below */
@media (max-width: 647px) {
  /* answer count */
  .dnnMobileListTbl td.dnnMobileIdeaVote.activeIndicator {-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;border-radius: 0px !important;}
  .dnnMobileListTbl td.dnnMobileIdeaVote.activeIndicator span {color: #999 !important;}
  span.answer-score,span.answer-count {color: #333 !important;}
  span.answer-score + span, span.answer-count + span {color: #999 !important;}

  /* ideas vote*/
  .dnnMobileListTbl td.dnnMobileIdeaVote {width: 25%;}
}

/* 617px and below */
@media (max-width: 617px) {
  /* social - social groups */
  /* general font-sizes for questions and ideas */
  .dnnMobileIdeaTitle .list-row-title {font-size: 18px;line-height: 20px;}
  .dnnMobile-groupOverview-primary .groupOverview-infoContainer .group-name {color: #000;display: block;font-size: 20px;
    font-weight: normal;line-height: 1.2em;}
  .dnnMobile-groupOverview-primary .groupOverview-infoContainer .statDate {display: none;}
  .dnnMobile-groupOverview-stats > div > span.stat {color: #353536;font-size: 14px;font-weight: normal;line-height: 1.2em;}
  .dnnMobile-groupOverview-stats > div > span.statName {color: #353536;line-height: 1em;}
  /* mobile group menu */
  .dnnMobileGroupSpaces > a.dnnMobileGroupSpaces-indicator {border-right: none;margin-left: 5px;}
  .activeIndicator {padding: 5px 0;margin: 0 0 15px 25px;}
  .dnnMobileGroupSpaces > a.dnnMobileGroupSpaces-label {display: none;}
}

/* 600px and below */
@media (max-width: 600px) {
  /* Home page rotating banner */
  /* Production Module is 1304 */
  #dnn_ctr1304_ContentPane {display: none;}
  /*mobile banners - deprecated - still need to show for admin view until module is deleted - check permissions in module settings */
  #home-nivo-slider-mobile {display: block !important;}

  /* NivoSlider - interiors */
  .theme-default #slider-desktop {display: none;}
  /*mobile banners - deprecated - still need to show for admin view until module is deleted - check permissions in module settings */
  .theme-default #slider-mobile {display: block;}

  .interior-banner .caption {width: 100%;height: 30%;padding: 0;top: auto;bottom: 0;left: 0;}
  .interior-banner .caption .content {bottom: 0px;width: 100%;padding: 5px;}
  .interior-banner .caption h3 {font-size: 23px;margin: 0;}
  .interior-banner .caption p {font-size: 14px;line-height: 16px;margin: 0;}

  /* standard event calendar */
  .event-calendar-mobile {display: block;font-weight: bold;}
  .ThemeCOPDEvents .SelCategoryTR {display: none;}
  .ThemeCOPDEvents .TopIconBar {margin-bottom: 15px;}
  #dnn_ctr732_Events_EventMonth_pnlDateControls,
  #dnn_ctr732_Events_EventList_EventIcons_btnWeek {display: none;}

  /*=== COPD360social Blog, PRAXIS BLOG, COPD Digest ===*/
  #copdf-blog-article-list .article-wrap .article-posted-by .display-date,
  #copdf-blog-article-list .article-wrap .article-posted-by .display-author,
  #copdf-blog-article-list .article-wrap .article-posted-by .display-comments,
  #copdf-blog-article-list .article-wrap .article-posted-by .display-likes,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-date,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-author,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-comments,
  .copdf-blog-article-detail .article-wrap .article-posted-by .display-likes,
  #copd-digest-article-list .article-wrap .article-posted-by .display-date,
  #copd-digest-article-list .article-wrap .article-posted-by .display-author,
  #copd-digest-article-list .article-wrap .article-posted-by .display-comments,
  #copd-digest-article-list .article-wrap .article-posted-by .display-likes,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-date,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-author,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-comments,
  .copd-digest-article-detail .article-wrap .article-posted-by .display-likes {float: none !important;width: 100%;text-align: left;margin-left: 0;}

  /* COPD Digest */
  .copd-digest-comment-avatar {width: 12% !important;}
  .copd-digest-comment-detail {width: 85% !important;}

  /* COPDF and PRAXIS Blog*/
  .copdf-blog-comment-avatar {width: 12% !important;}
  .copdf-blog-comment-detail {width: 85% !important;}

  /*===== COPDF PRAXIS Resource Repository =====*/
  .copdf-praxis-comment-detail {width: 85% !important;}
  #copdf-praxis-article-list .article-type,
  #copdf-praxis-article-list .article-social-activity,
  #copdf-praxis-article-detail .article-type,
  #copdf-praxis-article-detail .article-social-activity {float: none;width: 100%;text-align: left;margin-left: 0;}
  .copdf-praxis-comment-avatar {width: 12% !important;}
  .copdf-praxis-comment-detail {width: 85% !important;}

  /*===== COPDF Video Gallery =====*/
  .pps-video-gallery-comment-avatar {width: 12% !important;}
  .pps-video-gallery-comment-detail {width: 85% !important;}

  .home-bottom-campaign-wrap {display: none;}
  
  img.right-float,img.float-right,img.left-float,img.float-left{float:none;display: block;margin: 0 auto;margin-bottom:15px}
  
  /* home page - title of first module under banner (image is removed and title is moved up) */
  img.home-page-top-image{display:none;}
  .home-page-top-title{margin-top:-15px!important;}
}
/* 768px and below */
@media (max-width: 768px) {
  /*=== TOP LOGIN WRAP ===*/
  .top-login-wrap .social-icons,
  .top-login-wrap #login {
    float: none;
    width: 100%;
    text-align: center;
  }
  #login .registerGroup,
  #login .loginGroup {
    float: right;
  }
  #login a.SkinObject,
  #login a.LoginLink {
    padding: 7px 5px 7px 14px;
  }

  /*===== BEGIN HOME ARCHIVE =====*/
  .mission-stmt h2 {
    margin: 15px 0 0 0;
    font-size: 32px;
    line-height: 32px;
  }
  .mission-stmt h3 {
    font-size: 24px;
    line-height: 28px;
    margin-top: 15px;
  }

  #s-callout-wrap h2,
  .social-landing-page-intro h1,
  .social-landing-page-intro h2 {
    font-size: 35px;
    line-height: 40px;
  }
  #s-callout-questions-wrap .s-callout-questions p.read-more {
    margin-top: 5px;
  }
  #s-callout-questions-wrap .s-callout-questions p.read-more a {
    font-size: 18px;
  }

  #home-portfolio-grid-wrap h2 {
    font-size: 38px;
    line-height: 38px;
  }

  /* HOME PAGE CTA */
  #cta-desktop {
    display: none !important;
  }
  #cta-mobile {
    display: block;
  }
  /*===== END HOME ARCHIVE =====*/

  footer .copyright p {
    line-height: 18px;
  }

  /*=== USER GUIDE ===*/
  .documentation .article-left {
    float: none !important;
    width: 100% !important;
  }
  .documentation .article-right {
    float: none !important;
    width: 100% !important;
  }

  /*=== STATE CAPTAINS MAP ===*/
  #dnn_ctr734_ModuleContent #map_canvas {
    width: 100% !important;
  }

  /*=== VIDEO LIBRARY ===*/
  #VideoWrap .thumbnail {
    float: none;
    width: 100%;
    border: none;
  }
  #VideoWrap .description {
    float: none;
    width: 100%;
  }

  /*=== PHOTO LIBRARY ===*/

  #album-wrap .album-thumbnail {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  #album-wrap .album-content {
    float: none;
    width: 100%;
    text-align: center;
  }

  /*=== SCROLL TO TOP ===*/
  #top-anchor {
    bottom: 75px;
    right: 15px;
  }

  /*--- FOOTER COPYRIGHT ---*/
  footer .copyright {
    margin: 20px 0 0 0;
    text-align: center;
  }
  footer .copyright a {
    display: inline-block;
    font-size: 14px !important;
    margin: 0 10px 0 5px;
  }
  footer .copyright a.credits {
    margin: 0 10px 0 10px;
  }
  footer .copyright span {
    color: #787878;
    font-size: 14px;
  }
  footer .copyright span.credits {
    margin: 0 0 0 10px;
    font-size: 14px;
  }
  footer .copyright p {
    margin-top: 10px;
    font-size: 14px !important;
    line-height: 19px !important;
  }
  /* home page */
  .footer-display-banner p {
    margin-bottom: 10px;
  }

  /* increase font-sizes for easier reading on smaller devices */
  /* join | login*/
  #login .userProperties ul {
    margin-top: -3px;
  }
  div,
  p,
  ul li,
  ol li,
  a,
  .Normal,
  #s-callout-questions-wrap .s-callout-questions p.details,
  #s-callout-questions-wrap .s-callout-questions p.read-more a,
  span.journalsummary,
  a.dnnSocialLink,
  a.btn-orange,
  a.btn-orange span {
    font-size: 18px !important;
    line-height: 23px !important;
  }
  div.btn-orange-link,
  div.btn-orange-link a {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  /* activity feed journal footer - I care, Comment, Subscribe, Remove, etc. */
  .journalfooter a.dnnSocialLink,
  .likes,
  .likes a.dnnSocialLink,
  ul.cmt-actions li,
  ul.cmt-actions .dnnSocialLink {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  p.details {
    margin-top: 5px;
  }
  #s-callout-questions-wrap .s-callout-questions a > span.title {
    font-size: 25px;
    line-height: 29px;
  }
  p.small {
    font-size: 15px;
    line-height: 19px;
  }
  h1 a {
    font-size: 40px !important;
    line-height: 48px !important;
  }
  h2 a {
    font-size: 30px !important;
    line-height: 32px !important;
  }
  #s-callout-wrap h2 a,
  .social-landing-page-intro h1 a,
  .social-landing-page-intro h2 a {
    font-size: 38px !important;
    line-height: 44px !important;
  }
  h3,
  h3 a,
  h3 a:link,
  h3 a:visited,
  h3 a:active,
  .article-header-wrap .article-title h2 a {
    font-size: 25px !important;
    line-height: 29px !important;
  }
  h3 a.btn-orange-light,
  h3 a:link.btn-orange-light,
  h3 a:visited.btn-orange-light,
  h3 a:active.btn-orange-light {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  h4 a {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  h5 a,
  h6 a {
    font-size: 18px !important;
    line-height: 28px !important;
  }

  div.orange-block-header h3{
    color: #fff;
    font-size:30px !important;
    line-height:1.2em !important;
  }
    
  div.orange-block-header{
    width:75%;
  }

  ol.heading-3 li,
  ol.heading-3 li a {
    font-size: 25px !important;
    line-height: 29px !important;
  }

  .article-header-wrap .article-title h1 {
    font-size: 28px !important;
    line-height: 32px !important;
  }
  #cta-mobile div span.fa {
    padding: 10px;
  }
  .portfolio-content p,
  .portfolio-content p a {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  .footer-left-content a {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  a.btn-mobile-menu {
    font-size: 15px !important;
    line-height: 19px !important;
    padding: 5px !important;
  }
  .console.profile .console-none h3 {
    font-size: 15px !important;
    line-height: 19px !important;
  }
  .dnnMobile-comment .dnnMobile-comment-inline-content {
    color: #353536 !important;
  }

  #count-of-members-wrap h3,
  #count-of-members-wrap h3 a,
  #count-of-members-wrap h3 a:link,
  #count-of-members-wrap h3 a:visited,
  #count-of-members-wrap h3 a:active {
    font-size: 20px !important;
  }

  /* PCG Landing Page */
  #pcg-wrap p.pad-resources {
    padding-bottom: 0;
  }

  /* used for two column lists so there's no margin when they combine on mobile view */
  ul.no-btm-margin-mobile {
    margin-bottom: 0px !important;
  }

  ul.pinwheel {
    margin: 0 !important;
  }
}

/*===============================================*/
/*===== BEGIN BREAKPOINT FOR PORTFOLIO LIST =====*/
/*===============================================*/
/* 3 columns - content pane */
@media (min-width: 1200px) {
  #praxis-portfolio-wrap > #portfolio-container {
    max-width: 825px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #portfolio-container {
    max-width: 825px;
  }
  #praxis-portfolio-wrap > #portfolio-container {
    max-width: 550px;
  }
}

/* 3 columns full width */
@media (min-width: 992px) and (max-width: 1199px) {
  #portfolio-container {
    max-width: 825px;
  }
  #praxis-portfolio-wrap > #portfolio-container {
    max-width: 550px;
  }
}
/* 2 columns */
@media (min-width: 593px) and (max-width: 991px) {
  #portfolio-container {
    max-width: 275px;
  }
}
/* 1 column */
@media (max-width: 592px) {
  #portfolio-container,
  #portfolio-container-2-col {
    max-width: 275px;
  }

}
/*=============================================*/
/*===== END BREAKPOINT FOR PORTFOLIO LIST =====*/
/*=============================================*/

/* 500px and below */
@media (max-width: 500px) {
  /* social - activity feed */
  /* leave a comment textbox */
  .actStr_commentArea .showPlaceholder .actStr_commentEditable {
    padding: 10px;
  }
}

/* 480px and below */
@media (max-width: 480px) {
  h1.mobile-font-small {font-size: 18px;}

  .userProperties ul.userMenu {margin: 25px 0 0 -105px;z-index: 1001;}

  .logo img.mobile {width: 195px;}

  .search {display: none;}
  .mobile-search {display: block;}

  /* remove float and center the image */
  img.left-float, img.float-left, img-left-float, img.float-right {float: none;display: block;margin: 0 auto 25px auto;}

  /* hide desktop images and show mobile ones */
  img.desktop-view,.desktop-view,.show-desktop {display: none;}
  img.mobile-view,.mobile-view,.show-mobile {display: block;}

  nav.inline-breadcrumb {padding: 15px 0 5px 0;}
  .interior-banner {margin-bottom: 0;}
  .interior-banner .caption {display: none;}
  p.interior-mobile-caption {display: block;}

  .footer-left-content {padding-left: 20px;}
  .footer-left-content .links {margin-left: -45px;}
  footer a.email span,footer h5.location span,footer h5.location span,footer a.chat span {display: none;}

  ul.list-left {float: none;width: 100%;margin: 0 0 0 30px !important;}
  ul.list-right {float: none;width: 100%;margin: 0 0 15px 30px !important;}

  /*#layerslider{ display: none;}*/

  /*===== NIVO SLIDER =====*/
  .theme-default .nivo-caption {font-size: 12px;line-height: 16px;padding: 5px;}

  /*===== SOCIAL =====*/
  .DnnModule-Messaging-Details .smListings .ListCol-1 {/*width: 18%!important;*/display: none !important;}
  .DnnModule-Messaging-Details .smListings .ListCol-2 {width: 70% !important;padding-left: 5px;}
  .DnnModule-Messaging-Details .smListings .ListCol-3 {width: 25% !important;}
  .DnnModule-Messaging-Details .smListings .ListCol-3 ul li {line-height: 19px !important;height: auto !important;}

  /*===== REGISTRATION =====*/
  /*
  .DynamicRegistration_Textbox,
  .DynamicRegistration_Country,
  .DynamicRegistration_ComboBox,
  .DynamicRegistration_Password,
  #dnnDynReg .Country,
  #dnnDynReg .NormalTextBox,
  input#dnn_ctr1345_DynamicRegistration_TBR_GUIDdb9049a9-e632-47e6-8d14-b87bbebc53f3Password,
  input#dnn_ctr1345_DynamicRegistration_TBR_GUIDdfdae5f6-80f5-47e8-9d02-e0071b86cfb5DisplayName {width: 100% !important;}
  */

  /*===== LOGIN =====*/
  .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] {width: 100%;}

  #dnn_ctr1391_EmailItMain_imgbEmailIt {width: 100%;height: auto;display: block;margin: 0 auto;}

  /* Press Releases PagingTable */
  .articleListingHeader .PagingTable tr td a {display: inline;}

  /* PRAXIS resource repository */
  .copdf-praxis-comment-avatar {width: 15% !important;}
  .copdf-praxis-comment-detail {width: 80% !important;}
  ul.copdf-praxis-comment-list ul.copdf-praxis-comment-list .copdf-praxis-comment-detail {width: 70% !important;}

  /* COPDF and PRAXIS Blog */
  .copdf-blog-comment-avatar {width: 15% !important;}
  .copdf-blog-comment-detail {width: 80% !important;}
  ul.copdf-blog-comment-list ul.copdf-blog-comment-list .copdf-blog-comment-detail {width: 70% !important;}

  /* COPD Digest */
  .copd-digest-comment-avatar {width: 15% !important;}
  .copd-digest-comment-detail {width: 80% !important;}
  ul.copd-digest-comment-list ul.copd-digest-comment-list .copd-digest-comment-detail {width: 70% !important;}

  /*===== COPDF Video Gallery =====*/
  .pps-video-gallery-comment-avatar {width: 15% !important;}
  .pps-video-gallery-comment-detail {width: 80% !important;}
  ul.pps-video-gallery-comment-list ul.pps-video-gallery-comment-list .pps-video-gallery-comment-detail {width: 70% !important;}
}

/* between 361px and 390px */
@media (min-width: 361px) and (max-width: 390px) {
  .header-wrap {min-height: 160px;}
}
@media (max-width: 360px) {
  .header-wrap {min-height: 150px;}
}
/* 325px and below */
@media (max-width: 325px) {
  .header-wrap {min-height: 135px;}
  .logo img.mobile {margin: 10px 0 0 15px;}
  .cta-border {display: none;}
  #s-callout-wrap h2 {font-size: 32px;line-height: 36px;}
  img.left-float {float: none;text-align: center;}
}
/*=============================*/
/*=== END RANGE BREAKPONTS ===*/
/*=============================*/