/* Wide Screen */ 
@media only screen and (max-width: 1680px) { }

/* Desktop */ 
@media only screen and (max-width: 1280px) { }

/* Tablet Wide + iPhone 5 Landscape*/ 
@media only screen and (max-width: 1023px)  { 
  
.view-screening-tools-list.view-display-id-block, .view-screening-tools-list.view-display-id-block_1 { text-align: center; }
.view-screening-tools-list.view-display-id-block .views-row,
.view-screening-tools-list.view-display-id-block_1 .views-row {
  float: none;
  display: inline-block;
  text-align: left;
  margin: 0 10px 20px 10px;
}
#node-694 .intro img { float: none !important; display: block; margin: 0 0 15px 0 !important; }
.page-eform-submit .content-area form { width: auto; }
.page-eform-submit .content-area .form-wrapper .form-wrapper { padding: 0; }
#field_collection_item_field_survey_questions_form_group_survey .form-wrapper { float: none; width: auto; }
#field_collection_item_field_survey_questions_form_group_survey textarea { width: 100%; max-width: 100%; } 
.form-item .description { line-height: normal; font-size: 1em; }
.group-answers .field .field-label { float: none; width: auto; display: block; }
.group-answers .field .field-items { margin-left: 0; }

.wrap { width: auto; }

#top-header .text-reset { padding: 0 2em; }
#main { padding: 2em 1.5em; }

#logo img { width: 70%; height: auto; }

#top-header { padding: 15px 0 0; }
#top-right { padding: 20px 0 0; }
  
.two-sidebars .center, 
.sidebar-second .center { margin: 0; }
  
#sidebar-first,
#sidebar-second {
  float: none;
  margin: 0;
  width: 100%; }

/*---- Navigation -----*/
#mobile-nav-button {
  background: url("../images/mobile-nav.gif") no-repeat scroll left top #4D90CD;
  clear: both;
  color: #FFFFFF;
  cursor: pointer;
  display:block;
  float: left;
  font-family: 'cabin condensed',sans-serif;
  font-size: 17px;
  font-weight: 400;
  height: 36px;
  margin: -45px 0 0;
  padding: 16px 0 0 87px;
  position: relative;
  width: 72px;
  z-index: 100; }

#mobile-nav-button.active { background: url('../images/mobile-nav.gif') no-repeat scroll left bottom #4D90CD; }

#navigation {
  position: absolute;
  left: -100%;
  width: 100%;
  z-index: 600;
  margin-top: -15px; }

#navigation ul.sf-main-menu li { float: none; }
#block-superfish-1 { background-color: #1CA1CF; height: auto; }
#navigation .wrap { padding: 0 19px 0 20px;}
#navigation ul.sf-main-menu li a { border-top: 1px solid #FFFFFF; }
#navigation ul.sf-main-menu li { width: 100%; }

#navigation ul.sf-main-menu li ul {
  background: none repeat scroll 0 0 #E0A75C;
  border: 0 none;
  display: none;
  height: auto;
  left: auto !important;
  margin: 0;
  padding: 0;
  position: relative; }
  
#navigation ul.sf-main-menu li.sfHover ul { display: block; }
#navigation ul.sf-main-menu li.sfHover ul li { float: none;  width: auto; }

#navigation ul.sf-main-menu li ul li a { display: block; padding: 10px; }
  
#navigation ul.sf-main-menu li ul, 
#navigation ul.sf-main-menu li ul li {  width: auto !important; border-top: none; }

#navigation ul.sf-main-menu li .block {
  display: none !important;
  visibility: hidden !important; }
  
#navigation ul.sf-main-menu li ul {  margin-left: 0 !important; }

#navigation ul.sf-main-menu li ul, 
#navigation ul.sf-main-menu li ul li {
  float: none !important;
  padding: 0 !important; }

#navigation .title, #navigation .text {
  display: none !important;
  visibility: hidden !important; }

#navigation ul.sf-main-menu li a.sf-depth-2, 
#navigation a.sf-depth-2 {
  background: none repeat scroll 0 0 #e6e6e6;
  border-top: 1px solid #015697;
  color: #015697;
  display: block;
  font-size: 1.3em;
  padding: 12px;
  text-align: center; }
  
#navigation ul.sf-main-menu li a.sf-depth-2:hover, 
#navigation a.sf-depth-2:hover {
  background-color: #015697;
  color: #FFFFFF; }
  
