/*----------------------------------------
/ responsive design
----------------------------------------*/

@media only screen and (min-width:0) and (max-width:980px) {
    /* iPhone CSS reset */
    input[type='submit'],
    input[type='button'],
    button{-webkit-appearance: none;}
    input[type='text'],
    input[type='password']{padding-left:0; padding-right:0; border-radius:0;}
    
    #wrapper {background:none;}
    #header {width:auto; }
    #header .header-login{width:auto;}
    #header .header-logo{width:100%;}
    #header .search-wrapper{width:auto;}
    .header-search{margin-right:10px; }
    .header-search div.searchPanel input.searchInput{height: 36px;margin: 0;padding: 1px 0;}
    #wrapper #wrapper-inner {width:auto;min-width: inherit;}
    #wrapper #page-content {width:auto; box-sizing:border-box; -moz-box-sizing:border-box;}
    #wrapper #page-content #container-full {margin-top: 10px;width: auto; min-height: 640px;}
    #wrapper #page-content #container-full.homepage{width:auto;}
    #wrapper #page-content #container {width:auto;min-height: 500px;}
    #wrapper #page-content #container-both {width: 72%;box-sizing: border-box;-moz-box-sizing: border-box;}
    #wrapper #page-content #section-menu+#container-both{ width: 73%; box-sizing: border-box; float: right; }
    #wrapper #page-content #sidebar {width: 27%; box-sizing:border-box; -moz-box-sizing:border-box;margin: 0;float: right;}
    #wrapper #page-content #section-menu+#container-both+#sidebar{ width: 73%; margin-top: 10px;}
    #wrapper #page-content #page-tools {width:100%;}
    #wrapper #page-content #page-tools-inner {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
    #footer #footer-top {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
    #footer #footer-bottom { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
    #main-nav .hmenu > li > ul {width:100%; box-sizing:border-box; -moz-box-sizing:border-box;}
    
    .content-area .tiles{width:auto; padding: 0; margin:0;max-height:100%;}
    .content-area .tiles .feature-block ul>li{width:48%;height: initial; margin:1%;}
    .content-area .tiles .feature-block ul>li img{width:100%;}
    .content-area .tiles .feature-block ul>li span{width:100%; height:25px; }
    
    .content-area .tiles .feature-block ul>li span,
    .content-area .tiles .feature-block ul>li:hover span{ pointer-events:none; padding: 5px 0; bottom: 0; left: 0; transition: none; text-align: center; overflow: hidden; color:#fff; }
    .content-area .tiles .feature-block ul>li a.clicked:before{font-size:200px; transition:font-size 1000ms, margin-top 1000ms, color 1000ms; margin-top:-20px; color: #BBA0EF;}
	.content-area .tiles .feature-block ul > li a::before {margin-top:0; }
    
    .content-area .left-panel,
    .content-area .right-panel{float: none;width: auto;margin: 0;position: static;}
    .content-area .full-panel{width:100%; padding:0; margin:20px 0;}
    .content-area .left-panel .split-1, .content-area .left-panel .split-2,
    .content-area .right-panel .split-1, .content-area .right-panel .split-2, .content-area .full-panel{float: none;width: 98%; margin: 3% auto 0 auto; padding: 3%; }
    
    .homepage .spotlight{ width: 480px; height: 290px; margin: 10px auto; }
    .homepage .spotlight iframe,
    .homepage .spotlight object,
    .homepage .spotlight embed{width: 480px;height: 290px;}
    .content-area .tiles ul.tabs{position: absolute; display:block;width: 100%; left: 0;right: 0;padding: 0;margin: 0;opacity: 1;}
    .content-area .tiles ul.tabs li{width: 25%; margin:0;box-sizing: border-box;box-shadow: none;border-left: solid 1px #333; border-bottom: solid 1px #333;line-height:35px;}
    .content-area .tiles .feature-block{padding: 0; margin: 0 0 0; text-align:center;white-space: nowrap;box-sizing: border-box;}
    .content-area .tiles:hover{padding:0;}
    
    .content-area iframe[src*='maps.google.com']{width:100%; height:300px}
    #container>#breadcrumb-panel+div{float:none !important;}
    
    .content-area .full-panel.video{padding:10px; }
    .content-area .full-panel.video video{max-width:100%;}
    #wrapper #page-content .trainingModule#container-full{width: 66%;padding: 10px 3% 15px 3%;margin: 0;}
    #wrapper #page-content #section-menu+#container{width: 66%;padding: 10px 3% 15px 3%;margin: 0;}
    
    #section-menu {width:25% !important; box-sizing:border-box; -moz-box-sizing:border-box; margin: 0 1%; }
    #section-menu ul.hmenu{width:100%;}
    #LeftMenu{width: 100% !important;}
    #LeftMenu #LeftMenuBar>div{width: 100% !important;}
    .menu ul.active, .menu ul.rootGroup{width:100% !important}
    .menu .item{width:100%;}
    #LeftMenu a.link, #LeftMenu a.CMLevel1Selected{width:100% !important;}
    #LeftMenu {width: 100% !important;}
    
    #calendar-outer #calendarMain, .mymeetings-cal-view #calendarMain, #myAccountArea #calendarMain{ width:100%; float: none;}
    #calendar-outer #calendarMain #TRHeaderRow th, .mymeetings-cal-view #calendarMain #TRHeaderRow th, #myAccountArea #calendarMain #TRHeaderRow th{font-size:0.85em;}
    #calendar-outer #calendarMain tr, .mymeetings-cal-view #calendarMain tr, #myAccountArea #calendarMain tr{height:30px !important;}
    #calendar-outer #calendarMain #TRHeaderRow th span, .mymeetings-cal-view #calendarMain #TRHeaderRow th span, #myAccountArea #calendarMain #TRHeaderRow th span{padding:0; margin:0 5px;}
    
    .EventQuickSearchMain .EventQuickSearchCalendar{width: 49%;}
    .EventQuickSearchMain .EventQuickSearchCalendar table{width:100%}
    .EventQuickSearchMain .EventQuickSearchRow input[type="text"]{width:50% !important;}
    .EventQuickSearchMain div[id$="EventQuickSearch"]{width: 50%;}
    ol#eventsearchResultsInfo li a{font-size:105%; font-weight:normal;}
    #eventOuterTable .event-search-results ol{width:auto;}
    ol#eventsearchResultsInfo li{width:auto;}
    #eventOuterTable .event-search-results img{width:100px}
    
    .SearchCriteria, #myAccountArea .clsEventSearchLeft{float:none; width:100%; box-sizing:border-box;}
    .EventSearchResults{float:none;}
    .training_key_icons li{display:block; line-height: 24px;margin-right:0px;}



    /* Search */
    .SearchResults{width:auto;}
    .SearchLeft{width:auto;}
    .SearchLeft+.SearchResults{width: 100%;}
    .SearchLeft+.SearchResults+.inset-panel{margin-left:0;}
    .content-area .SearchResults img{display:inline !important; margin:0 0 5px 0 !important}
    .header-search .quickSearchPanel{margin-top:-13px;}
    .quickSearchPanel{left:0; width:100%;}
    .dynamic-results{width:100%;padding: 0;border: none;}
    .dynamic-results .dynamic-results-inner{width:100%;}
    
    .FormResult .clsSearchParameters .search-panel>div{position:static; width:100%; margin:5px 0;}
    .FormResult .clsSearchParameters .clsSubmitNew a{position:absolute; right:15px; }
    .FormResult .clsSearchParameters .divSearchPanelInner .search-keywords{width: 70% !important;}
    #divFormResultsRepeater{overflow-x:auto;margin-bottom: 25px;}
	
	
	#main-nav .quicklinks {width:90px; }
	#main-nav .quicklinks select {width:85px; }
    
    /*Corporate Directory */
    #PeopleSearch_container div[id$="divSearchRefine"]{width:100%;margin: 0;}
    #PeopleSearch_container div[id$="divSearchRefine"] fieldset legend{margin-bottom:10px; font-weight:normal;}
    #PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlCriteriaGoButton"] button, 
    #PeopleSearch_container div[id$="divSearchRefine"] div[id$="pnlBrowseGoButton"] button{position:absolute; right:20px; margin-top:-47px;height:40px; padding:0 20px;}
    #PeopleSearch_container div[id$="divSearchRefine"] input{height:30px; width:70% !important; padding:0; }
    #PeopleSearch_container div[id$="divSearchRefine"] select{height:30px; width:70% !important;}
    
    #PeopleSearch_container div[id$="divPeopleSearchResults"]{width: auto;float:none}
    .people-element-tabular-layout table th,.people-element-tabular-layout table td{padding:4px; word-break:break-word;}
    #PeopleSearch_container .PeopleSearchTable .Chart,
    #PeopleSearch_container .PeopleSearchTable .JobTitle,
    #PeopleSearch_container .PeopleSearchTable .Fax{display:none;}
    
    /* RSS */
    .rss ol li{margin-top:20px; }
    .rss ol li .Second .rssfeeddescr p+p{position:static; display:block; width:auto; margin-bottom:30px; }
    
    .divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li{padding:0 10px; margin:0 0 10px 0; }
    .divDisplayStoreLocator div[id$="divAlphabetFilter"] ol li a{padding:0 12px; height:40px; line-height:40px; }
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter{width: 94%;border-left: none;border-right: none;padding:10px 3% 10px 3%;}
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input{width:70%}
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_length{padding: 3px 0 17px 3%; width:47%;}
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_length label{display:block; }
    .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_info{border-right:none; padding:10px 3% 10px 0; width:47%;}
    .locatorContainer .clsLocatorStoreAddress{width:100%;}
    .locatorContainer .clsLocatorStoreContacts{width:100%;}
    .locatorContainer .dealer-search-results{position:static;}
    .locatorContainer .dealer-res-map{width:100% !important; height:300px !important; margin-bottom:30px; }
    
    /* My Account */
    #myAccountArea, .myAccountArea{padding:5px;border: none;}
    .MyAccountMenu{width:100%; font-size:0.8em;}
    .MyAccountMenu ul{ display:flex; flex-flow:row wrap; justify-content: flex-start; border-bottom: none; height: auto;}
    .MyAccountMenu ul.topMenu li{flex: 1 auto;height: auto;}
    .MyAccountMenu ul.topMenu li a.menuLink{border-bottom: 1px solid #ccc;padding: 10px;}
    .MyAccountMenu ul.topMenu li a.menuLink_Selected{ border-bottom: 1px solid #ccc; height: auto; padding: 10px; }
    .MyAccountMenu .MyAccountSubMenu{clear:both;border: none;}
    #myAccountArea .findCalendar{width: 100%;}
    #myAccountArea .findCalendar .clsUserSearchControls div select{width:100%;height: 30px;}
    #myAccountArea .findCalendar .clsUserSearchControls div input[type="text"]{width:100%; box-sizing:border-box;}
    
    #myAccountArea div.ViewArea, #myAccountArea div.EditArea{width:auto;}
    #myAccountArea .calendarView{width:100%;float: none;margin: 0;font-size: 0.8em;}
    #myAccountArea .calendarView #calendarMain{float:none;}
    #calendar-outer #calendarMain #TRHeaderRow th, .mymeetings-cal-view #calendarMain #TRHeaderRow th, #myAccountArea #calendarMain #TRHeaderRow th{padding:3px} 
    
    /* My Page */
    #mypage-wrapper, #socialgroup-wrapper{float:none}
    #mypage-wrapper>div, #socialgroup-wrapper>div{float: none !important;}
    #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile{width:auto;margin: 0;}
    #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container{width:auto;}
    
    /* Store Locator */
    #locatorContainer #SearchFilter{float:none;width: auto;}
    #locatorContainer #SearchFilter fieldset{float:none;}
    #locatorContainer .dealer-search-results{float:none;margin: 20px 0 0 0 !important;}
    #locatorContainer .clsDivSearchResults{float:none;}
    #locatorContainer .clsDivSearchResults table{float:none;}
    #locatorContainer .dealer-search-results .dealer-res-map{width: auto !important; margin:0;padding: 0;}
    
    /* Task Manager */
    #wrapper #page-content #container-full div.task-manager{ width:942px; margin: 0; }
    #wrapper #page-content #container-full div.task-manager>div{width: 922px !important;box-sizing: border-box;}
    #wrapper #page-content #container-full .task-manager-container{ margin: 0 -15px;}
    #wrapper #page-content #container-full .task-manager-container div[id$='mpTM']{overflow:scroll; }
    div[id$="vwAddTask"] .add-task-fields > div > input[type="text"],
    div[id$="vwAddTask"] .add-task-fields > div > select,
    div[id$="vwAddTask"] .add-task-fields > div.more_options select{width:100%; box-sizing:border-box; height:30px; }
    div[id$="vwAddTask"] .add-task-fields > div.more_options .left_options{width:100%;}
    div[id$="vwAddTask"] .add-task-fields > div textarea{width:100%; box-sizing:border-box; height:60px;}
    div[id$="vwAddTask"] .add-task-fields > div span[id$="lblUserSelectionText"]{display:block;}
    div[id$="vwAddTask"] .add-task-fields > div .RadListBox  {margin-bottom:10px; }
	
	
	
	#daily-updates, .homepage #faveDocs {max-height:1000%; }
	#wrapper #page-content #section-menu.fixed + #container{margin-left:27%;}
	.clsFormCreator div input,
	.clsFormCreator div textarea {width:70% !important; }
	.clsFormCreator div select {width:72% !important;}
	
	
	
	ul.train-icon li {width:48%; }
	.widget div[class$="Item"] {width:41.79%; }
}


@media only screen and (min-width:0) and (max-width:690px) {
    /* Hide the admin menus for mobile */
    #AdminMenu, .edit-buttons, .system-items{display:none;}
.clsFormCreator img.ui-datepicker-trigger {position:absolute; right:0px; top: 30px;}
    
    #breadcrumb-panel {display:none;}
    #wrapper #wrapper-inner{min-width:initial;overflow: visible;}
    .content-area.homepage h2{margin: 0 -3%;}
    .slider-overlay{position:absolute; top:0; background: url(/ecThemes/3/Images/slider-animation.gif) transparent no-repeat center 0; background-size: contain;top: 45px;height: 200px; width: 100%;z-index:50;pointer-events: none;}
        
    #wrapper {overflow:hidden; position:relative;z-index: 1000;}
    
    #header{height: 150px; padding: 20px 0 10px 0;}
    #header .inner-wrapper{background:none;height: 40px;}
    #header .header-login{position:absolute; top: 0;right:0; z-index: 2;}
    #header .header-login ul li.last-login, #header .header-login ul li.last-login+li, #header .header-login ul li.last-login+li+li{display:none;}
    #header .header-login ul li:first-child+li a,
    #header .header-login ul li span{display:none;}
    #header .header-login ul li a{display:block;  top: 0; right: 10px;}
    #header .header-login ul li span{color:#fff;}
    #header .header-login .logout{float:right;}
    #header .header-login .home-link,
    #header .header-login .myaccount-link,
    #header .header-logo{position:absolute; top:0; width:100%;text-align:center;}
    #header .header-logo img{margin:10px 0 0 0;}
    
    #header .search-wrapper{width:100%;margin: 0;}
    .header-search{float:none; margin:60px auto 0; width:90%;height: 38px;}
    .header-search div.searchPanel{width:100%;height: 45px;}
    .header-search div.searchPanel input.searchInput{width: 100% !important;height: 38px;margin: 0;padding: 1px 0;}
    .header-search div.searchPanel a[id$="SearchLinkButton"]{ height: 40px; background-position: 10px -38px; }
    
    body.logged-in #wrapper #wrapper-inner #main-nav{position: static;height: initial;padding: 5px 0;margin-bottom:0;z-index: 1001;width: 100%;background: url(/images/UserUploadedImages/11/mobile-menu-bg.png) transparent repeat-x 0 0;}
    body.logged-in #wrapper #wrapper-inner #main-nav.fixed{opacity: 0.95;box-shadow: 0 5px 10px;height: 34px;width: 100%;padding-bottom: 0;}
    body.logged-in #wrapper #wrapper-inner #main-nav.fixed .accessible-heading:after{top:5px;}
    body.logged-in #wrapper #wrapper-inner #main-nav.fixed .quicklinks{top:0px;}
    body.logged-in #wrapper #wrapper-inner #main-nav.fixed.open{ height: 100%; }
    #main-nav .quicklinks{ position: absolute; top: 4px; right: 10px; display:block; float: none; width: 50%; margin: 0 auto; padding-top: 2px;}
    #main-nav .quicklinks select{float:right; width: 100%; min-width:120px; }
    
    .content-area.module-area img{display:inherit !important; float:inherit !important; margin:inherit !important;}
    
    /* Homepage */
    #wrapper #page-content #container-full.homepage{width:100%;position: relative;}
    .content-area .tiles{position:static; width: 700%;height: auto;margin: 0 0 0 0;padding: 0 0 0 0;white-space: nowrap;overflow: hidden;box-sizing: border-box;}
    .content-area .tiles .feature-block{width: 100%; padding: 0;height: auto;margin: 45px 0 0 0; text-align:center;white-space: nowrap;box-sizing: border-box;}
    .content-area .tiles .feature-block img{display: inline;width: 70%; pointer-events:none;margin: 0 auto !important;}
    .content-area .tiles .feature-block ul{}
    .content-area .tiles .feature-block ul>li{float: none;width: 12.5%;height: 200px;}
    .content-area .tiles .feature-block ul>li a:before{width: 100%;}
    .content-area .tiles .feature-block.feature-menus ul>li a:before{width:50%;}
    
    .content-area .tiles .feature-block ul>li span,
    .content-area .tiles .feature-block ul>li:hover span{width: 100%; bottom: 0; }
    
    .homepage .spotlight{ position: relative; width: 260px; margin: 10px auto; height: 180px; overflow: hidden; }
    .homepage .spotlight iframe,
    .homepage .spotlight object,
    .homepage .spotlight embed{position: absolute;width: 260px;height: 180px; top: 0; left: 0; width: 100%; height: 100%;}
    
	#div_first_table_search_box {float:left !important; margin:10px 0 !important; }
	#daily-updates .row {margin-top:10px !important; }
	
	#homenews .widget .mainItem dl, #homenews .widget .subItem dl {padding-left:0 !important;}
	
    /* Document List */
    #divDocListResults .clsDocListRepeater #paging{color:#fff;}
    #divDocListResults .clsDocListRepeater #paging strong,
    #divDocListResults .clsDocListRepeater #paging a{display:inline-block; height:30px; padding:0 15px; border:solid 1px #c2c2c2; line-height:30px; color:#333;} 
    #divDocListResults .clsDocListRepeater #paging strong{background-color:#c2c2c2;}
    #divDocListResults .clsSearchParameters .search-parameters{width: 100%; margin-right: 0;}
    #divDocListResults .clsSearchParameters .search-parameters input{width: 100%; margin:0;padding: 0;height: 30px;text-indent: 10px;}
    #divDocListResults .clsDocListRepeater table#tableDocList td a{word-break:break-word;}
    #divDocListResults .clsSearchParameters .clsFormResultsSearchButton{display: block;width:auto;text-align: center;height: 45px;}
    #page-content #divDocListResults .clsSearchParameters .clsFormResultsSearchButton a{display: inline-block;margin:0; width: 45%;height: 40px;line-height: 40px;text-align: center;vertical-align: middle;padding: 0;}
    
    .content-area div.searchPanel input.searchInput{width:100% !important; margin:0; border-radius: 0;padding: 0;height: 30px;line-height: 20px;}
    .content-area .searchPanel input[type='submit']{display: block;margin: 20px auto; width:80%; height:40px; }
    .content-area .quickSearchPanel{position: absolute;margin-left:0;margin-top: -76px;}
    .content-area .dynamic-results{width:auto;}
   /* #divDocListResults .clsDocListRepeater table#tableDocList td:first-child,
    #divDocListResults .clsDocListRepeater table#tableDocList th:first-child,
    #divDocListResults .clsDocListRepeater table#tableDocList td:nth-child(4),
    #divDocListResults .clsDocListRepeater table#tableDocList th:nth-child(4),
    #divDocListResults .clsDocListRepeater table#tableDocList td:last-child,
    #divDocListResults .clsDocListRepeater table#tableDocList th:last-child{display:none}*/
    
    /* Footer */
    #footer{background-color:transparent;}
    #footer #footer-bottom{display:none;}
    #footer #footer-top p{float:none;text-align: center;font-size: 0.9em;}
    #footer #footer-top{padding-bottom:20px;height: auto;}
    #footer #footer-top ul{height:20px; font-size:0.9em;float: none;text-align: center;}
    body.logged-in #footer #footer-top ul li{margin-left: 0;display: inline-block;list-style-type: none;float: none;}
    body.logged-in #footer #footer-top ul li+li{margin-left:10px;}
    
    .article-widget.home{height:auto;}
    .article-widget>p{margin:0; position:static;}
    .widget dd{}
	
    
    /* Login page */
    
    body .loginpage #info-window .login-window{width:100%;margin-bottom: 10px;}
    body .loginpage #info-window{width:90%;}
    body .loginpage #info-window .content{ width: 90%; padding: 10px 5%;}
    body .loginpage #info-window .inner-login-box{width:80%;margin:0 auto;}
    body .loginpage #info-window .login-input label{width:100%;margin-bottom:10px; }
    body .loginpage #info-window .login-input input{width:100%;height: 30px;padding: 0 10px;margin:0 0 10px 0; font-size: 1.2em;}
    body .loginpage #info-window .login-button{ width:100%; margin: 0; }
    body .loginpage .login-button input, body .loginpage .blue-button input:active, body .loginpage .login-button input:active{height:50px; margin:20px 0; width:100%;}
    body .loginpage #info-window #additional-logins{width:100%; padding: 20px 0 0 20px; margin:0; border:0;border-top: solid 1px #c2c2c2;}
    
    div[id$="LoginPanel"]{width:100%;box-sizing: border-box;-moz-box-sizing: border-box;}
    div[id$="LoginPanel"] input{width:100% !important; box-sizing: border-box;-moz-box-sizing: border-box; height:30px !important; }
    div[id$="LoginPanel"] .login-element{width:100%;}
    .login-element div.lgn-btn input{height:40px !important; }
    
    /* Menus */
    
    #main-nav {height:0px; position:static; border:none;z-index: 1001;}
    #main-nav > .accessible-heading {position: static;display:block; margin: 0 0 0 10px;  z-index:1000; top: 15px;width: 50px; height: 40px; line-height: 18px;padding: 0; text-indent:-9999px;   background: url(/ecThemes/3/Images/mobile-sprites.png) no-repeat 0 7px;}
    #main-nav > .accessible-heading:hover,
    #main-nav > .accessible-heading:focus {cursor:pointer; }
    #wrapper #wrapper-inner #main-nav.open {height:100%;position: absolute;z-index: 1001;}
    #main-nav .hmenu {position:absolute; top:95px; left:-260px;}
    
	#main-nav ul.hmenu > li > ul > li {width:98% !important; }
	
    #section-menu {float:none; width:98% !important; margin: 0 1%; position:relative !important;}
    #section-menu .accessible-heading {font-size:100%; font-family:'Droid Sans', arial,sans-serif; position:relative; display:block; left:0px; top:0px; padding: 10px 5px;  border-radius:5px;background-color: #414042;color: #fff; text-align:center;  }
    #section-menu .accessible-heading:hover,
    #section-menu .accessible-heading:focus {cursor:pointer; }
    #section-menu #LeftMenu {display:none; position: relative; width: 100% !important; left:0; z-index:1000;}
    
    #section-menu ul.hmenu{width:auto;border:solid 1px #414042; border-top:none;box-shadow: 1px 14px 20px -8px; border-radius:0 0 5px 5px; }
    
    #section-menu ul.hmenu>li.first>a{display:none;}
    #section-menu ul.hmenu li a{padding:15px; color:#000;}
    #section-menu ul.hmenu li>ul>li>ul>li.selected a,
    #section-menu ul.hmenu li>ul>li>ul>li a{padding-left:15px;background-color:#c2c2c2; color:#fff;}
    
    
    #section-menu #LeftMenuBar{border:solid 1px #414042; border-top:none;box-shadow: 1px 14px 20px -8px; border-radius:0 0 5px 5px; }
    #LeftMenu a.MenuItemOne{display:none;}
    #section-menu #LeftMenu .RadPanelBar, #LeftMenu a{width:100% !important;}
    #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a .rpText{padding: 5px 15px;}
    .RadPanelBar .rpSlide .rpSlide ul>li:first-child{box-shadow: inset 1px 22px 22px -14px;}
    #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText{background-color: #c2c2c2; color:#fff;}
    #wrapper #page-content {padding-top: 0; border:none; border-radius:0;}
    #wrapper #main-nav.open+#page-content,
    #wrapper #main-nav.fixed+#page-content{padding-top: 40px;}
    #wrapper #page-content .homepage #container {position:relative; float:none; overflow: hidden;width: 100%;background: url(/ecThemes/3/Images/mobile-slider-bg.gif) transparent no-repeat 0 0;background-size: 100%;}
    #wrapper #page-content #container-both {float: none !important; width:100% !important; margin-left: 0 !important;}
    #wrapper #page-content #sidebar {float:none; width: 100% !important; margin: 10px 0 0 0; }
    
    #wrapper #page-content #section-menu.fixed+#container,
    #wrapper #page-content #section-menu+#container{margin:10px 1% 0; padding:20px; width: auto;float: none;}
    #wrapper #page-content .trainingModule#container-full{margin:10px 1% 0; padding:20px; width: auto;float: none;}
    #wrapper #wrapper-inner #main-nav ul.hmenu{position: absolute;display:none; top: 40px; bottom: 0;padding-right: 5%;overflow-y: scroll;left: 0;width: 100%;z-index: 1001;}
    #wrapper #wrapper-inner #main-nav.fixed ul.hmenu{ }
    #wrapper #wrapper-inner #main-nav ul.hmenu>li{position: static;float: none;width: 100%;background: url(/ecThemes/3/Images/vertical-bg.png) #ebebeb repeat-x 0 0; }
    #wrapper #wrapper-inner ul>li span.expandbtn{position: absolute;display: block;right: 0;width: 50%;height: 40px;background: url(/ecThemes/3/Images/mobile-sprites.png) transparent no-repeat right -140px; cursor:pointer;}
    #wrapper #wrapper-inner ul>li.expanded span.expandbtn{background-position: right -183px;}
    
    #wrapper #wrapper-inner #main-nav ul.hmenu>li>ul{position:static; width:100%;padding:0; }
    #wrapper #wrapper-inner #main-nav ul.hmenu>li>ul>li:first-child{box-shadow: inset 1px 22px 22px -24px;}
    #wrapper #wrapper-inner #main-nav ul.hmenu>li>ul li a{color:#333;  line-height: 30px; }
    #wrapper #wrapper-inner #main-nav ul.hmenu>li:hover>ul{display:none;}
    
    #wrapper #wrapper-inner #main-nav ul.hmenu>li>ul li{width:100%; border-bottom:solid 1px #dfdfdf; background-color:#f5f5f5;}
    #wrapper #wrapper-inner #main-nav ul.hmenu>li>ul li li{padding-left:20px; box-sizing: border-box; -moz-box-sizing: border-box;}

	
    /* Content */
    .content-area img{float:none !important; display:block; margin: 20px auto !important;}
    
    /* Image Widgets */
    .image-widget{margin:0; }
    .image-widget [class$='Item']{display:block; width:auto;margin: 0 0 20px 0;padding: 20px;text-align:center;background-color: #f2f2f2;border: solid 1px #777;}
    .image-widget [class$='Item'] img{display:inline; float:none !important; width: auto; height: auto; margin: 0 !important;max-height: initial;max-width: 100%;}
    .image-widget [class$='Item']>a{width:auto;height: initial;}
    .image-widget dt a{color:#333;}
    
    .blogContainer .blogMenu{position:static; width:100%; margin-bottom:20px; box-sizing:border-box}
    .blogContainer .blogMain{margin:0;}
    .blog-menu{float:none; width:auto; margin: 0 0 15px 0;border-bottom: solid 1px #333;}
    .blog-month-list h2{border-bottom:none;}
    
    .image-widget .widgetPageLinks{margin:0}
    .widget .widgetPageLinks a{display: inline-block; margin: 0 5px 15px 5px;border:solid 1px #333;}
    .widget .widgetPageLinks a span{display:inline-block; padding: 7px 12px; color:#333;}
    .widget .widgetPageLinks .resultPageNumberSelected{background-color:#333; color:#fff;}
    
    .document-widget img{ margin: 3px !important; float: left !important; }
    
    /* Search */
    .search-popup>div{position: relative;width:80%}
    .search-popup>div a+a{position:absolute; right: 30px; top: 95px;}
    .SearchResults ol li span.lastRow{ word-break: break-word; margin-left: 10px;}
    .SearchResults ol li span.clsResultDescr{ margin-left: 10px; }
    
    /* Events */
    .EventQuickSearchMain div[id$="EventQuickSearch"]{display: block;width:auto;}
    #page-content .EventQuickSearchMain .EventQuickSearchRow label{display:block; width:auto;}
    #page-content .EventQuickSearchMain .EventQuickSearchRow input{width: 100% !important;height: 30px;padding: 0;text-indent: 10px;}
    #page-content .EventQuickSearchMain div[id$='wrapper']{width:auto !important;}
    #page-content .EventQuickSearchMain .EventQuickSearchRowButtons{margin-bottom:20px; text-align:center; }
    #page-content .EventQuickSearchMain .EventQuickSearchRowButtons input{width:45%; height:40px}
    .EventQuickSearchMain .EventQuickSearchCalendar{display: block;width:auto;}
    .EventQuickSearchMain .EventQuickSearchCalendar table.calendar{width:100%;height: 340px;margin-bottom: 20px;}
    .event-widget.large [class$='ItemDate']{}
    
    /* Form Creator */
    .clsFormCreator img{display:inline; padding:0; margin: 0 !important;}
    .clsFormCreator div fieldset{padding:0 !important}
    .clsFormCreator div label{width: 100%; margin-bottom: 5px;}
    .clsFormCreator div textarea{ display:block; width: 100% !important; padding: 0;}
    div.clsFormCreator div legend{display:block;position: static !important;margin-bottom: 10px !important;}
    .clsFormCreator div input[type='text']{display: inline-block; width: 100% !important;padding: 2px 0;text-indent: 10px;}
    .clsFormCreator div input.clsDateBox {width: 90% !important;}
    .clsFormCreator div.clsBtnSubmit{padding:0; margin:0;  }
    .clsFormCreator div input[type='submit']{display:block;height: 40px;padding: 0 20px;text-indent: 0;}
    .clsFormCreator div.clsMandatory{padding-left: 0;}
    .clsFormCreator div select{display:block; width:100% !important; height:30px !important; }
    .clsFormCreator div select[multiple]{height:auto !important;}
    .clsFormCreator div.clsFormCreator_checkbox{padding-left:0; }
    .clsFormCreator div.clsFormCreator_checkbox label{position:static; margin-left:5px;} 
    .clsFormCreator .formCreatorCaptchaTable{padding-left:0;margin: 0 auto 20px auto;width: 320px;}
    
    .FormResult .clsSearchParameters .divSearchPanelInner > div, .FormResult div.advanced-search-panel > div{width:100%; margin:3px 0;}
    .FormResult .clsSearchParameters .divSearchPanelInner > div label, .FormResult div.advanced-search-panel > div label{width:30%;}
    .FormResult .clsSearchParameters .divSearchPanelInner > div label, .FormResult div.advanced-search-panel > div input{width:70%;}
	.clsFormCreator .clsFormCreator_checkboxnotifyaccessed {padding-left:0; }
    
    /* Social */
    .comments-container .comment-list .reply-list{margin-left:15px; }
    .question-add-container div input[type="text"]{width:100%;padding: 0;height: 30px;}
    .question-add-container div textarea{padding:5px 0; width:100%;}
    .question-stream-container .question-list .comment-item .comment-item-detail .posted-date-item{display:none;}
    .question-stream-container .question-list .reply-list .comment-item .comment-item-detail{width:100%;}
    
    .content-area #PollMain{width:100%;}
    
    /*Corporate Directory */
    #PeopleSearch_container div[id$="divPeopleSearchResults"]{font-size:0.8em;word-break:break-word;}
    #PeopleSearch_container div[id$="divPeopleSearchResults"] div[id$='pnlPageLinks']{text-align:center;}
    #PeopleSearch_container div[id$="divPeopleSearchResults"] div[id$='pnlPageLinks'] a{ display:inline-block; padding:15px 0; margin:0 5px 10px 0; width:30px; border:solid 1px #c2c2c2; }
    #PeopleSearch_container div[id$="divPeopleSearchResults"] .PeopleSearchTable tr.PeopleSearchLine2 td{ word-break: break-word; width: 33%; }
    
    .people-element-tabular-layout table{font-size:0.8em}
    .people-element-tabular-layout table table{font-size:1.1em;}
    .people-element-tabular-layout table table{margin:10px auto; }
    .people-element-tabular-layout table table td{width:20px; height:25px; vertical-align:middle; text-align:center;}
    
    #divPhoneBookDetail #divPhotoAndContact{display: block;padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #c2c2c2; width: auto;}
    #divPhoneBookDetail #divPhotoAndContact .clsPhotoPhone{padding:20px 0;  background-color:#f2f2f2;}
    #divPhoneBookDetail #divPhotoAndContact img{margin:0 auto !important; display:block !important;}
    .module-area #divPhoneBookDetail .clsPhoneDetails{display: block;width:auto; padding-bottom:20px; border-bottom:solid 1px #c2c2c2;}
    .module-area .corp-dir-user-org-chart{display:none;}
    
    /* Membership */
    div[id$="divMembershipDetails"] fieldset{padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid 1px #c2c2c2;}
    div[id$="divMembershipDetails"] fieldset p label{width: auto;display:block; margin-bottom:10px; }
    div[id$="divMembershipDetails"] fieldset p select,
    div[id$="divMembershipDetails"] fieldset p input{display:block; padding:0; height:30px; width:100% !important; }
    div[id$="divMembershipDetails"] fieldset p[id$='pPhoneNo'] input{display:inline-block;margin-right: 0 !important;}
    div[id$="divMembershipDetails"] fieldset p input#txtPhone{width: 40% !important;position: absolute;right: 15px;}
    div[id$="divMembershipDetails"] fieldset p[id$='pPhoneNo'] label{width: 13% !important;display:inline-block;padding: 0;}
    div[id$="divMembershipDetails"] fieldset p label[id$="lblPhoneNumber"]{position:absolute; right: 49%;}
    div[id$="divMembershipDetails"] fieldset p[id$='pPhoneNo'] [id$='lblPhoneNo']{display:block;width: auto !important;}
    .clsMembershipRegButton{padding:0 20px; height:40px; }
    
    #myAccountArea .divPersonalInfo, #myAccountArea .divCompanyInformation, #myAccountArea .divCompanyProfile, #myAccountArea .divJobDetails{clear:both}
    #myAccountArea div.ViewArea, #myAccountArea div.EditArea{width:auto;}
    #mypage-wrapper .mypage-connections>div, #socialgroup-wrapper .group-members-container>div{float:none !important; margin-bottom:20px; }
    
    #myAccountArea .adminFieldSet input[type='text']{width: 100%; box-sizing: border-box;-moz-box-sizing: border-box;}
    #myAccountArea .buttonGroup{width: auto;height: 50px;padding: 0;}
    #myAccountArea .buttonGroupTop a{display:block; float: left;}
    #myAccountArea ol#searchResultsInfo li span.clsResultURL{word-break:break-word;}
    #myAccountArea .gridDataTable td:first-child+td+td+td+td,
    #myAccountArea .gridDataTable td:first-child+td+td,
    #myAccountArea .gridDataTable td:first-child+td+td+td,
    #myAccountArea .gridDataTable th:first-child+th+th+th,
    #myAccountArea .gridDataTable th:first-child+th+th,
    #myAccountArea .gridDataTable th:first-child+th+th+th+th{display:none}
    #myAccountArea .gridDataTable td:first-child+td{width:auto !important;}
    #myAccountArea div.ViewArea dl dd, #myAccountArea div.EditArea dl dd{display:block;width:auto;}
    
    #divMailingListSubscribe fieldset div label[for='selTitle']{width:auto}
    #divMailingListSubscribe fieldset#fsAvailableLists .help-block{display:block; width:100%; margin-left:16px; margin-bottom:10px; }
    #divMailingListSubscribe fieldset div input, #divMailingListSubscribe fieldset p input{width:100%;box-sizing: border-box;-moz-box-sizing: border-box;line-height: 30px;margin-top: 5px;}
    #divMailingListSubscribe fieldset div input[type='checkbox']{margin-top:0;}
    .content-area.module-area #pageHelp{float:right;}
    
    .language-switcher{ position: relative; left: 0; margin-bottom: 20px;}
    .language-switcher ul{left: 0; top: 28px; width:100%; }
    
    .meeting-manager-add-edit{ overflow-x: scroll; }
    
    .resource-scheduler #Calendar{overflow-x:scroll;}
    
    div.ui-dialog{width:100% !important; box-sizing:border-box;}
	
	ul.train-icon li {width:100%; }
	.widget div[class$="Item"] {width:94.5%; margin:0 0 10px;  }
    .clsFormCreator div .clsCheckBoxListSpanOptions legend{width:100%;}
    .table-responisve{width:100%; overflow-x:scroll;}
    .table-mobile{width:100%; overflow-x:scroll;}
}
@media only screen and (min-width:981px)
{
.forum_widgetbox .mainItem{min-height:207px;}
.forum_widgetbox .subItem{min-height:207px;}
}
@media only screen and (min-width:690px) and (max-width:980px) {

#wrapper #wrapper-inner #main-nav ul.hmenu li a{padding:0px 5px !important;}
}