/* #Media Queries
================================================== */

/* Auto-zoom for iPad */
@-ms-viewport{
	width: auto;
}
	
/* For landscape layouts only   	
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
  	div#slideshow div#views_slideshow_cycle_main_home-block_home_slideshow,
	div#slideshow div#views_slideshow_cycle_teaser_section_home-block_home_slideshow,
	div#slideshow div.views_slideshow_cycle_slide,
	div#pageBanner div.container {
		width: 100% !important; 
	}  
	div#slideshow div.content {
		margin-left: 40px !important; 
	}
	div#pageBanner div#pageNav ul { 
		width: auto;
		margin-left: 30px;
	} 
}
*/	

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 991px) {}
	
/* Mobile/Browser */
@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) { 
	@-ms-viewport{
		width: device-width;
	}	
	/********************
	* General 
	*********************/
	.mobile {
		display: block;
	}
	.clearfix { 
	}
	.clearfix:before,
	.clearfix:after {  
	} 	
	/********************
	* END OF GENERAL 
	*================================================== */

	/********************
	* Header
	*********************/
	div#skip-link,
	div#localNav,
	div#quickMenu,
	div#header, 
	div#breadcrumb, 
	div.submenu,
	ul.mobileMenu,
	a.seeAll {
		display: none !important; 
	} 
	
	html,
	body {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	div.wrap,
	div.wrap div.container { 
		min-width: 300px; 
		width: 100%; 
	}
	
	/* Top Nav */
	div#header-top {
		height: 52px;
		
		/* Re-skin  
		height: auto !important;  */
	} 
	/* Re-skin 
	div#header-top div.wrap {
		position: relative;
		display: block;
		z-index: 1 !important;
	}*/
	
	div#header-top ul.menu:first-child {	
		display: none; 
	} 
	div#jkl_toolbar div#navigation ul.menu { 
	}
	div#jkl_toolbar div#navigation ul.menu li {  
	}
	/* END OF TOP NAV */
	
	/* Mobile Menu */
	div#jkl_toolbar {
		min-width: 320px;
		border-right: 0;
		border-left: 0;
		white-space: nowrap;  
		position: fixed; 
		
		/* Re-skin 
		z-index: 1 !important;
		float: none !important;
		display: block;
		height: auto; */ 
	}
	div#jkl_toolbar div.container {
		padding: 0 10px !important;
		height: 52px;
		
		/* Re-skin 
		height: auto !important;
		z-index: 1 !important;
		clear: both;
		float: none;
		position: relative !important;
		display: block;
		visibility: visible !important;*/
	}
	div#jkl_toolbar a.logo {
		/* 2016.10.11, Ye Wang
		background-image: url("../images/mobile/logo.png");
		*/
		background-image: url("../images/mobile/logo.svg");
		background-size: 182px auto;
		width: 182px;
		height: 35px; 
		margin-top: 8px;
		margin-right: 0px;
	}
	
	div#jkl_toolbar a#menuToggle { 
		width: 24px;
		height: 24px;
		background: url("../images/mobile/nav_icon_open.png") no-repeat right bottom;
		float: right;
		display: inline-block;
		margin-top: 13px;
		cursor: pointer;   
	}
	div#jkl_toolbar a#menuToggle.open {
		background-image: url("../images/mobile/nav_icon_close.png");
	} 	

	div#jkl_toolbar div#navigation,
	div#navigation.mobile { 
		background-color: #ECECEB; 
		border-bottom: 3px solid #206895;  
		transition: all 0.55s ease-in 0s;  
		z-index: 500;
		position: absolute;
		float: none;
		top: 53px;
		left: -1px;
		width: 100%;
		padding: 0;
		display: none;  
		
		/* Re-skin */ 
		position: relative !important;
		left: 0;
		top: 0;
		clear: both;
		z-index: 1 !important; 
		background-color: white;
	}  
	div#jkl_toolbar div#navigation.active,
	div#navigation.mobile.active {
		position: absolute;
		float: none;
		display: block; 
		left: 0;
		margin: 0 !important;
		height: auto;
		max-height: none;
		 
		/* Re-skin 
		z-index: 0 !important; 
		position: relative !important; */ 
	}
	div#jkl_toolbar div#navigation ul.menu,
	div#navigation.mobile ul.menu {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		max-height: none;
		margin: 0 !important; 
		z-index: 800;  
		float: none;
		clear: both;  
	}
	div#jkl_toolbar div#navigation ul.menu:nth-child(1),
	div#navigation.mobile ul.menu:nth-child(1) {
		background-color: white; 
	}
	div#navigation.mobile ul.menu:nth-child(1) { 
		padding-top: 6px;
	}
	div#jkl_toolbar div#navigation ul.menu li,
	div#navigation.mobile ul.menu li {
		display: block; 
		padding: 2px 10px !important;
		margin: 0 !important;
		width: auto !important;
		float: none;
		border-bottom: 1px solid #D8D8D8;
		
		/* Re-skin */
		text-align: left; 
		background-color: white;
		padding-left: 40px !important;
	} 
	div#jkl_toolbar div#navigation form#search-block-form,
	div#navigation.mobile form#search-block-form {
		width: auto;
		top: 0;
		padding: 5px 10px;
		padding-bottom: 8px;
		margin-bottom: 0px;
		display: block;
		position: relative;
		float: none; 
		background-color: inherit;
		border: 0;
	 
		/* Re-Skin 
		border-bottom: 1px solid #D8D8D8; 
		margin-top: 4px; 
		padding-left: 40px;
		width: auto;
		*/ 
		padding-left: 25px;
		padding-right: 20px;
		width: auto !important;
		background-image: none;   
	}
	div#jkl_toolbar div#navigation form#search-block-form div,
	div#navigation.mobile form#search-block-form div {
		display: block; 
		padding-right: 20px;  
	}
	div#jkl_toolbar div#navigation form#search-block-form > div,
	div#navigation.mobile form#search-block-form > div {
	 	padding-left: 15px;
		padding-right: 0;
		height: 31px;
	 	background: url("../images/mobile/bg_search_left.png") no-repeat left 0;		
	} 

	div#jkl_toolbar div#navigation form#search-block-form h2,
	div#navigation.mobile form#search-block-form h2 {
		display: none;
	}
	div#jkl_toolbar div#navigation form#search-block-form div.container-inline,
	div#navigation.mobile form#search-block-form div.container-inline { 
		width: auto; 
		display: block;  
		background-color: white;
		
		/* 2016.9.26, Ye Wang
		height: 29px; 
		border: 1px solid #D8D8D8;  
		*/
		height: 31px;
		margin-right: -15px;
		border-width: 0; 
		background: url("../images/mobile/bg_search_right.png") no-repeat right 0;		
	} 
	div#jkl_toolbar div#navigation form#search-block-form div.form-type-textfield,
	div#navigation.mobile form#search-block-form div.form-type-textfield, {
		width: 90%; 
		min-width: none;
		padding: 0;
		display: inline-block !important;
		max-width: none;   
	}
	div#jkl_toolbar div#navigation form#search-block-form div.form-type-textfield input,
	div#navigation.mobile form#search-block-form div.form-type-textfield input { 
		width: 90%;
		font: 16px/16px "Dagny Regular";
		padding: 4px 5px;
		background-color: white; 
		color: #999999;  
	}

	div#jkl_toolbar div#navigation form#search-block-form div.form-actions,
	div#navigation.mobile form#search-block-form div.form-actions {
		width: auto;
		display: inline-block !important;
		
		/* Re-skin */
		position: absolute; 
		top: 5px;
		/*
		right: 10px;
		*/
		right: 0;
	} 

	div#navigation.mobile ul#top-left-menu { 
		
	}
	div#jkl_toolbar div#navigation ul#top-left-menu li#tool_menu,
	div#navigation.mobile ul#top-left-menu li#tool_menu {   
		border-top: 1px solid #D8D8D8;  
	}
	div#jkl_toolbar div#navigation ul#top-left-menu li.first,
	div#navigation.mobile ul#top-left-menu li.first {    
		clear: both !important;
	} 
	/* 2016.8.4, Ye Wang: publications
	div#jkl_toolbar div#navigation ul#top-left-menu li:nth-child(5),
	div#navigation.mobile ul#top-left-menu li:nth-child(5),
	*/
	div#jkl_toolbar div#navigation ul#top-left-menu li#tool_menu a[href^="http"],
	div#navigation.mobile ul#top-left-menu li#tool_menu a[href^="http"] {
		display: none !important; 
	}
	div#jkl_toolbar div#navigation ul#top-left-menu li#tool_menu a#tool_logout,
	div#navigation.mobile ul#top-left-menu li#tool_menu a#tool_logout {
		width: auto !important;
		min-width: 0 !important;
		font-weight: normal !important;
		background-color: transparent !important;
		font: 17px/34px "Dagny Light" !important;
		color: #7D7D7D !important; 
		display: inline-block;
		margin-left: 18px !important; 
		margin-top: 8px !important; 
		margin-bottom: 4px !important; 
		float: left;
	}
	div#jkl_toolbar div#navigation ul#top-left-menu li#tool_menu a#tool_myjl,
	div#navigation.mobile ul#top-left-menu li#tool_menu a#tool_myjl {
		display: inline-block;
		float: left;
		top: 7px; 
		width: 60px !important;
		min-width: 0 !important;  
		border-right: 1px solid #999999; 
		 
		/* Re-Skin */
		background-repeat: no-repeat; 
		margin-top: 8px !important;
		margin-bottom: 4px !important; 
	}
	div#navigation.mobile ul#top-left-menu li#tool_menu a#tool_login {
		float: left;
	}
	 
	/* Re-Skin */
	/* 2016.12.1, Ye Wang
	div#navigation.mobile ul#top-left-menu li.first div#tool_menu { 
		display: inline-block;
		margin: 0 auto;
		width: auto;   
	} 
	*/
	div#jkl_toolbar div#navigation ul.menu li.last,
	div#navigation.mobile ul.menu li.last {
		border-right: 0
	}
	div#jkl_toolbar div#navigation ul.menu li a,
	div#jkl_toolbar div#navigation ul.menu li a:hover,
	div#navigation.mobile ul.menu li a,
	div#navigation.mobile ul.menu li a:hover {
		/*
		font: 22px/22px "Dagny Regular"; 
		
		font: 17px/34px "Dagny Light";
		*/
		color: #7D7D7D; 
		background-image: none !important;
		padding: 0 !important;
		margin: 0 !important; 
		width: auto;   
		display: block !important; 
		
		/* Re-skin *
		font: 22px/34px "Dagny Light"; 
		*/
		font: 20px/42px "Dagny Regular";
		color: black;
	}
	/* Re-skin */
	div#navigation.mobile ul#top-left-menu li a,
	div#navigation.mobile ul#top-left-menu li a:hover {  
		/*
		font: 17px/24px "Dagny Light";
		*/
		font-family: "Dagny Light" !important;
	} 
	
	/*
	div#jkl_toolbar div#navigation ul.menu li#briefcase a,
	div#jkl_toolbar div#navigation ul.menu li#briefcase a:hover { 
		background: url("../images/toolbar/toolbar_briefcase_folder.png") no-repeat 0 center !important;
		padding-left: 35px !important; 
	}
	div#jkl_toolbar div#navigation ul.menu li#briefcase a span {
		display: inline-block;
		font: 22px/22px "Dagny Regular";
		color: inherit;
		margin-left: 4px;
	} 
	*/
	div#jkl_toolbar div#navigation ul.menu li a#tool_myjl,
	div#navigation.mobile ul.menu li a#tool_myjl { 
		background-image: url("../images/mobile/nav_icon_myjl.png") !important; 
		line-height: 22px;
		height: 22px;
	} 

	div#jkl_toolbar ul.utility { 
		float: right;
		margin-right: 0px;
		margin-left: 0;
		padding-left: 0;
		padding-right: 0; 
	}
	div#jkl_toolbar ul.utility li[status=""] { 
		margin-left: 3px;
	}
	div#jkl_toolbar ul.utility a[class^="tool_"] {
	/* NEW
		width: 46px;
	*/	 
		padding-left: 0;  
		height: 19px;   
		background-position: 0 0;  
	}
	/*
	div#jkl_toolbar ul.utility a.tool_share { 
		background-image: url("../images/toolbar/toolbar_share_mobile.png");
		width: 24px;
	}
	div#jkl_toolbar ul.utility a.tool_pdf {
		background-image: url("../images/toolbar/toolbar_pdf_mobile.png");
		width: 24px;
	}
	div#jkl_toolbar ul.utility a.tool_word {
		background-image: url("../images/toolbar/toolbar_word_mobile.png");
		width: 30px;
	}
	div#jkl_toolbar ul.utility a.tool_print {  
		background-image: url("../images/toolbar/toolbar_print_mobile.png");
		width: 22px;
	} 
	div#jkl_toolbar ul.utility a.tool_bookmark {
		background-image: url("../images/toolbar/toolbar_bookmark_mobile.png");
		width: 21px;
	}
	div#jkl_toolbar ul.utility a.tool_follow {
		background-image: url("../images/toolbar/toolbar_fellow_mobile.png");
		width: 21px
	} 
	div#jkl_toolbar ul.utility a.tool_briefcase {
		background-image: url("../images/toolbar/toolbar_briefcase_mobile.png");
		width: 32px;
	}
	*/
	div#jkl_toolbar ul.utility a.tool_share { 
		background-image: url("../images/mobile/toolbar_share.svg");
		background-size: 24px 19px !important; 
		width: 24px; 
	}
	div#jkl_toolbar ul.utility li:hover a.tool_share {
		background-image: url("../images/mobile/toolbar_share_s2.svg"); 
	} 
	div#jkl_toolbar ul.utility a.tool_pdf {
		background-image: url("../images/mobile/toolbar_pdf.svg"); 
		background-size: 26px 19px !important;
		width: 28px; 
	}
	div#jkl_toolbar ul.utility li:hover a.tool_pdf {
		background-image: url("../images/mobile/toolbar_pdf_s2.svg");
	}
	div#jkl_toolbar ul.utility a.tool_word {
		background-image: url("../images/mobile/toolbar_word.svg");
		background-size: 32px 19px !important;
		width: 32px !important;  
	}
	div#jkl_toolbar ul.utility li:hover a.tool_word {
		background-image: url("../images/mobile/toolbar_word_s2.svg");	
	}
	div#jkl_toolbar ul.utility a.tool_print {  
		background-image: url("../images/mobile/toolbar_print.svg"); 
		background-size: 23px 19px !important;
		width: 23px !important; 
		margin-left: 2px;
		margin-right: 5px;
	}
	div#jkl_toolbar ul.utility li:hover a.tool_print {  
		background-image: url("../images/mobile/toolbar_print_s2.svg");
	} 
	div#jkl_toolbar ul.utility a.tool_bookmark {
		background-image: url("../images/mobile/toolbar_bookmark.svg"); 
		background-size: 23px 19px !important;
		width: 23px;
		margin-left: 2px;
		margin-right: 6px;
	}
	div#jkl_toolbar ul.utility li:hover a.tool_bookmark {
		background-image: url("../images/mobile/toolbar_bookmark_s2.svg");
	}
	div#jkl_toolbar ul.utility a.tool_follow {
		background-image: url("../images/mobile/toolbar_follow.svg"); 
		background-size: 22px 18px !important; 
		width: 22px; 
		margin-right: 4px;
	} 
	div#jkl_toolbar ul.utility li:hover a.tool_follow {
		background-image: url("../images/mobile/toolbar_follow_s2.svg");
	}
	div#jkl_toolbar ul.utility a.tool_briefcase {
		background-image: url("../images/mobile/toolbar_briefcase.svg"); 
		background-size: 33px 17px !important;
		width: 33px; 
		padding: 0; 
		margin-left: 2px;
		margin-right: 6px;
	}
	div#jkl_toolbar ul.utility li:hover a.tool_briefcase {
		background-image: url("../images/mobile/toolbar_briefcase_s2.svg");
	}
	div#jkl_toolbar ul.utility li ul.submenu {
		margin-left: -53px;
		margin-top: 0;
	} 
	/*
	div#jkl_toolbar ul.utility a.tool_briefcase,
	div#jkl_toolbar ul.utility li:hover a.tool_briefcase { 
		background-image: url("../images/mobile/nav_icon_briefcase.png");
	}
	*
	/* END OF MOBILE MENU */
	
	/* Message banner */
	div#jkl_alert { 
		position: fixed;  
		top: 52px;
		width: auto;
		left: 5px;
		right: 10px; 
	}
	div#jkl_alert div.container {
		padding: 0 ; 
	}
	div#jkl_alert div#messages { 
		text-align: left;
		width: 100%;
	}
	div#jkl_alert a#closeMsg {
		right: 10px;
	}
	/* END OF MESSAGE BANNER */
	
	/* Page Banner */
	div#pageBanner { 
		width: 100% !important; 
		height: auto !important; 
		max-height: none !important;
		min-height: 0 !important; 
		background-image: none !important;  
		margin: 0;   
		clear: both;  
	}
	div#pageBanner div.container,
	div#pageBanner div.container div#hero,
	div#pageBanner div.container div#hero div#bannerIntro {
		background: none;
		width: auto !important;
		height: auto !important;
		min-height: 0;
		max-width: none;
		max-height: none;  
		background-image: none !important; 
		padding: 0 !important;
		margin: 0 !important; 
		float: none !important; 
		position: relative; 
	}    
	div#pageBanner div.container div#hero { 
		border: 1px solid transparent;
	}
	div#pageBanner div.container div#hero div#bannerIntro {
		font: 21px/26px "Dagny Light";
		color: #333333;  
	} 
	div#pageBanner div.container div#hero div#bannerIntro h1 { 
		color: #333333;
		font: 28px/1.2em "Dagny Light"; 
		font-weight: normal; 
	} 
	div#pageBanner.blog div.container div#hero div#bannerIntro,
	div#pageBanner.blog div.container div#hero div#bannerIntro h1,
	body.node-type-news div#pageBanner div.container div#hero div#bannerIntro,
	body.node-type-news div#pageBanner div.container div#hero div#bannerIntro h1,
	body.node-type-publication div#pageBanner div.container div#hero div#bannerIntro,
	body.node-type-publication div#pageBanner div.container div#hero div#bannerIntro h1, 
	body.node-type-event div#pageBanner div.container div#hero div#bannerIntro h1 {
		color: white;
	}
	body.node-type-industry div#pageBanner div.container div#hero div#bannerIntro h1,
	body.node-type-practice div#pageBanner div.container div#hero div#bannerIntro h1,
	div#pageBanner.practice div.container div#hero div#bannerIntro h1,
	div#pageBanner.industry div.container div#hero div#bannerIntro h1 {
		font: 25px/30px "Dagny Bold"; 
		font-weight: normal;
		color: white;
		margin-bottom: 0; 
	}
	div#pageBanner.practice div.container div#hero div#bannerIntro h1 br {
		display: none;
	}  
	div#pageBanner div.container div#hero div#bannerIntro div.content { 
		padding: 0;
		margin: 10px;
		font-size: 21px;
		line-height: 26px; 
		width: auto !important;
	}
	body.node-type-practice div#pageBanner div.container div#hero div#bannerIntro div.content,
	body.node-type-industry div#pageBanner div.container div#hero div#bannerIntro div.content {
	}
	
	div#pageBanner	div#pageNav  {
		height: auto;
		max-height: none;
		clear: both;
		float: none;
		position: relative; 
	}
	div#pageBanner	div#pageNav div.container {  
	}
	div#pageBanner	div#pageNav ul { 
		height: auto ;
		margin: 0 0.5em;
	}
	div#pageBanner	div#pageNav ul li {
		display: block;
		float: none;
		margin: 0;
		width: auto;
		padding-left: 0;
		padding-right: 0;
		border: 1px solid rgba(255,255,255,0.5);
		border-width: 0 0 1px 0;
	}
	div#pageBanner	div#pageNav ul li:last-child {
		border: 0
	}
	div#pageBanner	div#pageNav ul li a { 
		background: url("../images/icons/arrow_white.png") no-repeat right center;
		padding-right: 25px;
		white-space: normal;
		display: block; 
	}
	div#pageBanner	div#pageNav ul li a:hover,
	div#pageBanner	div#pageNav ul li.on a { 
		background-image: url("../images/icons/arrow_light.png");
	}
	/********************
	* END OF HEADER 
	*================================================== */
	
	/********************
	* Page Content
	*********************/
	/* Content Utility banner */
	div#content_utility {
		display: none !important;
		border: 0;
	}
	div#page_overview div.container:nth-child(1),
	body.front div#content div.wrap:nth-child(3) {
		padding-top: 0;  
	}
	/* END OF CONTENT UTILITY */	
	 
	 
	div#content_overview,
	div#main { 
		padding: 0px !important; 
		margin: 0 !important;  
		width: 100%;  
	}
	div.wrap {
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important; 
		min-height: 0;  
	}
	div#page_overview div.container { 
		padding-top: 20px;
	}
	div.wrap,
	div#sidebar-second,
	div#content_overview div.subcontent h3  {
		border-top: 1px solid #D5D5D5;
	}
	div#sidebar-second {
		margin-top: 20px;
		padding-top: 20px;
	}
	div.wrap div.container { 
		width: auto !important;
		min-height: 0;
		padding: 10px; 
	}	 
	div.wrap h2, 
	div#content_overview div.subcontent h3 { 
		cursor: pointer;  
		margin: 0;
		margin-bottom: 0px !important;
		font: 21px/29px "Dagny Bold";    
	}
	div.wrap h2.collapse, 
	div#content_overview div.subcontent h3.collapse {  
	} 
	body:not(.page-myjl)	div.wrap h2:first-of-type::before, 
	div#content_overview div.subcontent h3::before,
	body:not(.page-myjl)	div.wrap h2.collapse::before, 
	div#content_overview div.subcontent h3.collapse::before {
		content: "+";  
		line-height: 20px; 
		/* Re-Skin
		background-color: #EDEDED;   
		*/
		color: #333333 !important;
		background-color: transparent !important;
		text-align: center;
		width: 20px;
		height: 22px; 
		padding: 0;
		margin: 0;
		margin-top: 2px;
		margin-left: 5px;
		display: inline-block;
		position: relative;
		float: right; 
		text-align: center;   
	}
	body:not(.page-myjl)	div.wrap h2.collapse::before, 
	div#content_overview div.subcontent h3.collapse::before {
		content: "-";
	}
	/* Re-Skin
	div.wrap[theme="gray"] h2:before {
		background-color: #D0D0D0;
	}
	div.wrap[theme="blue"] h2:before {
		color: #206896;
		background-color: #90B4CA;
	}
	*/
	div.wrap *[content=""] { 
	}
	div.wrap *[content="collapse"] {
		display: none !important; 
	}
	
	
	div.list {  
		margin-left: 0;
		margin-right: 0;
	} 
	div.list dl {
		width: 100%; 
		min-width: 0 !important;
		min-height: 0 !important;
		max-width: 100%;
		float: none;
		clear: both;
		display: block;
		margin: 0;
		padding: 0;
		margin-top: 0 !important;
		margin-bottom: 20px !important; 
		position: relative;
	} 
	div.list dl dt.photo {
		display: none;
	}
	div.list dl dt { 
	}
	div.list dl dd {
		width: 100%;
		max-width: 100%;
		padding-left: 0;
		padding-top: 0 !important;
		margin-left: 0; 
	}
	div.list h3,
	div.list dl dd h4 {
		font: 21px/24px "Dagny Bold";
	}
	div.list dl dd h5,
	div#sidebar-second dl dd h5 {
		font: 18px/22px "Dagny Bold";  
		margin: 0; 
		padding: 0 !important;  
	}
	div.list dl dt a,
	div.list dl dd h5,
	div.list dl dd h5 a {
		color: #121212 ;
		font-size: 18px;
		line-height: 22px; 
	}
	div.list dl dd p {
		margin: 0 !important;
		padding: 0 !important; 
	}
	div.list dl dd p+p {
		margin-top: 6px !important; 
	}
	
	/* Filters */
	form.filters {		
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #D5D5D5; 
	}
	form.filters br {
		display: none;
	}
	form.filters.adv div.filters,
	div.container form.filters div.filters{
		width: auto; 
	}
	form.filters dl.filters {
		display: none;
	}
	form.filters select {
		display: block;
		clear: both;
		float: none;
		width: 99%; 
		margin-bottom: 10px;
		font: 18px/18px "Dagny Regular";
		background-color: #999999; 
	}
	form.filters span.advFilter {
		display: block;  
		margin-bottom: 10px;
	}
	div.pagingNav {
		float: none;
		clear: both;
		display: block;
		width: 100%;
		text-align: center;
	}
	form[id^="search-form-landing-"] {
		display: none;
	}
	/* END OF FILTERS */
	
	/* Sidebar */
	div#sidebar-second {
		width: 100% !important;
		max-width: none !importnat;
	}
	div#sidebar-second h4 {
		margin-bottom: 10px !important;
		padding-bottom: 0;
	}
	div#sidebar-second ul {
		margin: 0;
		padding: 10px  
	} 
	div#sidebar-second dl {
		margin-bottom: 20px !important;
		padding: 0 !important;
	}
	/* END OF SIDEBAR */
 	
	/* People */ 
	.list.contact dl,
	div.mentioned dl {
		width: 90%;     
		min-width: 310px;
		min-height: 0 !important;  
	} 
	.list.contact dl dt,
	.list.contact dl dd,
	div.mentioned dl dt,
	div.mentioned dl dd {
		width: auto;	 
		white-space: normal;
		min-height: 0 !important;	 
	}
	.list.contact dl dt.photo:first-child,
	div.mentioned dl dt.photo:first-child {
		display: none;
	}
	.list.contact dl dt.photo.mobile,
	div.mentioned dl dt.photo.mobile {
		float: left;
		display: inline-block;
		width: 60px !important;
		height: 70px;
		margin-right: 20px !important;
		min-height: 0; 
		padding-top: 4px !important;
		border: 0px solid #E3E3E3;
	}
	 
	.list.contact dl dd p:first-child,
	div.mentioned dl dd p {
		margin: 0;
		padding: 0; 
	} 
	/* 2016.10.27, Ye Wang - adding space between contact and bio */
	body.node-type-people div#content_overview {
		padding-top: 20px !important;
	}
	body.node-type-people div#content_overview div.contentTabs { 
		display: none;
	}
	body.node-type-people div#content_overview div.tabContent { 
		margin: 0;
		margin-top: 20px;
	} 
	body.node-type-people div#content_overview div.tabContent div[tab] {
		display: block !important;
		clear: both;  
	}
	body.node-type-people div#content_overview div.tabContent div[tab] h4 {
		display: block;
		font: 16px/24px "Dagny Bold"; 
		color: #333333;
	}
	
 	body.node-type-people div#pageBanner {   
		/* 2016.10.3, Ye Wang
		padding-bottom: 0 !important; 
		*/
		background-color: white !important;
	}
	body.node-type-people div#pageBanner div.container {
		margin: 0 !important;
		/* 2016.10.3, Ye Wang
		padding: 10px 0 0 10px !important;
		*/
		padding: 10px !important;
		display: block; 
		border: 0 !important;
	}
	body.node-type-people div#pageBanner div.container div#hero,
	body.node-type-people div#pageBanner div.container div#bannerIntro, 
	body.node-type-people div#pageBanner div.container div#bannerIntro div.region, 
	body.node-type-people div#pageBanner div.container div#bannerIntro div.content {
		padding: 0 !important;
		margin: 0 0 0 0px !important;
		display: inline !important;
		float: left !important;   
		border: 0 !important; 
	} 
	body.node-type-people div#pageBanner p.mobile,
	body.node-type-people div#bannerIntro p.mobile {  
		margin: 0 !important;
		/* 2016.10.3, Ye Wang
		padding: 20px 0 0 0 !important; 
		*/
		padding: 0 0 20px 0 !important;
		clear: both !important; 
		display: inline-block; 
		float: left; 
	}
	body.node-type-people div#pageBanner p.mobile img,
	body.node-type-people div#bannerIntro p.mobile img {  
	 	float: none;
		margin: 0; 
		display: block;  
		position: relative;
		max-height: 238px !important;		/* 85% of 280px */
		min-width: 300px !important;  
	}
	/* iOS8+, Android 6 */
	body.node-type-people div#pageBanner div.container div#hero div.region-page-banner div.content p { 
		position: relative !important;
		z-index: 999 !important;
	}
	/* END OF PEOPLE */
	
	/* Practice */
	div#practices.wrap,
	div#practices.wrap div.container,
	div#practices.wrap div.container .list,
	div#experiences.wrap div.container .list { 
		width: 100%;
	}
	div#practices.wrap div.container .list,
	div#experiences.wrap div.container .list {
		margin-left: 0px !important;
		margin-right: 0px !important; 
	}
	.list.practice dl,
	.list.area dl,
	#experiences .list dl {
		width: 100% !important;  
		height: auto !important;
		max-width: 100%; 	
		padding: 0;   
		margin-left: 0;
		margin-right: 0;
		background-image: none !important; 
	} 
	.list.practice dl dt,
	.list.practice dl dt a,
	.list.area dl dt {
		background: none !important;
		width: auto !important;
		height: 80px !important;
		display: table-cell;
		padding: 0;
		margin: 0 auto; 
		vertical-align: middle;
		min-height: 0 !important;   
		color: white;
		visibility: visible;  
	}
	.list.practice dl dt a {
		width: auto !important;
		height: auto !important;
		padding: 0 0 0 10px !important;
		display: block; 
	} 
	.list.practice dl dd {
		display: none !important;
	} 
	#experiences .list dl { 
		padding-left: 0;
		padding-right: 0;
	}
	#experiences .list dl dt,
	#experiences .list dl dd {
		width: 100%;
		max-width: none;
	}
	/* END OF PRACTICE */
	
	/* WorktThruIT */
	body.node-type-workthruit div[theme="quickSteps"] {
		background-color: #6A9AB8 !important;
		color: white !important;
	}
	body.node-type-workthruit div[theme="quickSteps"] ol {
		background: none;
	}
	body.node-type-workthruit div[theme="quickSteps"] ol li {
		float: none;
		clear: both;
		width: 100%;
		padding: 10px 0 20px 0;  
	}	
	body.node-type-workthruit div[theme="quickSteps"] ol li h3 {
		margin: 0;
		padding: 0;
		display: block !important;
		color: white !important;
		min-height: 0 !important;
	}
	body.node-type-workthruit div[theme="quickSteps"] ol li h3 span.break {
		display: inline;
	}
	body.node-type-workthruit div[theme="quickSteps"] ol li h3 span.break:before { 
		content: "\a0 ";
	    white-space: pre;
	}
	body.node-type-workthruit div[theme="quickSteps"] ol li div { 
	}
	body.node-type-workthruit div[theme="quickSteps"] * { 
	}

	body.node-type-workthruit div.workThruIT {
		background-position: center 70px; 
		margin: 20px 10px 20px 0;  
		color: white !important;
	}
	body.node-type-workthruit div.workThruIT h3 {
		padding-left: 10px;
		padding-right: 10px;
		color: white;
	}
	body.node-type-workthruit div.workThruIT div.content { 
		margin: 0; 
		padding: 320px 10px 20px 10px; 
		min-height: 0; 
 	
		margin-right:  0;
		padding-top: 240px; 
		background-size: auto 200px;
		background-position: top center;
		line-height: 18px;
	}
	div.workThruIT div.wtiWrapper {  /* for Vertical alignment */
		border: 0px solid white;
		display: inline-block; 
		position: relative; 
		vertical-align: middle;
		line-height: 18px;
	}
	div#sidebar-second div.workThruIT {  
	}
	div#sidebar-second div.workThruIT dl {
		padding: 10px 10px 0px 10px !important; 
		width: auto; 
	}
	div#sidebar-second div.workThruIT p {
		padding: 10px 10px 10px 10px !important; 
		width: auto; 
	}
	div#sidebar-second div.workThruIT dt,
	div#sidebar-second div.workThruIT dd p  { 
		padding: 0 0 4px 0 !important;
	}
	div#sidebar-second div.workThruIT dd { 
		padding: 0 !important;
	}
	/* END OF WORKTHRUIT */
	/* Event */ 
	div#events .list.box dl dd { 
		width: auto
	}
	div.wrap.event .list dl dt,
	div.wrap.event .list dl dd p,
	div.wrap.event .list dl dd div.credits { 
		display: none;
		margin: 0; 
	} 
	div.wrap.event .list dl dd { 
		width: 100%;
		min-width: 0;
		
	}
	div.wrap.event .list dl dd a.badge {
		display: block; 
		color: white;
	}
	/* END OF EVENTS */
	
	/* Office */
	div.gmapWrapper { 
		width: 100%;
	}
	div.gmapBubble {
		width: auto !important;
	}
	div.wrap.offices:nth-child(2n+1) { 
		background-color: white;
	}
	div.wrap.offices dl dt {
		display: none;
	}
	div.wrap.offices dl dd {
		padding-top: 0;
		padding-left: 0;
		float: none;
		width: auto;
	}
	div.wrap.offices dl dd h3 {
		margin: 0;
	}
	div.wrap.offices form {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	div.wrap.offices form select {
		margin-bottom: 0;
	}
	/* END OF OFFICE */	 
	
	/* News */ 
	body.node-type-news div#pageBanner div#bannerIntro div.content,
	body.node-type-publication div#pageBanner div#bannerIntro div.content,
	body.node-type-job-opening div#pageBanner div#bannerIntro div.content {
		width: auto;  
	}
	body.node-type-news div#bannerIntro h1,
	body.node-type-publication div#bannerIntro h1 {
		font: 25px/30px "Dagny Bold";
		margin: 10px 0 20px 0;
	}
	body.node-type-publication div#page_overview div.container,
	body.node-type-news div#page_overview div.container { 
		margin-top: 0; 
		padding-left: 10px;
		padding-right: 10px;
		width: auto;  
	}
	div.resource dl dt,
	div.resource dl dd p,
	div.featured dl dt,
	div.featured dl dd p,
	div.featured dl dd div[source] {
		display: none;
	} 
	div#page_overview div.container ul.date {
		margin: 0;
	}
	div#page_overview div.container ul.date li {
		float: none;
		display: block;
		padding: 4px 0;
	}
	body.node-type-publication div#sm_share,
	body.node-type-news div#sm_share {  
		position: relative;
		top: 0;
		left: 0;
		margin: 15px 0; 
	}
	/* END OF HEWS */ 
	
	/* Blogs */ 
	div#blogs div.list {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	div#blogs div.list dl {
		width: auto;
		height: auto !important;
		min-height: none;
		padding-left: 0;
		padding-right: 0;
		margin: 0 !important;
		display: block;
		float: none; 
		border-top: 1px solid #D5D5D5
	} 
	/*
	div#blogs div.list dl:nth-child(odd) { 
		background-color: #E3E3E3;  
	}
	*/
	div#blogs div.list dl dt {
		float: none;
		margin: 0;
		padding: 0; 
		padding-top: 5px;
	}
	div#blogs dl div,
	div#blogs div.list dd {
		display: none;
	}
	/* END OF BLOGS */
	
	/* Stunt Page */
	.wrap[theme="stunt"] div.image {
		float: none;
	}
	/* END OF STUNT PAGE*/
	
	/* form */
	form.webform-client-form { 
		width: auto;
	}
	form.webform-client-form div.form-item {
		width: 100%;
		float: none;
	}
	form.webform-client-form input.form-text,
	form.webform-client-form select {
		width: 97% !important;
	}
	/* END OF FORM */
	
	/* My Jackson Lewis */
	body.page-myjl-feed dl dd h4 {
		position: relative;
		padding-right: 30px;
	}
	body.page-myjl-feed dl dd a { 
	}
	body.page-myjl-feed dl dd span { 
		right: 0;
	} 
	body.page-myjl-feed dl dd div.feed {
		margin-bottom: 10px;
	} 
	/* END OF MY JACKSON LEWIS*/
	
	
	/* Site Search */
	body.search-page { 
	}
	body.search-page  div.container { 
	}
	body.page-search form#search-form {
		height: auto !important; 
		max-height: none !important;
		width: 100%;
		padding: 10px !important;
		margin: 0;  
		margin-left: -10px; 
	}
	body.page-search form#search-form div#edit-basic {
	 	width: auto !important;
		height: auto !important; 
		max-height: none !important;
		padding: 0;
		margin: 0;
		background-color: #DFDFDF; 
		display: block !important;
		clear: both !important;   
		background-color: white;
	} 
	body.page-search form#search-form label  { 
		display: block;
		width: auto; 
		float: none;
		text-align: left;
		position: relative;  
		background-color: #DFDFDF;
		border-bottom: 1px solid #D2D1D1;
	}
	body.page-search form#search-form div.form-wrapper div.form-item-keys { 
		float: left !important;
		display: inline-block;   
		width: 80%;
		min-width: 200px;
		border-top: 0;
	}
	body.page-search form#search-form input#edit-keys {
		width: 95% !important;
		padding: 10px;
		left: 0; 
		display: block;   
		border-right: 0;
	} 
	body.page-search form#search-form input.form-submit {
		width: 54px;    
		position: relative;   
		display: inline-block; 
		background-color: white; 
		border-left: 1px solid #DFDFDF; 
	}
	
	body.page-search div#search-header div.searchhead,
	body.page-search div#search-labels,
	body.page-search div#search-results {
		width: 100%;
		padding: 0;
	}
	/* END OF SITE SEARCH */
	
	/* Sitemap */
	body.page-sitemap dl.col {
		width: 100%;
		padding: 0;
		margin: 0; 
		float: none;
	}
	body.page-sitemap dl.col dd { 
	}
	body.page-sitemap dl.col br {  
	}
	/* END OF SITEMAP */
	
	/********************
	* END OF PAGE CONTENT
	*================================================== */
	
	
	/********************
	* Footer 
	*********************/
	div#block-nylon-jkl-nylon-jkl-footer-block {
		display: none;
	}
	div#footerHighlights {
		border: 0;
	}
	div#footerHighlights div.mobile,
	div#footer div.mobile {
		text-align: center;  
	}
	div#footerHighlights div.mobile a {
		color: white;
		margin: 0 4px; 
	}
	div#footer div.container { 
		margin: 0;
		padding: 0;
		min-width: 0;
		max-height: none ;  
	}
	div#footer div.container div[class*="third"] {
		display: none;
	} 
	div#footer div.mobile div#block-menu-menu-social-network,
	div#footer div.mobile div#block-menu-menu-bottom-menu {
		text-align: center;
		float: none;
		display: inline-block;
		margin: 10px auto;
		width: auto; 
	} 
	div#footer div.block {
		padding-bottom: 0px;
	}
	div#footer div.mobile #block-menu-menu-social-network ul.menu li {
		padding: 0 15px;
	} 
	/********************
	* END OF FOOTER
	*================================================== */
}

	
/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 768px) { 
	/* Landscape view - contact right align to the bio photo */
	body.node-type-people div#pageBanner p.mobile img,
	body.node-type-people div#bannerIntro p.mobile img{
		margin-right: 20px;
	}
}

