/* ================================= Responsive CSS ================================= */
@media(max-width: 1199px){	
	.navbar-left.nav > li > a {
		padding-left:15px;
		padding-right:15px;
		font-size:15px;
	}					.right-image img {		right: 190px;	}		
	.member b{
	display: none;
	color: #FFF;
	}
	.member i{
		display:block;
	}		
	.box{
		display: inline-block !important;
		width:48%;
	}
	.price span,
	.pricing-table .price span{
	font-size: 70px;
	letter-spacing: -5px;
	padding: 0 5px;
	font-family: "微軟正黑體", sans-serif;
	}
	.price sup {
		top: -.9em;
	}
	.class-details i, 
	.class-details .date-detail {
		display: inline-block;
		margin-left: 6px;
	}
	
}
@media(max-width: 1060px){					.right-image img {			right: 220px;			}		}
@media(max-width: 991px) {
	.navbar-left.nav > li > a {
		padding-left:3px;
		padding-right:3px;
		font-size:14px;
	}
	.right-image img { 			display:none;			}
	.price-column{
		width:50%;
	}
	.post .align-left {
		width: 100%;
	}
	.post .align-left img{
		text-align:center;
		margin:0px auto;
		display:block;
	}
	.price{
		text-align:center;
	}
	.sidebar {
		margin-left: 0px;
	}
	
}

@media(max-width: 767px) {

	#navigation{
		height:50px;
	}
	.navbar-left.nav li{
		display:block;
	}
	.navbar-collapse{
		padding-left:15px;
		padding-right:15px;
		background-color:#17171a;
	}
	.navbar-left.nav > li > a {
		font-size: 16px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.right-padding-1{
		padding-right:15px;
	}
	.left-padding-1{
		padding-left:15px;
	}
	.testimonial-content {
		display: block;
		margin-top: 350px;
		margin-left: 0px;
		text-align: center;	
	}
	.image-effect-top,
	.client-img img,
	.image-effect-bottom{
		left:0;
		right:0;
		margin:auto;
	}

	.side-arrow{
		left:0;
		right:0;
		top:230px;
		margin:auto;
	}
	.our-classes{
		text-align:center;
	}

}
@media(max-width: 680px) {				.logo {		padding-top: 40px;		text-align: center;	}
	.home,	.blog-list{		background:url(../images/bg/slider-bg-680.jpg) no-repeat center center;	}
	.item-list {
		width: 100%;
		text-align:center;
	}
	.club-item {
		display: block;
		margin: 0 auto;
		position: relative;
		text-align: center;
	}
	
}
@media(max-width: 640px) {
	.class-details{
		padding:20px 30px;
		color:#95959a;
		font-size:20px;
	}
	.author img ,
	.comment-list li img{
		position: relative;
		display:block;    
		margin: 0 auto;
		text-align:center;
	}
	.author-comment,
	.comment-details {
		margin-left:0px;
		padding:30px 30px;
	}
	.comments:before{
		border-style: solid;
		border-width:  0 0 30px 30px;
		top: 150px;
		content: "";
		display: block;
		left: 0;
		right:0;
		margin: auto;
		position: absolute;
		width: 0;
		z-index: 1;
		border-color: transparent #ffffff;		
		transform:rotate(45deg);
	}
	
}
@media(max-width: 580px) {
	.box{
		display: inline-block !important;
		width:100%;
	}
	.price-column{
		width:100%;
	}
	.right-border{
		border:none;
	}
	
}
@media(max-width: 480px) {	
	.post-content {
	padding: 45px 15px;
	}
	h2,
	.client-comment span {
		font-size: 45px;
	}

}