.smallScreen,.smallScreenInline {
	display: none;
}
.mediumScreen,.mediumScreenInline {
	display: none;
}
.bigScreen {
	display: block;
}
.bigScreenInline {
	display: inline-block;
}
@media only screen and (max-width: 599px) {
	.mediumScreen,.mediumScreenInline,
	.bigScreen,.bigScreenInline { display: none; }
	.smallScreen { display: block; }
	.smallScreenInline { display: inline-block; }
	.mainColumn { width: 100%; }

	.oneCol,
	.twoCols,
	.threeCols,
	.fourCols,
	.fiveCols,
	.sixCols,
	.sevenCols,
	.eightCols,
	
	.threeCols .oneCol,
	.threeCols .twoCols,
	.threeCols .threeCols,

	.sixCols .twoCols,
	.sixCols .threeCols,
	.sixCols .fourCols,
	.sixCols .fiveCols,
	.sixCols .sixCols,

	.sevenCols .twoCols,
	.sevenCols .threeCols,
	.sevenCols .fourCols,
	.sevenCols .fiveCols,
	.sevenCols .sixCols,
	.sevenCols .sevenCols,
	.hospitalityBox { 
		width: 100%; 
	}


	#topBar.visible { top: -70px; }
	#fixedLogo { top: 70px; }
	#header { padding-top: 50px; padding-bottom: 15px; height: auto; }
	#menuBtn.oneColSpacer { margin-left: 0}
	#fixedLogoTxt {width:50%; margin-top:-100px;margin-bottom: 100px; -webkit-transition: all 0.25s; transition: all 0.25s;}
	#fixedLogoTxt.visible {width:50%; margin-top: 0px;margin-bottom: 0px;}
	#menuBtn,#mobileLanguageBtn,#mobileLanguageList { width: 25% }
	#mobileMenu {width: 100%; left: 0; }
	#fastEditBtn {display: none;}
	#footer .twoCols { margin-bottom: 10px; }

	h1,.logo { font-size: 57px; line-height: 50px; }

	#pageLogoTxt {
		margin-left: 180px;
		width: calc(100% - 190px);
	}
	#pageLogoTrenta {
		font-size: 195px;
		line-height: 130px;
		left: 0px;
		letter-spacing: -15px;
		width: 160px;
		height: 180px;
	}

	#showcaseWrapper, #showcaseMask { height: 226px; }
	.showcaseItem { height: 206px}
	.showcaseImage { height: 160px; }
	.showcaseTitleGrp {margin-left: 10px;}

	.showcaseTitle, 
	.showcaseSubtitle {
		font-size: 24px;
		line-height: 28px;
	}
	.pageInfos {margin-top: 30px;}

	.fromMenuToSelect { display: none; }

	.mobileContentMenu {
		text-transform: uppercase;
		width: 100%;
	}
	.mobileContentMenuTitle {
		padding: 10px 40px 10px 20px;
		text-align: center;
		line-height: 14px;
		border-bottom: 1px solid #666
	}
	.mobileContentMenuList {
		background: black;
		display: none;
		padding: 8px 0;
	}
	.mobileContentMenuList li {
		list-style: none;
		padding: 5px 50px;
	}
	.mobileContentMenuList a {
		color: white;
	}
	.mobileContentMenuList a.current {
		border-bottom: 2px solid white;
	}
	.mobileContentMenu .backButton {
		margin-left: -15px;
	}
	body { background-image: none; }
	.mobileContent {
		display: none;
		-webkit-transition: all 0.25s; transition: all 0.25s;
	}
	.mobileContent.visible { display: block; }
	.searchNav,.searchNav+.nineCols { position: static; }
	.searchNav button { text-align: center; }
	.singleArtworkCover img { width: 100%; height: auto; }
	.singleArtworkCover { height: auto; line-height: 0; }
	#singleArtworkArtist,
	#singleArtworkTitle,
	#singleArtworkYear { padding: 4px 8px; }
	.contentMenu a { margin-right: 15px; }
	.sponsorGroup .oneCol {
		width: 33%
	}
	.singleArticleSubtitle,blockquote { font-size: 18px; line-height: 24px; }
	.singleArticleText { font-size: 14px; line-height: 21px; }
	.sidenote { left: 90%; }
}

@media only screen and (max-width: 320px){
	#pageLogoTrenta {
		display: none;
	}
	#pageLogoTxt {
		margin-left: 10px;
	}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
	#pageLogoTrenta {
		display: none;
	}
	#pageLogoTxt {
		margin-left: 10px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 599px) {
	
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.smallScreen,.smallScreenInline { display: none; }
	.mediumScreen { display: block !important; }
	.mediumScreenInline { display: inline-block !important; }
	.bigScreen,.bigScreenInline { display: none; }
	
	body {
		background-image: url('res/bkg_106_sevenCols.png');
		background-size: 100% 4px;
		background-repeat: repeat-y;
	}

	.mainColumn { width: 100%; }

	.oneCol {width: 14.28%;}
	.twoCols { width: 28.57%; }
	.threeCols,.hospitalityBox { width: 42.85%; }
	.fourCols { width: 57.14%; }
	.fiveCols { width: 71.42%; }
	.sixCols { width: 85.71%; }
	.sevenCols { width: 100%; }
	.eightCols { width: 100%; }
	.journalItem.threeCols {
		width: 33.33%;
	}
	.homeSidebar {width: 100%;padding: 0;}
	.sidebarBox {
		border-right: 1px solid #fff;
	}
	.socialIcons a { font-size: 16px; width: 13% }
	#pageLogoTxt {
		width: calc(100% - 190px);
	}

	#fullImageTitleGrp,
	#singleContentBody,
	#singleContentSubhead,
	.sixCols.pageText { 
		width: 71.42% 
	}
	.singleContentDate { font-size: 20px; line-height: 24px;}

	#singleArtworkArtistLabel,
	#singleArtworkYearLabel,
	#singleArtworkArtist,
	#singleArtworkYear {
		width: 28.57%;
	}
	#singleArtworkTitleLabel,
	#singleArtworkTitle {
		width: 42.85%;
	}

	#topBar.visible { top: -70px; }
	#fixedLogo { top: 70px; }
	#header { padding-top: 50px; padding-bottom: 15px; height: auto; }
	#menuBtn.oneColSpacer { margin-left: 0}
	#fixedLogoTxt {width:57.14%; margin-top:-100px;margin-bottom: 100px; -webkit-transition: all 0.25s; transition: all 0.25s;}
	#fixedLogoTxt.visible {width:57.14%; margin-top: 0px;margin-bottom: 0px;}

	#fastEditBtn {display: none;}
	.alphabetNav span { padding: 0 6px}
	.searchForm .fourCols, .searchForm .threeCols { width: 28.57% }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mainColumn { width: 100%; }
	#twitter-widget-0 {
		max-width: 100%;
		min-width: 100%;
		overflow: scroll;
	}
	body {
		background: url('res/bkg_106_nineCols.png');
		background-size: 100% 4px;
		background-repeat: repeat-y;
	}
	.topBarMenu .oneCol { font-size: 11px; padding: 0 0 0 6px; }
	.socialIcons a { font-size: 16px; width: 13% }
}
@media only screen and (min-width: 1200px) {
	.mainColumn { width: 1170px; }
	body { background-image: url('res/bkg_130.png'); }

	.listItemExcerpt, .listItemDetails {
		font-size: 13px;
		line-height: 17px;
	}
}