@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 480px) {
	.top-bar {
		display: block;
		padding: 9px 0px;
	}
	#page .header a {
	    top: -55px;
		width: 35px;
		height: 35px;
	}
	.logo {
		margin: 0px -20px;
	}
	.navbar-brand {
		font-size: 18px !important;
		padding:0px;
	}
	.navbar-brand p {
	    font-size: 13px !important;
		line-height: 12px;
		padding-right: 10px;
		margin: 0px;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #FFE2B7 !important;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: #BC6F00 !important;
	}
	.tp-banner-container {
		margin-top: 0px;
	}
	#slides .slides-container li .container {
		display:none;
	}
	.wrapper2 {
		width: 70%;
		left: 15% !important;
		top: 8% !important;
		bottom: auto !important;
	}
	#slides {
		width: 100%;
		text-align:center;
	}
	#slides h1 {
		font-size: 22px !important;
		line-height:12px !important;
	}
	#slides p {
		font-size: 14px !important;
		line-height:20px !important;
		white-space:normal;
	}
	#slides .button {
		font-size: 10px !important;
		letter-spacing: 1px !important;
		border: 1px solid #ffffff !important;
		text-align:center;
		width:50%;
	}
	.tp-leftarrow.default, .tp-rightarrow.default {
		display: block !important;
		width: 25px;
		height: 25px;
		background-size: 100% 100%;
		top: 50% !important;
		margin-top: 0px !important;
	}
	.tp-rightarrow.default {
		right: 5px !important;
	}
	.tp-leftarrow.default {
		left: 5px !important;
	 }
	.page-header {
		font-size: 23px;
	}
	.item-top-content-inner {
		position:static;
	}
	.item-add-content {
		opacity: 1;
	}
	.item-top-content-inner {
		background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
	}
	.item-content {
		width:100%;
		margin: auto;
		/*position:relative;*/
		transform: none;
		bottom: 0px;
		padding-bottom:0px;
	}
	.item2 {
		/*max-height: 370px;*/
		margin-bottom:20px;
	}
	.item2 p {
		display: none;
	}

	.copyright{
		text-align:center !important;
		float:left !important;
		width:100% !important;
	}
	.designed-by{
		text-align:center !important;
		float:left !important;
		width:100% !important;
	}
	
	.page-header {
		font-size: 20px;
	}
	.z-tabs.horizontal > .z-container {
		margin: 30px 0px 0px;
	}
	.z-content-inner .detail {
		margin: 0px 0px 0px;
		float: left;
	}
	.welcome {
		padding: 20px 0px 20px 0px;
	}
	.welcome .detail p {
		padding: 0px 0px 0px;
	}
	.gallery {
		float: left;
		width: 100%;
		padding:5px 0px;
	}
	.main-gallery .layer i {
		bottom: 30%;
		left: 40%;
	}
	.patients-testi .testi-sec {
		width: 60%;
	}
	.patients-testi .testi-sec img {
		max-width: 250px;
	}
	.patients-testi .testi-sec p {
		margin-top: 20px;
		text-align:justify;
	}
	.patients-testi .testi-sec {
		width: 100%;
	}
	.patients-testi {
		padding: 0px 0px 50px;
	}
	.carousel-indicators {
    	bottom: 0px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		display:block !important;
		margin-right: -37px;
		background-image: url("../images/testi-next.png");
		background-repeat: no-repeat;
		width: 36px;
		height: 37px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		display:block !important;
		margin-right: 0px;
		margin-left:-35px;
		background-image: url("../images/testi-prev.png");
		background-repeat: no-repeat;
		width: 36px;
		height: 37px;
	}
	.news-posts {
		padding: 30px 0px 30px 0px;
	}	
	.news-posts h6.bar-title {
		margin-top: 50px;
	}
	.page-header-inner {
		width: 100%;
		float: left;
		margin-top: 100px;
		position:static;
		font-size:22px;
	}
	.welcome-three .welcome-detail ul li a {
    	font-size: 16px;
	}
	.welcome-three .welcome-detail ul li i {
		margin: 0px 10px 50px 0px;
	}
	.page-header-inner2 {
		font-size: 24px;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
	.navbar-brand {
		font-size: 28px !important;
		padding:0px;
	}
	.logo {
		margin: 0px -15px;
	}
	.navbar-brand p {
	    font-size: 16px !important;
		line-height: 15px;
		padding-right: 20px;
		margin-top:4px;
	}
	#page .header a {
	    top: -55px;
	}
	.top-bar {
		padding: 9px 0px;
	}
	#slides .slides-container li .container {
    	width: 80% !important;
	    top: 40% !important;
	}
	.wrapper2 {
		width: 60%;
		left: 20% !important;
	}
	#slides {
		width: 100%;
	}
	#slides h1 {
		font-size: 22px !important;
	}
	#slides p {
		font-size: 14px !important;
		line-height:40px;
		white-space:normal;
	}
	#slides .button {
		font-size: 10px !important;
		letter-spacing: 1px !important;
		border: 1px solid #ffffff !important;
	}
	.tp-leftarrow.default, .tp-rightarrow.default {
		display: block !important;
		width: 30px;
		height: 30px;
		background-size: 100% 100%;
		top: 50% !important;
		margin-top: 0px !important;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #FFE2B7 !important;
	}
	.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
		background-color: #BC6F00 !important;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
		background-color: #BC6F00 !important;
	}
	.item-top-content-inner {
		position:static;
	}
	.item-content {
		width: 100%;
		margin: auto;
		transform: none;
		position: absolute;
	}
	.item-add-content {
		opacity: 1;
	}
	.item-top-content-inner {
		background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
	}
	.item2 {
		max-height: 500px;
	}
	.page-header {
		font-size: 28px;
	}
	.z-tabs.horizontal > .z-container {
		margin: 30px 0px 0px;
	}
	.z-content-inner .detail {
		margin: 0px 0px 0px;
		float: left;
	}
	.welcome {
		padding: 50px 0px 50px 0px;
	}
	.welcome .detail p {
		padding: 0px 0px 0px;
	}
	.gallery {
		float: left;
		width: 100%;
		padding:20px 0px;
	}
	.patients-testi .testi-sec {
		width: 60%;
	}
	.patients-testi .testi-sec img {
		max-width: 250px;
	}
	.patients-testi .testi-sec p {
		margin-top: 20px;
		text-align:justify;
	}
	.patients-testi .testi-sec {
		width: 100%;
	}
	.patients-testi {
		padding: 0px 0px 50px;
	}
	.carousel-indicators {
    	bottom: 0px;
	}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
		display:block !important;
		margin-right: -15px;
		background-image: url("../images/testi-next.png");
		background-repeat: no-repeat;
		width: 36px;
		height: 37px;
	}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
		display:block !important;
		margin-right: -15px;
		background-image: url("../images/testi-prev.png");
		background-repeat: no-repeat;
		width: 36px;
		height: 37px;
	}	
	.news-posts h6.bar-title {
		margin-top: 30px;
	}
	.news-posts {
		padding: 40px 0px;
	}
	.page-header-inner {
		width: 100%;
		float: left;
		margin-top: 150px;
		position: static;
		font-size: 22px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.item-top-content-inner {
		position:static;
	}
	.item-content {
		position: absolute;
		width: 100%;
		transform: none;
		margin: auto;
		bottom: 0;
	}
	.item-add-content {
		opacity: 1;
	}
	.item-top-content-inner {
		background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
	}
	.wrapper2 {
		width: 50%;
		left: 25% !important;
	}
	#slides .slides-container li .container {
    	width: 50% !important;
	}
	#slides h1 {
		font-size: 28px !important;
	}
	#slides p {
		font-size: 14px !important;
	}
	#slides .button {
		font-size: 12px !important;
		letter-spacing: 1px !important;
	}
	.tp-leftarrow.default, .tp-rightarrow.default {
		display: block !important;
	}
	.item2 {
		max-height: 500px;
	}
	.page-header {
		font-size: 28px;
	}
	.z-tabs.horizontal > .z-container {
		margin: 30px 0px 0px;
	}
	.welcome {
		padding: 50px 0px 50px 0px;
	}
	.gallery {
		float: left;
		width: 100%;
		padding:20px 0px;
	}
	.patients-testi .testi-sec {
		width: 60%;
	}
	.patients-testi .testi-sec img {
		max-width: 250px;
	}
	.patients-testi .testi-sec p {
		margin-top: 20px;
		text-align:justify;
	}
	.news-posts h6.bar-title {
		margin-top:20px;
	}
	.page-header-inner {
		font-size: 34px;
		top: 267px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.header .nav li a {
		padding: 13px 5px 11px 5px !important;
		font-size: 14px;
	}
	.wrapper2 {
		padding: 0px;
		left: 100px !important;
	}
	.z-content-inner .detail {
		margin: 0px 0px 0px;
		float: left;
	}
	.welcome {
		padding: 50px 0px 50px 0px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1230px){
	.header .nav li a {
		padding: 13px 5px 11px 5px !important;
		font-size: 14px;
	}
}