#navigation ul.sf-main-menu li ul li ul { display: none !important; }

/*-----  Homepage Slideshow ------*/

#home-slideshow {
  width: 100%;
  height: auto;
  overflow: hidden; }

#block-views-homepage_slideshow-block { margin-right: 0; }

#home-slideshow .slide-image-container,
#home-slideshow .views-row {
  width: 100%;
  height: 380px;    
  background-size: 100%; } 

/*------  Secondary Slideshow ------*/

#block-views-homepage_slideshow-block_1 { width: 53%; margin-right: 0; }
#block-views-homepage_slideshow-block_1 .views-row,
#block-views-homepage_slideshow-block_1 .slide-image-container {
  width: 100%;
	height: 288px;
  background-size: auto; }

/*----- Advocacy Network Block -----*/

#block-block-6 {
  background: url("../images/single-column-box-shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  height: 134px;
  margin-right: 0;
  padding: 0 0 13px;
  width: 53%; }

#block-block-6 #network-container {
  background-color: #FFFFFF;
  height: 135px;
  padding: 0 0 0 15px;
  width: auto; }
  
#block-block-6 h2 {
  color: #005696;
  font-family: "proxima-nova",sans-serif;
  font-size: 2.3em;
  font-weight: 500;
  line-height: 0.9em;
  padding-top: 39px;
  padding-right: 10px; }
#block-block-6 #network-container .join-today,
#block-block-6 #network-container .join-today,
#block-block-6 #network-container .network-text { display: none; }

/*------  Resources Block ------*/

#block-block-7 {
  background: url("../images/single-column-box-shadow.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  float: left;
  height: 134px;
  margin-right: 0;
  padding: 0 0 13px;
  width: 53%; }
  
#block-block-7 #resources-container {
  background-color: #FFFFFF;
  height: 135px;
  padding: 0 0 0 15px;
  width: auto; }
  
#block-block-7 .resources-icons { display: none; }

#block-block-7 .resources-text {
  font-size: 1.6em;
  padding-right: 15px; }

/*----- Donation Button -----*/
#block-block-10 { height: 59px; width: 215px; }
#block-block-10 p a {
  background: url("/sites/all/themes/bwm_njord/images/donate-button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  height: 59px;
  text-decoration: none;
  width: 215px; }

/*------ Find MHA Block -----*/

#block-block-19.block.find-affiliate { width: 100%; }

.block.find-affiliate {
  background: url("../images/single-column-box-shadow.png") no-repeat scroll center bottom transparent;
  float: left;
  margin: 15px 0 0 0;
  padding: 0 0 13px;
  width: 49%; }
  
.block.find-affiliate .content {
  background: url("../images/state-bg-icon.png") no-repeat scroll right 18px #FFFFFF;
  padding: 15px 15px; }

.block.find-affiliate input { width: 40%; }
.block.find-affiliate form#address { margin-top: 9px; }

.block.find-affiliate .content .field-name-body {
  margin-top: 0;
  padding-bottom: 0; }

.block.find-affiliate .content p {  padding: 8px 0 0 50px; }

/*------ Join Mailing List Block -----*/

.block.mailing-list {
  background: url("../images/single-column-box-shadow.png") no-repeat scroll center bottom transparent;
  float: right;
  margin: 15px 0 0 0;
  padding: 0 0 13px;
  width: 49%; }
  
#block-block-20.block.mailing-list { width: 100%; }

.block.mailing-list input { width: 60%; }

.block.mailing-list .content { background: url("../images/letter-bg-icon.png") no-repeat scroll right -6px #FFFFFF; }  

/*----- News Block -----*/
#block-views-home_carousel-block .view-home-carousel .view-content { width: 565px !important; }
#block-views-home_carousel-block { 
  background: url("../images/single-column-box-shadow.png") no-repeat scroll center bottom transparent;
  padding: 0 0 6px; }

/*----- Social Media Block -----*/
#block-views-tweets-block_1 {
  background: url("../images/twitter-bubble-small.png") no-repeat scroll right top transparent;
  float: right;
  margin-top: -60px;
  margin-right: -4px;
  padding: 48px 0 35px;
  width: 320px; }

#block-views-tweets-block_1 .view-id-tweets { 
  padding-right: 0;
  margin-right: 0;
  width: 285px;
  height: 135px;
  overflow:hidden;  }

