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

}
@media screen and (max-width: 960px)
{
	#breadcrumb
	{
		display:none;
	}
	#content
	{
		background-color:#FFF;
	}
	.wrapper
	{
		max-width:100%!important;
	}
	#header
	{
		display:none;
	}
	#resp-header
	{
		display:block;
		height:60px;
		width:100%;
	}
	#resp-button
	{
		position: absolute !important;
		display: block;
		top: 0;
		left: 0;
		height: 60px;
		width: 75px;
		padding: 5px 20px;
		border: none;
		background: none;
		cursor: pointer;
		z-index: 1;
	}
	#resp-button div
	{
		width: 35px;
		height: 3px;
		background-color: #0c65b1;
		margin-top: 7px !important;
		margin-bottom: 7px !important;
	}
	#resp-nav .resp-popup
	{
		/*display:none;*/
	}
	#resp-nav .resp-popup a
	{
		display:block;
		padding:0 20px;
		font-size: 15px;
		color: #4f4f4f;
	}
	#resp-nav .resp-popup a:not(:last-child)
	{
		border-bottom: 1px solid #DADADA;
	}
	#logo-img
	{
		width: 211px;
		margin: auto;
		/*padding: 15px 0;*/
	}
	#slider
	{
		width:72.9%!important;
		position:absolute;
/*		left:0;
		margin:0;*/
	}
	#slider-cover
	{
		width:100%!important;
		/*background-color:#2681D3;*/
	}
	img
	{
		width:100%!important;
		max-width: 100%;
		/*max-height: 100%;*/
	}
	.caroufredsel_wrapper
	{
		display:inline-block;
		width:100%!important;
	}
	.homebanner
	{
		display:inline-block;
		width:100%!important;
		height:100%!important;
	}
	#home .cell
	{
		width:32.4%;
	}
	#footer .row
	{
		display:none;
	}
	#home .services
	{
		width:24.4%!important;
	}
	#resp-nav
	{
		border-bottom:1px solid #eee;
		display:none;
		cursor:pointer;
	}
	#resp-nav .menu
	{
		line-height: 40px;
		padding: 0 20px;
		background-color: #F1F1F1;
		border-bottom:1px solid #DADADA;
	}
	#resp-nav .menu > a
	{
		color: #0C74CC;
		font-size: 15px;
		font-weight:bold;
	}
	.row .others
	{
		width: 31%;
	}
	.row .more
	{
		text-align: center;
		width:100%;
	}
	#life_insurance .row,
	#investment .row,
	#property .row,
	#mpf .row,
	#administrative .row
	{
		margin:0px!important;
	}
	#life_insurance .right,
	#property .right
	{
		padding-left: 20px;
	}
	#financial .cul
	{
		width:100%!important;
	}
	#financial .button a
	{
		display:block;
		width:100%;
	}
/*	#financial .cell > div:first-child
	{
		padding: 30px 0;
		display:block;
		width: 100%;
	}
	#financial .cell > div:last-child
	{
		width: 100%;
		}*/
		#financial .cell
		{
			padding:30px 0;
		}
		#financial .cul:not(:first-child)
		{
			padding-left:0;
		}

	}
	@media screen and (max-width: 768px)
	{
		#home .services
		{
			width:49.5%!important;
			margin:10px 1px;
		}
		#home .cell
		{
			width:100%!important;
			margin:10px 0;
			margin-left:0!important;
		}
		.row .others
		{
			width: 100%!important;
		}
		.case
		{
			margin:10px 0!important;
			display: block;
		}
		#financial .row
		{
			margin:0px;
		}
		#home .row a:not(:first-child)
		{
			margin-left:0px;
		}
		#architecture .row
		{
			padding: 10px 0px!important;
		}

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

		#partners-button .row,
		#pioneer .row
		{
			padding: 10px 0px!important;
		}
		#link .left, #link .right
		{
			width:100%!important;
		}
		#contact .info,
		#contact form
		{
			width:100%!important;
		}
		#contact .input
		{
			padding-right: 0px;
		}
		#administrative .left
		{
			width: 50%!important;
			margin: auto;
			display: block;
		}
		#administrative .right
		{
			width:100%!important;
			text-align: center;
			padding: 10px 0;
		}
		#pioneer .cell.aim
		{
			width:100%!important;
			padding:10px 0!important;
		}
		#architecture .title > div
		{
			font-size:17px;
		}
		#architecture .article .left, #architecture .article .right
		{
			width:100%!important;
		}
		#architecture .article .right .top, #architecture .article .right .bottom
		{
			padding-left:0;
		}
		#financial .cell > div:nth-child(1)
		{
			width:30%;
		}
		#financial .cell > div:nth-child(2)
		{
			width:70%;
		}
		#financial .cell > div:nth-child(3)
		{
			width: 100%;
			margin-top: 35px;
			padding: 0;
		}
	}
	@media screen and (max-width: 480px)
	{
		#home .services
		{
			width:100%!important;
			margin:10px 0;
		}
		#partners-button .title > div,
		#architecture .title > div
		{
			font-size: 15px;
		}
		#partners-button .left,
		#partners-button .right
		{
			width:100%!important;
		}
		#banner2 img
		{
			width: 80%!important;
		}
		#banner2 .banner-title
		{
			font-size:20px;
			width: 60%;
		}
		#architecture .title > div:first-child
		{
			width:80%;
			text-overflow: ellipsis;
			white-space: nowrap;
			overflow: hidden;
		}
		#life_insurance .left,
		#property .left
		{
			width: 20%;
			display: block;
			text-align: center;
			margin: auto;
			padding-bottom: 20px;
		}
		#life_insurance .right,
		#property .right
		{
			width:100%!important;
			padding-left:0px;
		}
	}
	@media screen and (max-width: 805px)
	{
		#remark
		{
			display:block;
			line-height:40px;
			text-align: center;
			margin-left:0;
		}
	}
	@media screen and (max-width: 320px)
	{
		#link .cell
		{
			padding:10px 35px;
		}
	}