body {
	font-family: 'Kanit';
}

button:focus,
button:active {
	outline: none;
}

.white {
	color:#fff;
}

.bk-header {
	background-color: #fff;
	padding:25px 0;
	position: fixed;
	width: 100%;
}

.bk-header ul li a {
	color: #434345;
}

.bk-header ul li.active a {
	color: #85ace7;
}

.each-slide {
	height: 550px;
	width: 100%;
}

.section-slide {
	min-height: 550px;
	padding-top: 80px;
}

.cover-slide {
	background: url('../img/slide-cover.png') no-repeat center bottom;
	background-size: cover;
	height: 100%;
}

.inner-slide {
	max-width: 640px;
	margin:auto;
	padding-top: 100px;
	color:#fff;
}

.inner-slide .blockquote-footer {
	font-size: 18px;
}

.slide-title {
	font-size: 36px;
	font-weight: normal;
	max-width: 480px;
}

.online-appointment-btn {
	transition: 0.3s;
	display: inline-block;
	margin-top: 60px;
	background-color: #2d3f71;
	padding: 15px 35px;
	border-radius: 5px;
	color:#fff;
	font-size: 22px;
	border:2px solid #2d3f71;
}

.online-appointment-btn:hover {
	transition: 0.3s;
	text-decoration: none;
	color:#fff;
	background-color: #222f55;
}

.detail-btn {
	transition: 0.3s;
	display: inline-block;
	margin-top: 60px;
	background-color: transparent;
	padding: 15px 35px;
	border-radius: 5px;
	color:#fff;
	border: 2px solid #fff;
	font-size: 22px;
	margin-left: 15px;
}

.detail-btn:hover {
	transition: 0.3s;
	background-color: #fff;
	color:#2d3f71;
	text-decoration: none;
}

.top-slider .owl-next {
	position: absolute;
	top:40%;
	right: 25px;	
	outline: none;	
}

.top-slider .owl-prev {
	position: absolute;
	top:40%;
	left: 25px;		
	outline: none;
}

.top-slider .owl-next:active,
.top-slider .owl-next:focus,
.top-slider .owl-prev:active,
.top-slider .owl-prev:focus {
	outline: none;
}

.top-slider .owl-next span,
.top-slider .owl-prev span {
	font-size: 60px;
	color:#fff;
}

.promotion-section {
	padding:80px 0;
	background-color: #fff;
}

.text-title {
	text-align: center;
	color: #434345;
	font-size: 36px;
	margin: 0;
	padding: 0;
}

.mini-line {
	width: 50px;
	margin:auto;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom:2px solid #85ace7;
}

.mini-line-left {
	width: 50px;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom:2px solid #85ace7;	
}

.blue {
	color:#85ace7;
}

.promotion-section .card {
	margin-top: 40px;
	margin-bottom: 20px;
	border:none;
	border-radius: 0;
}

.promotion-section .card .card-img-top {
	border-radius: 0;
}

.promotion-section .card .card-body {
	padding: 15px 0;
}

.uppercase {
	text-transform: uppercase;
}

.price {
	color:#ff6565;
	padding: 0;
	margin:0;
}

.old-price {
	color:#919191;
	text-decoration: line-through;
	font-size: 14px;
	padding: 0;
	margin:0;
}

.reseve-btn {
	transition: 0.3s;
	display: inline-block;
	padding: 10px 25px;
	background-color: #79c8cf;
	border-radius: 5px;
	color:#fff;
	margin-top: 15px;
	cursor: pointer;
	border:1px solid #79c8cf;
}

.reseve-btn:hover,
.reseve-btn:focus {
	transition: 0.3s;
	color:#fff;
	text-decoration: none;
	background-color: #2d3f71;
	border:1px solid #2d3f71;
	outline: none;
}

.time-out {
	font-size: 14px;
}

.view-all-btn {
	transition: 0.3s;
	display: block;
	margin: auto;
	max-width: 320px;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	text-transform: uppercase;
	border:2px solid #85ace7;
	color:#85ace7;
	background-color: transparent;
	margin-top: 50px;
}

