/* IE10 */
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@media only screen and (min-width: 985px) {
.megamenu_container {height: 25px;}
}

@media only screen and (max-width: 984px) {
	#mainColumn .container, #floating-footer .container{width:96%; margin:0 2%;}
	#mainColumn div.first_paragraph, div.blue_block, div.grey_block{font-size:130%;}
	.container{margin:0;}
	#boxed_list #item.main, #boxed_list #item.secondary{height:155px;}
	.megamenu li.megamenu_button > a {padding:1.2% 2% !important;}	
	.search .submit{left:auto;}
	.search {height:1.6em; margin: -30px 10px 0 0; position:absolute; right:0; top:34px; width:110px;}
	
	.search #searchtext {
	  height: 1.5em;
	  width:90px;
	}
	.megamenu img {
		max-width: 96%;
		height: auto;
	}
	.megamenu textarea {
		width:96%;
	}
	
	#boxed_list_colored .item  {height:200px !important;}
	.boxed_list_light .item, #boxed_list_light .item {height:200px !important;}
	.searchResult img.right, img.listing_thumb.right{max-height:none !important;  margin:10px 0px 10px 10px !important;}
	#mainColumn div.intro h1.small {font-size: 1.7em !important; line-height: auto !important; padding: 0.5em 0;}
	#mastHead #logo{}

	#superpromo,#titleHolder{display:none;} 
	#outer_wrap{background-image:none; background-color:none;}
	#mainColumn div.wrapper_button {display:none; }
	/* FOR THE MAIN CONTENT ON TEXT MULTI PAGES */
	section div.container, aside div.container{padding:3em 0; width:96%; margin:0 2%;}
	section h1, aside h1 {font-size:3.6em !important; line-height: 1.1em;}
	section h2, aside h2 {font-size:3.8em !important; line-height: 1.1em;}
	section h3, aside h3 {font-size:2.4em !important; line-height: 1.1em;}
	section h3.bordered, h3.akzidenz-bordered{font-size:2.4em; line-height: 1.1em;}
	section h3.akzidenz-condensed-uppercase{}
	a.button_akzidenz:link, a.button_akzidenz:visited{padding:0.3em 1em;}

	
	/* JOB OPENING SEARCH BOX*/
	form.search_jobs input[type="text"] {width:50%;}
	/*fixed background repositioning*/
	section div.image {background-position:50% -50px !important; background-attachment:local !important; background-size:cover !important;}
	body.products section div.image{background-position:50% 0 !important;}

	div.twoColumnImage img{max-width:50%;}
	div.threeColumnImage img{max-width:33%;}
	div.fourColumnImage img{max-width:25%;}
	
	#floating-footer ul, #floating-footer .button {margin:0 !important;}
	#footer_additional{margin:2%;}
	#breadcrumbs{height:auto;}
}



@media only screen and (min-width: 480px) and (max-width: 767px) {
	.grid_3, .grid_4 {margin: 0 2% 2% 0 !important; max-width: 375px !important; width: 48% !important;}  
	/*#column3{clear:left !important;}*/
	#fNav ul.alpha {width:12% !important;}
	#fNav ul{width:14.5% !important; min-width:120px; min-height:280px;} 	
	
	#mainColumn div.intro_trans {top:2em !important; width:auto !important; max-width:80%;}
	#mainColumn div.intro{padding: 5px 25px 5px 15px !important;}
	#mainColumn div.intro_second{padding: 3px 25px 3px 15px !important;}
	#mainColumn div.introcontent {width:98%; top:8em; margin-top:0 !important; margin-right:0 !important; padding-top:0 !important;}	

	#boxed_list_colored div.inner h2{font-size:140% !important;}
	#mainColumn div.intro h1.small {font-size: 1.8em !important; line-height: 1.1em !important; padding: 0.5em 0;}
	.search {margin:-25px 10px 0 0;}	
	
	#newsCycle{height:30px !important;}
	.newsticker_wrapper {height:25px !important; padding-top:1px; line-height:1.2em;}	
	
	.megamenu_container .megamenu > li > div > .responsive_sixths,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_sixths {
		width: 8.66%;
	}
	.megamenu_container .megamenu > li > div > .responsive_fourths,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_fourths {
		width: 17%;
	}
	.megamenu_container .megamenu > li > div > .responsive_thirds,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_thirds {
		width: 25.33334%;
	}
	.megamenu_container .megamenu > li > div > .responsive_halfs,
	.megamenu_container_vertical .megamenu > li > .dropvertical_container > div > .responsive_halfs {
		width: 42%;
	}	
	
	
}

	
@media only screen and (min-width : 768px) {
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-1px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	/*width:100%;*/
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
}
	

