/* ----- Global ----- */

@media only screen and (max-width: 499px) {
	.full-platinum-ad-medium,
	.full-platinum-ad-large {
		display: none;
		}    
	}

@media only screen and (min-width: 500px) and (max-width: 799px) {
	.full-platinum-ad-small,
	.full-platinum-ad-large {
		display: none;
		}
	}

@media only screen and (min-width: 800px) {
	.full-platinum-ad-small,
	.full-platinum-ad-medium {
		display: none;
		}
	}


/* ----- Header ----- */

@media only screen and (max-width: 499px) {
	.header-platinum-ad-medium,
	.header-platinum-ad-large {
		display: none;
		}    
	}

@media only screen and (min-width: 500px) and (max-width: 799px) {
	.header-platinum-ad-large,
	.header-platinum-ad-small {
		display: none;
		}
	}

@media only screen and (min-width: 800px) {
	.header-platinum-ad-medium,
	.header-platinum-ad-small {
		display: none;
		}
	.pane-page-logo {
		float: left;
		width: 50%;
		}
	.pane-masthead-podcast-logo {
		width: 45%;
		float: right;
		}
	.pane-masthead-slideshow-pane {
	    float: right;
	    width: 45%;
	    margin-top: 15px;
	    margin-bottom: 0;
		}
	.pane-masthead-slideshow-pane .views-field-field-featured-type {
		font-size: 1em;
		}
	.pane-masthead-slideshow-pane .views-field-title {
		font-size: 0.8em;
		}
	}
	
@media only screen and (min-width: 900px) {
	.pane-masthead-slideshow-pane {
	    margin-top: 20px;
		}
	.pane-masthead-slideshow-pane .views-field-field-featured-type {
		font-size: 1.1em;
		}
	.pane-masthead-slideshow-pane .views-field-title {
		font-size: 0.9em;
		}
	}
	
@media only screen and (min-width: 1000px) {
	.pane-masthead-slideshow-pane {
	    margin-top: 25px;
		}
	.pane-masthead-slideshow-pane .views-field-field-featured-type {
		font-size: 1.2em;
		}
	.pane-masthead-slideshow-pane .views-field-title {
		font-size: 1em;
		}
	}
	
@media only screen and (min-width: 1100px) {
	.pane-masthead-slideshow-pane {
	    margin-top: 30px;
		}
	.pane-masthead-slideshow-pane .views-field-field-featured-type {
		font-size: 1.3em;
		}
	.pane-masthead-slideshow-pane .views-field-title {
		font-size: 1.1em;
		}
	}
	
@media only screen and (min-width: 1200px) {
	.pane-masthead-slideshow-pane {
	    margin-top: 40px;
		}
	.pane-masthead-slideshow-pane .views-field-field-featured-type {
		font-size: 1.5em;
		}
	.pane-masthead-slideshow-pane .views-field-title {
		font-size: 1.2em;
		}
	}
	
	
/* ----- Navigation ----- */	

@media only screen and (min-width: 1100px) {
	.menu-main ul.menu li {
	    font-size: 0.65em;
		}
	.menu-main li a {
		padding: 12px 10px;
		}
	.page-apmbuyersguide .menu-main ul.menu li {
	    font-size: 1em;
		}
	.page-apmbuyersguide .menu-main li a {
		padding: 15px 20px;
		}
	}


/* ----- APM Academy Main Menu Icons ----- */
	
/* Medium */

@media only screen and (min-width: 916px) and (max-width: 1099px) {
	/*.apmacademy-menu-horizontal-small,*/
	.apmacademy-menu-horizontal-large,
	.page-apmacademy .responsive-menus {
		display: none;
		}
	.apmacademy-menu-horizontal-medium {
		display: block;
		}
	.apmacademy-menu table {
		margin-bottom: 10px;
		}
	}
	
@media only screen and (min-width: 700px) {
	.apmacademy-menu-horizontal-medium td {
		width: 12.4%;
		padding: 5px 10px;
		}
	.apmacademy-menu-horizontal-medium td img {
		max-width: 60px;
		max-height: 60px;
		}
	}
	
@media only screen and (min-width: 800px) {
	.apmacademy-menu-horizontal-medium td img {
		max-width: 70px;
		max-height: 70px;
		padding: 5px 12px;
		}
	}
	