.view-all-btn.active {
	transition: 0.3s;
	background-color: #85ace7;
	color:#fff;
	text-decoration: none;
}

.view-all-btn:hover {
	transition: 0.3s;
	background-color: #85ace7;
	color:#fff;
	text-decoration: none;
}

.doctor-section {
	padding: 80px 0;
	background-color: #e5e8eb;
	position: relative;
}

.circle-profile {
	width: 200px;
	height: 200px;
	border-radius: 100%;	
	margin:auto;
}

.doc-box {
	background-color: #fff;
	padding: 25px;
	text-align: center;
	border-radius: 5px;
	margin-top: 20px;
}

.owl-carousel img.mini-icon {
	width: 25px;
	display: inline-block;
}

.position {
	text-align: center;
	font-size: 18px;
}

h4.doc-name {
	font-weight: 400;
	margin-top: 20px;
}

.appointment-btn {
	transition: 0.3s;
	display: inline-block;
	padding: 10px 25px;
	background-color: #85ace7;
	border-radius: 5px;
	color:#fff;
	margin-top: 15px;
}

.appointment-btn:hover {
	color:#fff;
	text-decoration: none;
}

.doc-slider .owl-prev {
	position: absolute;
	top:36%;
	left: -50px;
}

.doc-slider .owl-next {
	position: absolute;
	top:36%;
	right: -50px;
}

.doc-slider .owl-next:active,
.doc-slider .owl-prev:active,
.doc-slider .owl-next:focus,
.doc-slider .owl-prev:focus {
	outline: none;
}

.doc-slider .owl-prev span,
.doc-slider .owl-next span {
	font-size: 60px;
}

.review-section {
	padding:80px 0;
	background-color: #fff;
	position: relative;
}

.review-section .heart-box img {
	width: 25px;
	display: inline-block;
	margin-left: 2px;
}

.review-section .heart-box {
	text-align: center;
}

.review-box {
	margin-top: 40px;
}

.review-box .heart-box {
	text-align: center;
}

.review-text {
	background: url('../img/qoute.png') left top no-repeat #fff;
	padding: 15px;
	margin-top: 20px;
	color: #7b7b82;
}

.review-profile {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.review-slider .owl-prev {
	position: absolute;
	top:36%;
	left: -50px;
}

.review-slider .owl-next {
	position: absolute;
	top:36%;
	right: -50px;
}

.review-slider .owl-next:active,
.review-slider .owl-prev:active,
.review-slider .owl-next:focus,
.review-slider .owl-prev:focus {
	outline: none;
}

.review-slider .owl-prev span,
.review-slider .owl-next span {
	font-size: 60px;
}

.middle-line {
	padding:50px 50px;
}

h3.left-title {
	color: #434345;
	font-weight: 500;
	font-size: 32px;
}

.welcome-box {
	color:#434345;
	padding-top: 50px;
	position: relative;
}

.welcome-box .owl-nav {
	position: absolute;
	bottom:25px;
}

.welcome-box .owl-nav .owl-prev span{
	transition: 0.3s;
	display: block;
	width: 30px;
	height: 30px;
	border:1px solid #cbcbcb;
	border-radius: 3px;
}

.welcome-box .owl-nav .owl-next span{
	transition: 0.3s;
	display: block;
	width: 30px;
	height: 30px;
	border:1px solid #cbcbcb;
	border-radius: 3px;
	margin-left: 5px;
}

.welcome-box .owl-nav .owl-next span:hover,
.welcome-box .owl-nav .owl-prev span:hover {
	transition: 0.3s;
	background-color: #cbcbcb;
	color:#fff;
}

.welcome-slider .owl-next:active,
.welcome-slider .owl-prev:active,
.welcome-slider .owl-next:focus,
.welcome-slider .owl-prev:focus {
	outline: none;
}

.gallery-section {
	padding:50px 0;
}

.gallery-box {
	display: block;
	width: 100%;
	height: 200px;
	margin-top: 25px;
}

.gallery-more {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
	color:#fff;
	padding-top: 70px;
}

.gallery-box:hover {
	text-decoration: none;
}

.plus {
	display: block;
	font-size: 60px;
	line-height: 24px;
	padding-bottom: 10px;
}

.blog-section {
	padding-top: 50px;
	padding-bottom: 100px;
}

.blog-item {
	width: 100%;
	height: 300px;
	margin-top: 40px;
	position: relative;
	margin-bottom: 100px;
}

.blog-inner {
	max-width: 460px;
	width: 100%;
	background-color: #fff;
	border:1px solid #eee;
	min-height: : 200px;
	position: absolute;	
	left: 50%;
	transform: translate(-50%, 0%);
	bottom:-80px;
	padding: 25px;
}

.blog-inner p {
	font-size: 14px;
}

.read-more-btn {
	transition: 0.3s;
	display: inline-block;
	max-width: 300px;
	text-align: center;
	padding: 10px 25px;
	border-radius: 5px;
	text-transform: uppercase;
	border:2px solid #85ace7;
	color:#85ace7;
	background-color: transparent;
}

.read-more-btn:hover {
	transition: 0.3s;
	background-color: #85ace7;
	color:#fff;
	text-decoration: none;
}

.contact-section {
	padding:80px 0;
	background-color: #f5f5f5;
}

.contact-cover {
	padding-top: 50px;

}

.contact-icon {
	display: inline-block;
	width: 10%;
	vertical-align: top;
}

.contact-detail {
	display: inline-block;
	width: 85%;
	vertical-align: top;
}

.link-btn {
	display: inline-block;
	margin:auto;
	margin-left: 5px;
	margin-right: 5px;
}

.outerlink-box {
	text-align: center;
	margin-top: 30px;
}

.map-section {
	height: 350px;
	text-align: center;
}

#map {
	height: 100%;
	width: 100%;
	z-index: 1000;
}

