@media screen and (max-width: 1200px) {
	html, body{
	overflow-x:hidden;
	position:absolute;
	width:100%;
	} 
    
	.row{
    	width:100%;
    	display:inline-block;
	padding-left:0;
	padding-right:0;
	}
    
    .main-logo-link{
    	height:72px;
    	display:table-cell;
    	vertical-align:middle;
    	width:50%;
    	transition:none;
    }
    
    #header .main-logo{
    	width:70%;
    	max-width:280px;
		margin-top:0;
		display:table-cell;
    	vertical-align:middle;
    	
    }

/* Main menu */
    
    .toggle-menu{
    	display:block;
    	position:absolute;
    	right:0;
    	width:68px;
    	height:68px;    	
    }
    
    .main-menu-wrapper{
			overflow-x:hidden;
			float:none;
			background:#fff;
			position:absolute;
			box-shadow:0 2px 4px rgba(0,0,0,.5);
			transition:right .25s;
			top: 5.26em;
    	right: -50em !important;
    }
    
    .main-menu-visable{
		right:0 !important;
	}
    
    #header .main-menu{
    	float:none;
    	margin:0;
    	position:initial;
    }
    
    .main-menu > ul > li > a{
    	color:#666;
    	height:24px;
    	padding:12px 24px;
    }
    
    #header .main-menu > ul > li{
    	float:none;
    	color:#fff;
    	margin:0;
    }
    
    
    #header .main-menu a {
    	color:#666;
    }
    
    #header{position:fixed;}

   /* Main menu sub menu */
   #main_menu ul ul{
   position:initial;
   display:block !important;
   box-shadow:none;
   }

   #main_menu ul ul li{
   width:auto;
   }

   .main-menu ul li{
   clear:both;
   }

   .roll-out{
   border-top:1px solid #eee;
   }

   #main_menu ul a{
   font-weight:400;
   }

   #main_menu ul ul li a{
   font-size:16px;
   padding:12px 24px;
   letter-spacing:1px;
   }
   
   .roll-out > a{
   display:none !important;
   }

/* Seconday page */
	
	.secondary-page-main-section-container section{
	width:auto;
	float:none;
	}
	
	.secondary-page-main-section-container #aside{
	background:#fff;
	width:auto;
	min-width:150px;
	}

	.secondary-page-main-section-container .first-row{
	padding-left:12px;
	}

	.secondary-page-main-section-container h1, .secondary-page-main-section-container h2{
	font-size:28px;
	margin:-8px 0 24px;
	}
	
	h3 {
	font-size:18px;
	}

	.page-bar{
	padding:0 24px;
	}

	.page-bar h3{
	font-weight:300;
	}

	/* Aside Menu  */

	#aside{
	margin-left:24px;
	}
}

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

	.one-column > .column, 
	.two-columns > .column, 
	.three-columns > .column, 
	.four-columns > .column,
	.five-columns > .column{
    width:100%;
    float:none;
	display:block;
	}

	/* Secondary Page Menu */
	
	#header .main-logo{
	display:none;
	}
	
	#header .main-logo-globe{
	display:table-cell;
	width:40px;
	height:40px;
	}

	.first-page #header .main-logo,
	.standard-erp #header .main-logo,
	.select-country #header .main-logo{
	display:table-cell;
	}

	.first-page #header .main-logo-globe,
	.standard-erp #header .main-logo-globe,
	.select-country #header .main-logo-globe{
	display:none;
	}

	.page-bar{
	position:relative;
	margin:auto;
	z-index:1001;
	width:60%;
	height:72px;
	}

	.page-bar .row{
	display:table;
	}

	.page-bar .row h3{
	margin:4px 0 0;
	width:100%;
	text-align:center;
	cursor:pointer;
	line-height:1.3;
	font-size:16px;
	font-weight:800;
	color:#666;
	float:none;
	display:table-cell;
	vertical-align:middle;
	height:74px;
	}

	.page-bar .row h3:after{
	content:"";
	background-image:url('drop-down-arrow.png');
	background-size:12px;
	background-repeat:no-repeat;
	background-position:center;
	width:16px;
	height:68px;
	position:absolute;
	top:4px;
	transition:all .25s;
	}
	
	.secondary-page-main-section-container #aside{
	display:none;
	margin:0;
	float:none;
	position:absolute;
	width:100%;
	z-index:999;
	border-bottom:2px solid #0085c3;
	display:none;
	}

	.secondary-page-main-section-container #aside .aside-menu ul li{
	border-bottom:1px solid #eee;
	}

	.secondary-page-main-section-container #aside > .aside-menu > ul > li > a{
	border:none;
	font-size:12px;
	padding:17px 24px;
	text-transform:uppercase;
	}
	
	.turn-180:after{
	transform:rotate(180deg);
	}
	
	/*-----------*/

	.secondary-page-main-section-container .first-row{
	margin-top:72px;
	padding:0 0 56px;
	border:none;
	}
	

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

	h1, h2, h3, h4, p{
	text-align:left;
	}
	
	h1, h2{
	font-size:28px;
	margin-bottom:36px;
	}

	h3{
	font-size:22px;
	margin-bottom:18px;
	}
	
	.row{
	padding-left:0;
	padding-right:0;
	}


}