/* For Superwide Screens */
@media (min-width:1920px) {
	
	.tpl-14 .embedded-systems #main-content .constrain {
	    padding-right:20%;
	}
	
}
@media (min-width:1441px) and (max-width:1919px) {
	
	.tpl-14 .embedded-systems #main-content .constrain {
	    padding-right:35%;
	}
	
	
}
/****** Tablet and Mobile ******/
@media (min-width:1199px) {
        #hero-banner .overlay-tint {
        top: -60px;
    }
}
/****** Tablet and Mobile ******/
@media (max-width:1199px) {
    .header-video {
    min-height: 0;
}
	.desktop, .header-video video, .scroll-nav {display:none !important;}
	.smallsite {display:block !important;}
	.hide {display:none !important;}
	
	.constrain,
	.parent-89 .embedded-systems .bucket .inner {
		width:94%;
	}
	.jump hr {
		margin:30px auto;
	}
	
	
	/* Header */
    #header #header-main,
    #header #header-main .deco-left,
    #header #header-main .deco-right,
    #header .header-left,
    #header .header-right {
        height:70px;
    }
    #header #header-main {
        width:60%;
        padding-left:0;
    }	    
    #header .header-left,
    #header .header-right {
        width:15%;
    }
    #header .header-right {
	    padding-left:20px;
    }
    #header .header-left:after,
    #header .header-right:after {
        border-bottom-width:70px;
    }
    #header .header-left:after {
        border-left-width:36px;
    }
    #header .header-right:after {
        border-right-width:36px;
    }    
    #header .nav-trigger,
    #header .search-trigger {
        padding-top:11px;
    }
    #header .nav-trigger .text,
    #header .search-trigger .text {
        font-size:16px;
    }
    #header .nav-trigger i {
        font-size:32px;
        margin-bottom:10px;
    }
    #header .search-trigger i {
		font-size:28px;
        margin-bottom:15px;
        position:relative;
        left:-2px;
	}
    #header #telephone {
        font-size:48px;
    }


	/* Start Mobile Nav */
	#primary-nav .foot-utility,
	#primary-nav .social-icons {
		display:none;
	}
	#header nav {
		float:none;
	}
	#primary-toggle {
		color:#fff;
		font-size:1em;
		text-shadow:-1px -1px 0 rgba(0,0,0,0.4);		
		line-height:52px;
		letter-spacing:0.05em;
		height:54px;
		margin-left:3%;
		padding-left:50px;
		float:left;
		position:relative;
	}
	#primary-toggle:after {
		font-size:54px;
		position:absolute;
		top:0;
		left:0;
	}
	
	#overlay {
		background:rgba(0,0,0,0.4);
		height:100%;
		width:100%;
		position:fixed;
		top:0;
		left:0;
		z-index:999;
		display:none;
	}
	
	#primary-nav {
		text-align:left;
		background:#222;
		height:100%;
		width:320px;
		padding:30px 0;
		position:fixed;
		top:0;
		left:-400px;
		z-index:99999;
		overflow:hidden;
		overflow-y:scroll;
		transition:all 0.2s;
		-ms-transition:all 0.2s;
		-moz-transition:all 0.2s;
		-webkit-transition:all 0.2s;
		-o-transition:all 0.2s;
	}
	#primary-nav.open {
		box-shadow:20px 0 60px rgba(0,0,0,0.6);
		-moz-box-shadow:20px 0 60px rgba(0,0,0,0.6);
		-webkit-box-shadow:20px 0 60px rgba(0,0,0,0.6);
		left:0;
