/*
Author: Symond A.
2017
*/
.menu-toggle, .show-on-device, .show-on-device-tablet, .show-on-768, .show-on-864{
	display: none;
}

/*Ipad landscape max width 1024px;*/
@media only screen and (max-width: 1024px){
	.workshop-logo-container{
		display: none;
	}

	.b-solve-at-work{
		float: none !important;
	}

	.no-show-tablet{
		display: none;
	}

	.show-on-1024{
		display: block;
	}

	.show-on-device-tablet{
		display: block;
		padding: 0;
	}

	.header-fixed{
		width: auto;
	}

	nav.close-collapse ul li{
		width: auto;
		margin: 0;
	}

	nav.close-collapse ul li a{
		padding: 0 16px;
	}

	#page-wrap{
		width: auto;
	}

	#content-wrap{
		width: 100% !important;
		margin-bottom: 18px;
		padding: 0;
		border: none;
	}

	.content-wrap-c-reg{
		width: 100% !important;
		margin-bottom: 18px;
		padding: 0 30px;
		border: none;
	}


	.content-wrap-c-reg #main-content {
		float: left;
		width: 640px;
		margin: 20px 32px 50px 32px;
		position: relative;
		font-size: 14px;
	}

	.content-wrap-c-reg #wizard-content {
		text-align: center;
		width: auto;
	}

	#wizard-content textarea{
		width: 100%;
		float: left;
		padding: 0 5px;
	}

	.register-note {
		width: 222px;
		margin: 0 0 0 20px;
	}

	.new-banner{
		width: auto;
		padding: 0;
		background-size: contain;
		padding: 22px 0 0;
	}

	#new-banner-quote{
		width: auto;
		height: auto;
	}

	.banner-text-links{
		margin: 22px 0 0 26px;
	}

	.banner-text-links .banner-text{
		margin-top: 180px;
	}

	.well-collab{
		background: none;
		background-color: #3e788e;
		color: #ffffff;
		padding: 20px 52px;
		line-height: 2em;
	}

	.main_page{
		width: 70% !important;
	}

	.main-content-about, .main-content-contact{
		width: 60% !important;
	}


	.main-content-register{
		width: auto !important;
		float: none !important;
		margin: 20px 12px 50px !important;
	}

	#register{
		text-align: center;
	}

	#register .panel-container {
		margin: 0 20px;
	}

	#register .panel-container .header {
		margin: 0 auto;
	}

	#register .panel-container .header span {
		width: auto;
		height: auto;
	}

	#register .panel {
		width: 100%;
	}

	#register .background {
		width: 100%;
		text-align: center;
		margin: -56px 0 0;
		position: initial;
	}

	#register_form_m .form-inline .control-group:first-child{
		float: none;
	}

	#register_form_m .form-inline .control-group:last-child input, #register_form_m .form-inline .control-group:last-child select{
		display: block;
		width: 33.33%;
	}

	#register_form_m input, #register_form_m select{
		display: block;
	}

	.content-wrap-p-reg #main-content {
		width: auto !important;
		float: none;
		margin: 20px 12px 50px !important;
	}

	#provider-registration .row {
		margin: 0;
	}

	#provider-registration [class*="span"] {
		float: none;
		width: 88%;
		margin: 0 auto;
	}

	.graph-area {
		width: 96%;
		display: block;
		padding-right: 10px;
	}

	.graph-area .graphs{
		text-align: center;
	}

	.graph-area .graphs .graph-label{
		text-align: left;
	}

	.upper-content .right-sidebar{
		vertical-align: top;
		padding: 24px 0 0 0;
		display: block;
	}

	.upper-content .right-sidebar .list-container ul.list{
		position: relative;
		width: 100%;
		display: block;	
	}

	.upper-content .right-sidebar .list-container ul.list li{
		display: inline-block;
		width: 46.3%;
		padding: 0;
		margin: 0;
	}

	.upper-content .right-sidebar .row-2{
		margin-top: 42px;
		width: 100%;
		color: #000000;
	}

	.upper-content .right-sidebar .row-2 p{
		margin-bottom: 10px !important;
	}

	.upper-content .right-sidebar .row-2-item-list ul{
		width: 100%;
		display: block;
		margin: 0;
	}

	.row-1{
		padding-right: 10px;
	}

	.row-2-item-list ul li{
		display: inline-block;
		width: 44%;
		margin-right: 26px
	}

	.row-2-item-list ul li .bullet, .row-2 ul li .item-text{
		display: initial;
		width: auto;
		vertical-align: initial;
		font-size: 14px;
	}

	.banner-callout{
		margin: 0 10px !important;
	}

	footer{
		width: 100%;
	}

	footer ul{
		margin: 0;
	}

	.first-bottom-sidebar{
		margin-bottom: 320px !important;
	}

	.second-bottom-sidebar{
		margin-bottom: 372px !important;
	}

	.third-bottom-sidebar{
		margin-bottom: 346px !important;
	}

	.new-modal .modal-lg {
		width: auto;
		margin: 10px 12px;
	}

	.new-modal .modal-body {
		padding: 15px;
	}

	.m-login-content .page-title {
		margin: 0px 10px 20px;
	}

	.accordion-container .accordion-content {
		padding: 12px 34px 12px 37px;
	}

	nav ul li a {
		padding: 0;
	}

	nav ul li.open a.dropdown-toggle{
		background-color: #e8e8e8 !important;
	}

	.header-item-list{
		overflow: hidden;
		width: 285px;
		background-color: rgba(255,255,255,0.75);
		position: absolute;
		padding:10px 5px;
		float: right;
		margin-left: 731px;
	}

	.header-item-list .row-2-item{
		width:100%;
	}

	.header-item-list ul{
		margin-bottom: 0;
		padding-top: 0px
	}

	.header-item-list li{
		padding-top: 2px;
		padding-bottom: 10px;
		font-size: 12px;
		display: block;
	}

	.header-item-list ul li .bullet{
		vertical-align: top;
		display: inline-block;
		width:20px;
		font-size: 12px;
	}

	.header-item-list ul li .item-text{
		vertical-align: top;
		display: inline-block;
		width:200px;
	}

	

	
}

