@charset "utf-8";

/*--------------media query css------------------*/

.img-mobile {
  display: none;
}

/*------------tablet landscape view------*/
@media (max-width:1000px) {
	.main { width: 95%; }
	.banner-caption { width: 100%; top: 15%; left: 0; }
	.menu-block { padding: 58px 0 45px; }
	.book-now-content { width: 100%; padding-right: 0; }
	.medical-care-content { width: 100%; /* padding-left: 0; */ }
	.breadcrumb ul li { margin: 0 11px; }
	.menu li a { font-size: 16px; }
	.menu li.nav-space { width: 48.4%; }
	.slider .bx-wrapper .bx-viewport, .slider .bxslider li, .slider .bxslider li img { height: 500px !important; }
	.slider .bx-wrapper .bx-caption { width: 79%; }
	.content-top p { padding-left: 0; padding-right: 0; }
	.service-blocks-container { width: 94%; margin-left: 6%; }
}

@media (max-width:979px) {
	.right-service-block { width: 31%; }
	.right-service-block a { padding: 16px 31px; }
	.left-service-block { float: left; width: 66%; }
	.desc { float: right; width: 60%; }
	.caption { position: absolute; top: 31%; left: 9%; margin-left: 0; }
	#banner .banner-caption {width:100%;left:0;margin-left:0;}
	.banner-caption h1 { font-size: 32px; }
	.menu li.nav-space { width: 45.4%; }
	.menu li a { font-size: 15px; margin: 0 25px 0 0; }
	.logo { margin-left: -139px; }
}

@media (max-width:900px) {

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { }
	.book-now-content { width: 100%; padding-right: 0; }
	.medical-care-content { width: 100%; /* padding-left: 0; */ }
	.copyright { width: 100%; text-align: center; }
	.client { text-align: center; width: 100%; }
	.logo { left: 0; margin: 15px auto 0; position: static; width: 30%; }
	.menu li.nav-space { width: auto; }
	.menu-block { padding: 20px 0; display: table; margin: 0 auto; }
	.banner-caption { width: 100%; top: 5%; }
	.banner-caption a { margin-top: 14px; }
	.scroll-down { bottom: 4%; }
	.breadcrumb ul li { margin: 0 3px; }
	.banner-sticky-img { display: none; }
	.right-top-header, .left-top-header{margin:0;}
	.facebook {margin-top:3px;}
	.twitter {margin-top:3px;}
	.pinterest {margin-top:3px;}
	.left-top-header span {margin-top:0;}
	.right-top-header {padding-top:7px;}
}

/*------------tablet portrait  view------*/
@media (max-width:820px) {

	.banner-caption { width: 100%; top: 5%; }
	.banner-caption h1 { font-size: 32px; line-height: normal; }
	.banner-caption a { margin-top: 14px; }
	.scroll-down { bottom: 4%; }
	.slider .bx-wrapper .bx-viewport, .slider .bxslider li, .slider .bxslider li img { height: 350px !important; }
	.service-banner .caption { width: 100%; text-align: center; position: inherit; left: inherit; }
	.left-top-header span{margin:7px 0px 0 8px;}
}

