@media only screen and (min-width: 968px) {

	body.bp.popoutOpen div#theMasterWrapper {
		left: 0;
		right: 209px;
		width: auto;
	}
	body.popoutOpen div#theMegaWrapper {
		width: auto;
		margin-right: 209px;
	}
	body.bp.popoutOpen div#theMegaWrapper {
		margin-right: 0;
	}
	body.scrolledDown.popoutOpen div#theBannerWrapper {
		right: 209px;
	}
	
	#theLinkColumnPanel dl.linkColumn{
	/*-webkit-box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 0 6px 1px rgba(0, 0, 0, 0.1);*/
		right: 0;
		left: auto;
		border-left: 1px solid #eee;
		border-right: 0px solid #eee;
	}
}

@media only screen and (max-height: 500px) {
	.leaderboardWrapper div.leaderboard img {
		max-height: 72px !important;
		height: auto !important;
		width: auto !important;
	}
	div.leaderboard {
		text-align: center;
	}

}
@media only screen and (max-height: 500px) and (max-width: 600px) {
	.leaderboardWrapper div.leaderboard img {
		width: 91% !important;
	}
}

@media only screen and (max-width: 758px) and (max-height: 500px) {
	div#theLogo.familyLogo img { width: 65% !important; height: auto; }
}


@media only screen and (max-width: 967px) {
	
	.addFirst {
		display: initial;
	}
	td.addFirst, th.addFirst {
		display: table-cell;
	}
	.cutFirst {
		display: none;
	}
	
	#theFancyBox tr#theFbButtonRow th#theFb_specialneeds_cell {
		width: 16% !important;
	}
	#theFancyBox tr#theFbButtonRow th#theFb_tutoring_cell, 
		#theFancyBox tr#theFbButtonRow th#theFb_camps_cell, 
		#theFancyBox tr#theFbButtonRow th#theFb_calendar_cell {
		width: 10% !important;
	}
	#theFancyBox tr#theFbButtonRow th#theFb_activities_cell {
		width: 11% !important;
	}

	
}

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

