/* Slider & Featured Video */
#story-content { background-color:#eee; padding-top:20px; }
#main-content-handler > .container { position: relative;}
.home-slide { float:left; width:68%; }
.home-fv { float:right; width:30%; }
.moduletable-featured_video iframe {
	width:100%; height:calc(100% - 52px); display: block;
	position: absolute; bottom:0; left:0;
}
.home-slide .flex-caption a.blue_white-btn {
	border:1px solid #fff; color:#fff; line-height: 34px;
	text-transform: capitalize; position: absolute;
	top:10px; right:20px; height:auto; padding:0 20px;
}
.home-slide .flex-caption h1 { line-height:36px; margin-bottom:6px; font-size:180%; font-weight: 400; }
.home-slide .flex-caption h2 {
	margin-bottom:0; font-size: 120%; white-space: nowrap;
	text-overflow: ellipsis; overflow: hidden;
}
.home-slide .flex-caption { position:absolute; padding:11px 20px; bottom:0; left:0; }
.home-slide .flex-control-nav { right: 14px; font-size:0; bottom:10px; }
.home-slide .flexslider { margin-bottom:0; border:0; }
.home-slide div[itemprop="articleBody"] { padding-bottom: 0; }
.home-banner-right .video-container {
	position: relative; padding-bottom: 56.25%;
}
.home-banner-right .video-container .heading {
	text-align: center; background-color: #0065a7; color:#fff; line-height:52px;
	font-weight: 400; font-size: 18px;
}

/* demo banner under product categories */