/* 		overflow:hidden; */
	}

	#primary-nav > li {
		line-height:1.2;
		height:auto;
		margin-bottom:5px;
	}
	#primary-nav a {
		color:#fff !important;	
		text-decoration:none !important;
		width:250px;
		padding:10px 10px 10px 30px;
		display:inline-block;	
	}
	#primary-nav > li > a,
	#primary-nav > li.home > a,
	#primary-nav ul .back {
		font-size:24px;
		line-height:0.8;
	}
	#primary-nav a:hover,
	#primary-nav a:focus,
	#primary-nav > li i.smallsite:hover {
		color:#d2bf93 !important;
		text-shadow:2px 2px 0 #000;
	}
	#primary-nav > li i.smallsite {
		color:#fff;
		font-size:20px;
		text-align:center;
		line-height:42px;
		height:40px;
		width:60px;
		display:inline-block !important;
		cursor:pointer;
	}
	
	#primary-nav ul .back {
		color:#fff;
		margin-bottom:10px;
		padding:10px 10px 10px 30px;
		cursor:pointer;
	}
	#primary-nav ul .back i {
		margin-right:10px;
	}
	
	#primary-nav ul {
		background:#222;
		height:100%;
		width:100%;
		padding-top:30px;
		position:absolute;
		top:0;
		right:-999px;
		z-index:1;
		transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-webkit-transition:all 0.3s ease-in-out;
	}
	#primary-nav ul.active {
		right:0;
	}

	#primary-nav #primary-close {
		font-size:1.2em;
		margin:40px auto 0;
		padding:10px 0 13px; 
		cursor:pointer;
	}
	#primary-nav #primary-close i {
		font-size:0.8em;
		margin-right:5px;
	    display:inline-block;
	    position:relative;
	    top:-1px;		
	}
	/* End Mobile Nav */
    
    
    #header .search-form {
	    top:70px;
	    right:-36px;
    }

	#hero-banner,
	#hero-banner #hero-images .slide,
	#hero-banner .overlay-tint {
	    height:555px;
	}
    
    .header-video {
	    background:url("/assets/videos/home-banner-fallback.jpg") center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;	    
	    height:100% !important;
	    max-height:675px;	
	    top:0 !important;
    }
    .header-video__media {
	    width:auto;
	    display:none;
    }
    .block.dark .bg {
	    background-attachment:inherit;
    }
    
    #hero-banner .systel-logo,
	#page-1 h1 {
	    margin-bottom:35px;
	}
	
	#page-1 #content-wrap {
		margin-top: 70px;
	}

    h1 .tag-one {
	    font-size:56px;
	    margin-bottom:5px;	    
	}
    
    #secondary-nav > ul {
        display:none;
    }
 
	#page-1 #main-content {
		padding:50px 0;
	}
	#home-video,
	#home-video h2 {
		text-align:center;
	}
	#home-video iframe,
	#home-video img {
		margin:0 auto 40px;
		float:none;
	}	
	
	.vertical #tab-content-wrapper img.right {
		width:39%;
	}
	

	/* Buckets */
	#buckets-home a {
		width:100% !important;
		float:none;
	}
	#buckets-home a:nth-child(2) {
	    margin:20px auto;
	}
	#buckets-home p {
		display:none;
	}
	.buckets .bullets {
		font-size:0.9em;
		display:none;
	}
	.bucket-wrap {
		box-shadow:0 2px 6px #aaa;
		-moz-box-shadow:0 2px 6px #aaa;
		-webkit-box-shadow:0 2px 6px #aaa;
	}
	#buckets-home .gradient {
		background:rgba(0,0,0,0.6);
		box-shadow:inset 0 0 40px rgba(0,0,0,0.4);
		-moz-box-shadow:inset 0 0 40px rgba(0,0,0,0.4);
		-webkit-box-shadow:inset 0 0 40px rgba(0,0,0,0.4);
	}

	/*Event Pages*/
	.map img {
    	margin:0px;
	}
	#spotlight-bucket {
		margin:18px;
	}
	
	/*Resource Center*/
	.blog-wrapper {
    	max-width:29%;
	}
	
	/* Footer */
	#foot-testies {
		float:none;
	}
	#foot-nav .foot-nav ul > li > a {
		font-size:13px;
	}

	/* Embedded Systems */
	.embedded-systems #main-content {
		padding:40px 0;
	}
	.parent-89 .embedded-systems #main-content {
		text-align:left;
	}
	.parent-89 .embedded-systems #primary-img {
		margin:20px auto 0;
		float:none;
		display:block;
	}
	
	.tpl-14 .embedded-systems #main-content {
		background:#000 !important;
	}
	.tpl-14 .embedded-systems #main-content:after {
		content:none;
	}
	.tpl-14 .embedded-systems #main-content .constrain {
		padding:0;
	}
