#wrapper {
	background: #fff;
	padding-left: 0;
	padding-right: 0;
}

#banner {
	width: auto;
}

#home #banner {
	background: #efefef;
}



/* full screen styles */
@media screen and (min-width: 1041px) {

	#wrapper,
	#banner,
	#ubernav,
	#copyright {
		width: auto;
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	#banner {
		margin-bottom: 20px;
	}
	
	#banner.with-text {
		height: 220px;
		overflow: hidden;
	}
	
	#banner.with-text #banner-text {
		width: 60%;
		min-width: 390px;
	}
	
	#banner > img {
		width: 100%;
		height: auto;
	}
	
	#ubernav-offset,
	#content.new,
	#content.fullwidth,
	#content.twocol {
		width: 940px;
		margin: 0 auto;
		position: relative;
	}

	#page-header {
		max-width: 980px;
		margin: 0 auto;
	}

	#ubernav-menus{ float:left; position:relative; width: 75%; }

	.footer_content {
		width: 20%;
		margin-left: 5%;
		padding-left: 0;
		float: left;
	}

}


/* wide screen styles */
@media screen and (min-width: 1300px) {
	
	#banner,
	#banner.with-text {
		height: 310px;
		overflow: hidden;
	}
	
	#banner-text td {
		font-size: 22px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

}


/* very wide screen styles */
@media screen and (min-width: 2000px) {
	
	#banner.with-text {
		height: 500px;
	}
	
	#banner-text td {
		font-size: 30px;
	}

}



/* medium & mobile screen styles */
@media screen and (max-width: 1040px) {

	html {
		background: #fff;
	}

	img,
	iframe {
		max-width: 100%;
	}
	
	#page-nav {
		top: 0;
		bottom: auto;
		right: 0;
	}

	#page-nav {
	    background: #00aeda url("http://www.digitallumens.com/ui/images/mobile_menu_icon.png") no-repeat scroll left top / 36px 36px;
	    cursor: pointer;
	    padding-top: 40px;
	    
	    height: auto;

	    overflow: hidden;
		max-height: 0;

	    -webkit-transition: all .5s ease;
	       -moz-transition: all .5s ease;
	        -ms-transition: all .5s ease;
	         -o-transition: all .5s ease;
	            transition: all .5s ease;
	}

	#page-nav::before {
		content: "Menu";
		color: #fff;
		position: absolute;
		left: 36px;
		top: 11px;
	}

	
	#page-nav.open {
		overflow: hidden;

		max-height: 500px;

	    -webkit-transition: all .5s ease;
	       -moz-transition: all .5s ease;
	        -ms-transition: all .5s ease;
	         -o-transition: all .5s ease;
	            transition: all .5s ease;
	}
	
	#page-nav li {
		float: none;
		padding: 0;
		margin: 10px 0 0 38px;	
	}
	
	#page-nav li a {
		color: #fff;
		width: auto;
	}
	
	#page-nav.open li a:hover,
	#page-nav .hover a, #page-nav .current_page_item a, #page-nav .current-page-ancestor a {
		color: #555;
	}

	#content .col1 h2,
	.col1 h2 a {
	    color: #555 !important;
	}
	
	body.search-results #banner,
	body.search-results div.col1 {
		display: none !important;
	}
	
	.breadcrumbs .post {
		border: none
	}
	
	
	.slide h2 {
		top: 0;
	  max-width:none; 
		
	}
	
	.slide a.icon-casestudy {
		background-size: 20px 20px;
		padding-left: 24px;
		background-position: 0px 3px;
	}
	
	.textundervideo {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: auto;
		text-align: center;
	}
	
	.slide .textundervideo img {
		position: relative;
		right: auto;
	}
	
	body#home #content.new,
	body.home .one_third {
		width: auto;
		padding-right: 0;
	}
	
	
	
	#ubernav {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 20px 0 0 0;
		margin: 0 auto;
	}
	
	#copyright {
		background: #73d0e8;
		padding: 40px 0 20px 0;
	}
	

}