.blog-section-inner {
	padding-top: 90px;
	padding-bottom: 30px;
}

.blog-section-inner .text-title {
	margin-top: 40px;
}

.breadcrumb {
	margin-bottom: 0;
}

.breadcrumb a {
	color: #85ace7;
}

.article-cover {
	height: 480px;
}

.like-btn {
	display: block;
	text-align: center;
	padding-top: 50px;
}

.like-btn:hover {
	text-decoration: none;
}

.article-box {
	padding: 25px;
	background-color: rgba(255,255,255,0.8);
	margin-top: -120px;
	border:1px solid #eee;
}

.related-article {
	padding-top: 50px;
}

.related-article .blog-inner {
	max-width: 280px;
	padding: 15px;
	margin-bottom: 0px;
}

.related-article .blog-inner p {
	font-size: 14px;
}

.blog-page .blog-inner {
	max-width: 380px;
	padding: 15px;
}

.blog-section-inner .promotion-section {
	padding-top: 0;
}

.blog-section-inner .promotion-section .reseve-btn {
	border:2px solid #79c8cf;
}

.blog-section-inner .promotion-section .reseve-btn:hover {
	border: 2px solid #2d3f71;
}

.tab-head-bar {
	padding: 12px;
	background-color: #fff;
	color:#85ace7;
	border:2px solid #85ace7;
	border-radius: 3px;
	font-size: 18px;
	cursor: pointer;
	margin-bottom: 15px;
}

.tab-content {
	padding: 15px;
	display: none;
}

.tab-content img {
	max-width: 100%;
}

.body-tab-bar.active .tab-head-bar{
	background-color: #85ace7;
	color:#fff;
}

