@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("https://services.addons.mozilla.org/") {
@media all and (max-width: 37em) {

/*
By banthaz
Version 1.2.1 (Apr 28 2013)

This style is a companion to "Add-ons Manager - In the Sidebar".
*/


/****************************** ALL PAGES *****************************/


/* Whole page - Remove min-width & Less Margin */
body
{
min-width: 0 !important;
margin: 0 !important;
}






/************************* ADD-ON DETAIL PAGES ************************/


/* Wasted space to the left - Remove */
body > #main:first-child,
#addon-reviews
{
margin-left: -60px !important;
}
#main > header
{
margin-left: 60px !important;
}


/* "Back to Add-ons" link - Move up */
#main > header #back
{
position:absolute!important;
top:-14px!important;
right:0!important;
}


/* Add-on Info Table - Dynamic width */
#main .addon-info
{
width: -moz-calc(100% - 106px) !important;
}






/***************************** "HOME" PAGE ****************************/


/***************** STACK ALL CONTENT ****************/


/* Auto height */
section > section,			/* General rule */
#promos .slider > li > *,	/* Top slider Section - Sub-Sections */
#recs .gallery.js			/* "Recommend for You" Section */
{
overflow: hidden !important;
height: auto !important;
max-height: none !important;
}


/* Top slider Section - Stack */
#promos .slider
{
left: 0 !important;
}


/* "Up & Coming", "Featured Themes" & "More Ways of Customizing" Sections - Stack */
#up-and-coming,
#featured-themes,
#more-ways
{
width: -moz-calc(100% - 22px) !important;
}


/* Lists - Stack */
#main li
{
width: -moz-calc(100% - 2px) !important;
margin: 0 !important;
margin-bottom: 10px !important;
float: left !important;
}





/********************** HIDING **********************/


/* Hiding */
#promos #nav-features,				/* Top slider Section - Scroll arrows */
#promos .slider > li.cloned,		/* Top slider Section - Cloned Sub-Sections */
#nav-recs,							/* "Recommend for You" Section - Scroll arrows */
#recs > div:first-child > h2 > a	/* "Recommend for You" Section - "What is this?" Link */
{
display: none !important;
}





/********************** OTHER ***********************/


/* Top slider Section - Various fixes */
.promo h2
{
white-space: normal !important;
}
#promos > .slider > li > *
{
padding: 10px !important;
}


/* Top slider Section - "Mozilla's Pick of the Month" Sub-Section - "Install" button - Fix */
#promos #monthly .install-shell
{
position: absolute !important;
bottom: 0 !important;
}
#monthly > div
{
padding-bottom: 10px !important;
}


/* Top slider Section - "Get Add-ons On The Go" Sub-Section - Fix width */
#go-mobile .wrap
{
width:100%!important;
}


/* "Featured Add-ons" Section - Style like the other sections */
#featured-addons > h2
{
margin: -10px !important;
margin-bottom: 0 !important;
padding: 10px !important;
padding-top: 0.45em !important;
padding-bottom: 0.45em !important;
background: transparent -moz-linear-gradient(center top , rgb(255, 255, 255) 0pt, rgb(236, 241, 247) 100%) !important;
box-shadow: 0pt -3px 0pt rgba(58, 78, 103, 0.05) inset, 0pt 3px 0pt rgba(175, 195, 220, 0.3);
border-radius: 8px 8px 0 0 !important;
border-bottom: 1px solid rgb(168, 184, 209) !important;
}
#featured-addons
{
padding: 10px !important;
}


/* "Recommend for You" Section - Various fixes */
#recs .gallery-wrap
{
background-color: transparent !important;
margin-top: 15px !important;
}
#recs .header
{
padding-left: 1em !important;
width: 100% !important;
}
#recs .gallery-addons
{
width: -moz-calc(100% - 20px) !important;
}





}
}