/*------------mobile landscape  view------*/
@media (max-width:787px) {

	.top-header { text-align: center; }
	/*.logo { display: table; margin: 0 auto; position: relative; left: 0; }*/
	.left-top-header { float: none; margin: 0; }
	.right-top-header { float: none; }
	.left-top-header span { margin-left: 5px; margin-top: 5px; }
	.right-top-header span { margin-left: 0; margin-top: 0; }
	.menu-block { padding: 20px 0 0 0; position: relative; display: block; }
	.menu-icon { display: block; }
	.menu li.nav-space { width: 100%; }
	.menu { border-top: 0 none; display: block; float: none; left: 0; margin: 0; padding: 10px; position: absolute; width: 100%; z-index: 999; background: #f9f3e1; }
	.menu li { float: none; padding-left: 0; padding-right: 0; }
	.menu > li a { text-align: center; display: block; margin-bottom: 0; padding: 6px 0; margin: 0; border-bottom: none }
	.menu li.last a { border: 0; }
	.menu li span{background:none; padding-bottom:0;}
	.slider .banner-caption { width: 100%; text-align: left; padding: 0 80px 0 20px; }
	.menu li a:hover, .menu li a.active { color: #5d0913;   border-bottom: none  }
	.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: none !important; }
	.art-of-hands p { padding: 0 0 20px 0; }
	.techniques-category { width: 100%; }
	.techniques ul.last { float: left; }
	/*.techniques ul { margin: 0; width: 100%; }*/
	.book-now, .medical-care { width: 100%; min-height: 275px; padding: 30px 0; }
	.book-now-content, .medical-care-content { padding: 0px 0; width: 100%; }
	.book-now-content h2 { font-size: 37px; line-height: 40px; margin-bottom: 20px; }
	.book-now-content .appointment { padding: 8px 28px; }
	.medical-care-content { margin-top: 20px; }
	.breadcrumb ul li { margin: 0px; width: 100%; }
	.portrait-of-health { padding-top: 20px; }
	.portrait-of-health h2 { font-size: 21px; line-height: 24px; }
	.portrait-of-health p { padding-bottom: 20px; }
	.common-bg-title .bg-left, .common-bg-title .bg-right { display: none !important; }
	.common-bg-title { background-position: center bottom; padding-bottom: 18px; }
	.massage-service h2.bg-title { background: none; margin-bottom: 0px; }
	.common-bg-title { background: none; border-bottom: 4px solid #CBC2B1; }
	.massage-service { text-align: center; }
	.left-service-block { width: 100%; float: none; }
	.left-service-block img { float: none; }
	.desc { float: none; text-align: center; width: 100%; }
	.right-service-block { float: none; padding: 0px; width: 100%; border-left: none; }
	.right-service-block span { display: block; }
	.service-blocks { padding: 20px 0; }
	.menu { display: none; }
	.service-blocks p { padding-top: 20px; text-align: center; }
	.copyright { float: none; width: 100%; text-align: center; padding-bottom:10px;}
	.client a img { margin: 0 15px 0 0; }
	#footer-main { padding: 0px 0 20px 0; }
	.service-blocks h3 { padding-left: 0; }
	.service-blocks > img { display: none; }
	.service-blocks h2 { padding-top: 6px; }
	.service-blocks span { font-size: 24px; }
	.concept-image { height: auto; }
	.massage-block { padding: 20px 0; }
	.testinomonials { height: auto; }
	.testinomonials .main { padding: 10% 0; }
	.massage-block h2 { font-size: 22px; line-height: 24px; }
	.banner-sticky-img { display: none; }
	header .main { width: 100%; }
	.book-now-content { margin-top: 0; }
	.book-now, .medical-care { }
	.book-now-content h2 { font-size: 30px; }
	.medical-care-content p { font-size: 16px; }
	.common-bg-title { background-size: 100%; }
	.service-blocks-container { margin-left: 0; width: 100%; }
	.right-service-block { background: none; }
	.common-bg-title{margin-bottom:0px;}
	.left-top-header span{margin:7px 8px 0 4px;}
	
	.service-blocks h3, .portrait-of-health .service-blocks h3 {
		text-align: center;
	}
	
	#agent-list img {
		margin-top:15px;
	}
	
	#agent-list figcaption {
		margin-top:15px;
	}
	
	#massage-tips {
		padding:30px 50px;
	}
	#massage-tips section, #massage-tips ul {
		height:225px;
	}
	
	#massage-tips ul li {
		height:100%;
		margin-top:6px;
	}
	
	#massage-tips nav {
		max-width: none;
		top:38%;
	}
	
	#massage-tips nav a#prev-tip {
		left:7px;
	}
	#massage-tips nav a#next-tip {
		right:7px;
	}
	
	/* responsive columns */
	
	.main-col, .side-col {
		display: block;
		width:100%;
		max-width:none;
		margin-left:0;
		margin-right:0;
	}
	
	.side-col {
		margin-top:65px;
	}
	
	#map-canvas {
		display: block;
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#tile1 {
  	background: url(/images/banners/home/massage.jpg) no-repeat scroll top right transparent;
  	background-size: cover;
	}
	
	#video1 {
  	display: none;
	}

}

/*------------mobile portrait view------*/
@media (max-width:640px) {
	.fb-connect { display: none; }
	.mail-link { display: none !important; }
	.left-top-header, .right-top-header { text-align: center; }
	.left-top-header .seperator::after { display: none; }
	.left-top-header span, .right-top-header span { width: 100%; margin: 0; }
	.social-connect-mobile { display: block; margin-bottom: 5px; }
	.social-connect-mobile .mail {top:6px;}
	.banner-caption h1 { font-size: 25px; }
	.banner-caption p { font-size: 14px; line-height: 20px; }
	.banner-caption a { padding: 8px 13px; margin-top: 10px; }
	.slider .bx-wrapper .bx-viewport, .slider .bxslider li, .slider .bxslider li img { height: 275px !important; }
	.scrollnav img { width: 22px; }
	.caption h2 { font-size: 40px; }
	.service-blocks h3 { margin-top: 7px; }
	.service-blocks span { font-size: 20px; }
	.right-service-block a { padding: 8px 28px; margin-top:15px;}
	.facebook { display: none; }
	.twitter { display: none; }
	.pinterest { display: none; }
	.right-top-header a.mail { display: none; }
	/*.techniques ul.last { float: none; }*/
	
	#agent-list figcaption {
		width:100%;
		margin:15px 0 0;
	}
	
	#agent-list figure, #agent-list figure h2, #agent-list figure h3, #agent-list figure h2 + p, #agent-list figure .button-block {
		text-align: center;
	}
	
}

@media (max-width:550px) {
	.techniques ul { float: left; margin: 0 0px 0 0; width: 50%; }
	.caption h1 {font-size:40px;}
}

/*----------optional css------*/
@media (max-width:480px) {
	.art-of-hands h2 { padding: 0; font-size: 18px; line-height: 27px }
	.logo { left: 0; margin: 15px auto 0; position: static; width: 45%; }
	.techniques ul { margin: 0; width: 100%; }
	.massage-block .visit-us { padding: 8px 28px; }
	.banner-caption h1 { font-size: 22px; }
	.banner-caption a { padding: 4px 9px; font-size: 13px; }
	.caption h2 { font-size: 30px; }
	.service-banner { height: 250px; }
	
	
	.medical-care-content span {
		font-size:27px;
		display: block;
	}
	
	.medical-care-content h2 {
		font-size:22px;
		line-height: 23px;
	}
	
	.medical-care-content img {
		display: none;
	}
}

@media (max-width:360px) {
	.client a { text-align: center; display: table; margin: 10px auto; }
	.caption h1 {font-size:34px;}
}