@media only screen and (max-width: 968px){
	#header.fixed-theme:not(.blank){
		height:140px;
	}

	#page-wrap:not(.blank){
		margin-top : 180px;
	}

	.workshop-logo-container{
		display: flex;
		justify-content: center;
	}

	.close-collapse{
		display: none;
	}

	.fixed-theme .home-logo-container{
		margin-top: 12px;
	}

	.fixed-theme .menu-toggle{
		margin-top: 28px;
	}

	.home-logo-container{
		display: inline-block;
		width: 452px;
		left: 10px;
		margin-top: 20px;
		margin-left: 10px;
		vertical-align: middle;
	}

	#logo{
		position: initial;
		margin: 0;
		width: auto;
		background-size: contain;
	}

	.menu-toggle {
		float: right;
		display: inline-block;
		margin-right: 18px;
		margin-top: 38px;
	}

	.menu-toggle button {
		background-color: #00678e;
		color: #ffffff;
		border: none;
		padding: 10px 32px;
		border-radius: 4px;
	}

	.header-fixed{
		width: auto;
		height: 116px;
	}

	#header.fixed-theme #logo {
		margin-top: 0;
		height: 66px;
	}

	header nav{
		position: initial;
		width: 100%;
		background: #ffffff;
		border-top: 1px solid #dcdcdc;
		margin-top: 4px;
	}

	header nav ul{
		margin: 0;
		border-bottom: 1px solid #dcdcdc;
	}

	header nav ul li{
		float: none;
		width: auto;
		display: block;
		margin: 0;
	}

	header nav ul li:last-child{
		border-bottom: none;
		padding-bottom: 10px;
	}

	header nav ul li a:hover{
		background-color: #f9f9f9;
	}

	.menu-toggle{
		float: right;
		display: inline-block;
		margin-right: 18px;
		margin-top: 38px;
	}

	.menu-toggle button{
		background-color: #00678e;
		color: #ffffff;
		border: none;
		padding: 10px 32px;
		border-radius: 4px;
	}

	.menu-toggle button.collapsible{
		background-color: #0ea2da;
	}

	#content-wrap{
		margin-top: 118px;
	}

	.banner-text-links {
		margin: 10px 0 0 26px;
	}
	
	nav.close-collapse ul li a {
		padding: 0px 14px;
	}

	.main_page {
		width: 66% !important;
	}

	.row-2-item-list ul li {
		display: inline-block;
		width: auto;
		margin-right: 12px;
		margin-left: 12px;
	}

	.content-wrap-c-reg #main-content {
		width: 60%;
	}

	.solve-submenu{
		height: auto;
	}

	.solve-submenu > .dropdown-menu {

		position: static;
		// display: none;
		float: none;
		width: auto;
		min-width: 100%;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		

	}

	.solve-submenu > .dropdown-menu li {
		width: auto;
	}

	.solve-submenu > .dropdown-menu li a {
		text-align: center !important;
	}

	.header-item-list{
		overflow: hidden;
		width: 265px;
		background-color: rgba(255,255,255,0.75);
		position: absolute;
		padding:10px 5px;
		float: right;
		margin-left: 666px;
	}

	.header-item-list .row-2-item{
		width:100%;
	}

	.header-item-list ul{
		margin-bottom: 0;
		margin-left:0;
		padding-top: 0px
	}

	.header-item-list li{
		padding-top: 2px;
		padding-bottom: 10px;
		font-size: 11px;
		display: block;
	}

	.header-item-list ul li .bullet{
		vertical-align: top;
		display: inline-block;
		width:20px;
		font-size: 12px;
	}

	.header-item-list ul li .item-text{
		vertical-align: top;
		display: inline-block;
		width:200px;
	}

	#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }


}

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

	.no-show-880{
		display: none;
	}
	
	.main-content-about {
		width: auto !important;
		margin: 20px 32px 50px !important;
		height: 298px;
	}

	.main-content-contact {
		float: none !important;
		width: auto !important;
		margin: 20px 32px 50px !important;
		height: auto;
	}

	.inner-content-w-bg{
		position: relative;
		z-index: 2;
	}

	.main-content-about:before, .main-content-contact:before{
		content: ' ';
		position: absolute;
		left: 0;
		top: 42px;
		z-index: 1;
		width: 100%;
		height: 100%;
		opacity: 0.2;
		background: url(../images/img-sidebar-v2.png?v=2312334) no-repeat center;
		background-size: contain;
	}

	.content-wrap-c-reg .main-sidebar{
		width: 100%;
	}

	.content-wrap-c-reg .register-note{
		width: auto;
		margin-left: auto;
		padding: 0 140px;
		margin-top: 20px;
	}

	.content-wrap-c-reg #main-content {
		width: auto;
		float: none;
	}

	#register_form_m .form-inline .control-group:first-child{
		float: left;
	}

	#register_form_m .normal-input{
		display: block;
		width: 60%;
	}

	#register_form_m .form-inline .control-group:last-child input.input-small, #register_form_m .form-inline .control-group:last-child select{
		display: inline-block;
		width: 90px;
	}


	.header-item-list{
		overflow: hidden;
		width: 265px;
		background-color: rgba(255,255,255,0.75);
		position: absolute;
		padding:8px 5px;
		float: right;
		margin-left: 621px;
	}

	.header-item-list .row-2-item{
		width:100%;
	}

	.header-item-list ul{
		margin-bottom: 0;
		margin-left:0;
		padding-top: 0px
	}

	.header-item-list li{
		padding-top: 2px;
		padding-bottom: 10px;
		font-size: 10px;
		display: block;
	}

	.header-item-list ul li .bullet{
		vertical-align: top;
		display: inline-block;
		width:20px;
		font-size: 12px;
	}

	.header-item-list ul li .item-text{
		vertical-align: top;
		display: inline-block;
		width:200px;
	}
}

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

	.show-on-864{
		display: block;
	}

	.no-show-864, .show-on-1024 {
		display: none;
	}

	#banner {
		padding: 0 30px;
		height: auto;
	}

	.new-banner #new-banner-quote{
		display: none;
	}

	.new-banner {
		height: 374px;
		background: url(../images/banner-tablet.jpg) no-repeat;
		background-size: contain;
		border-radius: 0;
	}

	.banner-link{
		margin-top: 16px;
	}

	.banner-text-links {
		margin: 0;
		width: 100%;
	}

	.banner-text-links .banner-text {
		margin-top: 22%;
	}
	
	.first-uls, .second-uls{
		background-size:cover;
	}

	.second-uls{
		background: url(../images/sidebar-web-edits2.jpg) no-repeat;
	}

	.second-uls .text-container {
		padding-right: 16px;
	}

	.no-margin-mobile{
		margin: 0 !important;
	}

	.show-on-device-desktop{
		display: none;
	}

	.upper-left-sidebar{
		width: auto;
	}

	.first-uls {
		background: none;
		border-radius: 6px;
	}

	.first-uls .text-container{
		font-size: 16px;
		margin-left: 4px;
	}

	.first-uls .text-container ul{
		padding-left: 22px;
	}

	.first-uls .text-container ul li{
		width: auto;
	}

	.second-uls{
		background: url(../images/second-uls-tablet.jpg?v=12) no-repeat;
		border-radius: 6px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		background-size: cover;
	}

	.second-uls .text-container p{
		font-size: 16px;
	}

	.third-uls .coffee{
		width: auto !important;
		vertical-align: initial !important;
	}

	.third-uls .text-container{
		width: auto !important;
		vertical-align: middle !important;
	}

	.fourth-uls, .third-uls{
		text-align: center;
		margin-bottom: 0;
	}

	.tab-col{
		display: inline-block;
		margin: 0 2px;
		vertical-align: top;
		background-color: rgba(0,0,0,0.1);
		padding: 12px;
		width: 45%;
		border-radius: 6px;
	}

	.tab-col:last-child .heading-text{
		margin-top: 0 !important;
	}

	.row-1, .upper-content .right-sidebar .row-2 {
		padding: 24px;
		width: auto;
	}

	.main_page {
		width: auto !important;
		margin: 20px 0 50px !important;
	}

	.graph-area {
		width: 100%;
		padding: 0;
	}

	.upper-content .right-sidebar .request-info-btn {
		margin-top: 20px;
		padding: 0 100px;
	}

	.from-sidebar-second, .from-sidebar-third, .from-sidebar-fourth, .from-sidebar-fifth {
		display: block;
		text-align: center;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }

}