/*
	.tpl-14 .embedded-systems #main-content img.tablet {
		max-width:40%;
		margin:-40px -3% 10px 20px;
	}	
*/
	.tpl-14 .embedded-systems #main-content img.smallsite {
		max-width:100%;
		margin:50px -3% -40px 0;
	}
	.parent-276 .embedded-systems #main-content img.smallsite {
		margin:40px auto -40px;
		float:none;
	}
	
	
	.tpl-14 .embedded-systems #content-after {
		padding-top:0;
	}
	.tpl-14 .embedded-systems #content-after .w66,
	.tpl-14 .embedded-systems #content-after .w33,
	#documents .doc-img,
	#documents .doc-right {
		width:50%;
	}
	#documents .doc-img {
		margin-right:0;
	}
	#documents .doc-right {
		padding-left:40px;
	}
	
	.tpl-14 .embedded-systems #content-after .w66 {
		padding-right:20px;
	}
	.tpl-14 .embedded-systems #content-after .w33 {
		padding-left:20px;
	}

	.content-cta {
		text-align:center;
		clear:both;
	}
	.id-91 .content-cta,
	.id-92 .content-cta,
	.id-93 .content-cta,
	.id-94 .content-cta,
	.id-95 .content-cta {
		text-align:left;
		clear:none;
	}
	#page-3 .product-img-list{
	    position: relative;
        right: 0px; 
        top: 0;
	}
    #page-3 .content-cta {
        padding: 20px 0 40px;
    }
}


/****** Desktop and Tablet ******/
@media (min-width:768px) {

	/* Systel Advantage Page */
	.vertical #tabs-wrapper {
		width:28%;
	}
	.vertical #tab-content-wrapper {
	    width:72%;
	}
	
	
	/* Footer */
    #footer .title {
        text-align:left;
        font-size:18px;
        margin-bottom:35px;
    }
    #footer-features .constrain {
        padding-left:65px;
        padding-right:65px;
    }
    #foot-events .event {
        padding:0;
    }
    #foot-events .event .event-img {
        width:92px;
        margin:0 25px 15px 0;
        float:left;
		height:92px;
    }
    #footer #footer-main {
        padding-bottom:35px;
    }

    #foot-nav .foot-nav {
        float:left;
        padding-right:25px;
        width:25%;
    }
    #foot-nav .foot-nav:last-child {
        padding-right:0;
    }
    #foot-nav .foot-nav:nth-child(1) {
        width:21%;
    }
    #foot-nav .foot-nav:nth-child(2) {
        width:29%;
    }
    #foot-nav .foot-nav:nth-child(3) {
        width:34%;
    }
    #foot-nav .foot-nav:nth-child(4) {
        width:16%;
    }
    #foot-nav .foot-nav > li > a {
        margin-bottom:30px;
    }

    #footer-utility {
        padding:22px 0 35px;
    }
    #footer-utility #copyright {
        float:left;
    }
    #footer-utility .foot-utility {
        float:right;
    }
    #footer .social-icons {
        float:left;
        clear:both;
        width:100%;
        margin-top:20px;
    }
    
}



