/** Responsive CSS **/



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

/** frame **/
		#wrapper {
			text-align: left; 
			margin: 0px;
			width:100%;
			min-width: 100%;
			max-width: 100%;
		
		}

		body.home #wrapper {background: #E8E8E6 url(images/main-grey-bg.jpg) no-repeat; background-position: center top; clear: both;}

/** remove line breaks **/
		br {display: none;}

		/**#div-header {
			width: 100%; background: #000; height: 180px !important;
			
		}**/
		/***.menu-1 {
			width: 99%; 
			padding: 0px !important;
			margin-bottom: 0px !important;
			clear: both: !important;
			height: auto !important;
		}**/


		ul#nav2 {
			float: none;
			clear: both;
		}

		.logo {margin-bottom: -40px !important;  }
		.logo a {height: 120px !important;}
		.logoinner {height: 180px;}



		/**img {width: 100%; height: auto; }**/

img.alignleft, img.alignright {float: none; clear: both; display: block;  }

		.alignright, .alignleft {float:none; margin: 0; }
.alignleft {clear: left;}
.alignright {clear: right;}

		.containerfull {
			margin-left: auto; 
			margin-right: auto;
			width: 100%;
			padding: 0px;
		}
		#div-center {
			margin-right: 0px;
			width: 90% !important;
			float: none !important;
			padding: 15px !important;
		}
		
		#div-centerfull {width: 95% !important; padding: 20px 0px !important; margin: auto !important;}
		#sidebarright {
			width: 90%;
			float: none;
			padding: 15px;	
		}

		.div-right1 {
			width: 100%;
			margin: auto;
		}

		/* Force table to not be like tables anymore */
 		table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {
 			display: block;
 			}

		table.responsive td {
 		/* Behave like a “row” */
			border: none;
 			position: relative;
 		}

/* Force table to not be like tables anymore */
 		.su-table table, .su-table table thead, .su-table table tbody, .su-table table th, .su-table table td, .su-table table tr {
 			display: block;
 			}

		.su-table table td {
 		/* Behave like a “row” */
			border: none;
 			position: relative;
 		}

		#div-footer {width: 100%; height: auto;}

		.footer-1, .footer-2, .footer-3 {float: none; width: 95%; height: auto; margin: 10px auto !important;}

		.copyright {width: 90%; margin: auto !important; text-align: center;}

		#footerwidgets {
			background: none; 
			height: auto !important;
			width: 99% !important;
			overflow: display;
			padding-left: 0px !important; margin-bottom: 20px;
		}

/*** custom **/

		.customerstory {
			width: 100% !important;
			float: none;
			padding: 0px;
			text-align: center;
			height: auto !important;
			}



		/*** layer slider previous and next arrows **/

		.ls-v5 .ls-nav-next {
			display: none;

			}

		.ls-v5 .ls-nav-prev {
			display: none;

		}

.su-column {
		width: 100% !important;
		margin: auto !important;
		float: none !important;
	
	}

.su-column-size-1-3 {
		width: 100% !important; 
		margin: auto !important;
		float: none !important;
	
	}


.su-spacer {display: none !important;}
.consultingservice .su-column, .services .su-column {height: auto !important;}
.su-column.paddingright {padding-right: 0px; }
.services .su-column, .consultingservice .su-column {height: auto !important;}
.services .su-column .su-button, .consultingservice .su-column .su-button {position: relative !important;}
.su-column.floatright {float: none !important;}

.storiesmore a {width: 50%;}
.services .su-column {text-align: center;}

	input.wpcf7-text {width: 265px; height: 34px; margin-bottom: 15px; border: solid 1px #DBDCD9; font-size: 18px;}
textarea.wpcf7-textarea {width: 265px; margin-bottom: 15px; border: solid 1px #DBDCD9; font-size: 18px;}
}

@media screen and (max-width: 1025px) {
		#hormenu {display: none;}
		#hormenu3 {display: block; width: 80%; margin: auto !important;}
		#div-header {height: 180px; background: #000;}
		.menu-1 {margin-top: -143px !important; width: 100% !important; position: relative; z-index: 100;}
}
/*****
@media screen and (max-width: 1025px) {				
#div-header {height: 113px; background: #000;}
#div-header.containerfull {width: 790px;  }
.logoinner {background-size: 100%; width: 130px; margin-top: 5px;}
li.homelogo {width: 130px !important; height: 129px; }
ul#nav li a {width: 100px;}
.menu-1 {margin-top: -143px !important; width: 100% !important; position: relative; z-index: 100;}
}
*****/
@media screen and (max-width: 480px) {
	img {width: 100%; height: auto; }
	.logoinner {background-size: 100%; width: 230px; margin-top: 5px;}
	li.homelogo {width: 230px !important; height: 129px; }
	.logo a {height: 80px !important; }
	#div-header {height: 120px; background: #000;}
		.menu-1 {margin-top: -203px !important; width: 100% !important; position: relative; z-index: 100;}
}