#block-views-tweets-block_1 .view-tweets .views-row-2 { display: none; }
#block-block-12 { float: right; margin-right: 0; width: 305px }
#block-block-12 .facebook-icon-large,
#block-block-12 .twitter-icon-large { float: left; margin-right: 17px; }
  
/*----  Footer -----*/
#footer { display: none; } 
#bottom {  padding: 35px 15px 45px; }
#block-menu-menu-secondary-footer-menu { float: left; padding: 30px 0 0 30px; width: 60%; }
#bottom #block-block-1.copyright { float: left; padding: 35px 0 0 30px; width: 65%; }
#bottom #block-block-21 { width: 65%; }

/*----- Interior Banner -------*/
.not-front #content-top #block-views-interior_banner-block { margin: 0 auto 23px;  width: 665px; }


}

/* Tablet Portrait */
@media only screen and (max-width: 768px), screen and (max-width: 1136px) and (device-aspect-ratio: 40/71) {

#logo img { width: 172px; }

/*------ Search Box -----*/
#top-nav .block-search { display: none; }
#top-header a#mobile-search { 
  display: block;
  background: url("../images/mobile-nav.gif") no-repeat scroll right top #4D90CD;
  color: #FFFFFF;
  cursor: pointer;
  font-family: 'cabin condensed',sans-serif;
  font-size: 17px;
  font-weight: 400;
  height: 36px;
  margin: -45px 0 0;
  float: left;
  border-left: 1px solid #f2eee7;
  padding: 16px 0 0 83px;
  position: relative;
  width: 72px;
  z-index: 100; }

/*------ News Carousel -------*/
#block-views-home_carousel-block h2 { font-size: 2.1em; }
  
/*------  Lower Slideshow -----*/
#block-views-homepage_slideshow-block_1 .views-row, 
#block-views-homepage_slideshow-block_1 .slide-image-container {  background-size: auto; }

#bottom #block-block-21 { float: left; width: 100%; }

/*----- Social Media & Twitter Block -----*/
#block-block-12 {
  clear: both;
  float: left;
  margin-left: 0;
  margin-right: 0;
  width: 305px; }
  
#block-views-tweets-block_1 {
  clear: both;
  float: left;
  margin-left: -6px;
  width: 320px; }

/*----- Interior Banner -------*/
.not-front #content-top #block-views-interior_banner-block { margin: 0 auto 23px;  width: auto; }

}


@media only screen and (max-width: 710px) {

/*------ News Carousel -------*/
#block-views-home_carousel-block .view-home-carousel .view-content { width: 275px !important; }
/*-------Home Slideshow -----*/
#home-slideshow .slide-image-container, #home-slideshow .views-row { background-size: auto ; }
/*----- Middle Blocks -------*/
#block-block-6 { width: 100%; margin-bottom: 10px; }
#block-block-6 h2 { font-size: 2.5em; padding-top: 49px; }
#block-block-7 { clear: both;  width: 100%; }
#block-block-7 .resources-text { font-size: 1.4em; }
#block-block-8 { float: left; margin-bottom: 20px; }
#block-block-8 { clear: both; float: left; width: 100%; }
#block-block-8 .get-inolved-events { float: right; margin-bottom: 0; margin-right: 0; width: 25%; }
#block-block-8 .get-inolved-text img,
#block-block-8 .get-inolved-volunteer img,
#block-block-8 .get-inolved-events img,
#block-block-8 .get-inolved-donate img { width: 93%; }
#block-block-8 .get-inolved-donate { float: left; margin-bottom: 0; margin-right: 0; width: 25%; }
#block-block-8 .get-inolved-text,
#block-block-8 .get-inolved-volunteer { margin-right: 0; width: 25%; }

}

@media only screen and (max-width: 610px) {

#mobile-nav-button {
  background: url("../images/mobile-nav.gif") no-repeat scroll left top #4D90CD;
  clear: both;
  display:block;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-family: 'cabin condensed',sans-serif;
  font-size: 17px;
  font-weight: 400;
  height: 36px;
  margin: 8px 0 0;
  padding: 16px 0 0 87px;
  position: relative;
  width: 72px;
  z-index: 100; }

#top-header a#mobile-search {
  background: url("../images/mobile-nav.gif") no-repeat scroll right top #4D90CD;
  border-left: 1px solid #F2EEE7;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
  float: left;
  font-family: 'cabin condensed',sans-serif;
  font-size: 17px;
  font-weight: 400;
  height: 36px;
  margin: 8px 0 0;
  padding: 16px 0 0 83px;
  position: relative;
  width: 72px;
  z-index: 100;
}