.grid-item {
	width: 30%;
	margin: 10px;
	padding: 15px;
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

.blog-section-inner .grid-item {
	background-color: #fcfcfc;
}

.blog-section-inner .review-text {
	background-color: #fcfcfc;
}

.blog-section-inner .review-box {
	margin-top: 10px;
}

.doctor-box {
	border-radius: 5px;
	border:1px solid #ccc;
	position: relative;
	margin-top: 40px;
}

.doc-profile {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	display: inline-block;
}

.doc-detail {
	padding: 15px;
}

.doc-content {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
	width: 320px;	
}

.doc-content h3 {
	color:#7098f0;
}

.doc-pos {
	color:#7098f0;
	font-weight: 400;
}

.hospital-address {
	font-size: 16px;
	color:#666;
}

.doc-detail {
	width: 40%;
	display: inline-block;
}

.comment-btn i{
	color:#5e605b;
}

.love-btn i{
	color:#da4968;
}

.love-btn,
.comment-btn {
	color:#333;
	display: inline-block;
	margin-left: 10px;
}

.love-btn:hover,
.comment-btn:hover {
	text-decoration: none;
	color:#333;
}

.doc-table {
	display: inline-block;
	width: 59.5%;
	vertical-align: top;
	height: 280px;
	text-align: center;
	background-color: #e6ecf8;
	border-left: 1px solid #eee;
	color:#666;
	position: relative;
}

.day-tab {
	padding: 5px;
	background-color: #ffffff;
	text-transform: uppercase;
}

.appoint-box {
	border:1px solid #fff;
	height: 280px;
}

.date-tab {
	padding: 5px;
	background-color: #f9f9f9;
	margin-bottom: 10px;
}

.appoint-col {
	border:none;
	background-color: #57bb59;
	margin:auto;
	padding: 4px;
	border-radius: 15px;
	width: 80px;
	margin-top: 5px;
	color:#fff;
	cursor: pointer;
}

.appoint-box.app-active {
	background-color: #fff;
}

.doc-table .owl-prev {
	position: absolute;
	top:5px;
	left: 10px;
}

.doc-table .owl-next {
	position: absolute;
	top:5px;
	right: 10px;
}

.doc-table .owl-prev:focus,
.doc-table .owl-next:focus {
	outline: none;
}

.doc-page-cover {
	width: 200px;
	margin:auto;
	margin-top: 50px;
}

.custom-modal-header {
	background-color: #4e84da;
	color:#fff;
}

button.close-btn {
	color:#fff;
}

.fb-login {
	display: block;
	border-radius: 5px;
	background-color: #405c9b;
	text-align: center;
	padding: 5px;
}

.condi-p {
	text-align: center;
	color:#666;
	font-weight: 400;
	padding-top: 15px;
	margin-bottom: 30px;
}

.or {
	width: 120px;
	background-color: #fff;
	margin:auto;
	margin-top: -30px;
	text-align: center;
	margin-bottom: 30px;
}

.login-form input {
	width: 100%;
	border:none;
	border:1px solid #eee;
	border-radius: 5px;
	padding: 8px;
	margin-bottom: 10px;
	outline: none;
}

.login-btn {
	background:url('../img/btn-bg.jpg') no-repeat center;
	border:none;
	padding: 10px 25px;
	color:#fff;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
}

.forget {
	color:#666;
	padding-left: 5px;
}

.forget:hover {
	color:#333;
	text-decoration: none;
}

.register-link {
	color:#307ab7;
}

.register-link:hover {
	text-decoration: none;
}

.inner-promotion {
	background-color: #f6f7f9;
}

.promo-box {
	padding: 15px;
	background-color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
}

.flex-direction-nav a {
	top:44%;
}

.flex-direction-nav a:before {
	font-size: 30px;
}

.mini-heart {
	width: 20px;
	margin-right: 0px;
}

.review-text-small {
	color:#666;
}

.big-price {
	font-size: 32px;
	color:#84b1ea;
	margin-bottom: 0;
}

.flexslider {
	margin-bottom: 0;
}

.overide-green {
	border:2px solid #76cacc;
	color:#76cacc;
}

.overide-green:hover {
	background-color: #76cacc;
}

.promo-tab-head {
	background-color: #fcfcfc;
	padding: 15px;
}

.no-pad-bottom {
	padding-bottom: 0;
}

.second-promo-box {
	padding:0;
}

.promo-content {
	padding:15px;
	color:#333;
	font-weight: 300;
	max-height: 400px;
	overflow: hidden;
	position: relative;
}

.invisible {
  visibility: hidden;
}

.read-more-cover {
	width: 100%;
	height: 180px;
	left: 0;
	position: absolute;
	bottom:0px;
	background: url('../img/gad.png') repeat-x center bottom;
	background-size: 100% 100%;
	text-align: center;
	padding-top: 100px;
}

.remove-fade {
	max-height: none;
}

.inner-promo-review {
	padding: 15px;
	background-color: #fff;
}

.score-box {
	font-size: 24px;
	font-weight: 300;
}

.big-score {
	font-size: 60px;
	line-height: 32px;
}

.small-score {
	font-size: 16px;
}

.appointment-btn.small-text {
	font-size: 16px;
}

.xs-heart {
	float: right;
	width: 15px;
	margin-right: 2px;
}

.love-text {
	text-align: center;
	font-size: 16px;
	line-height: 23px;
}

.heart-box-review {
	width: 100px;
	display: inline-block;
	text-align: right;
}

.progress {
	width: 200px;
	display: inline-block;
}

.progress-bar {
	height: 100%;
	background-color: #83aee5;
}

.show-score {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
}

.show-score-first {
	width: 20px;
	display: inline-block;
	text-align: center;
}

.little-text {
	font-size: 11px;
}

.opa-0 {
	opacity: 0;
}

.selectpicker {
	border:none;
	border:1px solid #85ace5;
	color:#85ace5;
	background-color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

.one-review-box {
	padding: 15px;
	border:5px solid #f6f7f9;
	border-bottom: 0;	
	position: relative;
}

.add-border-bot {
	border:5px solid #f6f7f9;
}

.profile-heart {
	display: inline-block;
	width: 15px;
}

.time {
	font-size: 12px;
	color:#ccc;
}

.post-by {
	font-size: 12px;
	color:#333;
}

.one-review-box p {
	font-size: 14px;
	color:#333;
	font-weight: 200;
	line-height: 16px;
	padding: 0;
	margin: 0;
}

.dots-more {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	color:#333;
}

.dots-more:hover {
	text-decoration: none;
	color:#666;
}

.comment-pagination {
	margin-top: 20px;
}

.page-item .page-link {
	color:#347ab6;
}

.page-item.active .page-link{
	background-color: #347ab6;
}

.blue-line {
	display: block;
	border:1px solid #85abe9;
}

.re-title {
	font-weight: 400;
	color:#666;
}

.all-service {
	margin-top: 10px;
}

.all-service li a{
	color:#666;
	font-weight: 300;
	font-size: 14px;
}

.calendar-head {
	text-align: center;
	width: 100%;
	margin:auto;
}

.big-day {
	font-size: 20px;
	font-weight: 300;x
}

.one-day {
	text-align: center;
}

.blue-bg {
	width: 100%;
	min-height: 650px;
	background-color: #e6ecf8;
	border: 1px solid #fff;
	padding: 15px;
}

.doctor-card {
	padding: 5px;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.doctor-profile {
	width: 100px;
	height: 100px;
	border-radius: 100%;
	margin:auto;
}

.doctor-card p {
	padding: 0;
	margin: 0;
	font-weight: 300;
}

.doc-name {
	color:#7fb0e8;
	font-size: 14px;
	padding: 0;
	margin:0;
}

.doc-pos-ca {
	font-size: 14px;
	color:#666;
	padding: 0;
	margin: 0;
}

.small-arrow {
	font-size: 20px;
	cursor: pointer;
}

.modal-header {
	border-bottom: 1px solid #e6ecf8;
}

.appointment-slide .owl-prev {
	position: absolute;
	left: 0;
	top: 0;
}

.appointment-slide .owl-next {
	position: absolute;
	right: 0;
	top: 0;
}

.appointment-slide .owl-prev span,
.appointment-slide .owl-next span {
	font-size: 22px;
}

.appointment-slide .owl-next:focus,
.appointment-slide .owl-prev:focus,
.appointment-slide .owl-prev:active,
.appointment-slide .owl-next:active {
	outline: none;
}

.modal-doc-box {
	width: 90%;
	margin:auto;
	max-width: 640px;
	border:1px solid #eee;
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.35);
	-moz-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.35);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(119, 119, 119, 0.35);
}

.date-time-box {
	text-align: center;
	border-right: 1px solid #eee;		
}

.first-met {
	font-size: 24px;
}

.horizon-list {
	list-style-type: none;
	text-align: center;
	color:#091a50;
	margin: 0;
	padding: 0;
	padding-top: 15px;
	display: block;
	margin:auto;
	width: 100%;
	padding-bottom: 15px;
}

.horizon-list li {
	display: inline-block;
}

.bg-date-t {
	padding: 5px;
	background-color: #e6edf9;
	border-radius: 3px;
}

.top-date-title {
	font-size: 18px;
	font-weight: 300;
}

.en-text {
	font-size: 28px;
	padding-top: 5px;
	font-weight: 300;
}

.sub-text-thanks {
	font-weight: 300;
	color:#666;
}

.confirm-btn {
	background-color: #85ace7;
	color: #fff;
	text-align: center;
	padding: 10px 25px;
	border-radius: 3px;
	margin:auto;
	display: block;
	width: 200px;
}

.confirm-btn:hover {
	color:#fff;
	text-decoration: none;
}

.later-btn {
	color:#85ace7;
	text-align: center;
	padding: 10px 25px;
	border-radius: 3px;
	margin:auto;
	display: block;
	width: 200px;
}

.later-btn:hover {
	color:#ccc;
	text-decoration: none;
}

.bk-navigation-mobile {
	background-color: #fff;
}

.bk-navigation-mobile li {
	border-bottom: 1px solid #eee;
}

.owl-dots {
	text-align: center;
	width: 100%;
	padding-top: 15px;
}

.owl-carousel button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 100%;
	display: inline-block;
	background-color: rgba(255,255,255,0.4);
	margin-left: 2px;
}

