@charset "utf-8";
#slides {
  display: none
}
/* For tablets & smart phones */
@media (max-width: 767px) {
/*
	.header {
		border-bottom: 0;
	}
	.header .container #logo {
		max-width:10%;
		width:auto;
		margin: auto;
	}
*/
	.slidesjs-pagination li a {
		display: none;
	}

	#slides {
		width: auto;
	}
	.nav-bar {
		padding: 10px 0px;
	}
	.seperator {
		background-size: contain;
	}
	.seperator2 {
		width: auto;
	}
	.bg_full {
		border-radius: 0px;
		margin: 0;
	}
	.type2 {
		width: auto;
		margin: auto;
		float:none;
	}
	.type4 {
		float: none;
		margin: 0 auto 40px;
	}
	.article {
		width: auto;
		float: none;
	}
	.more {
		width: auto;
		float: none;
		margin-top: 10px;
	}
	.read_more {
		background-color: #5B7984;
		color: #FFF;
		padding: 5px 7px;
		border-radius: 5px;
		max-width: 100%;
		display: block;
		text-align: center;
	}
	.container {
		width: auto;
		margin: 0;
		padding: 0 10px;
	}
	.function, .function_2 {
		display: none;
	}
	.copyright {
		width: auto;
		text-align: center;
		font-size: 11px;
	}
	figure figcaption {
		display: none;
	}
	.table {
		display: inline-block;
	}
	.table > li {
		text-align: left;
		width: auto;
	}
	h1, h2, h3, h4, h5, h6 {
		text-align: left;
	}
/*}*/
/************************mainmenu*************************/
/*@media screen and (max-width:700px){*/
	.header, .header .container {
		padding: 0;
	}
	.logo {
		display: none;
		/*max-width: 50%;*/
	}
	.logo2 {
		display: block;
		max-width: 90%;
		float: left;
		position: absolute;
		top: 6px;
	}
	#cssmenu{
		position: relative;
		width:100%;
		text-align: left;
		/*top: 60%;
		border: 0;
		position: absolute;
		z-index: 150;*/
	}
	#cssmenu ul{
		width:100%;
		display:none;
		/*border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		bottom: 5px;*/
	}
	#cssmenu ul li{
		width:100%;
		border-top:1px solid #F6F6F6;
	}
	/*#cssmenu ul li:first-child{
		border-top:none;
	}
	*/
	#cssmenu ul li:hover{/*background:#84AAB3;*/}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
	#cssmenu ul li a,#cssmenu ul ul li a{
		width:100%;
		border-bottom:0;
	}
	#cssmenu > ul > li{float:none;}
	#cssmenu ul ul li a{padding-left:25px;}
	#cssmenu ul ul li{
		background: #FFF!important;
		width: auto;
		/*background: -moz-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(50%, #F2F2F2, color-stop(100%, #F9F9F9)));
		background: -webkit-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: -o-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: -ms-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: linear-gradient(to bottom, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		border-top: 1px solid #FFFFFF;*/
	}
	/*#cssmenu ul ul li:first-child{
		margin: 8px 0 0 0;
	}
	*/
	#cssmenu ul ul li:hover{background:#84AAB3!important}
	#cssmenu ul ul ul li a{padding-left:35px; /*color: #999;*/}
	#cssmenu ul ul li a{
		color:#000;
		background:none;
		width: auto;
	}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFF}
	#cssmenu ul ul,#cssmenu ul ul ul{
		position:relative;
		left:0;
		width:100%;
		margin:0;
		text-align:left;
		/*border: 0;*/
	}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #head-mobile{
		display:block;
		padding:23px;
		color:#999;
		font-size:12px;
		font-weight:700;
	}
/**********button transform***********/
	.button{
		width:55px;
		height:46px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		z-index: 12399994;
	}
	.button:after{
		position:absolute;
		top:22px;
		right:15px;
		display:block;
		height:4px;
		width:20px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		content:''
	}
	.button:before{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		position:absolute;
		top:16px;
		right:15px;
		display:block;
		height:2px;
		width:20px;
		background:#000;
		content:''
	}
	.button.menu-opened:after{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		top:23px;
		border:0;
		height:2px;
		width:19px;
		background:#84AAB3;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}
	.button.menu-opened:before{
		top:23px;
		background:#84AAB3;
		width:19px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}
	#cssmenu .submenu-button{
		position:absolute;
		z-index:99;
		right:0;
		top:0;
		display:block;
		/*border-left:1px solid #F6F6F6;*/
		height: 33px;
		width: 44px;
		cursor:pointer
	}
	#cssmenu .submenu-button:after{
		position:absolute;
		top:18px;
		right:19px;
		width:8px;
		height:2px;
		display:block;
		background:#000;
		content:''
	}
	#cssmenu .submenu-button:before{
		position:absolute;
		top:15px;
		right:22px;
		display:block;
		width:2px;
		height:8px;
		background:#000;
		content:''
	}
	#cssmenu .submenu-button:hover:after{ background: #84AAB3; }
	#cssmenu .submenu-button:hover:before{ background: #84AAB3; }
	
	#cssmenu ul ul .submenu-button{height:36px;width:34px;}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu ul ul .submenu-button:hover:after{background: #FFF}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu ul ul .submenu-button:hover:before{background: #FFF}
	
	#cssmenu .submenu-button.submenu-opened{background:#FFF}
	#cssmenu .submenu-button.submenu-opened:after{background:#84AAB3}
	#cssmenu .submenu-button.submenu-opened:hover:after{background:#84AAB3}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
	
	
	.table > li:first-child {
		margin-bottom: 30px;
	}
	.enquiry .icon {
		text-align: left;
	}
	.enquiry .icon:first-child {
		margin-bottom: 50px;
	}
	
	.feedback_menu {
		right: 0%;
		top: 94%;
		-webkit-transform: none);
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.feedback_menu a {
		padding: 10px 20px;
		font-size: 14px;
		letter-spacing: 0;
	}
	#apply_form {
		/*font-size: 18px;*/
		width: 100%;
	}
	#apply_form input[type=text], #apply_form input[type=email], #apply_form textarea {
		padding: 15px;
		width: 90%;
	}
	#apply_form #business_type {
		width: 100%;
	}
	#apply_form #submit_form, #apply_form #submitf_form {
		width: 100%;
	}
}

