/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
	float:left;
}

.span_10_of_12 {
	width: 83.06%;
	float:left;
}

.span_9_of_12 {
	width: 74.6%;
	float:left;
}

.span_8_of_12 {
	width: 66.13%;
	float:left;
}

.span_7_of_12 {
	width: 57.66%; 
	float:left;
}

.span_6_of_12 {
	width: 49.2%; 
	float:left;
}

.span_5_of_12 {
	width: 40.73%; 
	float:left;
}

.span_4_of_12 {
	width: 32.26%; 
	float:left;
}

.span_3_of_12 {
	width: 23.8%;
	float:left;
}

.span_2_of_12 {
	width: 15.33%; 
	float:left;
}

.span_1_of_12 {
	width: 6.86%; 
	float:left;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
	}
}
@media only screen and (max-width:768px){
	.flexy-menu.vertical{
		width:100%;
	}
	.flexy-menu li{
		display:block;
		width:100%;
	}
	.flexy-menu>li>a{
		padding-top:15px;
		padding-bottom:15px;
		padding-left:25px;
	}
	.flexy-menu a{
		width:100%;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.flexy-menu ul,.flexy-menu ul li ul,.flexy-menu.vertical ul,.flexy-menu.vertical ul li ul{
		width:100%;
		left:0;
		border-left:0;
		position:static;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.flexy-menu ul li{
		border-left:0;
		border-right:0;
	}
	.flexy-menu ul li a,.flexy-menu.vertical ul li a{
		padding-top:10px;
		padding-bottom:10px;
	}
	.flexy-menu ul>li>a{
		padding-left:40px!important;
	}
	.flexy-menu>li .arrow{
		top:15px;
		right:25px;
		font-size:17px;
	}
	.flexy-menu ul>li .arrow{
		display:none;
	}
}
/*----start-responsive-design----*/
@media only screen and (max-width:1440px) and (min-width:1366px){
	.container {
		width: 80%;
	}
}
@media only screen and (max-width:1366px) and (min-width:1280px){
	.container {
		width: 80%;
	}
	
}
@media only screen and (max-width:1280px) and (min-width:1024px){
	.container {
		width: 80%;
	}
	
}
@media only screen and (max-width:1024px) and (min-width:768px){
	.container {
		width: 90%;
	}
	
	}
@media only screen and (max-width:768px) and (min-width:640px){
	.container {
		width: 80%;
	}
	.top-header-left ul li:nth-child(1),.top-header-left ul li:nth-child(2),.top-header-left ul li:nth-child(3){
		display:none;
	}
	.top-header-left ul li{
		border-left:none;
	}
	.flexy-menu>li.showhide {
		background:none;
		height: 18px;
	}
	.flexy-menu>li.showhide span.title {
		display: none;
	}
	.flexy-menu {
		margin-right: 0%;
	}
	.flexy-menu>li.showhide span.icon {
		margin: 17px 20px;
		float: right;
		position: absolute;
		right: 3em;
		top: -50px;
	}
	.flexy-menu>li.showhide .icon em {
		margin-bottom: 3px;
		display: block;
		width: 31px;
		height: 4px;
		background: #2C3E50;
	}
	.orange li:hover>a, .orange li.active a {
		background: #F8F8F8;
	}
	.about{	
padding-bottom:14em;
}

	.technology-grids {
		width: 100%;
	}
	.technology {
		padding: 2em 0;
		margin: 0em 0 0em;
		background-size: 100% 100%;
		border-bottom: 1px solid #253541;
	}
	
}
@media only screen and (max-width:640px) and (min-width:480px){
	.container {
		width: 80%;
	}
	
	.top-header-left ul li:nth-child(1),.top-header-left ul li:nth-child(2),.top-header-left ul li:nth-child(3){
		display:none;
	}
	.top-header-left ul li{
		border-left:none;
	}
	.flexy-menu>li.showhide {
		background:none;
		height: 18px;
	}
	.flexy-menu>li.showhide span.title {
		display: none;
	}
	.flexy-menu {
		margin-right: 0%;
	}
	.flexy-menu>li.showhide span.icon {
		margin: 17px 20px;
		float: right;
		position: absolute;
		right: 3em;
		top: -50px;
	}
	.flexy-menu>li.showhide .icon em {
		margin-bottom: 3px;
		display: block;
		width: 31px;
		height: 4px;
		background: #1e70a1;
	}
	.orange li:hover>a, .orange li.active a {
		background: #F8F8F8;
	}
	.about{	
padding-bottom:12em;
}
.technology-grid {
		width: 33.33%;
		margin-bottom: 1em;
	}
}
@media only screen and (max-width:480px) and (min-width:320px){
	.container {
		width: 85%;
	}
	
	/*.top-header-left ul li:nth-child(1),.top-header-left ul li:nth-child(2),.top-header-left ul li:nth-child(3){
		display:none;
	}
	.top-header-left ul li{
		border-left:none;
	}*/
	.flexy-menu>li.showhide {
		background:none;
		height: 18px;
	}
	.flexy-menu>li.showhide span.title {
		display: none;
	}
	.flexy-menu {
		margin-right: 0%;
	}
	.flexy-menu>li.showhide span.icon {
		margin: 0;
		float: right;
		position: absolute;
		right: 1em;
		top: -50px;
	}
	.flexy-menu>li.showhide .icon em {
		margin-bottom: 3px;
		display: block;
		width: 31px;
		height: 4px;
		background: #1e70a1;
	}
	.orange li:hover>a, .orange li.active a {
		background: #F8F8F8;
	}
	.about{	
padding-bottom:8em;
}
.technology-grid {
		width: 33.33%;
		margin-bottom: 1em;
	}
}
@media only screen and (max-width:320px) and (min-width:240px){
	.container {
		width: 85%;
	}
	.flexy-menu>li.showhide {
		background:none;
		height: 18px;
	}
	.flexy-menu>li.showhide span.title {
		display: none;
	}
	.flexy-menu {
		margin-right: 0%;
	}
	.flexy-menu>li.showhide span.icon {
		margin: 17px 20px;
		float: right;
		position: absolute;
		right: 3em;
		top: -50px;
	}
	.flexy-menu>li.showhide .icon em {
		margin-bottom: 3px;
		display: block;
		width: 31px;
		height: 4px;
		background: #1e70a1;
	}
	.orange li:hover>a, .orange li.active a {
		background: #F8F8F8;
	}
	.about{	
padding-bottom:4em;
}
.technology-grid {
		width: 50%;
		float:left;
		margin-bottom: 1em;
	}
	.technology {
		padding: 2em 0;
		margin: 0em 0 0em;
		background-size: 100% 100%;
		border-bottom: 1px solid #253541;
	}
}
@media only screen and (max-width:479px){
	.technology-grid {
		width: 50%;
		float:left;
		text-align:center;
		margin-bottom: 1em;
	}
.technology {
		padding: 2em 0;
		margin: 0em 0 0em;
		background-size: 100% 100%;
		border-bottom: 1px solid #253541;
	}	

.top-header-left {
     font-size: 0.5em;
	 padding-top:0.8em;
}
.top-header-left ul li{
	padding: 0.4em 0 0.3em;
	
}
.small-img{
	width:20%;}
	}