.owl-carousel button.owl-dot.active {
	background-color: #fff;
}

.the-blue-section {
    padding: 50px 0;
    background-color: #85ace7;
    color:#fff;
}

.the-blue-section p {
	display: inline-block;
	font-size: 36px;
	font-weight: 300;
	padding-right: 15px;
	vertical-align: middle;
}

.the-blue-section a.go-comment-btn {
	display: inline-block;
	background-color: #fff;
	color:#85ace7;
	text-align: center;
	padding:10px 25px;
	border-radius: 25px;
	vertical-align: top;
	font-size: 24px;
	margin-left: 25px
}

.the-blue-section a.go-comment-btn:hover {
	text-decoration: none;
	color:#85ace7;
}

@media only screen and (max-width: 600px) {
    .slide-title, .inner-slide .blockquote-footer {
    	max-width: 80%;
    	margin:auto;
    }

    .online-appointment-btn {
    	padding: 15px;
    }

    .online-appointment-btn, .detail-btn {
    	width: 45%;
    	margin-left: 5px;
    	padding: 5px;
    	margin-bottom: 0;
    	text-align: center;
    	font-size: 18px;
    }

    .top-slider .owl-prev,
    .top-slider .owl-next {
    	top:80%;
    }

    .welcome-box .owl-nav {
    	bottom:-25px;
    	right: 0;
    }

    .link-btn {
    	width: 45%;
    	display: inline-block;
    	margin:0;
    }

    .link-btn img {
    	width: 100%;
    }

    .overide-green {
    	padding-left: 5px;
    	padding-right: 5px;
    }

    .progress {
    	width: 160px;
    }

    .inner-promo-review .appointment-btn {
    	margin:auto;
    	display: block;
    	text-align: center;
    	margin-top: 20px;
    	margin-bottom: 20px
    }

    .grid-item {
    	width: 100%;
    }

    .the-blue-section p {
    	text-align: center;
    	font-size: 24px;
    }

    .the-blue-section a.go-comment-btn {
    	margin:auto;
    	display: block;
    }

    .doc-profile {
    	display: block;
    	margin:auto;
    	margin-bottom: 20px;
    }

    .doc-detail {
    	width: 100%;    	
    }

    .doc-table {
    	width: 100%;
    }

}

@media only screen and (max-width: 320px) {
	.slide-title {
		font-size: 24px;
	}


}