/*temporarily disabled until it's finished*/
	div.sectionsToggler {
		display: none;
	}
	
	#theArticle .miniLogo img {
	max-width: 35%;
	height: auto;
	}
	
	#theArticle .miniLogo img {
	max-width: 35%;
	height: auto;
	}
	
	#theFancyContent .menu {
	text-align: left;
	}
	
	#theSimpleLogoBarWrapper {
		padding: 1em;
	}
	#theSimpleLogoBar .logoCell img, .bp #theSimpleLogoBar .logoCell img {
		width: 90%;
	}
	#theSimpleLogoBar .logoCell h5 img {
		width: auto;
	}
	td.sectionsToggler {
		background-size: 60%;
	}
	
	#theSectionHead h1 .thumb {
		display: none;
	}
	
	body {
		width: 100%;
		top: 0;
		margin: 0;
	}
	
	/*.leaderboard { display: none; }*/
	
	#theMobileLogo {
		display: inline;
	}
	
	.family .aListingsPage div#thePage {
		width: auto;
	}
	
	.aListingsPage div#theSectionColumn, .aListingsPage .queens div#theSectionColumn, .aListingsPage .bronx div#theSectionColumn{
		width: auto !important;
	}
	
	.aListingsPage div#theColumns {
		margin-right: 0;
	}
	
	#theAdColumn, div#theModulebar, .boroDealModule, #theSearchBar, #fv-div, #altsDate, #altsPrint, #altsFeeds, .todaysNewsBar, #theTopSpacer, #thePrimaryLogo, #theLinkColumn, #theFbWrapper, #theRightWrapper, #theHeaderCredit, #theWinnerSealArea, .editPanel, .sideBarFiller, #theSlogan, body.queens #theLogo, body.queens #theSubBannerWrapper {
		display: none;
	}
	
	#theMegaWrapper {
		top: 0;
	}
	
	#theMasterWrapper, .divider h1, .nibble {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	div#theModulebar #theListingsSearchBar, div#theModulebar #theBarOfBars, #theSelectedBar, #theBarOfBars h2+#theSelectedBar, #theMobileLinks, .mobileOnlyAd, #theLinkColumnOpener, .moreLink, .mobileLink, .bigMobileOnly, .anyMobileOnly, #theSimpleLogoBarWrapper {
	display: block;
	}
		
	div#theMegaWrapper, div#theSubBannerWrapper, div#theSubBanner, div#theMasterWrapper, div#theBannerWrapper, div#thePage, div#theContent, div#theSectionColumn, div#theLeadColumn, .divider, div#theNewsColumn, .neu div#theNewsColumn, .neu div#theSectionColumn, div#theHub {
	
		width: 100%;
		border: 0;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
		position:relative;
		min-width: 0;
		max-width: none;
	}
	
	div#theColumns {
		width: auto;
		padding: 0;
		margin: 0;
	}
	
	#theAlts {
		text-align: center;
		margin-bottom: 6px;
		margin-right: 0px;
	}
	
	#theAlts div, #theAlts div a {
		float: none;
	}
	
	#theAlts a {
		float: none;
		display: inline;
		white-space: nowrap;
		/*line-height: 14px;
		line-height: 1.5em;
		margin-bottom: 3px;
		margin-top: 12px;*/
	}
	
	.theArticle #theBrooklynPaperRadioBox, .theArticle .radioPromo {
		padding: 0;
		border-width: 0;
	}
	
	div#theBannerWrapper, div#theBanner {
		background-image: none;
	}
	
	/*div.module, div#theModulebar,*/ dl#theLinkColumn, .listingsList, div#theListingsColumnSpot {
	width: 100%;
	}
	
	/*div.photoModule div.module, .theRelated, .theRaters {
	width: auto;
	}*/
	
	div.module, div.module .base {
	background-image: none;
	}
	
	dl#theLinkColumn {
	border: none; 
	}
	
	div#theNewsColumn, div#theListingsColumnSpot {
	padding: 3px 8px 0;
	position: relative;
	width: auto;
	}
	
	.prevstory {
		margin-left: 8px;
	}
	
	.nextstory {
		margin-right: 8px;
	}
	
	ul#theMobileLinks {
	margin: 0;
	width: 100%;
	}
	
	/*ul#theMobileLinks li {
	margin: 0;
	font-size: 1em; line-height: 1.8em;
	display: inline;
	padding: 0;
	white-space:nowrap;
	}*/
	
	ul#theMobileLinks li {
	background-color: #e0e0e0;
	border: 0px solid #fff;
	padding: 0;

	width: 33%;
	text-align: center;
	}
	
	ul#theMobileLinks li.center {
		width: 100%;
	}
	
	ul#theMobileLinks li.left {
		float: left;
		border-right-width: 1px;
	}
	
	ul#theMobileLinks li.right {
		float: right;
		border-left-width: 1px;
	}
	
	ul#theMobileLinks li a {
		display:block;
		padding: .3em 0;
	}
	
	ul#theMobileLinks li a:active {
		color: #000;
		background-color: #c0e6ff;
	}
	
	
	div#theBannerWrapper {
	position:relative;
	padding: 0;
	min-height:0px;
	height: auto;
	}
	
	div#theSubBannerWrapper {
	display: block;
	position:relative;
	padding: 4px 0 6px;
	min-height:0px;
	height: auto;
	width: auto;
	}
	
	div#theSubBanner {
	height: auto;
	top: 0;
	}
	
	div#theLogo {
	width: auto;
	height: auto;
	position: relative;
	text-align: center;
	padding: 4px 0;
	margin-top: 0;
	}
	
	div#theLogo.promLogo {
	padding-bottom: 0;
	}
	
	div#theLogo img {
	padding: 10px 8px;
	width: 90%;
	}
	
	div#theLogo.promLogo img {
	padding-bottom: 0;
	}
	
	.newsCover {
		margin-left: 1em;
		margin-right: 1em;
	}
	
	div#theAdBar, div#theSectionAdBar {
	height: auto;
	float: none;
	left: 0;
	margin: 0 auto;
	text-align: center;
	}
	#theTopmostAdBar div.leaderboard, #theAdBar div.leaderboard {
	margin-top: 1em;
	}
	#theTopmostAdBar div.leaderboard, #theAdBar div.leaderboard, footer#theBottomLeaderboard div.leaderboard {
	height: auto !important;
	width: 100% !important;
	}
	div#theBanner {
	position:relative;
	top: 0;
	width: 100%;
	min-width: 0px;
	max-width: none;
	height: auto;
	}
	div#theNewsWrapper {
		padding: 4px 8px 0;
		border: none;
		margin-top: 6px;
		margin-left: 0;
		width: auto;
	}	
	.column>div.leadStory, .column>div.leadPhoto, .column>div.otherStory, .column>div.storyTable, .column>div.blockArea {
		margin-left: 10px; margin-right: 10px;
	}
	
	.neu .column>div.leadStory, .neu .column>div.leadPhoto, .neu .column>div.otherStory, .neu .column>div.storyTable, .neu .column>div.blockArea {
		margin-left: 0px; margin-right: 0px;
	}
	
	.neu div#theLeadColumn {
		width: auto;
		margin-left: 10px; margin-right: 10px;
	}
	
	.divider {
		padding-top: 1em;
	}
	
	.blockArea .divider {
		padding-top: 0;
	}
	
	.blockArea {
		margin: 0;
	}
	.sidebar {
		margin-right: 1em;
	}
	div#theSectionWrapper, .aListingsPage #theColumns {
		margin-left: 0;
	}
	
	/*.aListingsPage #theModulebar, .aListingsPage .module {
		display: block;
		width: 140px;
	}
	
	.aListingsPage #theModulebar .module .story img, .aListingsPage #theModulebar .module .photo img {
		width: 160px;
		height: auto;
	}
	
	.aListingsPage #theModulebar .module h1.logog img {
		width: 90%;
		height: auto;
	}*/
	
	.aListingsPage #theDiningNewsBox {
		display: none;
	}
	
	/*.aListingsPage #theModulebar {
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	
	
	.aListingsPage .filtersBar, #theBarOfContrib, .aListingsPage #theClassifiedsModule, .aListingsPage .photoModule, .aListingsPage .module, #theDiningNewsBox {
		display: none;
	}
	
	.aListingsPage .filtersBar#theListingsCalendarBar, .aListingsPage .filtersBar#theListingsSearchBar {
		display: block;
	}
	
	.aListingsPage div#theSectionColumn, .aListingsPage .queens div#theSectionColumn, .aListingsPage .bronx #theSectionColumn {
		width: auto !important;
		margin-right: 8px;
		margin-top: 1em;
	}
	.aListingsPage .queens #theLeadColumn, .aListingsPage #theLeadColumn, .aListingsPage .courier #theLeadColumn, .aListingsPage .queens #theLeadColumn, .aListingsPage .bronx #theLeadColumn{
		width: auto !important;
		margin-right: 140px;
	}*/
	
	.aListingsPage .fb-like-box {
		display: none;
	}
	
	.aListingsPage #theLeadColumn, .aListingsPage #theListingsColumnSpot, .aListingsPage .listingsList {
		width: auto !important;
	}
	
	.aListingsPage .theActualComment {
		width: 95%;
	}
	
	.aListingsPage table.commentEntry {
		width: 95%;
	}
	
	.aListingsPage table.commentEntry td.commentInput input {
		width: 100%;
	}
	
	#theSectionAdBar div {
		border-width: 0;
	}
	
	div#theLogo img#theBannerHotSpot {
		padding: 0;
	}
	div#theLogo h5 img {
		width: auto; height: auto;
		padding: 0;
		margin-bottom: -8px;
	}
		
	.GREEN div#theBannerWrapper {
		background-image: none;
	}
	div#theLogo.caribLogo img#theBannerHotSpot {
		display: none;
	}

	#theSectionAdBar div.leaderboard {
		border-width: 0;
	}
	
	div.leaderboard img, div.leaderboard embed, div.leaderboard iframe, div.wideLeaderboard img, div.wideLeaderboard embed, div.wideLeaderboard iframe { width: 91% !important; height: auto !important; overflow: hidden; }
	div.leaderboard embed, div.wideLeaderboard embed { height: 90px !important; }
	div.leaderboard, div.wideLeaderboard { text-align: center; overflow: hidden; }
	#theTopmostAdBar { width: 100%; padding-top: 10px; overflow: hidden; }
	#theAdBar, #theSectionAdBar { width: auto; overflow: hidden; }
	
	div#theLogo img { width: 80%; height: auto; }
	div#theLogo.barBatLogo img { width: 60%; height: auto; }
	div#theLogo.westchesterLogo img { width: 80%; max-width: 240px; height: auto; }
	div#theLogo.familyLogo img { width: 80%; height: auto; }
	div#theLogo.prideLogo img { width: 30%; height: auto; }
	div#theLogo.caribLogo img { width: 100%; height: auto; padding: 0; }
	div#theLogo.caribLogo { width: 100%; height: auto; padding: 0; margin: 10px 0 0; }
	
	
	#theFancyBox tr#theFbButtonRow th#theFb_familydirectory_cell {
		width: 18% !important;
	}
	#theFancyBox tr#theFbButtonRow th#theFb_magazines_cell {
		width: 20% !important;
	}
	#theFancyBox tr#theFbButtonRow th#theFb_calendar_cell {
		width: 12% !important;
	}
	
	th#theFb_reallifeweddings_cell, th#theFb_health_cell {
		display: none;
	}
	
	/*#theFb_magazines_cell button.fbUnsel, #theFb_calendar_cell button.fbUnsel {
		background-color: #6DC7FF;
		color: #7F32CF;
	}*/
	
	#topLinks {
		display: block;
	}
	
	.utility #theLeadColumn {
		width: auto; margin: 8px;
	}
	
	.theArticle #theLinkColumn {
		display: block;
	}
	
	.theArticle .tower {
		float: left;
		clear: left;
		width: 120px;
		margin: .5em 1.25em .5em 0;
	}
	
	.area440 .box {
		float: left !important;
		margin-left: 0;
		margin-right: 0;
	}
	
	.boxAdArea.area260, .boxAdArea.area120 {
		padding: 1em 0;
	}
	
	.aListingsPage .boxAdArea {
		display: none;
	}
	
	
	.area580 { width: 580px; }
	.area440 { width: 440px; }
	.area300 { width: 300px; }
	.area260 { width: 260px; }
}