#top-right { width: 140px; }

/*-----  Top Header ----*/
#block-block-11 { display: none; }
#block-block-10 { float: right; width: 100px; margin-top: 0; }
#block-block-10 .donate-button a {
  background-color: #D3222A;
  font-size: 1.1em;
  font-weight: 600;
  height: auto;
  padding: 15px 7px 15px 7px;
  text-decoration: none;
  width: auto; }

/*---- Find MHA & Join Newsletter Blocks ----*/
.block.find-affiliate { width: 100%; }
.block.mailing-list { float: left; width: 100%; }
.block.mailing-list input { width: 65%; }
 
/*------  Lower Slideshow -----*/

#block-views-homepage_slideshow-block_1 { width: 100%; }
#block-views-homepage_slideshow-block_1 .views-row, 
#block-views-homepage_slideshow-block_1 .slide-image-container {  background-size: auto; }
  
}

/* Phones + iPhone 5 Horizontal Retina Display */
@media only screen and (max-width: 480px) {
  
#mobile-nav-button {
  background: url("../images/mobile-nav.gif") no-repeat scroll left top #4D90CD;
  clear: both;
  display:block;
  color: #FFFFFF;
  cursor: pointer;
  float: left;
  font-family: 'cabin condensed',sans-serif;
  font-size: 17px;
  font-weight: 400;
  height: 36px;
  margin: 0;
  padding: 16px 0 0 87px;
  position: relative;
  width: 72px;
  z-index: 100; }
  
#mobile-nav-button.active { background-color: #231F20; }

#navigation {
  left: -100%;
  margin-top: 0;
  position: absolute;
  width: 100%;
  z-index: 600; }
  
.breadcrumb { display:none; }

/*------  Top Nav ---------*/
#block-menu-menu-secondary-menu ul.menu li.first { display: none; }

#top-nav .wrap { padding: 0 20px; }
#block-menu-menu-secondary-menu { width: 100%; }
#top-nav ul.menu { margin: 0; float: right; }
#top-nav ul.menu li { margin: 0 20px 0 0; padding: 0; }
#top-nav ul.menu li a { font-size: 11px; font-weight: normal; }

#top-nav .block-search { display: none; }
#top-header a#mobile-search { 
  display: block;
  background: url("../images/mobile-nav.gif") no-repeat scroll right top #4D90CD;
  clear: both;
  color: #FFFFFF;
  cursor: pointer;
  font-family: 'cabin condensed',sans-serif;
  font-size: 17px;
  font-weight: 400;
  height: 36px;
  margin: -52px 0 0;
  float: right;
  border-left: 1px solid #f2eee7;
  padding: 16px 0 0 66px;
  position: relative;
  width: 72px;
  z-index: 100; }

/*-----  Top Header ----*/
#block-block-11 { display: none; }
#block-block-10 { float: right; width: 100px; margin-top: 0; height: 75px; }
#block-block-10 .donate-button a {
  background-color: #D3222A;
  font-size: 1.1em;
  font-weight: 600;
  height: auto;
  padding: 15px 7px 15px 7px;
  text-decoration: none;
  width: auto; }

#top-right { width: 100px; }

/*----- Home Slideshow ---*/
#home-slideshow .slide-image-container, 
#home-slideshow .views-row { background-size: auto; height: 250px; }
#block-views-homepage_slideshow-block { margin-bottom: 105px; }
#home-slideshow .slide-caption .slide-caption-text { width: 100%; }
#home-slideshow .slide-caption {
  background: none;
  color: #666666;
  font-size: 1.1em;
  margin-bottom: -146px;
  padding: 7px 0 10px; }
  
#home-slideshow .slide-caption p { line-height: 17px; }

#home-slideshow .views-field-nothing { 
  height: 125px;
  bottom: -125px; }

/*---- Find MHA & Join Newsletter Blocks ----*/
.block.find-affiliate { 
  width: 100%;
  margin: 55px 0 0;  }

.block.mailing-list { float: left; width: 100%; }
.block.mailing-list input { width: 65%; }

