@media only screen 
and (max-width : 768px) { 
    
	.ui-loader{
		display:none;
	}
	.meta{
		display:block;
	}
	header .links li {
		margin-left: 0px;
	}
	header .meta .name {
		line-height: 36px;
		height: 36px;
	}
	.name img{
		width: 100px;
 		margin-right: 8px;
	}
	.links{
		display:block;
	}
	.mobile-lang {
		display: none;
	}
	.lang-container{
		position:absolute;
		top:auto;
		bottom:3px;
		right:20px;
		display:block;
	}
	.lang li{
		margin-right:5px;
	}
	.lang li.active{
		display:none;
	}
	.lang li.zh-hk{
		padding-right:0;
		border-right:none;
	}
	.opening {
		position: static;
		height:110px;
		width: 100%;
		margin: 55% auto 0;
	}
	.opening-logo{
		float:none;
		height: 60px;
		width: 225px;
		position: inherit;
		padding:0;
		margin: 0 auto;
	}
	.opening-line {
		display:none;
	}
	.opening-menu {
		position:inherit;
		float:none;
		margin:0 auto;
	}
	.opening-menu span {
		margin: 0 15px;
	}
	
	#nav ul {
		top: 32%;
	}
	.drag_img{
		display:none;
	}
	.droppable{
		display:none;
	}
	#playlist{
		width: 255px;
		right: -19%;
	}
	#playlist a{
		margin-bottom: 10px;
	}
	.btn-video{
		margin-left: 48px;
	}
	.aboutus6-video {
    	padding-top: 20%;
	}
	.video-controls{
		margin-top:40px;
	}
	#videoarea{
		background:url(img/aboutus6-320.jpg) center center no-repeat #000;
	}
	
	.client_left_scroll-content div a{
		margin:0 0 0 10px !important;
		height: auto !important;
	}
	.client_left_scroll-content div a:first-child{
		margin:0 0 0 0 !important;
	}
	.client_left_scroll-content div a img{
		height:25px;
	}
	.client_left_content,.client_right_content{
	   height:340px;
 	   padding: 0;
	}
	.client_right_title {
		margin-top:30px;
 	   margin-bottom: 0px;
	}
	.client_right_container,.client_right_scroll-content div{
   		height: 280px;
	}
	.client_left_container,.client_left_scroll-content div {
   		height: 280px;
	}
	.client_right_container p {
		font-size: 7px;
		margin: 0px;
		padding: 0px;
		line-height: 11px;
	}
	.client_left_scroll-content div h2 {
 	    font-size: 12px;
	}
	.client_controls_left {	
		right: 0;
		bottom: 0;
	}
	.client_right_title h1{
		font-size:11px;
	}
	.client_controls_right {
		margin-top: 0px;
   		margin-bottom: 35px;
	}
	.contact-form p.contact-text {
		line-height: 18px;
		font-size: 12px;
	}	
	.contact-form p.italic{
		display:block;
	}
	.contact-form table{
		display:none;
	}
	.contact-form label {
   		font-size: 12px;
		margin:0;
	}
	.contact-form input[type="text"], .contact-form input[type="email"], .contact-form select {
    	height: 12px;
	}
	.contact-form textarea {
    	height: 36px;
	}
	.contact-form{
		left:10%;
	}
	.contact-form label.left, .contact-form label.right {
		width: 100%;
		clear: both;
	}
	.contact-form .button {
	    float: left;
	}
	.contact-map{
		float:left;	
		margin:20% 0;
		margin-right: 0px;
		right:0;
		padding-right: 2px;
	}
}

@media only screen 
and (orientation : landscape) {
	
	.client_left_content{
	   height:242px;
 	   padding: 0;
	}
	
	.client_left_scroll-content div a {
    margin: 0px 0px 0px 10px !important;
    height: auto !important;
	}
	
	
}

@media only screen 
and (max-width : 768px) 
and (orientation : landscape) {
	
	.meta{
		display:block;
	}
	.links{
		display:block;
	}
	.mobile-lang {
		display: none;
	}
	.lang-container{
		display:block;
	}
	.opening {
		position: static;
		height:110px;
		width: 100%;
		margin: 23% auto 0;
	}
	.opening-logo{
		float:none;
		height: 60px;
		width: 225px;
		position: inherit;
		padding:0;
		margin: 0 auto;
	}
	.opening-line {
		display:none;
	}
	.opening-menu {
		position:inherit;
		float:none;
		margin:0 auto;
	}
	.opening-menu span {
		margin: 0 15px;
	}
	
	#nav ul {
		top: 23%;
	}
	.drag_img{
		display:none;
	}
	.droppable{
		display:none;
	}
	#playlist{
		    top: 210px;
		width: 83%;
		right: -19%;
	}
	#playlist a img{
		width:45px;
		height:45px;
	}
	.aboutus6-video {
   		padding-top: 10%;
	}
	#videoarea{
		background:url(img/aboutus6-768.jpg) center center no-repeat #000;
	}
	.video-controls{
		margin-top: -25px;
	}
	.client_left_scroll-content div a{
		margin:0 0 0 10px !important;
		height: auto !important;
	}
	.client_left_scroll-content div a:first-child{
		margin:0 0 0 0 !important;
	}
	.client_left_scroll-content div a img{
		height:25px;
	}
	.client_left_content,.client_right_content{
 	   padding: 0;
	}
	.client_right_title {
 	   margin-top: 10px;
 	   margin-bottom: 10px;
	   height:auto;
	}
	.client_left_container,.client_left_scroll-content div {
   		height: 150px;
	}
	.client_right_container,.client_right_scroll-content div {
   		height: 200px;
	}
	.client_right_container p {
		font-size: 7px;
		margin: 0px;
		padding: 0px;
		line-height: 11px;
	}
	.client_left_scroll-content div h2 {
 	    font-size: 12px;
	}
	.client_controls_left {	
		right: 0;
	}
	.client_right_title h1{
		font-size:11px;
	}
	.contact-form p.contact-text {
		line-height: 18px;
		font-size: 12px;
	}
	.contact-form label {
   		font-size: 12px;
		margin:0;
	}
	.contact-form input[type="text"], .contact-form input[type="email"], .contact-form select {
    	height: 12px;
	}
	.contact-form textarea {
    	height: 36px;
	}
	.contact-form{
		margin-right:20px;
	}
	.contact-form .button {
	    float: left;
	}
	.contact-map{
		margin:11% 0 2%;
	}
	/*.contact-text{
		display:none;
	}
	.italic{
		display:none;
	}*/
	.mobile{
		display:block;
	}
	.mobile-contact{
		float:left;
		margin-top:35px;
	}
}


@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	
	.meta{
		display:block;
	}
	.links{
		display:block;
	}
	.mobile-lang {
		display: none;
	}
	.lang-container{
		display:block;
		margin-right:50px;
	}
	.drag_img{
		display:none;
	}
	.droppable{
		display:none;
	}
	#playlist{
		left: -200px;
	}
	.client_right_title{
		margin-top:0;
	}
}