/****** Tablet Only ******/
@media (min-width:768px) and (max-width:1199px) {
	.tablet {display:block !important;}
	
	body {
		font-size:15px;
	}

	/* Banner */
	#internal-banner {
		line-height:260px;
		height:300px;
	}
	#internal-banner h1 {
		font-size:4em;
	}
	#breadcrumb li {
		font-size:0.8em;
	}
	
	
	/* Content */
	#primary-img {
		min-width:0;
		max-width:40%;
	}
	#content-cta {
		text-align:center;
		clear:both;
	}

	.buckets a,
	#featured-products a {
		width:32.5%;
	}


	/* Start Chassis Matrix */
	#server-selection #tabs-submenu li {
		font-size:0.9em;
	}
	#category-total.noresults p .number {
		color:#a00;
		background:none;
		padding:0;
	}
	#server-selection h4.column {
		font-size:1.2em;
	}
	#server-selection .sku.column {
	    width:14%;
	}
	#server-selection .height.column, 
	#server-selection .depth.column {
	    width:10%;
	}
	#server-selection .column {
	    padding:15px 15px 17px;
	}	
	#server-selection .product .column {
	    padding:20px 15px !important;
	}	
	#server-selection .product .column,
	#server-selection .product p {
		font-size:13px;
	}
	#server-selection .product .more a {
		color:#d38f1a !important;
		font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:13px;
		font-weight:bold;
		text-align:left;
		text-shadow:none;
		text-transform:none;
		background:none;
		padding:0;
		white-space:normal;
	}
	#server-selection .product .more a:first-child {
		margin-bottom:10px;
	}

	/*Resource Center*/
	.blog-wrapper {
    	max-width:27%;
	}
	
	/* Footer */
    #foot-gallery {
        padding-left:50px;
    }	
    #foot-testies,
    #foot-signup {
        padding:35px 0 0 35px;
        width:100%;
    }
    #foot-events,
    #foot-gallery {
        width:50%;
    }

	#mc_embed_signup input.email {
		width:74%;
	}

	.embedded-systems .buckets img {
		width:45%;
	}
	.embedded-systems .buckets .details {
		width:54%;
	}
	#gallery-slider .constrain {
		width:90%;
	}
	
/*
	.tpl-14 .embedded-systems #main-content {
	    background-size:50% 100% !important;
	}	
	.tpl-14 .embedded-systems #main-content .constrain {
	    position:relative;
	}
*/
		
	#documents {
		line-height:1.4;
		background-size:auto 100%;
		height:auto;
		padding:40px 0;
	}
	
	.embedded-systems .cta h5 {
		margin-bottom:15px;
		display:block;
	}
	
}


/****** Small Tablet ******/
@media (max-width:960px) {
	#main-content {padding:40px 0;}
	
	#hero-banner,
	#hero-banner #hero-images .slide,
	#hero-banner .overlay-tint {
	    height:500px;
	}
	
	#hero-banner .systel-logo img {
		width:200px;
	}

    #hero-banner .systel-logo,
	#page-1 h1 {
	    margin-bottom:30px;
	}
	
	#internal-banner h1 {
		font-size:4em;
	}
	h1 .tag-one {
	    font-size:44px;
	}
	h1 .tag-two {
	    font-size:34px;		
	}
	h2 {
		font-size:2em;
	}
	
	#primary-img, 
	#product-player {
		margin-bottom:30px;
	}
	#primary-img {
		min-width:0;
		max-width:33%;
	}
	#product-player {
		width:33%;
	}
	.mejs-container,
	#product-player video {
		width:100% !important;
		height:auto !important;
	}
	.mejs-container {
		display:none !important;
	}
	.mejs-mediaelement {
		position:relative;
	}
	#product-player img {
		display:block !important;
	}
	
	#tabbed-content.contact #tabs-menu li a {
		padding:19px 10px 22px;
	}

	.post .thumb {
		max-height:100% !important;
		width:auto !important;
		margin:0 auto 20px;
		float:none !important;
	}
	
	.content-cta {
		text-align:center;
		clear:both;		
	}
	
	/*Event Pages*/
	.product-launch .btn {
   		padding:13px 5px 17px;
    	letter-spacing:0;
	}
	#event-gallery {
		margin:20px 4px;
	}
	#spotlight-bucket {
		margin:15px;
		width:45%;
	}
	
	/* Embedded Systems */
	.embedded-systems #primary-img,
	.embedded-systems .buckets img {
		width:auto;
		max-width:50%;
	    margin:0 auto 20px;
		display:block;
	    float:none;
	}
	.embedded-systems .hr span {
		width:42%;
	}
	.embedded-systems .bucket {
		line-height:1.4;
		height:auto;
		padding:40px 0 60px;
	}
	.embedded-systems .buckets .details {
		width:100%;
		padding:0;
	}

	#workflows .bottom img {
		max-width:75%;
		margin:40px auto 0;
		float:none;
		display:block;
	}
}