/*@media only screen and (max-width: 800px) {
	div#theLogo img { width: 70%; }
}*/

@media only screen and (max-device-width: 768px) {
	.socialButtons, .socialButtonsBottom { display:none; }
}

@media only screen and (max-width: 700px) {
	th#theFb_lovestories_cell, th#theFb_projects_cell {
		display: none;
	}
	
	#theBrooklynPaperRadioBox {
		width: 60%;
	}
	
	#dfpLeader {
		display: none;
	}
}


@media only screen and (max-width: 600px) {
	
	#theFancyContent ul.subcats li {
	display: block;
	margin-right: 0;
	text-align:center;
	}
	#theFancyContent .menu {
		padding: 8px 15% 6px;
	}
	
	#theBrooklynPaperRadioBox {
		width: 50%;
	}
	
	.alerter, .alerter.fb {
	float: none;
	width: auto;
	padding: 2px 3% 12px;
	}	
	
	#theListingsSearcher {
		width: 25% !important;
	}
	#theListingsSearchHole {
		width: 70% !important;
	}
	
	.calendarBox, .nonCalendars {
		float: none;
		width: auto;
	}
	.fancyBoxCalendar, .fbflex  {
		display: block !important;
		min-width: 0 !important;
		width: auto !important;
	}	
	.fancyBoxCalendar .calendarBox {
		margin-left: auto !important; margin-right: auto !important;
	}
	
	.likeus {
	text-align: left;
	}
	
	.embedded {
		width: 25%;
	}
	.embedded img {
		width: 100%;
		height: auto;
	}
	
	.bigOnly {
		display: none;
	}
	.smallOnly {
		display: block;
	}
	span.smallOnly {
		display: inline;
	}
	
	.addSecond {
		display: initial;
	}
	td.addSecond, th.addSecond {
		display: table-cell;
	}
	.cutSecond, .cutSecond.addFirst {
		display: none;
	}

	div.leaderboard embed, div.wideLeaderboard embed { height: 68px !important; }
	
	#theSectionHead img {
		width: 90%;
		height: auto;
	}
	
	.zoomPhoto {
		width: 85%;
		height: auto;
	}
	
	.bigLoosePhoto {
		width: auto;
	}
	
	.bigLoosePhoto .photo img, div.slideshowPhotoBox img {
		width: 100%;
		height: auto;
	}
	
	div.slideshowBox {
		width: 100%;
	}
	
	iframe {
		width: 100%;
		height: auto;
	}
	
	div#theLogo.prideLogo img { width: 50%; height: auto; }
	
	
	th#theFb_home_cell, th#theFb_receptionideas_cell, th#theFb_highlights_cell, th .vendor, th .ideas, .bigMobileOnly {
		display: none;
	}

	.area440 .box {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
	}
	
	div#theLogo.barBatLogo img { width: 80%; height: auto; }
	div#theLogo.familyLogo img { width: 75%; height: auto; }
	
	.area440, .area580 { width: 100%; }
}

