.top-nav.container{
	width:1100px; 
	margin: 0 auto; 
	background: #2D2D2D;
}

#mobile-collapse-toggleicon-container{

	height: 100%; 
	width: 30px; 
	background: #2D2D2D; 
	position:absolute; 
	top: 0; 
	right: 0; 
	padding: 68px 5px 0;
	display: none;
}

#mobile-expand-toggleicon-container{

	display: none;
}


.link{
	cursor: pointer;
}

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

	.top-navbar {
		float: right;
		margin: 4px 0 16px;
	}



	.top-navbar {
		float: right;
		margin: 4px 0 16px;
	}
	
	.navbar-nav li {
		padding: 0 12px;
	}

	.header.container{
		width:960px;
	}
	
	#navbar {
       width: 960px;
	}	
	.master-wrapper {
		margin: 0 auto;
		width: 960px;
	}
}


@media screen and (min-width:768px){
	
	#toggleLink{	
		margin-left: 0;
		margin-right: 20px;
	}
	
}

/* iPhone landscape and iPad portrait */
@media only screen and (max-width : 768px){

	#mobile-expand-toggleicon-container{
	
		display: none;
	}
	
	#mobile-collapse-toggleicon-container{
	
		display: block;
	}
	
	#mobile-expand-toggleicon-container.fullscreen{

		background: none repeat scroll 0 0 #2d2d2d;
		display: block;
		height: 100%;
		position: fixed;
		top: 0;
		width: 30px;
		z-index: 4000;
		font-size:22px;
	}
	



	#cssmenu {
       padding: 0 30px;
	}

	#mobile-collapse-toggleicon{
		color: #fff;
		position: fixed;
		font-size: 22px;
	}
	
	#mobile-toggleIcon{
		color: #fff;
		position: fixed;
		font-size: 22px;
		left: 6px;
		top: 70px;
		
	}
	

	.top-nav.container{
		width:auto; 
	}

	
	#menutrigger {
    
		left: auto;
		right: 20px;
		display:block;
		
	}

	#leftNavMenu{
	
		left: 0;
		position: absolute;
		top: 0;
		z-index: 1000;
		height: 100%;
	}
	
	.mainrow {
		display: block;
	}

	
	.mainrow .column.navmenu {
		width: 300px;
	}


	.mainrow .column.toggler {
		padding: 0 15px;
		display: none;
	}
	
	.mainrow .column.main.fullscreen {
		padding: 0 40px;
		width: auto;
	}

	#mobile-toggleLink{
	
		display: block;
		z-index: 2000;
		font-size: 24px;
		position: fixed;
		top: 40px;
		left: 0;
		
	}

	#mobile-toggleLink .toggleIcon{

		position: fixed;
		color: #000;
				
	}
	
	

	

	.mobile-home-banner{
		height: 220px; 
	}
	
	.mobile-home-banner h1{

		font-size: 30px;
		margin: 10px 0 20px 0;
	}
	
	.mobile-home-banner p{
		font-size: 20px;
		line-height: 1.2em;
		margin: 0;
	}
	
	#wrapper{
		width:auto !important;
		overflow-x: hidden;
	}

	

	.master-wrapper {
		margin: 0 auto;
		width: 520px;
	}

	
	.bc-big-bullet .content {
		width: 450px;
	}

	.bc-testimonial .statement {
		width: 380px;
		margin-left: 6px;
		padding: 10px;
	
	}
	.bc-big-bullet {
		width: 480px;
	}
	
	.bc-big-bullet .bullet{
	
		clear:both;
		margin: 0 auto;
		float: none;
	}
	
	.bc-big-bullet .content {
		clear:both;
		padding: 0 10px;
	}


	
	#content {
	  margin-top: 0;
	}
	
	.logo.navbar-btn img{
	
		margin-left: 20px;
	}


	

	
	#navbar{
	
		width: 640px;
	}
	
	
}



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

	.mainrow .column.main.fullscreen {
		padding: 0 8px;	
		width: auto;
	}


	h1, .h1 {
		font-size: 28px;
	}

	#menutrigger{

		top: 2px;
		margin: 16px 0 0 70px;
	}
	
	
	.mobile-home-banner{
		height: 220px; 
	}
	
	.mobile-home-banner h1{

		font-size: 28px;
		margin: 10px 0 10px 0;
	}
	
	.mobile-home-banner p{
		font-size: 18px;
		line-height: 1.2em;
	}


	.master-wrapper {
		margin: 0 auto;
		width: 320px;
	}
	


	.bc-big-bullet .content {
		width: 290px;
	}

	.bc-testimonial .statement {
	  margin-left: 6px;
	  padding: 2px;
	  width: 175px;
	
	}
	.bc-big-bullet {
		width: 320px;
	}
	
	.bc-big-bullet .bullet{
	
		clear:both;
		margin: 0 auto;
		float: none;
	}
	
	.bc-big-bullet .content {
		clear:both;
		padding: 0 10px;
	}


	
	#content {
	  margin-top: 0;
	  margin-left: 30px;
	}
	
	.logo.navbar-btn img{
	
		margin-left: 20px;
	}

	
	#navbar{
	
		width: 640px;
	}
	
	#menutrigger {
		margin: 16px 0 0 70px;
	}
	
	.features .post-content h1, .title h1 {

		font-size: 28px;
	}

	
}