/****** Mobile Only ******/
@media (max-width:767px) {
    
    /*AES*/
    #tradeshow-banner h1 {
    font-size: 60px !important;
} 

    #tradeshow-banner h2 {
    font-size: 30px !important;
}
	.mobile {display:block !important;}
	#page-3 #server-selection, 
	#server-labels,
	#bread-social {display:none !important;}

	h3 {
		font-size:1.4em;
	}
	#page-153 #main-content, 
	#page-157 #main-content {
	    width:70%;
	}
	#sidebar-news {
	    width:26%;
	}	
	
	/* Header */
	#header-content {
		width:100%;
	}
	#header #header-main, 
	#header #header-main .deco-left, 
	#header #header-main .deco-right, 
	#header .header-left, 
	#header .header-right {
	    height:60px;
	}
	#header .header-left:after, 
	#header .header-right:after {
	    border-bottom-width:60px;
	}
    #header .header-left, 
    #header .header-right {
	    width:28%;
	}
	#header #header-main {
	    width:40%;
	}
	#header #telephone {
		font-size:2.4em;
	}
	#header .nav-trigger, 
	#header .search-trigger {
	    padding-top:9px;
	}
	#header .nav-trigger i {
	    font-size:28px;
	    margin-bottom:8px;
	}
	#header .search-trigger i {
	    font-size:24px;
        margin-bottom:13px;   
	}	
	#header .search-form {
		width:100%;
	    width:calc(100% + 72px);	
	    top:60px;
	}
	

    /* Banner */
    #hero-banner #hero-content .tag-one,
	#hero-banner #hero-content .tag-two,
	#home-filters,
	#bucket-jump {
        display:none;
    }

	#hero-banner,
	#hero-banner #hero-images .slide,
	#hero-banner .overlay-tint {
	    height:270px;
	}
	.header-video {
		max-height:270px;
	}
	
	#hero-banner #hero-content {
		padding-top:50px;
	}
	#hero-banner .systel-logo {
		margin-bottom:50px;
	}
	
	#page-1 #content-wrap {
		margin-top: 60px;
	}
	
	#internal-banner {
		line-height:280px;
		height:280px;
	}
	#internal-banner h1 {
		font-size:3em;
	}


	/* Buckets */
	#page-1 #featured-products,
	.buckets span.img,
	.buckets .img img,
	.buckets .bullets,
	.buckets .more {
		display:none !important;
	}
	
	#featured-products {
		padding:30px 0;
	}
	
	.buckets-header {
		margin-bottom:20px;
	}
	
	.buckets a {
		text-align:left;
		background:url("/assets/images/template/texture.png") center center/50px 50px repeat #444;
		width:100% !important;
		margin-bottom:10px;
		padding:20px 20px 22px;
		display:block;
	}
	.buckets a h4 {
		color:#fff;
		font-size:1.2em;
		font-weight:bold;
		line-height:1;
		height:auto;
		margin:0;
	}
	
	/* convert 1U, 2U, etc. buckets into regular buckets */
	#server-selection .column {
		width:100% !important;
		padding:0 !important;
		float:none;
		display:none;
	}
	#server-selection .column.sku {
		display:block;
	}
	#server-selection p {
		margin:0;
	}
	#server-selection .product {
		box-shadow:none;
		margin-bottom:10px;
	}
	#server-selection .img {
	    color:#fff !important;
	    font-size:1.2em;
	    font-weight:bold;
	    line-height:1;
	    height:auto;
	    margin:0;
	}
	
	#buckets-home {
		padding:60px 0 20px;
	}
	#buckets-home a {
		text-align:center;
	}
	#buckets-home .bucket-wrap {
		padding-right:20px;
		padding-left:20px;
	}
	#buckets-home a h4 {
		font-size:2em;
		font-weight:normal;
	}
	
	.gallery .tab-content a {
		padding:15px;
	}
	.fancybox-title-over-wrap .caption h4 {
		font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
		font-size:1em;
	}
	.caption .content-cta .btn {
	    display:block;
	}
	.caption .content-cta .btn-brown {
		margin:0 auto 10px;
	}
	
	#page-1 #main-content {
	    padding-top:30px;
	}
	
	

	/* Systel Advantage */
	.block {
		padding:70px 0;
	}
	.block:first-child {
	    padding:50px 0;
	}
	#id-140.block .constrain > .left, 
	#id-140.block .constrain > .right,
	#id-142.block .constrain > .left, 
	#id-142.block .constrain > .right {
		width:100%;
		float:none;
	}
	#id-140.block .constrain > .left,
	#id-142.block .constrain > .right {
		margin-bottom:40px;
	}
	#testimonials .testimonial {
		font-size:0.9em;
		padding-left:30px;
	}
	#testimonials i, 
	#foot-testies .testimonial i {
		font-size:20px;
		left:-25px;
	}
	
		
	/* Mobile Tabbed Content */
	#secondary-content #tabbed-content.default {
		margin-top:0;
		padding-top:0;
	}
	.default #tabs-wrapper {
		text-align:center;
	}
	.default #tabs-menu {
		display:inline-block;
	}
	.default #tabs-menu li {
	    border:1px solid #ddd !important;	
	    border-bottom:none !important;
		margin:0 auto;
		float:none;
		display:none;
	}
	.default #tabs-menu li.current,
	.default #tabs-wrapper .prev, 
	.default #tabs-wrapper .next {
		display:inline-block !important;
	}
	#tabs-menu .current:after {
		height:1px;
		width:100%;
		bottom:-1px;
		left:0;
	}
	.default #tabs-menu li a {
	    padding:19px 24px 21px !important;	
	}
	.tab-content .w66.left,
	.tab-cta {
		width:100%;
		float:none;
	}
	.tab-cta {
		text-align:center;
		border-top:1px solid #ddd;
		border-left:none;
		margin:30px auto 0;
		padding:30px 0 0;
	}
	#tabbed-content .content-cta {
		text-align:center;
		clear:both;
	}
	#tabbed-content.contact img {
		display:none;
	}
	
	/*accordion tab*/
	.filters span {
		display:block;
	}
	
	/* Forms */
	.forms {
		width:100%;
	}
	
	
	/* Misc */
	#home-video iframe, 
	#home-video img {
		width:100%;
	}
	#page-3 .content-cta {
	    padding-bottom:0;
	}		
	
	/*Event Pages*/
	#main-content-event .w33, #main-content-event .w25 {
		width:100%;
	}
	.key-features.right,.event-info.left {
		float:none;
	}
	.product-launch {
		width:100%;
	}
	#upcoming-events {
    	margin:30px auto;
    	text-align:center;
	}
	.upcoming-event-img img {
    	height:auto;
    	max-height:auto;
	}
	.map img {
    	margin:0px 0px;
	}
	#spotlight-bucket {
    	margin:20px 0;
	}
	#event-gallery {
    	margin:20px 0px;
	}
	.spotlight-img {
    	text-align:center;

	}
	#spotlight-bucket {
		height:auto;
	}
	.spotlight-content {
    	padding:10px;
	}
	
	/* Resource Center */
	.blog-wrapper {
    	max-width:100%;
		margin:30px auto;
	}
	.blog-img-wrap {
    	max-height:100%;
	}
	.blog-img-wrap img {
		display:block;
		margin:0 auto;
	}
	iframe#widget2 {
    	height:500px;
	}
	.left.w66.post-content {
    	width:100%;
	}
	.left.w33.post-media {
    	width:100%;
	}
	
	/* Footer */
    #foot-events {
	    text-align:center;
	    padding-top:20px;
        float:none;
    }
    #foot-events .event {
	    text-align:left;
	    vertical-align:top;
	    width:200px;
	    padding:20px;
	    display:inline-block;
    }
    #foot-gallery,
    #foot-signup {
	    padding:20px 80px;
    }
    #foot-signup {
        width:100%;
    }
    
    #foot-testies,
    #footer #foot-logos,
    #foot-nav .foot-nav ul {
        display:none;
    }

	#foot-nav {
		padding:20px 0;
	}
    #foot-nav .foot-nav {
	    text-align:center;
        border-bottom:#dbd1a2 solid 1px;
        width:240px;
        margin:0 auto;
        padding:20px 0;
    }
    #foot-nav .foot-nav:last-child {
	    border-bottom:none;
    }
    #foot-nav .foot-nav > li > a {
		font-size:1em;
    }
    
    .foot-utility {
	    margin:20px auto 10px;
    }

	/* Embedded Systems */
	#selectors-btn {
		width:280px;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	#selectors-btn li span {
		display:none;
	}
	#selectors-btn ul {
		background:#fff;
		box-shadow:inset 0 0 1px #222;
		-moz-box-shadow:inset 0 0 1px #222;
		-webkit-box-shadow:inset 0 0 1px #222;
		padding:5px 0;
		position:absolute;
		top:50px;
		left:0;
		display:none;
	}
	#selectors-btn.open ul {
		display:block;
	}
	#selectors-btn li {
		font-weight:bold;
		text-transform:none;
		padding:5px;
		display:block;
		cursor:pointer;
	}
	#selectors-btn li a {
		color:#444;
		display:block;
	}

	.embedded-systems .buckets h3 i {
		display:none;
	}
	.embedded-systems .btn {
		background:url("/assets/images/template/texture.png") center center/50px 50px repeat;
		width:auto !important;
		display:inline-block;
	}	
	.embedded-systems .btn-orange {
	    background-color:#d38f1a;
	}
	.embedded-systems .btn-brown {
	    background-color:#a39472;
	}

	.parent-89 .embedded-systems #primary-img {
		max-width:75%;
	}
	
	.content-cta {
		text-align:center !important;
	}

	#gallery-slider, 
	#gallery-slider .slides li {
		height:auto;	
	}
	#gallery-slider .slides li	{
		line-height:normal;
		background:#000 !important;
		padding:40px 0 90px;
	}
	#gallery-slider .slides .caption {
		padding-right:0;
	}
	
	.tpl-14 .embedded-systems #main-content {
		background:#000 !important;
	}
	.tpl-14 .embedded-systems #main-content:after {
		content:"";
	}
	
	.embedded-systems #main-content-tradeshow {
		padding:40px 0;
		background: url(/assets/images/sand.jpg) left top no-repeat #000;
		background-size:75% !important;
	}
	.embedded-systems .tradeshow-main .details {
		width: 100%;
        display: block;
	}
	.embedded-systems .tradeshow-main #primary-img {
	    width: 100%;
        display: block;
	}
	.embedded-systems .tradeshow-main .details .btn {
	    margin: auto;
        width: 100% !important;
	}
	.embedded-systems .tradeshow-main  .details h3,
	.embedded-systems .tradeshow-main  .details p,
	.embedded-systems .tradeshow-main  .details table {
    	-webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
        visibility:visible;
	 }
	
	#documents {
	    -webkit-background-size:cover !important;
	    -moz-background-size:cover !important;
	    -o-background-size:cover !important;
	    background-size:cover !important;
	    line-height:normal;
		height:auto;
	}
	#documents .doc-img,
	#documents .doc-right {
		height:auto;
		max-height:none;
		width:100%;
		float:none;
	}
		
	.tpl-14 .embedded-systems #content-after .w66,
	.tpl-14 .embedded-systems #content-after .w33 {
		width:100%;
		display:block;
		float:none;
	}
	.tpl-14 .embedded-systems #content-after .w66 {
		border-right:none;
		border-bottom:1px solid #888;
		margin-bottom:30px;
		padding-bottom:20px;
	}
	.tpl-14 .embedded-systems #content-after .w33 {
		padding-left:0;
	}

	
	#recommended a {
		width:49.5%;
	}
	#recommended a:nth-child(3) {
		display:none;
	}

	.embedded-systems .cta {
		padding:40px 0;
	}
	.embedded-systems .cta h5 {
		font-size:1.2em;
		margin-bottom:20px;
	}
	.embedded-systems .cta p,
	.embedded-systems .cta .sep.two {
		display:block;
	}
	.embedded-systems .cta p {
		line-height:1.4;
		margin-bottom:20px;
	}
	.embedded-systems .cta .sep.two {
		font-size:0;
	}
}


