div#MenuExpander  
{
	display: none;
}

@media screen and (max-width: 700px)
{
	div#Wrapper
	{
		width: 100%;
	}
	
	div#Header  
	{
		margin-top: 0;
		height: 55px;
		background-image: url(/images/static/mobile-110.png);
		background-position: left top;
		background-size: auto 100%;
	}
	
	div#Home
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 55px;
		margin-left: 0;
	}
	
	div#Home a
	{
		width: 200px;
		height: 55px;
	}
	
	div#Title
	{
		margin-top: 20px;
		padding-left: 3%;
		padding-right: 3%;
		border-bottom: none;
	}
	
	
	div#ShareButtons,
	div#Path,
	div#SupportHavenyt
	{
		display: none;
	}
	
	div#Content
	{
		float: none;
		width: auto;
		margin: 0;
		padding: 18px 0 0 0;
	}
	
	div#Content p,
	div#Content h2,
	div#Content h3
	{
		padding-left: 3%;
		padding-right: 3%;
	}
	
	div#Sidebar
	{
		float: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	div#Ads
	{
		float: none;
		width: 100%;
		margin: 1em 0 0 0;
		padding: 0;
	}
	
	div.SubMenu
	{
		width: auto;
		margin: 0 0 1em 0;
		padding: 0;
	}
	
	div.BannerAd
	{
		width: 100%;
	}
	
	div.BannerAd img
	{
		width: 100%;
		height: auto;
	}
	
	div#Sidebar div.Image
	{
		width: 100%;
	}
	
	p.authors a { white-space: nowrap; }

	div.Image img,
	div.TextBox div.Image img
	{
		width: 100%;
		height: auto;
	}
	

	div.MiniTextBox
	{
		width: auto;
		float: none;
		margin-left: 0;
	}
	
	div#SearchForm,
	div#SafariSearchForm
	{
		position: relative;
		top: auto;
		clear: both;
		text-align: center;
		display: block;
		margin: 0;
		padding: 1em 0 1em 0;
		background-color: #004B4B;
	}
	
	div#Footer div.FollowButtons h3
	{
		font-size: .8em;
	}
	
	div#Footer div.FollowButtons a
	{
		font-size: .8em;
	}
	
	div#Footer div.block1
	{
		float: none;
	}
	
	div#Footer
	{
		background-position: 14px 70%;
		background-size: 90%;
	}
	
	div#HavenytUdgivesAf p
	{
		margin: 65px 0 0 19%;
	}
	
	div.Text div.Image img,
	div.fullWidth img
	{
		width: 100%;
		height: auto;
	}
	
	div#Content div.Event h2,
	div#Content div.Event p
	{
		margin-left: 0;
		margin-right: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	div#Content div.OverviewItem h2,
	div#Content div.OverviewItem h3,
	div#Content div.OverviewItem p
	{
		padding-left: 0;
	}
	
	div.WineReviewOverviewItem h2,
	div.WineReviewOverviewItem p,
	div.WineReviewOverviewItem p.authorAndDate,
	div.WineReviewOverviewItem p.producerAndRegion
	{
		margin-left: 85px;
	}
	
	div.MiniTextBox
	{
		padding: .8em 0;
	}
	
	p.moreReviews
	{
		text-align: center;
		float: none;
	}
	
	div.RelatedReviews .moreReviews a
	{
		display: inline-block;
		margin: 0 0 1em 0;
	}
	
	/* Homepage */
	
	body.NoSidebar div#Content
	{
		width: 100%;
		margin: 0;
	}
	
	div#MainBox
	{
		padding: 0 0 .5em 0;
		margin-bottom: 20px;
	}
	
	div#MainBox div.Image
	{
		/*display: none;*/
		float: none;
		width: 100%;
		max-height: 200px;
		overflow: hidden;
	}
	
	div#MainBox h2
	{
		margin: 0 0 .5em 0;
		padding: .6em 3% 0 3%;
	}
	
	div#MainBox p
	{
		margin: 0;
		padding: 0 3%;
	}
	
	div#LeftColumn
	{
		width: auto;
		float: none;
		padding: 18px 0;
	}
	
	div#CenterColumn
	{
		width: auto;
		padding-bottom: 30px;
		float: none;
	}
	
	#NewsletterSignup
	{
		margin-top: 0;
	}
	
	div.SidebarBox
	{
		margin-bottom: 18px;
	}
	
	/* Menu */
	
	div#MenuExpander  
	{
		position: absolute;
		display: block;
		top: 15px;
		right: 19px;
		width: 27px;
		height: 17px;
		border-top: 3px solid rgba(255,255,255,.5);
		border-bottom: 3px solid rgba(255,255,255,.5);
		cursor: pointer;
	}
	
	div#MenuExpander:before 
	{
		position: absolute;
		content: "";
		top: 7px;
		width: 100%;
		border-top: 3px solid rgba(255,255,255,.5);
	}
	
	div#Menus 
	{
		background-color: #033;
		overflow: hidden;
		width: 100%;
		position: absolute;
		top: 55px;
		height: 10px;
		-webkit-transition: height 0.5s ease-out;
		   -moz-transition: height 0.5s ease-out;
			 -o-transition: height 0.5s ease-out;
				transition: height 0.5s ease-out;
	}
	
	div#Menus div#Menu1,
	div#Menus div#Menu2,
	div#Menus div#Menu3
	{
		position: relative;
		background-color: transparent;
		top: 0;
		margin: 0;
		width: 100%;
	}
	
	div#Menus div#Menu1,
	div#Menus div#Menu2
	{
		padding-bottom: 10px;
		border-bottom: 1px solid #6b857f;
	}
	
	div#Menus.expanded
	{
		height: 565px;
-webkit-box-shadow: 0px 7px 11px 0px rgba(50, 50, 50, 0.62);
-moz-box-shadow:    0px 7px 11px 0px rgba(50, 50, 50, 0.62);
box-shadow:         0px 7px 11px 0px rgba(50, 50, 50, 0.62);	}
	
	div#Menus div.MainMenu
	{
		width: 100%;
		height: auto;
	}
	
	div#Menus ul
	{
		margin: .8em 0 0 0;
		opacity: 0.0;
		-webkit-transition: opacity 0.7s ease-out;
		   -moz-transition: opacity 0.7s ease-out;
			 -o-transition: opacity 0.7s ease-out;
				transition: opacity 0.7s ease-out;
	}

	div#Menus.expanded ul
	{
		opacity: 1.0;
		padding: 0;
	}
	
	div#Menus li
	{
		padding: .5em 0 .5em 0;
		float: none;
		text-align: center;
		display: block;
	}
		
	div#Menus li a
	{
		font-size: 1.4em;
		font-weight: normal;
		float: none;
	}
	
	div#Menus div#Menu3 li a
	{
		font-weight: normal;
		font-size: 1.1em;
	}

	div#LeftColumn div.FollowButtons
	{
		display: none;
	}
	
	div#WinelabIntro
	{
		display: none;
	}
	
	div.SidebarBox
	{
		width: auto;
	}
	
	div#Content div.SidebarBox.Links li h3,
	div.LatestReviews div.Item h3,
	div#Content div.NewCommentForm h2
	{
		padding-left: 0;
	}
		
	div#Content div.Links p
	{
		padding-left: 0;
	}
	
	p.Button
	{
		text-align: center;
		float: none;
	}
	
	p.Button a
	{
		display: inline-block;
	}
		
	div.LatestArticles
	{
		margin-top: 1em;
	}
	
	div.ArticleCategoryItem
	{
		width: 100%;
		float: none;
	}
	
	div.FullWidthImageFloatedLeft div.Image
	{
		float: none;
		margin: 0;
	}
	
	div.ArticleCategoryItem h2,
	div.ArticleCategoryItem h3,
	div.ArticleCategoryItem p
	{
		margin-left: 0;
		margin-right: 0;
	}
	
	div.ArticleCategoryItem ul
	{
		margin-left: 3%;
		margin-right: 3%;
	}
	
	div#Sidebar div.Menu
	{
		width: 100%;
	}

	
	.textItemFloatRight
	{
		margin-top: 0;
		margin-left: 0;
		float: none;
	}
	
	.w360
	{
		width: 100%;
	}
	
	div.SidebarBox div.Image img
	{
		width: 100%;
		height: auto;
	}
	
	div.Article div.Text
	{
		padding: 20px 0 10px 0;
	}
	
	div.Comment
	{
		padding: .8em 0;
	}
	
	div.TextAds
	{
		width: 100%;
	}
	
	div.RelatedDocuments
	{
		margin-bottom: 20px;
	}
	
	div.RelatedDocuments span.path
	{
		display: none;
	}
	
	div.Advertiser div.Text
	{
		width: 100%;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0;
		float: none;
	}
	
	div.Advertiser div.Text h1
	{
		width: 100%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
	
	div#Content div.Advertiser div.ImageAndContact
	{
		width: 100%;
		float: none;
	}
	
	div.Advertiser div.Contact
	{
		background-color: #ebf2ef;
		margin-bottom: 20px;
		padding: 10px 3%;
	}
	
	div.Text, div.Boks
	{
		padding: 1em 0 .5em 0;
	}
	
	div.ForumThread h1
	{
		padding-left: 3%;
		padding-right: 3%;
	}
	
	div.ForumEntry p
	{
		margin: 0;
	}
	
	body#Homepage #Content
	{
		margin: 9px 0 0 0;
		width: 100%;
		padding: 0;
	}
	
	body#Homepage div.WeeklyIssue
	{
		width: 100%;
	}
	
	body#Homepage div#BoxColumn1,
	body#Homepage div#BoxColumn2
	{
		width: 100%;
		float: none;
		margin: 0;
	}
	
	body#Homepage div.HomepageBox
	{
		width: 100%;
	}
	
	body#Homepage div.HomepageBox h3
	{
		border-radius: 0;
	}
	
	body#Homepage #Sidebar
	{
		margin: 0;
		width: 100%;
		float: none;
	}
	
	body#Homepage div#MagazineAd
	{
		display: none;
	}
	
	body#Homepage div.ArticleOverview
	{
		width: 100%;
	}
	
	body#Homepage div#Sidebar div.ArticleOverview div.Image
	{
		width: 120px;
	}
	
	body#Homepage div.CategoryListing div.Box
	{
		width: 100%;
	}
	
	div.HighlightedArticle
	{
		width: 100%;
	}
	
	div.HighlightedArticle div.Image
	{
		width: 100%;
		float: none;
	}
	
	div.HighlightedArticle h2
	{
		margin: 1em 0 .5em 0;
		width: auto;
	}
	
	div.HighlightedArticle p
	{
		margin: .5em 0 1.5em 0;
		width: auto;
	}
	
	div.ArticleOverview
	{
		width: 100%;
	}
	
	div.ArticleOverview div.Item h3,
	div.ArticleOverview div.Item p
	{
		width: auto;
		margin-left: 0;
	}
	
	div.ArticleOverview div.Image
	{
		margin-right: 10px;
	}
	
	div.CategoryListing h4
	{
		width: auto;
		float: none;
		margin: 0 3% 1em 3%;
	}
	
	div.CategoryListing ul
	{
		margin: 0 3% 1em 3%;
	}
	
	div.Form div.text
	{
		width: auto;
	}
	
	h1
	{
		margin-left: 3%;
	}
	
	div.Form form div.Inputs
	{
		padding-left: 3%;
		padding-right: 3%;
	}
	
	div.Link
	{
		width: 100%;
	}
	
	div.Link div.titleAndUrl
	{
		width: 100%;
		float: none;
	}
	
	div.Link p.description
	{
		margin-left: 0;
	}
	
	div.Link div.titleAndUrl p
	{
		margin-bottom: .5em;
	}
	
	div.AdvertiserOverview div.Advertiser div.Image
	{
		width: 100%;
		height: auto;
		float: none;
		display: none;
	}
	
	div.AdvertiserOverview div.Advertiser div.OverviewText
	{
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding: 0 3% 1em 3%;
	}
	
	div#Content div.AdvertiserOverview div.Advertiser div.Contact
	{
		margin-left: 0;
		margin-right: 0;
	}
	
	div.Boks p
	{
		width: auto;
	}
	
	div#LatestAdvertisers
	{
		display: none;
	}
}

@media screen and (max-width: 700px)
{
	div#Ads
	{
		margin-left: auto;
		margin-right: auto;
		width: 308px;
	}
	
	.Ad
	{
		position: relative;
	}
}