@charset "UTF-8";
/* Media CSS */

@media all and (min-width:1024px) {
	.center_wrap {
		width:1000px;
	}
	.bg_1, .bg_2, .bg_3, .bg_4 {
		background-size:100%;
		background-position:center right;
	}
	.bg_1:hover, .bg_2:hover, .bg_3:hover, .bg_4:hover{
		background-size:105%;
	}
}

@media all and (max-width:1023px) {
	
	p,p a {
		font-size:14px;
		line-height:24px ;
	}
	
	.center_wrap {
		width:95%;
	}
		
	/* Nav */
	nav.nav_wrap {
		float:right;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		position:relative;
	}
	
	a.nav_link {
		font-size:14px;
		text-transform:capitalize;
	}
	.drop_down_wrap {
		right:45px;
	}
	
	.service_box h3 {
		margin:20px 0 0 20px;
		font-size:18px;
		line-height:28px;
		text-shadow:2px 2px 2px #444;
	}

	.box_head {
		font-size:24px;
		line-height:34px;
	}
	p.centered_text {
		width:90%;
	}
	
	.bg_1, .bg_2, .bg_3, .bg_4 {
		background-size:cover;
		background-position:center;
	}
	.bg_1:hover, .bg_2:hover, .bg_3:hover, .bg_4:hover{
		background-size:cover;
	}
	
	.slider_shadow {
		margin:5px auto 0 auto;
	}
	
	/* --- Blue wrap --- */
	.blue_wrap {
		height:auto;
		text-align:center;
		margin:-10px 0 0 0;
	}
	.blue_wrap h4 {
		text-transform:none;
		font-size:15px;
		line-height:25px;
	}
	
	ul.slide {
		background: none repeat scroll;
		padding: 0;
		width:100%;
	}
	.foot_button_wrap {
		display:none;
	}
	
	/* Service page */
	ul.service_list li {
		width:27.5%;
	}
	
	.main_left_desc h1{
		font-size:22px;
		line-height:32px;
	}
	
	/* --- Contact Page --- */
	.contact_info_wrap {
		width:50%;
	}
	p.contact_info {
		font-size:14px;
		line-height:24px;
	}
}

@media all and (max-width:719px) {
	p,p a {
		font-size:13px;
		line-height:23px ;
	}
	
	.center_wrap {
		width:90%;
	}
	
	.hide_mobile {
		display:none;
	}
	
		
	/* --- Header --- */
	header.header_wrap {
		position:fixed;
		top:0;
		z-index:9;
		padding:3px 0;
	}
	
	.margin_wrap {
		display:block;
		margin-bottom:75px;
	}
	
	a.logo_wrap {
		white-space:no-wrap;
	}
	a.logo_wrap img {
		max-width:70%;
		position:relative;
		top:2px;
	}
		
	/* --- Top Header --- */
	.top_header_wrap {
		height:3px;
	}
	p.top_info{
		display:none;
	}
		
	/* Nav */
	.menu_wrap {
		display:block;
		width:80%;
		position:fixed;
		right:0;
		background:#373874;
		height:100%;
		top:0;
		overflow:scroll;
		right:-90%;
		z-index:999;
	}
	
	a.nav_link {
		display:block;
		width:90%;
		font-size:12px;
		line-height:24px;
		text-transform:uppercase;
		color:#fff;
		margin:0 0 0 0;
		padding:10px 5%;
		float:none;
		border-bottom:1px solid #50518c;
	}
	a.nav_link:hover {
		background:#2a2b5e;
		text-decoration:none;
	}
	a.nav_current {
		color:#999;
	}
	
	/* Drop down */
	.drop_down_wrap {
		width:100%;
		position:static;
		background:#2a2b5e;
		right:auto;
		top:auto;
	}
	
	/* Drop Down Icon */
	a.nav_link img.drop_down_arrow {
		margin:0 0 0 5px;
	}
	a.drop_link {
		font-size:12px;
		line-height:22px;
		padding:8px 5%;
		border-bottom:none;
		color:#e6e6e6;
	}
	a.drop_link:hover {
		background:#1d1e48;
	}
	a.drop_link_current {
		color:#aaa;
	}
	
	/* Menu */
	img.menu_icon {
		display:block;
		margin:13px 0 0 0;
		cursor:pointer;
		max-width:80%;
	}
	.menu_close {
		display:block;
		position:fixed;
		right:0;
		top:0;
		cursor:pointer;
		display:none;
	}
	
	/* Index Service */
	.service_box {
		width:46%;
		height:auto;
		margin:0 2%;
		height:150px;
		overflow:hidden;
	}
	.service_box h3 {
		margin:10px 0 0 10px;
		font-size:16px;
		line-height:26px;
	}
	.service_box:last-child {
		margin-bottom:20px;
	}

	.box_head {
		font-size:20px;
		line-height:30px;
	}
	p.centered_text {
		width:90%;
	}
		
	/* --- Slider --- */
	.slider_wrap {
		margin:10px auto 0 auto;
	}
	.slider_shadow {
		margin:2px 0 0 0;
		opacity:0.7;
	}
	
	.blue_wrap {
		height:110px;
		text-align:center;
	}
	/* --- Footer --- */
	footer.footer {
		width:90%;
		padding:10px 5%;
	}
	
	/* --- Other Page Style --- */
	.main_left_wrap {
		width:100%;
		float:none;
		margin:10px 0 30px 0;
	}
	
	.main_left_desc {
		width:85%;
		padding:0 7.5%;
	}
	
	.main_left_desc h1{
		font-size:20px;
		line-height:30px;
	}
	
	/* Aside */
	aside.aside_wrap {
		display:none;
	}
	
	/* Service page */
	ul.service_list li {
		width:42.5%;
		margin:5px 1.75%;
	}
	ul.service_list li p {
		font-size:14px;
		line-height:24px;
	}
	
	/* --- Contact Page --- */
	h1.add_margin {
		display:block;
		padding:20px 0 10px 0;
		margin:0;
	}
	.contact_info_wrap {
		width:100%;
	}
	p.contact_info {
		font-size:14px;
		line-height:24px;
	}
	p.contact_info span.info_span {
		width:70%;
	}
	p.contact_info span.font_bold {
		width:30%;
	}
	
	input.form_input, textarea.form_textarea {
		padding:7px 3%;
		margin:0 0 15px 0;
	}
	
}