.homepage.demo-banner { background-color:#eee; padding:0px 0 20px 0px; }

/* Home - Product Categories */
.homepage.product-categories { background-color:#eee; padding:20px 0; }
.homepage.product-categories .product-category {
	float:left; width:23.5%; margin-left:2%; text-align: center;
	box-sizing: border-box;
}
.homepage.product-categories .product-category:first-child { margin-left:0; }
.homepage.product-categories .category-name {
	color:#fff; display: block;
	font-weight: 500; line-height: 22px; height:44px; padding:3px 5px;
	transition-property: background-color; transition-duration: .4s;
	text-align: center; 
}
.homepage.product-categories a.category-link { text-decoration: none; }
.homepage.product-categories a.category-link .category-name {
	background-color:#00b0d8;
}
.homepage.product-categories a.category-link:hover .category-name {
	background-color: #faaf40; 
}
.homepage.product-categories .category-image {
	display:block; background-color:#fff;
}
/* Latest News */
.moduletable-latest_news {
	background-color: #eee; 
}
.moduletable-latest_news .container { padding:20px 0; }
.latest-news-desc {
	text-align: center; max-width:600px; margin:0px auto 20px;
	line-height: normal !important;
}
.moduletable-latest_news h3.page-header {
	color:#0065a7; font-size:24px; text-align: center;
}
.moduletable-latest_news .latest-news {
	width:24.25%; float:left; margin-left:1%; box-sizing: border-box; padding:0 !important;
}
.moduletable-latest_news .latest-news:first-child { margin-left:0; }
#eb .eb-mod-thumb .eb-mod-image-cover::before,
#eb .eb-mod-thumb .eb-mod-image-cover { border:0 !important; }
.moduletable-latest_news .news-date {
	float:left; width:40px; 
	margin-right:10px; text-align: center; font-weight: 500;
}
.news-date .news-day {
	color:#fff; background-color:#0065a7; line-height:40px !important;
	font-size: 22px;
}
.news-date .news-mon { color:#777; background-color:#fff; line-height:40px !important; }
.moduletable-latest_news .view-all-news { text-align: center; margin-bottom: 10px; }
.moduletable-latest_news .news-excerpt,
.moduletable-latest_news .news-title { height:36px; overflow: hidden; text-overflow: ellipsis; }
.moduletable-latest_news .news-excerpt { margin-top:10px; }

/* Home - About Emona Instruments */
.home-about {
	padding:10px 365px 10px 0; 
	background-repeat: no-repeat;
	background-position: right 20px;
	min-height: 315px;
}
.home-about .text { padding-right:80px; }
.home-about .image { width:200px; }

/* Home - Action Boxes */
.action-box { background-color:#1DB0D6; }
.action-box .action-inner { float:left; width:23.5%; margin-left:2%;}
.action-box .action-inner:first-child { margin-left:0; }
.action-box .action-link {
	text-decoration:none; display:table; width:100%; padding:8% 0; color:#fff;
}
.action-box .action-link:hover .action-icon {
	background-color: #faaf40;
}
.action-box .action-title {
	font-size:20px; display:block; line-height:24px;
	font-weight: 400; margin-bottom:10px; color:#fff;
}
.action-box .action-left { display:table-cell; width:70px; vertical-align:middle; }
.action-box .action-right { display:table-cell; vertical-align:middle; }
.action-box .action-icon {
	font-size:0; text-align:center; width:50px; height:50px;
	background-color:#0065a7; border-radius: 10px;
	line-height: 50px; overflow: visible;
}
.action-box .action-icon::before {
	font-size:36px; color:#fff;
	position:relative; z-index:3; right:-10px;
}
.action-box .action-text { line-height:16px; color:#fff; display:block; height:64px; }

/* Related Websites - NEW */
.related-websites { text-align: center; }
.related-websites a.site-link {
	color:#fff; font-size:16px; font-weight:300; text-decoration: none;
}
.related-websites .heading { padding:0 5px; }
.related-websites .heading > img { height:45px; }
.related-websites .website { float:left; padding:15px 0 0; margin:0 7px; color:#fff; width:222.8px; }
.related-websites .top-row { margin:20px -7px 0;}
.related-websites .intro-text { padding:10px; line-height: 20px; height:100px; }
.related-websites .aspect-ratio { position: relative; padding-bottom:56.25%; }
.related-websites .aspect-ratio > img {
	position: absolute; left:0; right:0; top:0; bottom:0;
	max-height: 100%; max-width: 100%;  margin:auto;
}
.related-websites .site-links { border-top:1px solid #fff; line-height: 30px; }

/* Related Websites - OLD
.related-websites { text-align: center; }
.related-websites a.site-link {
	color:#fff; font-size: 18px; font-weight: 500;
	text-decoration: none;
}
.related-websites .heading { padding:0 20px; } 
.related-websites .website { float:left; padding:10px 0 0; color:#fff; }
.related-websites .top-row { margin-bottom: 2%;}
.related-websites .top-row .website { width:32%; }
.related-websites .top-row .website + .website { margin-left:2%; }
.related-websites .btm-row .website { width:49%; }
.related-websites .btm-row .website + .website { margin-left:2%; }
.related-websites .intro-text { padding:10px 40px; line-height: 20px; height:60px; }
.related-websites .top-row .intro-text { height:60px; }
.related-websites .btm-row .intro-text { height:40px; }
.related-websites .illus-img { padding:10px 20px; }
.related-websites .aspect-ratio { position: relative; padding-bottom:56.25%; }
.related-websites .aspect-ratio > img {
	position: absolute; left:0; right:0; top:0; bottom:0;
	max-height: 100%; max-width: 100%;  margin:auto;
}
.related-websites .site-links { border-top:1px solid #fff; line-height: 30px; }
*/

@media (max-width:1200px){
	/* Home - Action Boxes */
	.action-box .action-inner { width:48%; margin-left:4%; }
	.action-box .action-inner:nth-child(odd) { margin-left:0; }
	.action-box .action-text { height:32px; }
	.action-box .action-icon { margin-top:8px; }
	.action-box .action-link { padding:4% 0; }

	/* Slider & Featured Video */
	.home-slide .flex-caption h1 { font-size: 150%; line-height: 26px; }
	.home-slide .flex-caption a.blue_white-btn { line-height:28px; }
	.home-slide .flex-caption { padding:11px 10px; }
	.home-slide .flex-caption a.blue_white-btn {
		right:10px; text-transform: capitalize; padding: 0 10px;
	}
	.home-slide .flex-control-nav { right:4px; }
	.moduletable-featured_video iframe { height:calc(100% - 36px); }
	.home-banner-right .video-container .heading { line-height: 36px; }

	/* Latest News */
	.moduletable-latest_news .latest-news {
		width:48%; margin-left:0;
	}
	.moduletable-latest_news .latest-news:nth-child(-n + 2) { margin-bottom:4%; }
	.moduletable-latest_news .latest-news:nth-child(even) { margin-left:4%; }

	/* Related Websites - NEW */
	.related-websites .website:nth-child(-n + 3) { width:304px; margin-bottom:14px; }
	.related-websites .website:nth-child(n + 4) { width:463px; }
	.related-websites .website:nth-child(-n + 3) .intro-text { height:80px; }
	.related-websites .website:nth-child(n + 4) .intro-text { height:40px; }

	/* Related Websites - old
	.related-websites .intro-text { padding: 10px 20px; }
	.related-websites .top-row .intro-text { height:80px; }
	*/
}
@media (max-width:979px){
	/* HEADER */
	.header-bottom { background-color: #00b0d8; }
	
	/* Home - Action Boxes */
	.action-box .action-text { height:48px; }
	.action-box .action-icon { margin-top:16px; }

	/* Slider & Featured Video */
	.home-slide .flex-caption { padding:7px 10px; }
	.home-slide .flex-control-nav { display:none; }
	.home-slide .flex-caption a.blue_white-btn { top:6px; }

	/* Home - About Emona Instruments */
	.home-about .text { padding-right:20px; }

	/* Related Websites - NEW */
	.related-websites .website:nth-child(-n + 3) { width:232px; }
	.related-websites .website:nth-child(n + 4) { width:355px; }
	.related-websites .website:nth-child(-n + 3) .intro-text { height:100px; }
	
	/* Related Websites - OLD 
	.related-websites .heading { padding: 0 10px; }
	.related-websites .illus-img { padding:10px; }
	.related-websites .intro-text { padding: 10px; }
	.related-websites .top-row .intro-text { height:100px; }
	.related-websites a.site-link { font-size: 16px; font-weight: 300; }
	*/
}
@media (max-width:767px){
	#story-content,
	.homepage.product-categories,
	.home-about,
	.moduletable-latest_news,
	.action-box,
	.related-websites { padding-left:10px; padding-right:10px; }

	/* Slider & Featured Video */
	.home-slide, .home-fv { float:none; width:auto; margin-bottom:20px; }
	.home-slide .flex-caption { position:relative; bottom: auto; left:auto; }

	/* Slider & Featured Video */
	.home-slide .flex-caption h2 {
		text-overflow: clip; overflow: visible; 
		font-size: 16px; white-space: normal;
	}
	.home-slide .flex-control-nav { display: block; }
	.home-slide .flex-caption { padding:10px; }
	.home-slide .flex-caption h1 { line-height:normal; margin-bottom: 0; }
	.home-slide .flex-caption a.blue_white-btn {
		position:static; margin-top:10px; padding:0; width:122px; 
		text-transform: uppercase; text-align: center;
	}
	.home-slide .flex-control-nav { bottom:19px; }

	/* Home - Product Categories */
	.homepage.product-categories > .container { margin-bottom:-4%; }
	.homepage.product-categories .product-category { width:48%; margin-bottom:4%; }
	.homepage.product-categories .product-category:nth-child(odd) { margin-left:0; }
	.homepage.product-categories .product-category:nth-child(even) { margin-left:4%; }

	/* Home - About Emona Instruments */
	.home-about .image { width:300px; }

	/* Related Websites */
	.related-websites .website {
		float:none; width:400px !important; margin:20px auto 0 !important; max-width: 100%;
	}
	.related-websites .intro-text br { display: none; }
	.related-websites .intro-text { height: auto !important;}
}

@media (max-width:680px){
	/* Home - About Emona Instruments */
	.home-about h2 { font-size: 150%; }
	.home-about .lead { font-size: 18px; line-height: normal; font-weight: 300; }
	.home-about.valign > .valign-center,
	.home-about.valign { display: block; width:auto; }
	.home-about .text { padding-right:0; }
	.home-about .image { text-align: center; padding-top:20px; }

	/* Home - Action Boxes */
	.action-box .action-inner { float:none; width:auto; margin-left:0; margin-bottom:0; }
	.action-box .action-text { height:auto; }
	.action-box .action-icon { margin-top:0; }
}
@media (max-width:550px){
	/* Slider & Featured Video */
	#story-content { padding:0; }
	.home-fv { margin-bottom:0; }

	/* Latest News */
	.moduletable-latest_news .latest-news {
		float:none; width:320px; margin:20px auto 0 !important; max-width: 100%;;
	}

	/* Related Websites */
	.related-websites .intro br { display: none; }
}
@media (max-width:420px){
	/* Home - Product Categories */
	.homepage.product-categories .product-category:nth-child(n) {
		width:auto; float:none; margin-left:0;
	}

	/* Home - Action Boxes */
	.action-box .action-title { margin-bottom:5px; }
	.action-box .action-icon { margin-top:8px; }
	.action-box .action-right { width:calc(100% - 60px); }
}