@media only screen and (min-width: 768px) and (max-width: 984px) {

	#mainColumn div.boxed_content {min-height:240px !important;}

	#mainColumn div.intro_trans {top:3em !important;width:auto !important; max-width:60%;}
	#mainColumn div.intro{padding: 10px 25px 10px 15px !important;}
	#mainColumn div.intro_second{padding: 5px 25px 5px 15px !important;}
	#rotator {top:3em !important;}
	#mainColumn div.introcontent {top:10em; margin-top:0 !important; margin-right:0 !important; padding-top:0 !important;}	
	#mainColumn div.wrapper_button.low {margin:15px 0 0 15px !important;}
	
	.search {margin:-23px 10px 0 0;}
	
	.menu_description {width: 500px;}
	.megamenu_container .megamenu > li {/*margin:0 8px 0 0;*/}
	.megamenu_container .megamenu > li.right {margin-right:-1px;}
	.megamenu_container .megamenu > li > a {padding: 16px 10px 17px 10px;}
	.megamenu_container .megamenu > li .megamenu_drop {}	
}

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

	.search{width:140px;}	
	.search #searchtext{height: 1.5em; width:120px;}

	.container .suffix_10 {padding:0;}

	#mainColumn{background-color:#ffffff;}
	#mainColumn div.boxed_header{margin-bottom:1px !important;}
	#mainColumn div.purple {background:none repeat scroll 0 0 #653194 !important;}
	#mainColumn div.light_blue {background:none repeat scroll 0 0 #0099CF !important;}
	#mainColumn div.black {background:none repeat scroll 0 0 #000000 !important;}
	#mainColumn div.boxed_header h3 a {color:#ffffff !important;}
	#mainColumn div.boxed_content .inner{margin:0 !important; border:1px solid #aaaaaa; border-top:0; min-height:280px;}
	#mainColumn div.grid_7 div.boxed_content .inner{border:0;}
	#mainColumn div.boxed_content .inner p{margin:3% !important;}
	#mainColumn div.boxed_content .inner h3{margin:auto 3% !important;}

	#rotator {display:none;}
	div.thumb_wrapper_200{height:100% !important; max-height:170px !important; border:0 !important; padding-top:0 !important; }
	#column4 #accordion{height: 280px;}
	#column4 .rankings .inner{padding:0 10px;}
	#mainColumn div.boxed_header h3, #sideColumn div.boxed_header h3, #mainColumn div.boxed_header_events h3 {margin: 0.2em 0 0 !important;  padding: 0.4em 1em 0.4em 1.2em !important;}
	#mastHead {min-height:0 !important;}

	div.video-overlay img{max-width:80%; margin-bottom:0 !important; margin-top:6em;}

	#testimonials{width:96% !important; float:none !important; margin: 0 0 40px 0 !important;}
	#testimonials.right span{display:inline !important;}
	#featured{width:96% !important; padding:inherit; float:none !important; margin: 0 0 40px 0 !important;}
	.searchResult img.right, img.listing_thumb.right{width:50%; height:50%; max-height:none !important;}

	.menu_description {width: 100%;margin-left:0;}
	.menu_description h1 {margin-top: 24px;}

	.megamenu_container {
		height: auto;
	}

	.megamenu_container .megamenu > li,
	.megamenu_container .megamenu > li:hover {
		float:none;
		width:auto;
		padding-right:0;
		margin-right:0;
	}
		.megamenu_container .megamenu > li > a {
			padding: 16px 10px 16px 10px;
			border-bottom:1px solid #666666;
		}
		/*
		.megamenu_container .megamenu li.right a {
			margin-right:0;
		}*/

	 .megamenu_container .megamenu li:hover .dropdown_container,
	 .megamenu_container .megamenu li:hover .dropdown_fullwidth,
	 .megamenu_container .megamenu li:hover .dropdown_right {
		top:auto;
		left:-1px;
	}
  	.megamenu_container .megamenu .dropdown_1column,
  	.megamenu_container .megamenu .dropdown_2columns,
  	.megamenu_container .megamenu .dropdown_3columns,
	.megamenu_container .megamenu .dropdown_4columns,
	.megamenu_container .megamenu .dropdown_5columns,
	.megamenu_container .megamenu .dropdown_6columns,
	.megamenu_container .megamenu .dropdown_7columns,
	.megamenu_container .megamenu .dropdown_8columns,
	.megamenu_container .megamenu .dropdown_9columns,
	.megamenu_container .megamenu .dropdown_10columns,
	.megamenu_container .megamenu .dropdown_11columns,
	.megamenu_container .megamenu .dropdown_12columns {
		width: 100%;
		padding-left:0;
		padding-right:0;
	}
	.megamenu_container .megamenu .col_1,
	.megamenu_container .megamenu .col_2,
	.megamenu_container .megamenu .col_3,
	.megamenu_container .megamenu .col_4,
	.megamenu_container .megamenu .col_5,
	.megamenu_container .megamenu .col_6,
	.megamenu_container .megamenu .col_7,
	.megamenu_container .megamenu .col_8,
	.megamenu_container .megamenu .col_9,
	.megamenu_container .megamenu .col_10,
	.megamenu_container .megamenu .col_11,
	.megamenu_container .megamenu .col_12 {
		width:92%;
		margin-left: 4%;
		margin-right: 4%;
	}

	.megamenu .dropdown_flyout, 
	.megamenu .dropdown_flyout .dropdown_flyout_level {
		position: relative;
		left:auto;
		top:auto;
		padding: 0;
		margin: 0 4% 0 4%;
	}
	.megamenu .dropdown_flyout li,
	.megamenu .dropdown_flyout ul li {
		width: 100%;
		padding: 3px 0 3px 0;
	}
	.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level {
		left:auto;
		top:auto;
	}
	.megamenu .dropdown_flyout li:hover > .dropdown_flyout_level_left {
		left:auto;
		right:auto;
	}
	.megamenu_dark .megamenu li .dropdown_flyout li ul,	
	.megamenu_light .megamenu li .dropdown_flyout li ul {
		border:none;
		background: none;
	}
	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent {
		background:url("../images/dropdown.png") no-repeat right 9px;
	}
	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent {
		background:url("../images/dropdown-b.png") no-repeat right 9px;
	}
	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent:hover,
	.megamenu_dark .megamenu li .dropdown_flyout .dropdown_parent.active,
	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent:hover,
	.megamenu_light .megamenu li .dropdown_flyout .dropdown_parent.active {
		background-color:transparent;
	}

	.megamenu li ul li, .megamenu li ol li{line-height:26px;}	
	#related_items .item {width:44% !important; margin-right:2%;}
	table.searchFilterList.odd td{display:inline-block !important; width:45%;}
	table.searchFilterList.even td{display:inline-block !important; width:29%;}
	table.searchFilterList.even td.submitForm input.dark_grey{}
	.searchFilters td.submitForm{max-width:none !important;}
	.searchFilters input, .searchFilters select{max-width:none !important;}

	.scrollToTop{right:10px;}
	

	
}