/* Anything smaller than standard 960 */
@media only screen and (max-width: 959px) {
}

/* iPad Portrait Only */
@media only screen and (min-width: 768px) and (max-width: 991px) and (max-device-width: 1000px) {
}

/* Mobile Only */
@media only screen and (max-width: 767px) and (max-device-width: 1000px) {
}

/* Mobile Landscape Only */
@media only screen and (min-width: 480px) and (max-width: 767px) and (max-device-width: 1000px) {
}


/* Mobile */
@media only screen and (min-width: 320px) and (max-width: 640px){
	div.region-page-top {
		display: none;
	} 
}

@media only screen and (max-width: 540px){ 
	div#jkl_toolbar a.logo {
		/* 2016.10.11, Ye Wang
		background-image: url("../images/mobile/logo_small.png");
		width: 16px;
		*/
		background-image: url("../images/mobile/logo_small.svg");
		background-size: 17px 28px;
		width: 17px;
		height: 28px;
		margin-top: 14px; 
	}
	div#jkl_toolbar div#navigation ul#top-left-menu li.first,
	div#navigation.mobile ul#top-left-menu li.first { 
		
	}
	div#jkl_toolbar div#navigation ul#top-left-menu li.first a#tool_logout,
	div#jkl_toolbar div#navigation ul.menu li a,
	div#jkl_toolbar div#navigation ul.menu li a:hover,
	div#navigation.mobile ul#top-left-menu li.first a#tool_logout,
	div#navigation.mobile div#navigation ul.menu li a,
	div#navigation.mobile div#navigation ul.menu li a:hover{
		font: 16px/25px "Dagny Light" !important;
	}	 
	div#jkl_toolbar div#navigation ul#top-left-menu li.first a#tool_myjl,
	div#navigation.mobile ul#top-left-menu li.first a#tool_myjl {
		top: 1px; 
		margin-top: 2px;
		margin-bottom: 2px; 
	}
	/* Re-Skin */
	div#jkl_toolbar div#navigation form#search-block-form div.form-type-textfield input,
	div#navigation.mobile form#search-block-form div.form-type-textfield input {
		max-width: 290px;
	}
	div#footer div.region-footer-first ul.menu { 
		width: auto;
		margin: 0 auto;
		text-align: center
	}
	div#footer div.region-footer-first ul.menu li {
		padding: 0 10px;
		float: none; 
	} 
	div#footer div.region-footer-first ul.menu li.first a {
		padding-right: 0;
		border: 0;
	}
	div#footer div.region-footer-first ul.menu li.last a {
		padding-left: 0;
		border: 0;
	} 
	div.gmapWrapper,
	div.gmap {
		width: 300px;
		height: 300px !important;
	}
	div.gmapWrapper.main {
		display: none;
	} 
	
	.list.contact,
	.list.contact dl {
		padding-left: 0 !important;
		padding-right: 0;
		margin-left: 0;
		width: auto; 
	}
	.list.contact dl dd {
		width: 220px;  
	} 
	 
	/* User form */
	form[id^="user-"] {
		width: auto;
		position: relative; 
	}
	form[id^="user-"] input[type="text"],
	form[id^="user-"] input[type="password"] {
		min-width: 0 !important;
		width: 96% !important;
	}
	form div.form-type-password-confirm { 
		width: auto;
		white-space: normal;
	}
	form div.form-type-password-confirm div.password-strength { 
		float: none;
		clear: both;
		margin-bottom: 1em;
	}
	form table#recaptcha_table {
		width: auto;
	}
	form table#recaptcha_table td {
		float: left;
	}
	
	/* Site Search */
	body.page-search form#search-form div#edit-basic,
	body.page-search form#search-form input#edit-keys {
		width: 220px;
	}	
	
	/* Re-skin: Cloapse/expand sections */ 
	body:not(.front) .wrap[theme] {
		background-color: white !important;
	}
	body:not(.front) .wrap[theme] h2,
	body:not(.front) .wrap[theme] h3,
	body:not(.front) .wrap[theme] h4,
	body:not(.front) .wrap[theme] a:not(.button),
	body:not(.front) .wrap[theme] p,
	body:not(.front) .wrap[theme] div {
		color: #333333 !important;
	}
	body:not(.front) .wrap[theme] dt a,
	body:not(.front) .wrap[theme] a.badge {
		color: white !important;
	}
	body:not(.front) .wrap[theme] a:hover {
		color: #268095; 
	} 
	body:not(.front) .wrap[theme] .person .contact {
		padding: 10px 0; 
		margin-top: 0;
	}
	body:not(.front) #content .wrap[theme] a.seeAll {
		color: #268095; 
	}
	body:not(.front) #content .wrap[theme] .contact dl,
	body:not(.front) #content .wrap[theme] .contact dl a {
		color: #268095; 
	}
	body:not(.front) #content .wrap[theme] .contact dl a:hover { 
		color: #268095; 
	}
	body:not(.front) .wrap[theme] div.pagingNav a {
		background-image: url("../images/icons/arrow_dark.png")
	}
	body:not(.front) .wrap[theme] div.pagingNav a.next:hover {
		background-image: url("../images/icons/arrow_blue.png");
	}
	body:not(.front) .wrap[theme] div.pagingNav a.prev {
		background-image: url("../images/icons/arrow_light_left.png");
	}
	body:not(.front) .wrap[theme] div.pagingNav a.prev:hover {
		background-image: url("../images/icons/arrow_blue_left.png");
	} 

	body.node-type-event div.date div.btnWrapper,
	body.node-type-event div.date a.button {
		float: none;
		display: block; 
	}
	body.node-type-event div.date div.btnWrapper {
		width: auto;
		margin-bottom: 20px;
	}
	 
	/* WorktThruIT */
	body.node-type-workthruit .wrap[theme="quickSteps"] {
		background-color: #6A9AB8 !important;
		color: white !important; 
	}
	body.node-type-workthruit .wrap[theme="quickSteps"] h2,
	body.node-type-workthruit .wrap[theme="quickSteps"] h3,
	body.node-type-workthruit .wrap[theme="quickSteps"] div,
	body.node-type-workthruit .wrap[theme="quickSteps"] p { 
		color: white !important; 
	} 	
	body.node-type-workthruit .wrap[theme] div.workThruIT * {
		color: white !important;
	}	
	body.node-type-workthruit .wrap[theme="quickSteps"] div.workThruIT ol li h3 {
		margin: 0;
		padding: 0;
		float: none; 
	}  
	/* END OF WORKTHRUIT */ 
	
	/* Re-Skin: 403/404 */ 
	div#content[page="error"] div.wrap div.container {
		background-image: none;
		padding-top: 20px;
		min-height: auto
	}
	div[page="error"] div#block-system-main { 
		width: auto;
	}  
	/* END OF 403/404 */
} 

@media screen and (-webkit-min-device-pixel-ratio:0) {    
	/* Safari on iOS:  Disable auto-zoom */
	select:focus,   
	textarea:focus,   
	input:focus {    
		font-size: 1em;
		font-size: initial;
  } 
}