/*---- News Block ----*/
#block-views-home_carousel-block { background: url("../images/single-column-box-shadow.png") no-repeat scroll center bottom transparent; }
#block-views-home_carousel-block .rss-icon { display: none; }
#block-views-home_carousel-block h2 { font-size: 1.3em; }
#block-views-home_carousel-block .view-content { width: 200px !important; margin: 25px 0 0 15px !important; }
#block-views-home_carousel-block .view-home-carousel .cycle-carousel-wrap .views-row.event .views-field-body, 
#block-views-home_carousel-block .view-home-carousel .cycle-carousel-wrap .views-row.policy-issue .views-field-body, 
#block-views-home_carousel-block .view-home-carousel .cycle-carousel-wrap .views-row.news .views-field-body {  width: 150px; }

#block-views-home_carousel-block .view-home-carousel .cycle-carousel-wrap .views-row.event .views-field-title, 
#block-views-home_carousel-block .view-home-carousel .cycle-carousel-wrap .views-row.policy-issue .views-field-title, 
#block-views-home_carousel-block .view-home-carousel .cycle-carousel-wrap .views-row.news .views-field-title { width: 150px; }

#block-views-home_carousel-block .view-home-carousel .view-header #cycle-prev2 {
  background: url("../images/blue-med-news-prev.png") no-repeat scroll left center #FFFFFF;
  border-top: 1px solid #F2EEE7;
  float: left;
  margin: 220px 0 0;
  padding: 15px 0;
  position: absolute;
  width: 50%;
  text-indent: 0;
  text-align: center;
  color: #005696;
  font-family: "museo-sans",arial,sans-serif;
  font-size: 1.3em;
  font-weight: 500;  }
  
#block-views-home_carousel-block .view-home-carousel .view-header #cycle-next2 {
  background: url("../images/blue-med-news-next.png") no-repeat scroll right center #FFFFFF;
  border-top: 1px solid #F2EEE7;
  float: right;
  margin: 220px 0 0 0;
  right: 0;
  padding: 15px 0;
  position: absolute;
  width: 55%;
  text-indent: 0;
  text-align: center;
  color: #005696;
  font-family: "museo-sans",arial,sans-serif;
  font-size: 1.3em;
  font-weight: 500;  }

#block-views-home_carousel-block { height: 337px; }

#block-views-homepage_slideshow-block_1 .slide-caption-text { padding-right: 0; }


/*-----Lower Blocks -----*/

#block-block-6 { width: 100%; margin-bottom: 10px; }
#block-block-6 h2 { font-size: 2.1em; padding-top: 25px; }
#block-block-7 { clear: both;  width: 100%; }
#block-block-7 .resources-text { font-size: 1.4em; }
#block-block-8 .get-inolved-events { float: right; margin-bottom: 0; margin-right: 0; width: 50%; }
#block-block-8 .get-inolved-text img,
#block-block-8 .get-inolved-volunteer img,
#block-block-8 .get-inolved-events img,
#block-block-8 .get-inolved-donate img { width: 93%; }
#block-block-8 .get-inolved-donate { float: left; margin-bottom: 0; margin-right: 0; width: 50%; }
#block-block-8 .get-inolved-text,
#block-block-8 .get-inolved-volunteer { margin-right: 0; width: 50%; clear: left; }

/*---- Social Media Blocks ------*/
#block-block-12,
#block-views-tweets-block_1 { display: none; }


/*------ Footer --------*/
#block-gtranslate-gtranslate {
  background: url("/sites/all/themes/bwm_njord/images/google-translate.png") no-repeat scroll 4px 4px transparent;
  clear: both;
  float: left;
  margin-top: 25px;
  padding-left: 134px;
  width: 155px; }

#block-menu-menu-secondary-footer-menu { 
  float: left; 
  width: 100%;
  padding: 25px 0 0 0; }
#block-menu-menu-secondary-footer-menu ul.menu li {  margin-bottom: 10px; }
#bottom #block-block-1.copyright { 
  float: left; 
  width: 100%;
  padding: 25px 0 0 0; }
  
#bottom #block-block-21 { float: left; width: 100%; }

#block-block-17 { display: block; float: right; }
#block-block-17 p a { clear: both; }
#block-block-17 .social-inspire { margin-bottom: 3px; border: 1px solid #4774b1; }
#block-block-17 .social-twitter,
#block-block-17 .social-facebook,
#block-block-17 .social-pintrest,
#block-block-17 .social-youtube { margin-bottom: 3px; }

  
}