@media only screen and (max-width: 550px) {
	
	.extraBox {
		width: 50%;
	}
	.extraBox img {
		width: 100%;
		height: auto;
	}

	
	
}

@media only screen and (max-width: 500px) {
	
	.addThird {
		display: initial;
	}
	td.addThird, th.addThird {
		display: table-cell;
	}
	.cutThird, .cutThird.addFirst, .cutThird.addSecond {
		display: none;
	}
	
	
	
	div.leaderboard embed, div.wideLeaderboard embed { height: 57px !important; }
	
	.zoomPhoto {
		width: 90%;
		height: auto;
	}
	.socialButtons, .socialButtonsBottom { display:none; }
	
	.nextPrevStory {
		width: auto;
	}
	
	div#theLogo.familyLogo img, div#theLogo.prideLogo img { width: 75%; height: auto; }
	div#theLogo.familyLogo img { width: 91%; height: auto; padding-top: 20px; }
	
	th#theFb_national_cell, th#theFb_newyork_cell, th#theFb_style_cell, th#theFb_basics_cell {
		display: none;
	}
	table#theFancyBox th#theFb_directory_cell {
		width: 20%;
	}
	
	table#theFancyBox th#theFb_hotideas_cell,table#theFancyBox th#theFb_planning_cell, table#theFancyBox th#theFb_themes_cell {
		width: 20%;
	}
	
	.newsCover {
		width: 40% !important;
	}
	
	.newsCover>img {
		width: 100%;
		height: auto;
	}
	
	table.commentEntry td.commentInput input {
		width: 140px;
	}

	div.splash { width: 90%; height: auto; margin-left:auto !important; margin-right:auto !important; }
	div.splash img { width: 100%; height: auto; }

}