/* For larger displays */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	.container {
		width: auto;
		margin: 0;
		padding: 0 10px;
	}
	.type2 {
		width: auto;
		margin: auto;
		float:none;
	}
	.feedback_menu {
		right: -4%;
	}
	
	
	
	.logo {
		display: none;
		/*max-width: 50%;*/
	}
	.logo2 {
		display: block;
		max-width: 90%;
		float: left;
		position: absolute;
		top: 6px;
	}
	#cssmenu{
		position: relative;
		width:100%;
		text-align: left;
		max-width: 100%;
		/*top: 60%;
		border: 0;
		position: absolute;
		z-index: 150;*/
	}
	#cssmenu ul{
		width:100%;
		display:none;
		/*border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-o-border-radius: 5px;
		bottom: 5px;*/
	}
	#cssmenu ul li{
		width:100%;
		border-top:1px solid #F6F6F6;
	}
	/*#cssmenu ul li:first-child{
		border-top:none;
	}
	*/
	#cssmenu ul li:hover{/*background:#84AAB3;*/}
	#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}
	#cssmenu ul li a,#cssmenu ul ul li a{
		width:100%;
		border-bottom:0;
	}
	#cssmenu > ul > li{float:none;}
	#cssmenu ul ul li a{padding-left:25px;}
	#cssmenu ul ul li{
		background: #FFF!important;
		width: auto;
		/*background: -moz-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F9F9F9), color-stop(50%, #F2F2F2, color-stop(100%, #F9F9F9)));
		background: -webkit-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: -o-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: -ms-linear-gradient(top, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		background: linear-gradient(to bottom, #F9F9F9 0%, #F2F2F2 50%, #F9F9F9 100%);
		border-top: 1px solid #FFFFFF;*/
	}
	/*#cssmenu ul ul li:first-child{
		margin: 8px 0 0 0;
	}
	*/
	#cssmenu ul ul li:hover{background:#84AAB3!important}
	#cssmenu ul ul ul li a{padding-left:35px; /*color: #999;*/}
	#cssmenu ul ul li a{
		color:#000;
		background:none;
		width: auto;
	}
	#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#FFF}
	#cssmenu ul ul,#cssmenu ul ul ul{
		position:relative;
		left:0;
		width:100%;
		margin:0;
		text-align:left;
		/*border: 0;*/
	}
	#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
	#cssmenu #head-mobile{
		display:block;
		padding:23px;
		color:#999;
		font-size:12px;
		font-weight:700;
	}
/**********button transform***********/
	.button{
		width:55px;
		height:46px;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
		z-index: 12399994;
	}
	.button:after{
		position:absolute;
		top:22px;
		right:15px;
		display:block;
		height:4px;
		width:20px;
		border-top:2px solid #000;
		border-bottom:2px solid #000;
		content:''
	}
	.button:before{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		position:absolute;
		top:16px;
		right:15px;
		display:block;
		height:2px;
		width:20px;
		background:#000;
		content:''
	}
	.button.menu-opened:after{
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
		top:23px;
		border:0;
		height:2px;
		width:19px;
		background:#84AAB3;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg)
	}
	.button.menu-opened:before{
		top:23px;
		background:#84AAB3;
		width:19px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		-o-transform:rotate(-45deg);
		transform:rotate(-45deg)
	}
	#cssmenu .submenu-button{
		position:absolute;
		z-index:99;
		right:0;
		top:0;
		display:block;
		/*border-left:1px solid #F6F6F6;*/
		height: 33px;
		width: 44px;
		cursor:pointer
	}
	#cssmenu .submenu-button:after{
		position:absolute;
		top:18px;
		right:19px;
		width:8px;
		height:2px;
		display:block;
		background:#000;
		content:''
	}
	#cssmenu .submenu-button:before{
		position:absolute;
		top:15px;
		right:22px;
		display:block;
		width:2px;
		height:8px;
		background:#000;
		content:''
	}
	#cssmenu .submenu-button:hover:after{ background: #84AAB3; }
	#cssmenu .submenu-button:hover:before{ background: #84AAB3; }
	
	#cssmenu ul ul .submenu-button{height:36px;width:34px;}
	#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
	#cssmenu ul ul .submenu-button:hover:after{background: #FFF}
	#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
	#cssmenu ul ul .submenu-button:hover:before{background: #FFF}
	
	#cssmenu .submenu-button.submenu-opened{background:#FFF}
	#cssmenu .submenu-button.submenu-opened:after{background:#84AAB3}
	#cssmenu .submenu-button.submenu-opened:hover:after{background:#84AAB3}
	#cssmenu .submenu-button.submenu-opened:before{display:none}
	#cssmenu ul ul ul li.active a{border-left:none}
	#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}