/* medium screen styles */
@media screen and (min-width: 741px) and (max-width: 1040px) {

	/* main nav */
	
	#page-nav {
		width: 100px;
		right: 0 !important;
	}
	
	#page-nav.open {
		width: 250px;
	}
	
	#topnav {
		top: 65px;
	}

	#wrapper,
	#ubernav,
	#banner, #banner-bgs, .slide,
	#content.twocol .col2,
	#ubernav .ubernav-menu,
	#copyright {
		width: auto;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	#banner {
		overflow: hidden;
	}
	
	#content.new,
	#content.twocol {
		background-image: none !important;
	}
	
	#content .col1 {
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	
	#content .col2.new,
	.col3.new,
	#content.twocol .col2 {
		clear: both;
		padding: 0 20px;
	}
	
	#content .col2.new {
		width: auto;
	}
	
	
	#content.twocol,
	#content.twocol .col2.new {
		width: auto;
	}
	
	.col3.new {
		padding-top: 40px;
		width: auto;
		float: none;
	}


	/* home */
	
	#home #banner {
		height: auto;
		overflow: visible;
	}
	
	#banner-bgs {
		position: relative;
		height: 330px;
	}
	
	.slide {
		width: 100% !important;
	}
	
	.slide h2 {
		height: auto;
		max-width: 50%;
		width: 50%;
		left: auto;
		padding: 10px;
		margin: 20px;
		background: rgba(255, 255, 255, 0.9);
		font-size: 32px;
		line-height: 1.1em;
		position: relative;
		float: left;
	}
	
	.textundervideo {
		float: left;
		width: 40%;
		margin-top: 30px;
	}
	
	.slide iframe {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 45%;
		height: auto;
		min-height: 240px;
		display: block;
		margin:  0 auto;
	}
	
	.slide > img {
		position: absolute;
		top: 0;
		right: -25% !important;
		left: auto;
		width: auto !important;
		height: 100%;
		max-width: none;
	}
	
	#banner-pager {
		position: relative;
		display: table;
		float: right;
		margin: -20px 20px 0 0;
		right: auto;
		bottom: 0;
		top: -5px;
	}
	
	body#home #content .col1 {
		width: 100%;
	}
	
	body#home #call-to-action {
		width: 600px;
		margin: 0 auto;
		padding: 0;
	}
	
	body#home #call-to-action li {
		width: 170px;
		float: left;
	}
	
	body#home #call-to-action li a {
		padding: 0 0 0 55px;
	}

	body#home #call-to-action li.ico-whitepapers {
		clear: both;
		margin-left: 20%;
	}
	
	body#home #call-to-action .ico-partner-login {
		border-top: none;
		padding-top: 0;
	}


	/* subnav */
	
	#content .col1 h2 {
	    background: #9fe1f1 url("http://www.digitallumens.com/ui/images/mobile_menu_icon-gray.png") no-repeat scroll 5px 10px / 20px 20px;
	    padding-left: 25px;
	    cursor: pointer;
	}
	
	#content .col1 .subnav {
		width: auto;
		display: none;
		border: 1px solid #9fe1f1;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		overflow: hidden;
	}
	
	#content .col1 .subnav.open {
		display: block;
	}
	
	#content .col1 .subnav li,
	#content .col1 .subnav .sub-menu li {
		width: 33.3%;
		float: left;
		text-align: center;
	}

	#content .col1 .subnav .menu-primary-navigation-container #menu-primary-navigation > li {
		width: 100%;
	}
	
	#ubernav {
		margin-top: 60px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#copyright {
		background: #73d0e8;
		padding: 20px 0;
	}
	
	#ubernav,
	#ubernav-offset,
	#ubernav-menus {
		float: none;
		left: auto;
	}
	
	#ubernav li.ubernav-menu {
		float: left;
		width: 33.3%;
		padding: 20px 0;
	}
	
	#ubernav li.ubernav-menu:nth-child(4n) {
		clear: both;
	}

	#ubernav li.ubernav-menu a {
		padding-left: 20px;
	}
	
	#banner-text {
		top: 0;
	}
	
	#banner.with-text #banner-text {
		width: auto;
	}
	
	#banner > img {
		max-width: none;
	}

	.content-column.casestudies,
	.content-column.whitepapers,
	.content-column.webinars {
		min-height: 80px;
		float: none;
		margin-bottom: 20px;
	}


}