@media only screen and (max-width: 450px) {
	.extraBox {
		width: 40%;
	}
	.embedded {
		width: 40%;
	}


}

@media only screen and (max-width: 400px) {
	
	.extraBox {
		width: 100%;
		text-align: center;
	}
	.extraBox img {
		width: auto;
	}
	
	.addFourth {
		display: initial;
	}
	td.addFourth, th.addFourth {
		display: table-cell;
	}
	.cutFourth {
		display: none;
	}
	
	div.leaderboard embed, div.leaderboard iframe, div.wideLeaderboard embed, div.wideLeaderboard iframe { height: 90px !important; overflow: hidden; }
	
	div.leaderboard .dfpAds div {
		width: 100% !important; 
		height: 90px !important;
	}
	
	div.leaderboard .dfpAds iframe {
		height: 90px !important;
		width: 91% !important;
		overflow: hidden;
	}
	
	
	
	div.sidebar {
		float: none;
		margin-left: 0;
	}
	
	/*.aListingsPage #theModuleBar {
		float: none;
		width: auto;
	}*/
	
	div.photoModule div.module {
		background-color: transparent;
		width: auto;
	}
	
	div.photoModule .caption {
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	
	div.photoModule .byline {
		padding: 0;
		margin: 0 0 3px;
	}
	
	.theRelated {
		display: none;
	}
	
	.embedded {
		display: block; 
	}
	
	table.commentEntry textarea.theActualComment, table.commentEntry, .toTheEditor textarea {
		width: 95%;
	}
	
	.miniLogo img {
		width: 70%;
		height: auto;
	}

	div.splash { width: 100%; }
}


/*==============================================================================
======================================== BIG ===================================
==============================================================================*/

/*
@media only screen and (min-width: 1200px) {
	
	div#theBanner, div#theSubBanner {
		width: 96%;
		max-width: 96%;
	}
	
	#theMegaWrapper {
		width: 96%;
	}
	
	#theColumns {
		width: 96%;
		padding: 0;
	}
	#theContent {
		float: right;
		width: 84%
	}
	#theLinkColumn {
		width: 15%;
	}
	
	#theAdBar {
		width: auto;
		float: none;
	}
	div#theNewsColumn, div#theSectionColumn {
		width: auto;
		float: none;
		padding: 0;
		margin-right: 140px;
	}
	
	div#theRightWrapper {
		float: none;
		position: absolute;
		left: auto; right: 0px; 
	}
	div#theLeadColumn {
		width: 100%;
	}
	.divider {
		width: 100%;
		max-width: none;
	}
}*/