@media only screen and (max-width: 768px){
	
	.show-on-768{
		display: block;
	}

	.no-show-768, .show-on-1024{
		display: none;
	}

	.show-on-device-desktop{
		display: none;
	}

	.main-sidebar{
		width: 100%;
		margin-bottom: 0;
	}

	.banner-link {
		margin-top: 0;
	}

	.banner-text-links .banner-text {
		margin-top: 156px;
	}

	.banner-text-links .banner-link .msds-text {
		color: #ff5300;
		margin: 0 0 26px;
		font-size: 16px;
	}

	.new-banner #new-banner-quote{
		display: none;
	}

	.new-banner {
		height: 338px;
	}

	.main-content-about{
		height: 436px;
	}

	#register_form_m .form-inline .control-group:first-child{
		float: none;
	}

	#register_form_m .form-inline .control-group:last-child input,
	#register_form_m .form-inline .control-group:last-child input.input-small,
	#register_form_m .form-inline .control-group:last-child select{
		display: block;
		width: 33.33%;
	}

	#register_form_m input, #register_form_m select{
		display: block;
	}

	.header-item-list-mobile ul{
		margin: 12px ;
		margin-left: 102px;
		padding: 0;
	}

	.header-item-list-mobile ul li{
		margin: auto;
		width: 45%;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }

}