/* mobile screen styles */

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

	#wrapper,
	#ubernav,
	#banner, #banner-bgs, .slide,
	#ubernav .ubernav-menu,
	#copyright {
		width: auto;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	
	#logo,
	#page-nav {
		position: relative;
	}
	
	#page-header {
		height: auto;
	}
	
	h1#logo {
		top: 0;
		left: auto;
		margin: 0 auto;
		padding: 10px 0;
	}
	
	form#topnav {
		display: block;
		position: relative;
		margin: 0 auto;
		text-align: center;
		display: none;
	}
	
	.slide h2 {
		width: auto;
		padding: 0;
		margin: 0;
	}
	
	.slide iframe {
		clear: both;
		float: none;
	}
	
	div.col1,
	article.col2.new,
	#content.twocol .col2,
	div.col3.new {
		padding: 0 10px !important;
		margin: 0 0 40px 0;
		clear: both;
		float: none;
		width: auto !important;
	}
	
	#content.new,
	#content.twocol {
		background-image: none;
	}
	
	#banner {
		overflow: hidden;
	}
	
	#banner img {
		min-height: 100px;
	}
	
	#banner.with-text #banner-text {
		height: auto;
		margin: 0;
		left: auto;
		right: auto;
		width: auto;
		top: auto;
		bottom: 0;
	}
	
	#banner-text td {
		padding: 0;
	}
	
	#banner > img {
		height: 100%;
		width: auto;
		max-width: none;
	}
	
	
	/* home */
	
	#home #banner {
		overflow: visible;
	}
	
	#banner-bgs {
		position: relative;
	}
	
	.slide {
		width: 100%;
	}
	
	.slide h2 {
		position: relative;
		height: auto;
		width: auto;
		left: auto;
		padding: 10px;
		margin: 10px;
		background: rgba(255, 255, 255, 0.9);
		text-align: center;
		font-size: 26px;
		line-height: 1.1em;
	}
	
	.slide .callout {
		font-size: 20px;
		line-height: 1.2em;
		font-weight: 300;
	}
	
	.slide iframe {
		position: relative;
		right: auto;
		top: auto;
		width: 320px;
		height: 200px;
		display: block;
		margin:  0 auto;
	}
	
	.slide img {
		position: absolute;
		top: 0;
		right: 0 !important;
		left: auto;
		width: auto !important;
		height: 100%;
		max-width: none;
	}
	
	.slide > img {
		right: -100% !important;
	}
	
	#banner-pager {
		position: relative;
		display: table;
		margin: 0 auto;
		right: auto;
		bottom: 0;
		top: 25px;
	}
	
	.pager-link {
		margin: 0 7px;
	}

	.content-column.casestudies,
	.content-column.whitepapers,
	.content-column.webinars {
		min-height: 80px;
		float: none;
		margin-bottom: 20px;
	}
	
	.post.case_study .featured_img {
		float: none;
		margin: 10px 0;
		max-width: 100%;
	}
	
	.post.case_study .featured_img img {
		max-width: 100%;
		width: auto;
	}

	
	
	
	/* subnav */
	
	#content .col1 h2 {
	    background: #9fe1f1 url("http://www.digitallumens.com/ui/images/mobile_menu_icon-gray.png") no-repeat scroll 5px 9px / 20px 20px;
	    padding-left: 25px;
	    cursor: pointer;
	}
	
	#content .col1 .subnav {
		width: auto;
		border: 1px solid #9fe1f1;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
		overflow: hidden;
		max-height: 0;

	    -webkit-transition: all .5s ease;
	       -moz-transition: all .5s ease;
	        -ms-transition: all .5s ease;
	         -o-transition: all .5s ease;
	            transition: all .5s ease;
	}

	#content .col1 .subnav.open {
		max-height: 500px;

	    -webkit-transition: all .5s ease;
	       -moz-transition: all .5s ease;
	        -ms-transition: all .5s ease;
	         -o-transition: all .5s ease;
	            transition: all .5s ease;
	}
	
	#content .col1 .subnav li:last-of-type {
		border-bottom: none;
	}
	
	.subnav a {
		padding-left: 25px;
	}
	
	#banner.with-text #banner-text {
		position: relative;
	}
	
	.fullwidth p {
		width: auto;
	}
	
	
	
	/* forms */
	
	#content .left, 
	#content .right {
		width: auto;
		float: none;
	}
	
	label.description {
		width: auto;
		margin-bottom: 3px;
		display: block;
	}
	
	input.text,
	form ul.radio {
		width: 95% !important;
		float: none !important;
	}
	
	
	/* share */
	
	.ssba {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 20px 0;
	}
	
	.ssba > div,
	.ssba a {
		text-align: center !important;
	}
	
	#call-to-action {	
		padding-left: 0;
		margin: 0 auto;
	}
	
	
	
	/* columns */

	.content-column.one_half,
	.content-column.one_third {
		margin: 0;
		width: 100%;
	}
	
	
	
	/* footer */
		
	#ubernav,
	#ubernav .ubernav-menu {
		text-align: center;
		padding: 10px 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#ubernav {
		margin-top: 40px;
	}
	
	#ubernav #ubernav-menus > li {
		width: auto !important;
	}

	#copyright {
		text-align: center;
		padding: 10px 0;
	}
	
	
	#content.new {
		background-image: none !important;
	}

}