@media(max-width:1230px){
	 .grid-item{	
		 width: 28.303% !important; /* 300px */ 

	}
}


@media(max-width:730px){
	 .grid-item{	
		 width: 44% !important; /* 300px */ 

	}
}

@media(max-width:590px){
	 .grid-item{	
		 width: 43% !important; /* 300px */ 
	}
}

@media(max-width:510px){
	 .grid-item{	
		 width: 85% !important; /* 300px */ 
	}
	
	
}

@media(max-width:450px){
   .grid-item{	
		 width: 90% !important; /* 300px */ 
	}
	
}

@media(max-width:370px){
	.grid-item{	
		 width: 87% !important; /* 300px */ 
	}

}

@media(max-width:320px){

	.grid-item{	
		 width: 100% !important; /* 300px */ 
	}
}



@media(max-width:1280px){
	header #nav{
		display:none !important;
	}
	#toggle-nav{
		display:block !important;
	}

	#cu-user ul#steps li{
		list-style:none;
		width:12%;
	}
}

@media(max-width:994px){
	header #action{
		margin-top:3px;
	}

	section#blog img{
		height:auto;
		width:100%;
	}

	div#welcome-start section#welcome-new img{
		width:30%;
		height:auto;
		margin:350px auto 10px auto;
		display:block;
	}

	div#welcome-start {
		font-size:0.85em;
	}
}

@media(max-width:910px){
	#page-title #desc{
		width:100%;
		padding:5px;
	}
}

@media(max-width:730px){
	 .grid-item{	
		 width: 44% !important; /* 300px */ 

	}
}


@media(max-width:740px){
	#cu-user ul#steps li{
		font-size:0.6em;
	}

	div#search .form-group{
		margin-right: 2px;
		display:inline-block;
	}
}


@media(max-width:600px){
	#cu-user ul#steps{
		display:none;
	}

	section#community .category{
		width:100%;
		margin:10px 0px;
	}

	header img{
		margin-top:3px;
	}

	header #company{
		margin-top:15px;	
	}

	section#about .timeline::after{
		left:31px;
	}

	section#about .timeline .tab{
		width:100%;
		padding-left:70px;
		padding-right:25px;
	}

	section#about  .timeline .tab.left::after,
	section#about  .timeline .tab.right::after{
		left:18px;
	}

	section#about  .timeline .tab.right{
		left:0%;
	}
}


@media(max-width:590px){
	 .grid-item{	
		 width: 43% !important; /* 300px */ 
	}

	section#downloads .download{
		margin:10px 0px;
	}
}


@media(max-width:540px){


	header img{
		margin-top:-20px;
	}

	header #company{
		font-size:1.5em;
	}
}

@media(max-width:510px){
	 .grid-item{	
		 width: 95% !important; /* 300px */ 
	}
	
	section#user #profile-name{
		font-size:1.2em;
	}	
	
}


@media(max-width:480px){


	header #company{
		font-size:1.3em;
	}

	header #action{
		font-size:0.9em;
	}
}



@media(max-width:450px){

	div#welcome-start section#welcome-new{
		z-index:100;
		position:absolute;
		top:0;
		transform: translateY(0);
	}

	div#welcome-start section#welcome-new img{
		width:40%;
		height:auto;
		margin:50px auto 10px auto;
		display:block;
	}

	section#user #action{ 
		margin-top:20px;
		text-align:right;
		margin-bottom:20px;
	}

	div#welcome-start  section#welcome-new{
		font-size:0.9em;
	}

	
	header{
		min-height:30px;
		padding:10px 0px;
	}
	

	header img{
		margin:-5px auto 0px auto;

	}

	header #company #name{
		font-size:1.6em;
	}

	header,
	header #company,
	header #name,
	header span,
	header #action{
		text-align: center !important;
	}
	
	#toggle-nav{
		font-size:0.8em;
	}
	#cu-user .form-set .title{
		font-size:1em;
	}	
	/*section#background{
		width:100%;
		height: calc(100% - 30px);
	}*/
}

@media(max-width:370px){


	div#welcome-start section#welcome-new img{
		width:90%;
		height:auto;
		margin:20px auto 10px auto;
		display:block;
	}


	

}

@media(max-width:320px){

	.grid-item{	
		 width: 93% !important; /* 300px */ 
	}


	
	div#search .form-group{
		width:85% !important;
	}
}