/* Added by Kevin - 8/31/22 */
@media only screen and (max-width: 767px) {
}


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

	.new-banner {
		height: 314px;
	}

	.banner-text-links .banner-text {
		margin-top: 20%;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }

}


/*MOBILES*/

/*Landscape*/

/*667*/
@media only screen and (max-width: 690px){


	.content-wrap-c-reg .register-note {
		padding: 0 40px;
	}

	.tab-col{
		width: 42%;
	}

	.row-2-item-list ul li {
		width: 34%;
		margin-right: 60px;
	}

	.new-banner {
		height: 283px;
	}

	.banner-text-links .banner-link a {
		color: #ffffff;
		background: #fe925a;
		background: linear-gradient(#fe925a,#f0a37b);
		padding: 10px 25px;
		border-radius: 5px;
		border: 1px solid #ffb16e;
		box-shadow:0px 3px #dfdfdf;
		font-weight: bolder;
		font-size: 14px;
	}

	.banner-text-links .banner-text {
		margin-top: 136px;
	}

	.banner-text-links .banner-link .msds-text {
		margin: 0 0 16px;
	}

	.header-item-list-mobile .row-2-item{
		margin: 0;
	}

	.header-item-list-mobile ul{
		margin-top: 0;
		margin-left: 60px;
	}

	.header-item-list-mobile ul li{
		width:250px
	}

	.header-item-list-mobile ul li .item-text{
		width:200px
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }

}

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

	.new-banner {
		background: url(../images/banner-tablet.jpg) no-repeat center center;
		background-size: cover;
	}
	
	.home-logo-container {
		width: 226px;
	}

	#logo {
		background: url(../images/logo-mobile.png?v=2312334) no-repeat;
		position: initial;
		margin: 0;
		width: auto;
		background-size: contain;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }



}


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

	.no-show-568{
		display: none;
	}

	.show-on-568{
		display: block;
	}
	
	.home-logo-container {
		width: 226px;
	}

	#logo {
		background: url(../images/logo-mobile.png?v=2312334) no-repeat;
		position: initial;
		margin: 0;
		width: auto;
		background-size: contain;
	}

	.new-banner {
		height: 360px;
		/*background: url(../images/banner-mobile.jpg) no-repeat center;*/
		border-radius: 6px;
	}

	.banner-text-links {
		width: 100%;
		margin: 20px 0 0;
	}

	.banner-text-links .banner-text {
		margin-top: 175px;
		font-size: 16px;
	}

	.banner-text-links .banner-link .msds-text {
		font-size: 16px; 
		margin: 0 0 16px;
	}

	.banner-text-links .banner-link a {
		padding: 10px 25px;
		border-radius: 5px;
		font-size: 16px;
	}

	.upper-content .right-sidebar .list-container ul.list li {
		width: 100%;
	}

	.row-2-item-list ul li {
		display: block;
		width: auto;
		margin-right: 12px;
	}

	#form_contact_us .control-group-contact-page {
		width: 100%;
	}

	#form_contact_us .control-group-contact-page .help-block{
		margin: 0;
	}

	#form_contact_us label {
		display: none;
	}

	#form_contact_us .controls {
		margin: 0;
	}

	.m-submit-btn {
		text-align: center;
	}

	#login-form, #login-border {
		width: auto;
	}

	#login-border {
		margin: 0 12px;
		border-radius: 6px;
		box-shadow: none;
	}

	#login-form .language {
		padding: 0 40px !important;
	}

	#frmLogin .controls {
		width: 100%;
		margin: 0;
		padding: 0 40px;
		box-sizing: border-box;
	}

	#login-form input {
		width: 100%;
		display: block;
		box-sizing: border-box;
		height: 28px;
	}

	#login-form select {
		width: 100% !important;
	}

	#frmLogin .employee .control-label {
		padding: 0;
		width: auto;
		float: none;
		text-align: left;
		display: inline-block;
	}

	#login-form .language .controls {
		padding: 0 0 10px !important;
		margin: 0;
		display: inline-block;
		width: 62%;
		float: right;
	}

	#register_form_m select{
		width: 60%;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }

}


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

	#provider-registration h1{
		text-align: center;
	}

	#register_form_m label, #provider-registration label{
		display: none;
	}

	#register_form_m .controls, #provider-registration .controls{
		margin: 0;
		display: block;
	}

	#register_form_m .controls input,
	#register_form_m .controls select,
	#register_form_m .controls textarea,
	#provider-registration .controls input,
	#provider-registration .controls select,
	#provider-registration .controls textarea
	{
		display: block;
		width: 100%;
		box-sizing: border-box;
		min-height: 30px;
	}

	#provider-registration .row{
		margin: 0;
	}

	#provider-registration [class*="span"] {
		float: none;
		width: auto;
		margin: 0;
	}
	#provider-registration .help-block{
		margin: 0;
	}

	#register_form_m .form-inline .control-group{
		float: none !important;
	}

	#register_form_m .form-inline .control-group:last-child input,
	#register_form_m .form-inline .control-group:last-child input.input-small,
	#register_form_m .form-inline .control-group:last-child select {
		display: block;
		width: 100%;
	}

	.ula-m .checkbox{
		padding: 0;
	}

	.ula-m .checkbox label{
		display: block !important;
	}

	.ula-m .checkbox input{
		width: auto !important;
		margin: -4px 10px 0 0;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }


}

@media only screen and (max-width: 425px) {
	.header-item-list-mobile ul {
		margin-top: 20px;
		margin-left: 100px;
		width: 250px;
	}

	#solve-at-work-section {
		padding-top: 100px;
		margin-top: -80px;
	}
}

/*Iphone 6 Plus max width 414px*/

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

	.show-on-768, .show-on-864{
		display: none;
	}

	.show-on-device-desktop{
		display: initial;
	}

	.header-fixed{
		height: 132px;
	}

	.home-logo-container{
		width: 226px;
	}

	#logo{
		background: url(../images/logo-mobile.png?v=2312334) no-repeat;
		position: initial;
		margin: 0;
		width: auto;
		background-size: contain;
	}

	header nav{
		position: initial;
		width: 100%;
		background: #ffffff;
		border-top: 1px solid #dcdcdc;
		margin-top: 4px;
	}

	header nav ul{
		margin: 0;
		border-bottom: 1px solid #dcdcdc;
	}

	header nav ul li{
		float: none;
		width: auto;
		margin: 0;
	}

	header nav ul li:last-child{
		border-bottom: none;
		padding-bottom: 10px;
	}

	header nav ul li a:hover{
		background-color: #f9f9f9;
	}

	.menu-toggle button.collapsible{
		background-color: #0ea2da;
	}

	#content-wrap{
		margin-top: 122px;
	}

	.content-wrap-about, .content-wrap-contact{
		min-height: auto !important;
	}

	.content-wrap-c-reg .register-note{
		width: auto;
		margin-left: auto;
		margin-top: 20px;
		padding: 0;
	}

	.content-wrap-c-reg .main-sidebar {
		padding: 14px 42px 0;
	}

	.m-login-content .page-title{
		margin: 0px 10px 20px;
	}

	#login-form, #login-border{
		width: auto;
	}

	#login-border{
		margin: 0 12px;
		border-radius: 6px;
		box-shadow: none;
	}

	#login-form .language{
		padding: 0 40px !important;
	}

	#login-form .language .controls{
		padding: 0 0 10px !important;
		margin: 0;
		display: inline-block;
		width: 62%;
		float: right;
	}

	#login-form .language .control-label{
		
	}

	#frmLogin .control-label{

		padding: 0;
		width: auto;
		float: none;
		display: inline-block;
		text-align: left;
	}

	#frmLogin .controls{
		width: 100%;
		margin: 0;
		padding: 0 40px;
		box-sizing: border-box;
	}

	#frmLogin .btn-controls{
		width: 100%;
		margin: 0;
		float: none;
		text-align: center;
	}

	#frmLogin .btn-controls .btnLogin{
		margin: 0;
		float: none;
		display: initial;
	}

	#login-form input{
		width: 100%;
		display: block;
		box-sizing: border-box;
		height: 28px;
	}

	#login-form select{
		width: 100% !important;
	}

	#login-note{
		margin: 28px 40px 0;
		padding: 10px;
	}

	#header.fixed-theme{
		height: 116px;
	}

	#header.fixed-theme #logo{
		margin-top: 0;
		height: 88px;
	}

	.fixed-theme .home-logo-container{
		margin-top: 10px;
	}

	.close-collapse{
		display: none;
	}

	.ui-pnotify{
		width: auto !important;
		top: 140px;
		left: 0 !important;
		right: 0 !important;
		display: block;
		cursor: auto;
		margin: 0 20px;
	}

	.new-banner{
		height: 360px;
		background: url('../images/banner-mobile.jpg') no-repeat;
		background-size: cover;
		border-radius: 0;
	}

	.banner-text-links{
		position: initial;
		margin: 0;
	}

	.banner-text-links .banner-text{
		margin-top: 196px;
	}

	.well-collab b {
		font-size: 18px;
	}

	#banner{
		padding: 0;
	}

	.main-sidebar{
		width: auto;
		padding: 0 60px;
		float: none;
	}

	.content-wrap-c-reg .main-sidebar{
		width: auto;
		padding: 0 30px;
		float: none;
	}

	.upper-left-sidebar {
		width: auto;
	}

	.mobile-first-section{
		margin: 0;
	}

	.first-uls{
		background: url(../images/sidebar-web-edits.jpg) no-repeat;
	}

	.first-uls, .second-uls{
		background-size: cover;
	}

	.upper-left-sidebar .text-container {
		padding-top: 32px;
		padding: 32px 26px 0;
		font-size: 13px;
		margin: 0;
	}

	.second-uls {
		background: url(../images/sidebar-web-edits2.jpg) no-repeat;
	}

	.second-uls .text-container p{
		line-height: 2em;
		font-size: 13px;
	}


	.upper-left-sidebar .text-container ul {
		padding: 0 24px;
	}

	.upper-left-sidebar .text-container ul li {
		height: auto;
		width: auto;
		line-height: 2em;
	}

	.no-margin-mobile{
		margin: 0 !important;
	}

	.no-show-mobile{
		display: none !important;
	}

	#main-content{
		width: auto !important;
		float: none;
		margin: 20px 12px 50px !important;
	}
	
	.main-content-about{
		margin-bottom: 0;
		height: auto;
	}

	.main-content-about:before, .main-content-contact:before{
		content: ' ';
		position: absolute;
		left: 0;
		top: 42px;
		z-index: 1;
		width: 100%;
		height: 100%;
		opacity: 0.2;
		background: url(../images/img-sidebar-v2.png?v=2312334) no-repeat center;
		background-size: contain;
	}

	.inner-content-w-bg{
		position: relative;
		z-index: 2;
	}

	.upper-content .graph-area, .upper-content .right-sidebar{
		width: auto;
		display: block;	
	}

	.upper-content .right-sidebar{
		padding: 0;
	}

	.upper-content .right-sidebar .list-container ul.list li {
		display: block;
		width: auto;
		padding: 0;
		margin: 0;
	}

	.row-2-item-list ul li {
		display: block;
		width: auto;
		margin-right: 12px;
	}

	.show-on-device{
		display: block;
		padding: 0;
	}

	#form_contact_us label{
		display: none;
	}

	#form_contact_us .control-group-contact-page{
		width: 100%;
	}

	#form_contact_us .controls{
		margin: 0;
	}

	.m-submit-btn{
		text-align: center;
	}

	#register .panel-container {
		margin: 0;
	}

	#register .panel{
		width: 100%;
	}

	#register .panel-container .header {
		width: 50%;
		height: 50%;
		margin: 0 auto;
	}

	#register .panel-container .header span {
		width: auto;
		height: auto;
	}

	#register .panel-container:first-child{
		margin-bottom: 54px;
	}

	#register .background{
		width: 100%;
		text-align: center;
		margin: -56px 0 0;
		position: initial;
	}

	#wizard-content{
		width: auto;
	}

	.from-sidebar-first .text-heading{
		font-size: 18px;
		color: #00678e;
	}

	.background{
		text-align: center;
	}

	.from-sidebar-first .background{
		padding: 25px 44px 0;
	}

	.from-sidebar-second .background{
		padding: 0 44px;
	}

	.from-sidebar-third .background{
		padding: 0 44px;
	}

	.from-sidebar-fourth .background{
		padding: 0 38px;
	}

	.from-sidebar-fifth .background{
		padding: 0 38px;
	}

	.block-quote2-m{
		margin-bottom: 0;
	}

	.block-quote2 .accordion-container .accordion-content {
		padding: 12px 12px 12px 46px;
		border-radius: 4px;
		border: solid 1px #cccccc;
	}

	.block-quote2 .accordion-container .accordion-content p{

	}

	.block-quote2 .accordion-container .accordion-content p:first-child{
		margin-right: 10px !important
	}

	.block-quote2 .accordion-container .accordion-content p:last-child{
		width: 82%;
		text-align: left;
	}

	#new-banner-quote{
		height: auto;
		width: auto;
	}
	.banner-callout{
		padding: 0 12px;
		text-align: center;
	}

	footer{
		width: auto;
		margin-top: 0;
	}

	footer ul{
		margin: 0 0 10px;
	}

	.btn-container-msd{
		margin-top: 20px;
	}

	.tab-col{
		display: block;
		margin: 0;
		vertical-align: initial;
		background: none;
		padding: 12px;
		width: auto;
	}

	.row-1, .upper-content .right-sidebar .row-2 {
		padding: 24px 16px;
		width: auto;
	}

	.upper-content .right-sidebar .request-info-btn {
		margin-top: 20px;
		padding: 0;
	}


	.header-item-list-mobile{
		margin:12px;

	}

	.header-item-list-mobile ul{
		margin-top: 2px;
		margin-left: 70px;
		width:250px;
	}


	.header-item-list-mobile ul li .item-text{
		width:225px;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }

	#header.fixed-theme:not(.blank){
		height:165px;		
	}

	#page-wrap:not(.blank){
		margin-top : 180px;
	}

	.workshop-logo-container{
		display: flex;
		justify-content: center;
	}

	.header-item-list-mobile ul{
		margin-top: 20px;
		margin-left: 75px;
		width:250px;
	}

		#solve-at-work-section{
	  padding-top: 120px;
	  margin-top: -80px 
	 }
}

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

	.accordion-container .accordion-title {
		font-size: 16px;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }


}

/*Iphone 6 lang max width 385px*/

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

	.new-banner {
		height: 324px;
	}

	.menu-toggle button {
		padding: 10px 18px;
	}

	.new-banner{
		padding-top: 12px;
	}

	.banner-text-links .banner-text{
		margin-top: 180px;
	}

	.well-collab {
		padding: 20px 38px;
	}

	.main-sidebar{
		padding: 0 42px;
	}

	.upper-content .right-sidebar {
		padding: 0 38px;
	}

	.accordion-container .accordion-title {
		font-size: 16px;
	}

	.background{
		text-align: center;
	}

	.from-sidebar-second .background, .from-sidebar-third .background, .from-sidebar-fourth .background, .from-sidebar-fifth .background{
		padding: 0;
	}

	.from-sidebar-first .background {
		padding: 25px 0 0;
	}

	#register .panel-container .header {
		width: 54%;
	}

	.header-item-list-mobile ul{
		margin-top: 20px;
		margin-left: 60px;
		width:250px;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }
}

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

	.accordion-container .accordion-title {
		padding: 12px 30px;
	}

	.header-item-list-mobile ul{
		margin-top: 20px;
		margin-left: 50px;
		width:250px;
	}

		#solve-at-work-section{
	  padding-top: 120px;
	  margin-top: -80px 
	 }


}

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

	.accordion-container .accordion-title {
		padding: 12px 26px;
	}

		#solve-at-work-section{
	  padding-top: 100px;
	  margin-top: -80px 
	 }


}