@media only screen and (min-width: 916px) {
	.page-apmacademy #nav .inner {
		background-color: #F2F4F5;
		padding-top: 10px;
		margin-bottom: 10px;
		}
	.apmacademy-menu-horizontal-medium td img {
		max-width: 70px;
		max-height: 70px;
		padding: 5px 15px;
		}
	}

/* Large */

@media only screen and (min-width: 1100px) {
	.apmacademy-menu-horizontal-medium,
	.apmacademy-menu-horizontal-small,
	.page-apmacademy .responsive-menus {
		display: none;
		}
	.apmacademy-menu-horizontal-large {
		display: block;
		}
	.apmacademy-menu table {
		margin-bottom: 20px;
		}
	.apmacademy-menu #nav .inner {
		padding-top: 20px;
		margin-bottom: 20px;
		}
	}
	
	
/* ----- Banner ----- */

@media only screen and (min-width: 600px) {
	#banner {
		margin-bottom: 20px;
		}
	#banner img {
		float: left; /* none for one, left for two */
		width: 49%;
		}
	#banner .first img {
		margin-right: 2%;
		}
	}

	
/* ----- Sidebars ----- */
	
@media only screen and (min-width: 700px) {
	#left .pane-simpleads img {
		max-height: none;
		max-width: 100%;
		}
	}
	

/* ----- Content ----- */

@media only screen and (min-width: 500px) {
	#content-area .views-field-field-marquee-image,
	#content-area .views-field-field-content-image {
		width: 40%;
		float: right;
		margin-left: 20px;
		margin-bottom: 10px;
		}
	.view-vendor-directory,
	.view-product-categories-page  {
		-moz-column-count:3; /* Firefox */
		-webkit-column-count:3; /* Safari and Chrome */
		column-count:3;
		}
	h5 {
		float: right;
		margin: 5px 0 20px 20px;
		width: 50%;
		}
	}
	
@media only screen and (min-width: 550px) {
	#content-area .content-inset {
		width: auto;
		float: right;
		margin-left: 20px;
		}
	}
	
@media only screen and (min-width: 700px) {
	#content-area .content-inset {
		width: 100%;
		float: none;
		margin-left: 0;
		}
	}
	
@media only screen and (min-width: 900px) {
	#content-area .content-inset {
		width: auto;
		float: right;
		margin-left: 20px;
		}
	}

@media only screen and (min-width: 1100px) {
	.view-vendor-directory,
	.view-product-categories-page {
		-moz-column-count:4; /* Firefox */
		-webkit-column-count:4; /* Safari and Chrome */
		column-count:4;
		}
	h5 {
		width: 50%;
		}
	}


/* ----- Footer ----- */

@media only screen and (min-width: 480px) and (max-width: 599px) {
	#container {
	  	margin-bottom: -255px;
	  	}
	#container:after {
	  	height: 255px;
	  	}
	}


/* ========================== */
/*       PANELS LAYOUTS       */
/* ========================== */

/* ----- Site Master Sidebars ----- */

@media only screen and (min-width: 700px) {
	.site-master-sidebars-layout #left {
	  	width: 16.65%;
	  	float: left;
	  	margin-right: 2.1%;
	  	}
	.site-master-sidebars-layout #main-content {
	  	width: 62.5%;
	  	float: left;
	  	margin-right: 2.1%;
	  	}
	.site-master-sidebars-layout #right {
	  	width: 16.65%;
	  	float: left;
	  	}
	.mobile-hidden {
		display: block;
		}
	.desktop-hidden {
		display: none;
		}
	}

@media only screen and (min-width: 700px) and (max-width: 899px) {
	.menu-sidebar h2 {
		padding: 7px 15px;
		font-size: 0.8em;
		}
	}

@media only screen and (min-width: 900px) {
	.menu-sidebar h2 {
		padding: 10px 20px;
		font-size: 1em;
		}
	}

/* ----- Top Left Btm, Top Right Btm ----- */

@media only screen and (min-width: 700px) {
	.top-left-btm-layout #content-top,
	.top-right-btm-layout #content-top {
	  	margin: 0 0 30px;
	  	}
	.top-left-btm-layout #content #left {
	  	width: 30%;
	  	float: left;
	  	}
	.top-right-btm-layout #content #right {
	  	width: 30%;
	  	float: right;
	  	}
	.top-left-btm-layout #content #content-area {
	  	width: 65%;
	  	float: right;
	  	}
	.top-right-btm-layout #content #content-area {
	  	width: 65%;
	  	float: left;
	  	}
	}