@media (max-width:568px) {

	#primary-img, 
	#product-player {
		width:100%;
		max-width:100%;
		margin:0 auto 30px;
	}
	#primary-img, 
	#product-player img {
		width:100%;
	}
	
	.tpl-14 .embedded-systems #main-content img.mobile {
		max-width:100%;
	}

	#recommended a {
		width:49%;
	}
	#recommended .image {
	    line-height:150px;
	    height:150px;
	}
	#recommended h4 {
		font-size:1.4em;
	}
	
}


@media (max-width:480px) {
	#page-153 #main-content, 
	#page-157 #main-content,
	#sidebar-news {
		border:none;
	    width:100%;
	    margin:0 auto;
	    padding:0;
	    float:none;
	}
	#sidebar-news {
		text-align:center;
		border-top:1px solid #ccc;
		padding:40px 0;
	}

	#internal-banner h1 {
		font-size:2.7em;
	}
	h2, .forms h4 {
		font-size:1.8em;
	}	
	
    #header .header-left {
	    width:25%;
	}
    #header .header-right {
	    width:27%;
	}
	#header .header-left:after {
	    border-left-width:20px;
	}
	#header .header-right:after {
	    border-right-width:20px;
	}
	#header .nav-trigger .text, 
	#header .search-trigger .text {
	    font-size:14px;
	}
	#header #header-main {
	    width:44%;
	}
	#header #telephone {
	    font-size:2em;
	    padding-top:10px;
	}
	
	.forms .input-group > input, 
	.forms textarea {
		font-size:0.9em;
	}

	.default #tabs-menu {
		max-width:60%;
	}
	.default #tabs-menu li a {
		padding:15px 20px 21px !important;
	}
	
	#tab-content-wrapper .left,
	#tab-content-wrapper .right {
		width:100% !important;
		float:none !important;
	}
	
	.gallery .tab-content a {
		padding:10px;
	}
	

	#id-142.block .left,
	#id-142.block .right {
		width:100%;
		float:none;
	}
	
	.content-cta .btn {
	    display:block;
	}
	.content-cta .btn-brown {
		margin:0 auto 10px;
	}
	
	/* Resource Center */
	iframe#widget2 {
    	height:300px;
	}
	
    #foot-events .event {
	    width:49%;
    }
    #foot-gallery, 
    #foot-signup {
	    padding:20px;
	}
	
	/* Embedded Systems */
	.embedded-systems #primary-img, 
	.embedded-systems .buckets img {
		max-width:90%;
	}
	.embedded-systems .btn + .btn {
		margin-left:auto;
	}
	
}

#content-wrap {
    margin-top: 60px;
}
@media only screen and (max-width: 1199px) {
    #content-wrap {
        margin-top: 70px;
    }
}
@media only screen and (max-width: 767px) {
    #content-wrap {
        margin-top: 60px;
    }
}
@media only screen and (max-width: 640px) {
    #content-wrap {
        margin-top: 60px;
    }
}

body.alert-active #content-wrap {
    margin-top: 180px;
}
@media only screen and (max-width: 1199px) {
    body.alert-active #content-wrap {
        margin-top: 190px;
    }
}
@media only screen and (max-width: 767px) {
    body.alert-active #content-wrap {
        margin-top: 180px;
    }
}
@media only screen and (max-width: 640px) {
    body.alert-active #content-wrap {
        margin-top: 210px;
    }
}