@media only screen and (max-width: 640px) {
	
	body{font:85%/1.5em Helvetica, Arial, Tahoma, Verdana, sans-serif;}	
	#boxed_list #item.main , #boxed_list #item.secondary, .boxed_list_light #item, #boxed_list_light .item{height:auto !important; margin:0 0 10px !important; width:auto !important; float:none; margin-bottom:10px !important; padding:4%;}
	#mainColumn div.intro_trans {position:initial !important; width:auto !important; max-width:none !important; font-size:1.6em;}
	#mainColumn div.intro {padding:0 !important;}
	#mainColumn div.intro_second {padding: 0px 25px 0px 15px !important;}
	#mainColumn div.introcontent {margin-top:0 !important; width:96%;}	
	#mainColumn div.introcontent h3{ font-size: 125% !important; line-height: 1.2em !important; margin-top:0.8em;}
	
	
	/*.press_release h3, #mainColumn div.grid_10 h1.super, #mainColumn div.introcontent h1.super, #mainColumn div.intro h1.super, #rankings h1.super{font-size: 2.6em !important; line-height: 1.1em  !important;}*/
	#mainColumn div.intro h1.small {font-size:1.2em !important; line-height: 1.1em !important; padding: 1em 0;}
	.search{margin:-28px 10px 0 0;}	

	.salesForceForm{width:100% !important;}
	.salesForceForm label{float:none !important; display:block; font-size:110%;  width: 90% !important;}
	.salesForceForm textarea, .salesForceForm input[type=text], .salesForceForm input[type=url], .salesForceForm input[type=email], .salesForceForm input[type=password], .salesForceForm input[type=tel], .salesForceForm input[type=submit], .salesForceForm select{
	  -webkit-appearance: none; -moz-appearance: none;
	  display: block;
	  width: 90% !important; 
	  line-height: 30px; 
	  font-size:110%;
	  border: 1px solid #cccccc;
	  max-width:400px;}
	.ms-choice{-webkit-appearance: none; -moz-appearance: none; width: 95%; line-height:30px; font-size:110%; border: 1px solid #cccccc; max-width:400px; height:34px !important; }	
	.ms-choice > span{padding:2px 0 0 8px !important;}
	.salesForceForm select.multiple_select{width:100% !important;}
	.salesForceForm select option{padding:4px !important;}
	section .salesForceForm #not_you {width:auto; float:none;}
	select option{min-height:10px !important;}
	
	.salesForceForm input[type=checkbox] {width:auto; height:auto; border: 1px solid #bbb; margin-right:10px;}
	.salesForceForm input[type=submit] { max-width:420px !important;}
	.salesForceForm.embedded {float: none !important; max-width: none !important; width: 100% !important; padding: 10px 0 20px 0 !important;}
	.salesForceForm.embedded input.submit{width:auto !important; float:none !important; margin:0 !important;}
	.salesForceForm .embedded_form{padding: 10px 15px !important;}	
	
	/* SEARCH RESULTS */
	#ezautocomplete input#Search, #ezautocomplete select {width:96% !important; max-width:460px !important;}
	#ezautocomplete > span {display: block !important; margin: 10px 0 0 !important;}
	
	div.container_social{left:2% !important;}
	#related_items .item {width:46% !important; margin-right:2%;}
	/* BRIGHTCOVE PLAYER CONTAINER*/
	div.container_block{width:100% !important;}
	.ui-accordion .ui-accordion-header a span.right{display:none; visibility:hidden;}
	
	#rankings h3 span{float:none !important; display:block; text-align:left !important;}
}

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

	.grid_3, .grid_4, .grid_6, .grid_7 {
	  max-width: 100% !important;
	  width: 100% !important;
	  margin:2% auto !important;
	  float:none !important;
	  display:block;
	}
	.grid_5 {width:94% !important; float:none !important; clear:both; display:block; margin:0 4% !important; max-width:none;}
	.grid_7 {margin:15px auto !important;}
	#mastHead #logo {}
	#eNav{margin: 5px 10px 10px 0;}
	#mainColumn .container, #floating-footer .container{width:92%; margin:0 4%;}	
	#mainColumn div.boxed_content {min-height:0 !important;}
	#mainColumn div.boxed_content .inner{height:auto !important; min-height:0 !important;}
	.megamenu li.megamenu_button > a {padding:1.2% 4% !important;}	
	#footer_additional{margin:4%;}
	
	.search {margin: -30px 10px 0 0;}
	div.ls-bottom-nav-wrapper{display:none !important;}

	div.thumb_wrapper_200{height:100% !important; max-height:200px !important;}
	#fNav ul.alpha {width: 90% !important;  float:none !important;}

	#fNav ul{width:90% !important; float:none !important; margin:6% 2% !important;} 	
	li.main {border-bottom: 1px solid #666666;}
	#sc_title{display:none !important;}
	#floating-footer .stay-connected a.twitter {margin-left:0 !important;}
	#fPath{margin: 0 2%;}

	#mainColumn div.intro_second {top:5.3em !important;}
	#mainColumn div.intro_second h2, #mainColumn div.introcontent h1.single{font-size:115% !important;}
	#mainColumn div.introcontent {top:3em; display:none;}	
	#mainColumn div.first_paragraph, div.blue_block, div.grey_block{font-size:120%;}

	section h1 {font-size:3.0em !important; line-height: 1em;}
	section h2 {font-size:3.2em !important; line-height: 1em;}
	section h3.bordered, h3.akzidenz-bordered{font-size:2.0em; line-height: 1em;}
	section h3.akzidenz-condensed-uppercase{font-size:2em; line-height: 1em;}
	a.button_akzidenz:link, a.button_akzidenz:visited{padding:0.2em 1em;}
	div.trailer #testimonials blockquote{font-size:1.3em; line-height:inherit;}
	section #testimonials .citation{font-size:1.5em;}
	
	#boxed_list_colored .item div.inner{font-size:100% !important; overflow:hidden !important;}
	#boxed_list_colored div.inner h2{font-size:110% !important;}
	#related_items .item {width:96% !important; margin-right:2%; max-width:none;}
	#related_items div.thumb {max-width:none; height:140px;}
		
	.press_release h3, #mainColumn div.grid_10 h1.super, #mainColumn div.introcontent h1.super, #mainColumn div.intro h1.super, #rankings h1.super{font-size:2.8em !important; line-height: 1.1em  !important;}
	#mainColumn div.intro h1.small {font-size: 1.2em !important; padding: 0.2em 0;}
	#mainColumn div.intro h1.super.small, #mainColumn div.intro h1.super  {font-size: 1.1em !important; padding: 0.8em 0;}
	#mainColumn div.intro h1.xsmall{font-size: 1em !important;}
	.container .grid_5, .container .grid_12, .container .grid_16 {width:100% !important; float:none !important; clear:both; display:block; margin:0 !important;}
	.container .suffix_10, .container .suffix_14 {border-bottom:1px solid #cccccc; margin-bottom:40px;}
	.megamenu_container .megamenu > li > div > .responsive_sixths,
	.megamenu_container .megamenu > li > div > .responsive_fourths,
	.megamenu_container .megamenu > li > div > .responsive_thirds,
	.megamenu_container .megamenu > li > div > .responsive_halfs {width: 42%;}

	#newsCycle{height:5px !important;}
	.newsticker_scroller {display:none;}
	
	/* SEARCH RESULTS */
	#left-menu{float:none !important; width:auto !important;}
	#search_results{float:none !important; width:auto !important;}
	table.searchFilterList.even td{display:inline-block !important; width:45%;}
	table.searchFilterList.even td.submitForm input.dark_grey{margin-top:10px !important; float:none !important;}
	/*#related_items .item {width: 96% !important; max-width:none !important;}*/
}