/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (min-width: 320px) and (max-width: 768px) {
 #page {
    width: 100%;
    overflow: hidden;
  }
  .view-portal {
    width: auto;
  }
#branding {
  max-width: 605px !important;
}

#logo {
  width: 100%;
  max-width: 100%;
}
  #block-superfish-1 {
    width: auto;
	display: none;
  }

#content-column {
  background: #fff;
}

#block-block-20 {
	display: block;
 	border: 2px solid;
  	border-radius: 5px;
 	width: 40px;
  	height: 33px;
	padding-left: 7px;
}

#block-block-20 .block-inner {
	margin: 0;
}

#block-system-main-menu {
		display: block;
		text-align: center;
		margin: 0;
  		margin-top: 8px !important;
		background-color: #b2d235 !important;
		font-weight: 700!important;
		z-index: 999;
  		position: relative;
	}

	#block-system-main-menu ul.menu li {
		background: url() no-repeat scroll right 2px rgba(0, 0, 0, 0)!important;
 		border: 0 none;
  		display: block;
  		margin: 0;
  		border-bottom: 1px solid #fff;
		padding-bottom: 10px !important;
		padding-left: 10px !important;
		padding-top: 10px !important;
		float: none;
	}

	#block-system-main-menu ul.menu li.first {
		padding-top: 0;
	}

	#block-system-main-menu ul.menu li.last {
		border: none;
	}

	#block-system-main-menu ul.menu li a,
	.nolink {

		color: #FFFFFF;
  		font-family: "Lucida Grande",Arial,sans-serif;
  		font-weight: normal;
 		padding: 0px 0;
  		text-decoration: none;
  		text-transform: uppercase;
  		margin-bottom: 0px;
  		display: block;
		font-style: normal;
		cursor: pointer;
	}

  #dfp-ad-front_page_top_benner-wrapper,
  #block-block-14,
  .featured-ad-header,
  #block-search-api-page-node-search,
  /*.at-menu-toggle-button,*/
  .pane-dfp-nmp-large,
  #block-superfish-1:before,
  .pane-e-edition-national,
  .pane-front-page-mnn-video,
  .pane-dfp-article-page-300x250-block-1,
  .view-news-ticker{
    display: none !important;
  }

  #block-block-8 {
    margin-top: 0px !important;
    margin-bottom: 25px !important; 
  }

#menu-bar,
#block-superfish-1{
  background-color: white !important;
  box-shadow: none;
  margin: 0px !important;
}
 
#superfish-1-select {
 display: none !important;
}

.top-article .views-field-title {
  font-size: 1em;
  border-bottom: 45px solid #b2d235 !important;
  width: 95%;
}

.top-article .views-field-title:after {
  top:47px;
}

.view-display-id-block_2 .views-field-title {
  margin-bottom: 10px;
}

.view-display-id-block_2 .views-field-title a{
 font-size: 1em !important;
}

.fp-panel-top-article .more-link,
.top-two-block-fp .more-link {
  margin-bottom: 25px !important;

}

.view-portal {
}

.article-banner {
  font-size: 1.5em !important;
  border-bottom: 35px solid #b2d235 !important;
  width: 145%;
}

.article-banner:after {
  top: 38px !important;
}

.middle-four-block-fp {
  height: 200px;
}

.middle-four-block-fp h2.pane-title {
  width: 150%;
}

.middle-four-block-fp .views-field-title a {
  font-size: 1em !important;
}

.region-two-brick-middle {
  margin-top: 10px !important;
}

.pane-blog {
  border: none;
}

#nmp-front-panel .region-two-33-66-second {
  margin: 0;
  margin-top: 50px;
}
  
  /* 
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   * 
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */

   
  
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }

.view-feature-of-the-week .view-content {
  clear: both;
  float: none;
  margin: 0;
  max-width: auto;
}
#block-block-8 {
  margin: 0 !important;
  float: right;
  text-align: right;
  margin-top: -51px !important;
  margin-bottom: 0 !important;
}
#menu-bar {
  height: auto;
}
.pane-feature-of-the-week {
  padding: 0 0 50px;
  margin-top: 0px;
}

.at-mt .at-menu-toggle-button {
	position: relative !important;
	margin-top: -10px;
}

.field-name-field-feature-image {
	display: none;
}

.at-mt .menu-toggle, #superfish-1 {
  font-size: 0.7em;
}
#menu-2467-1 ul {
  display: none !important;
}
img {
  max-width: 320px;
}
.article-banner {
  font-size: 1em !important;
}
.pane-title, .article-banner {
  text-align: center !important;
  width: 100% !important;
}

.image-style-top-news-article-image {
  margin: 0;
}

.two-33-66 > .region-two-33-66-first {
	width: 100%;
 	text-align: center;
  	padding-top: 10px;
}

.kWidgetIframeContainer {
	margin:0 auto;
}

#nmp-front-panel.two-33-66 > .region-two-33-66-second,
.region-three-33-second,
.region-three-33-third,
.fp-top-block-categories-attach,
.two-66-33 > .region-two-66-33-first {
	width: 100% !important;
}

.pane-events, .pane-blog, .pane-mortgage-jobs {
	max-width: none;
}

div.pane-bottom-subject-area .pane-bottom-content-grid,
.fp-top-block-categories {
	max-width: 100%;
}

.node-type-story #page-title {
	width: 100%;
}

.pane-node-created {
	float: right !important;
	width: 50% !important;
}

.pane-node-author {
	margin-left: 0 !important;
  margin-bottom: 0 !important;
  margin-top: -5px !important;
  width: 50% !important;
  clear: none !important;
}

}




/*
 * Tablet sizes and up
 */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
	.three-3x33 > div.region-three-33-first {
		float: left;
		clear: both;
		width: 33%;
	}

	.three-3x33 > .region {
		width: 33%;
		float: left;

	}



} 

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	#nmp-front-panel.two-33-66 > .region-two-33-66-second {
                width: 58.6%!important;
                float: right;
        }
	
	.top-article .views-field-title, .article-banner {
                max-width: 98%;
        
        }

	#block-superfish-1 {
		margin: 8px -20px 0 10px!important;
		width: 97%;
	}

	

}
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */