/* Mobile Responsive Development 5/2015 */


@media only screen and (max-width: 959px) {
	
	header li,
	header a,
	header ul li a {
		font-family: "Roboto";
	}

	#main.main-home {
		margin-top: 30px;
	}

	hr {
		margin: 20px 0;
	}
	
	#page-container {
		margin-top: 0px;
	}
	
	header .eight {
		clear: both;
		width: 100%!important;
	}
	
	/*styles*/
	
	h1 {
		font-size: 2.25em;
	}
	
	/*header*/
	
	header {
		height: 100%;
		position: relative;
		border: 0px;
	}
	
	li.toggle-login {
		float: right!important;
		margin-top: -45px;
		width: 100px;
	}
	
	header .header-new,
	header [class*="column"] + [class*="column"]:last-child {
		float: left;
		margin-right: 0px;
	}
	
	.top-bar .custom-select select {
		color: #fff;
	}
	
	#newsletter-signup-link,
	.collapsed {
		background: transparent!important;
	}
	
	#newsletter-signup-link::after,
	#header-search {
		border: none;
	}
	
	li#login-mobile {
		margin-left: 70%;
    margin-top: -35px;
    position: absolute;
    width: 15%;
    padding-right: 5px;
    height: 15px;
    font-family: "Roboto";
    border-right: 1px solid #fff;
	}
	
	a.login-button {
		font-family: "Roboto";
	}
		
	.header-new-nav-links {
		margin-right: 0px;
		height: 55px;
	}
	header .eight {
		margin: 0px;
		float: left;
		clear: both;
		margin-top: 6px;
		
	}
	
	.custom-select:after {
		right: -12px;
	}
	
		#newsletter-signup-wrap {
		margin: 0px;
		float: left;
		clear: both;
		margin-top: 0px;
		
	}

	.search-input > input {
		max-width: 480px;
		width: 100%;
	}
	
	#header-search {
		background: #fff;
		margin-left: 15px;
	}
	
	#header-search input {
    height: 30px !important;
    padding-left: 5px; 
    border-radius: 0px;
    background: transparent;
 
    }
	
	#header-search .search-input {
		width: 86%;
		z-index: 10!important;
		padding-bottom: 0px;
		margin-top: -4px;
	}
	
	
	#newsletter-signup-link {
		padding: 0 10px 0 0;
	}
	
	header #contact-us {
		margin: 0px;
		float: left;
		margin-right: 0px!important;
		padding-right: 0px!important;
	}
	
	.header-new-nav-links ul li {
		margin: 0px;
	}

	header li.custom-select {
		float: left;
		height: 25px;

	}	
	
	.header-new {
		margin-bottom: 30px;
	}
	
	.top-bar ul > li.has-dropdown.moved ul#solutions-dropdown {
		height: 175px;
	}
	
	nav >li.has-dropdown.moved ul#solutions-dropdown {
		height: 200px;
	}
	
	.header-new-nav-links ul li:first-child,
	.header-new-nav-links li#contact-us {
		border-right: 1px solid #fff;
		height: 15px;
		margin-top: 15px!important;
	}
	
	.header-new-nav-links ul li:first-child a,
	.header-new-nav-links ul li#contact-us a {
		margin-top: -15px;
	}
	
	.header-new-nav-links ul li#contact-us a{
		padding-left: 10px!important;
		padding-right: 10px;
	}
	
/*
	.top-bar .toggle-topbar.menu-icon {
		opacity: 1!important;
	}
	
	.top-bar ul > li.toggle-topbar a {
		border: 0px!important;
		margin-top: 0px!important;
		right: 0px!important;
		position: relative!important;
		top: 0px!important;
		font-size: 36px!important;
		padding-left: 15px!important;
		display: block;
		
	}
	
	.top-bar ul > li.toggle-topbar {
		position: relative!important;
	}
*/
	
	.custom-select select {
		height: 25px;
		margin-left: 5px;
		padding-right: 5px;
	}

	/*navigation*/
	
		
	#page-container .three {
		clear: both;
		width: 100%;
		
	}
	
	/*content*/
	
	fancybox-outer, .fancybox-inner,
	.fancybox-image, .fancybox-iframe {
		height: auto!important;
	}
	
	#main {
		margin-top: 0px;
	}
	
	#page-container .nine,
	#page-container iframe,
	#page-container form{
		clear: both;
		width: 100%!important;
		
	}
	
	.mktoForm, 
	.mktoForm * {
		width: 100%!important;
		
	}
	
	span.mktoButtonWrap  {
		margin-left:0px;
	}
	
	.solution-section .img-circle {
		width: 200px;
	}
	
	.solution-section {
		clear: both;
	}
	
	.media-body {
		padding-top: 20px;
	}
	
	.media > .pull-right {
		margin-left: 0px;
	}
	
	#home-features .slide-image {
		margin: 0 30px 10px 0;
	}
	
	.pull-right {
		float: left;
	}
	
	.button-link.header-link {
		font-size: 26px;
	}
	
	.button.contact-button {
		max-width: 320px;
	}
	
	/*footer*/
	
	footer {
		padding: 40px 0;
	}
	
	footer [class*="column"] + [class*="column"]:last-child {
		float: left;
	}

	footer li.twitter-icon,
	footer li.gplus-icon,
	footer li.linkedin-icon,
	footer li.rss-icon {
		margin-right: 10px;
	}

	footer .four,
	footer .eight,
	#footer-logo,
	#footer-utility-nav .seven,
	#footer-utility-nav .five,
	footer .six{
		width: 100%!important;
		clear: both;
	}
	
	#footer-logo {
		display: block;
		margin-bottom: 15px;
		padding: 0px 15px 0px 15px;
	}
	
	
	
	footer .pull-right {
		float: left;
	}
	
	footer ul.nav-bar li,
	footer ul.footer-nav-list li {
		clear: both;
		border: 0;
	}
	
	footer li.divider {
		display: none;
	}
	
	footer ul.utility-nav-list,
	footer .six {
		text-align: left!important;
		
	}
	
	ul.social-container-footer {
    margin-bottom: 40px;
    margin-top: -75px;
    text-align: center;
	}
	
	
	/*sidebar*/
	
	.sidebar-block:first-child {
		margin-top: 30px;
	}
	
	/*home*/
	/*slideshow*/
	
	#home-features a.slide-link {
		width: 100%;
	}
	
	h2.slide-header {
		font-size: 1.5em;
	}
	
	#home-features .slide .callout .callout-text {
		margin-left: 0px;
	}
	
	#home-features {
		height: 485px;
	}
	#home-features .slide {
		height: 475px;
	}
	
	#feature-nav-pager {
		bottom: 10px;
	}
	
	#home-features .slide .callout {
		margin-top: 10px;
	}
	
	#home-features .cycle-slide {
		background: transparent!important;
		z-index: 1!important;
	}
	
		
	/* circles */
	
	#home-feature-graphic {
		padding-bottom: 40px;
		border-bottom: 2px solid #449765;
	}
	
	.feature-graphic-block {
		margin-right: 0px;
	}
	
	.feature-graphic-row2 {
		margin-left: 0px;
		margin-top: 20px;
	}
	
	.feature-graphic-row1,
	.feature-graphic-row2 {
		clear: both;
		width: 100%;
		
	}
	
	
	
	.feature-graphic-block:focus,
	.feature-graphic-block:hover,
	.feature-graphic-header, 
	.feature-graphic-icon {
		transform: none!important;
		border: 0px;
		box-shadow: none;
		outline: none;
		text-align: left!important;
		-webkit-transform: none!important;
	}
	
	.feature-graphic-block {
		border-radius: 0px;
		width: 100%;
		height: auto;
		padding: 10px 25px 40px 25px;
		border-bottom: 2px solid #449765;
	}
	
	.feature-graphic-block:hover {
		padding: 10px 25px 40px 25px;
		border-bottom: 2px solid #449765;

	}
	
		
	.feature-graphic-header{
		width: 100%;
		padding-top: 0px;
		height: 40px;
	}
	
	
	
	.feature-graphic-row2 .feature-graphic-block:last-child {
		padding-bottom: 25px;
	}
	h3.feature-graphic-header::after {
    background: transparent url("../images/icons/green-double-arrow.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 9px;
    margin: 0 0 0 5px;
    width: 13px;
    background-size: 100% 100%;
    
    
}	
	
	/*testimonials */
	
	
	.home-section .four {
		clear: both;
		width: 100%;
	}
	
	.with-img .pull-right,
	.solution-section  .pull-right {
		margin-right: 20px;
	}
	

}

/*small to medium to 768 */

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

	header {
		background: #17384e;
	}
	
	header .four,
	header .eight {
		display: none;
	}


	.header-new-nav-links {
		clear: both;
		width: 100%!important;
	}
	
		.hide-for-small,
		a#main-logo,
		#main-logo img{
		display:  none;
	}

	#mobile-header ul.title-area li,
	a#mobile-logo {
		float: left;
		padding: 0px;
	}	
	
	#mobile-header {
		padding: 0px;
	}
	
/*
	.top-bar ul > li.name {
		width: 65%;
	}
	
	.top-bar ul > li a:not(.button) {
		padding: 0px!important;
	}
	
	.top-bar ul > li.toggle-topbar {
		width: 35%!important;
		text-align: center; 
		float: right!important;
		position: relative!important;
		margin-top: 15px;
	}
*/
	
	#mobile-logo img {
		width: 190px;
		opacity: 1;
	}
	
	
	#mobile-logo-container {
		width: 65%;
		float: left;
		margin-top: 10px;
		margin-left: 15px;
		}
		
	
	.login-button,
	.login-button:hover {
		background: transparent;
		font-size: 14px!important;
		text-transform: capitalize!important;

	}
	
	.login-button-container a {
		text-indent: 0;
		float: right;
		display: block;
		padding-right: 20px!important;
		padding-left: 5px!important;
	}
	
/*
	.top-bar .toggle-topbar.menu-icon a {
		text-indent: none!important;
	}
*/
		
	.login-button-container {
		margin-left: 0px;
		width: 50%;
		float: left;
		margin-top: 1px;
		
	}	
	
	.toggle-topbar {
		width: 50%;
		float: left;
		padding-left: 5px;
		border-left: 1px solid #fff;
		height: 15px;
		margin-top: 12px;
	}
	
	.toggle-topbar a {
		margin-top: -17px;
		font-size: 26px!important;
		padding-left: 7px!important;
	}
	
/*
	.top-bar ul > li a.login-button {
		float: left;
		margin-right: 15px;
		font-size: 14px!important;
	}	
	
	.top-bar ul > li a.menu-toggle {
		margin-top: 15px;
	}	

	.top-bar .toggle-topbar.menu-icon a span {
		position: relative!important;
	}


	.top-bar .toggle-topbar.menu-icon a {
		margin-top: 15px;
	}
		
	.top-bar section {
		clear: both;
	}	
	
	.top-bar-section li {
		padding-left: 15px;
	}
	
	a.menu-toggle {
		display: block;
		float: right;
		width: 50%;
		margin-top: 15px;
	}
*/
	
	a.login-button {
		width: 100%!important;
	}
		
		/*tabs*/
	
	.nav-tabs > li > a {
		padding: 6px 10px;
		width: 85px;
		word-wrap: normal;
		min-height: 60px;
		font-size: 16px;
	}
	
	.nav-tabs > li {
		min-height: 50px;
	}
	
/*
	.nav > li > a {
		font-size: 16px;
	}
*/
	

	
	.feature-graphic-icon {
		width: 35%;
		float: left;
		text-align: center!important;
		padding-top: 15px;
	}
	
	
	.feature-graphic-text,
	.feature-graphic-text:hover {
		transform: none!important;
		transition: none!important;
		float: left;
		text-align: left!important;
		width: 62%;
		padding-left: 20px;
		-webkit-transform: none!important;
	}

.header-new .login-button-container {
		display: none;
	}


}

/* small to 480px; */

@media screen and (max-width: 480px) {
			.media-body {
			clear: both;
		}
		
		.img-left,
		.img-right {
			float: none!important;
		}
}

/* medium 481-959*/
	
@media screen and (min-width: 481px) and (max-width: 959px) {
	
	.header-new .login-button-container {
		display: none;
	}
	
	}	
	
@media screen and (max-width: 640px) {
	img#wisd {
		margin: 0px!important;
	} 
}	


/*medium to large 641-960 */ 

@media screen and (min-width: 641px) and (max-width: 959px) {
	
	.main-home .three {
		clear: none!important;
		width: 50%!important;
	}
	
	.feature-graphic-icon {
		width: 15%;
		float: left;
		text-align: center!important;
		padding-top: 15px;
	}
	
	
	.feature-graphic-text,
	.feature-graphic-text:hover {
		transform: none!important;
		transition: none!important;
		float: left;
		text-align: left!important;
		width: 83%;
		padding-left: 20px;
		-webkit-transform: none!important;
	}

	#feature-nav-pager {
		bottom: 15px;
	}
	
	#home-features {
		height: 365px;
	}


}
	

@media screen and (min-width: 960px) {


	
	.row {
    margin: 0 auto;
    min-width: 768px;
    width: 970px;
}

.show-for-small,
		#login-mobile,
		a#mobile-logo {
		display: none;
	}
}