/*Iphone 5 max width 348px*/

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

	#header.fixed-theme:not(.blank){
		height:150px;
	}

	.home-logo-container{
		width: 202px;
	}

	.menu-toggle button{
		padding: 10px;
	}

	.new-banner {
		height: 306px;
		background: url(../images/banner-mobile.jpg) no-repeat;
		background-size: contain;
		border-radius: 0;
	}

	.banner-text-links .banner-text {
		margin-top: 156px;
	}

	.banner-text-links .banner-link a {
		padding: 10px 25px;
	}

	.well-collab {
		padding: 20px 24px;
	}

	.main-sidebar {
		padding: 0 34px;
	}

	.first-uls, .second-uls{
		background-size: cover;
	}

	.upper-content .right-sidebar {
		padding: 0;
	}

	.block-quote2 .block-header{
		font-size: 18px;
	}

	.accordion-container .accordion-title {
		font-size: 14px;
		padding: 12px 12px;
	}

	.block-quote2 .accordion-container .accordion-content {
		padding: 12px 12px 12px 22px;
	}

	.block-quote2 .accordion-container .accordion-content p:last-child {
		font-size: 12px;
	}

	.from-sidebar-first .background {
		padding: 25px 0 0;
		text-align: center;
	}

	.from-sidebar-first .background {
		padding: 25px 0 0;
		text-align: center;
	}

	.from-sidebar-second .background, .from-sidebar-third .background, .from-sidebar-fourth .background, .from-sidebar-fifth .background{
		padding: 0;
	}

	#register .panel-container .header {
		width: 64%;
	}

	#login-form .language {
		padding: 0 20px !important;
	}

	#login-note{
		margin: 28px 20px 0;
	}

	#frmLogin .controls {
		padding: 0 20px;
	}

	.header-item-list-mobile ul{
		margin-top: 10px;
		margin-left: 30px;
		width:250px;
	}

		#solve-at-work-section{
	  padding-top: 120px;
	  margin-top: -80px 
	 }

}


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

	#header.fixed-theme:not(.blank){
		height:165px;
	}
}