@charset "utf-8";

/* CSS Document */



@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');



@import url('https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');



@import url('https://fonts.googleapis.com/css?family=Poiret+One');



@import url('https://fonts.googleapis.com/css?family=Chilanka&amp;display=swap');



a:hover {text-decoration:none; transition:all ease 0.5s; outline:none;}



a:focus {text-decoration:none; transition:all ease 0.5s; outline:none;}



a:focus, a:hover {text-decoration:none; transition:all ease 0.5s; outline:none;}



body {font-family: 'Lato', sans-serif;}



.header-top{width:100%; border-bottom:1px solid #ebe9e9; background-color:#f5f5f5;}



.header-top p {font-size:13px; color:#817f7f; margin:16px 0px 9px 0px;}



.header-top .social-icons ul, .social-icons ul li {list-style:none; margin:0; padding:0; display:inline-block;}



.header-top .social-icons ul li a {display:inline-block; font-size:15px; color:#96989a; line-height:48px; text-align:center; padding:0 10px; margin-left:-5px; transition:all .3s ease;}



.header-top .social-icons ul li .facebook a:hover {color:#fff; color:#3b5998;}



.header-top .social-icons ul li .twitter a:hover {color:#fff; color:#55acee;}



.header-top .social-icons ul li .google a:hover {color:#fff; color:#dd4b39;}



.header-top .social-icons ul li .linkedin a:hover {color:#fff; color:#007bb5;}



.header-middle {width:100%;}



.header-middle .logo {margin:12px 0px 14px 0px; float:left;}



.header-middle .single-header-info {float:left; padding:40px 0px 20px 15px;}



.header-middle .single-header-info .icon-box, .single-header-info .content {display:table-cell; vertical-align:middle;}



.header-middle .single-header-info .icon-box .inner-box {width:40px; height:40px; border:1px solid #c4c5c5; border-radius:50%; text-align:center; line-height:35px; margin-right:5px; color:#f08143; font-size:16px;}



.header-middle .single-header-info .icon-box .inner-box:hover {background-color:#d7671d; color:#fff; cursor:pointer;}



.header-middle .single-header-info .content p {font-size:16px; margin:0; color:#646464;}



.header-middle .single-header-info .content p a {font-size:16px; margin:0; color:#646464;}



.header-middle .single-header-info .content p a:hover {color:#d7671d;}



.header-bottom {width:100%; background-color:#e11bb9;}



.header-bottom .navbar {margin-bottom:0px;}



.header-bottom .navbar-collapse {padding-left:0px; padding-right:0px;}



.header-bottom .navbar-default {background-color:transparent; border:none;}



.header-bottom .navbar-default .navbar-nav > li > a {color:#ffffff; font-size:17px; line-height:30px;}



.header-bottom .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background-color:#d7671d; color:#ffffff;}



.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {background-color:#d7671d; color:#ffffff;}



.header-bottom .caret-up {width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle;}



.header-bottom .dropdown-menu {background-color:#00b9be;}



.header-bottom  .dropdown-menu > li > a {color:#FFFFFF; padding:6px 20px;}



.header-bottom .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color:#d7671d;}



.header-bottom .dropdown-menu {padding:0px; border-radius:0px;}



.header-bottom .info {float:right;}



.header-bottom .btn-change1 {background: #f08143; margin:15px 0px 10px 0px; padding:6px 20px; border: 0px; color: #fff; font-size:17px; border-radius:0px; box-shadow: 0 0 1px #ccc; -webkit-transition-duration: 0.5s; -webkit-box-shadow: 0px 0px 0 0 #fff inset , 0px 0px 0 0 #fff inset;}

    

.header-bottom .btn-change1:hover {-webkit-box-shadow: 100px 0px 0 0 #fff inset , -100px 0px 0 0 #fff inset; color:#f08143;}

    

.banner {width:100%;}	



.welcome {width:100%; padding:55px 0px 70px;}



.welcome h1 {font-size:33px; color:#4e4f4f; font-family: 'Raleway', sans-serif; text-align:center; margin:0px; line-height:24px;}



.welcome h1 span {color:#f08143;}



.welcome .line1 {text-align:center; display:table; margin:23px auto; width:100%;}



.welcome .line {background-color:#f08143; width:30%; height:3px; margin:0 auto;}



.welcome .box {margin:21px 0px 0px 0px; width:100%;}



.welcome .box .room1 {margin:0px; float:left;}



.welcome .box .room1 .hospital {margin-top:15px;}



.welcome .box .room2 {float:right; margin-top:0px;} 



.welcome .box2 {margin:15px 0px 0px 0px; width:100%;}



.welcome .box2 p {font-size:16px; color:#7b7d7e; text-align:justify; line-height:25px; margin:0px 0px 20px 0px;}



.welcome .box2 p span {color:#555556;}



.welcome .box2 ul {padding-left:25px; margin:0px 0px 20px 0px;}



.welcome .box2 ul li {list-style: outside none none; padding:5px 0px 5px 0px; line-height:13px; color:#565757; font-size:16px; font-weight:600;}



.welcome .box2 ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#f08143; font-size:16px;}



.welcome .box2 .info {margin:0px;}



.welcome .btn-change3 {background:#21beee; margin:5px 0px 10px 0px; padding:6px 20px; border: 0px; color: #fff; font-size:17px; border-radius:10px; box-shadow: 0 0 1px #ccc; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -webkit-box-shadow: 0px 0px 0 0 #00b9be inset , 0px 0px 0 #00b9be inset; text-transform:uppercase;}

    

.welcome .btn-change3:hover {-webkit-box-shadow: 0px 50px 0 0px #00b9be inset , 0px -50px 0 0px #00b9be inset; color:#FFFFFF;}



.welcome .rooms {position:relative;}

    

.welcome .caption {position:absolute; top:0; right:0; background:rgba(0, 185, 190, 0.4); width:100%; height:100%; padding:2%; display: none; text-align:center; color:#fff !important; z-index:2;}

    

.treatment {width:100%; background-color:#f8f8f8; padding:40px 0px 60px 0px;}



.treatment h2 {color:#4e4f4f; font-size:33px; font-family: 'Raleway', sans-serif;}



.treatment .line1 {text-align:left; display:table; margin:23px 0px 35px 0px; width:100%;}



.treatment .line {background-color:#f08143; width:17%; height:3px;}



.treatment .box {height:auto; width:100%; text-align:center;}



.treatment .box .img-responsive {width:100%;}



.treatment .box h5 {line-height:25px; font-size:20px; text-align:center; background-color:#00b9be; color:#FFFFFF; padding:10px 12px 10px 12px; margin:0px; font-family: 'Raleway', sans-serif;}



.treatment .box h5 a {color:#FFFFFF;}



.treatment .box h5 a:hover {color:#000000;}



.item {position: relative; overflow: hidden; width: 540px;}

  

.item img {max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

 

.item:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}



.footer {width:100%; background-color:#2822db; margin-top:110px; padding-bottom:24px;}



.footer .box {width:100%; position:relative; top:-50px; background-color:#FFFFFF; border:1px solid #c5c4c4; height:134px;}



.footer .box h3 {font-size:16px; color:#f08143; margin:19px 0px 15px 0px;}



.footer .box p {font-size:15px; color:#81807f; line-height:25px;}



.footer .box p a {color:#81807f;}



.footer .box p a:hover {color:#f08143;}



.footer .box .triangle-topleft {width: 0; height: 0;  border-top:80px solid #1100db; border-right:80px solid transparent;}



.footer .box .triangle-topleft i {color:#FFFFFF; font-size:18px; position:relative; margin-left: 18px; top: -64px;}



.footer .box .clinic {display: inline-block; margin: -81px 0 0 70px; width:80%;}



.footer .logo {margin:10px 0px 10px 0px;}  



.footer p {color:#FFFFFF; font-size:13px; line-height:24px;}    



.footer h4 {font-size:21px; color:#FFFFFF;}



.footer h4 span {color:#f08143;}



.footer .info {margin:30px 0px 0px 0px;}



.footer .btn-change7 {background: #f08143; padding:6px 20px; border: 0px; color: #fff; font-size:15px; border-radius:10px; box-shadow: 0 0 1px #ccc; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: linear; box-shadow:0px 0 0 #00b9be  inset; text-transform:uppercase;}

    

.footer .btn-change7:hover {box-shadow:500px 0 0 #00b9be inset; color:#FFFFFF;}



.footer ul {padding-left:17px; margin:0px 0px 0px 0px; list-style: outside none none; width:50%; float:left;}



.footer ul li a {list-style: outside none none; padding:5px 0px 5px 0px; line-height:25px; color:#FFFFFF; font-size:13px;}



.footer ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#FFFFFF; font-size:13px;}



.footer ul li a:hover {color:#d7671d;}



.footer .box2 {width:255px; height:46px; background-color:rgba(68, 67, 67, 0.5); margin:5px 0 5px 0; border-radius:5%; float:left; vertical-align:middle;}



.footer .box2 span a {font-size:17px; color:#636161; margin-top:10px; margin-left:10px; float:left;}



.footer .box2 span a:hover {color:#d7671d;}



.footer .social-icone {margin:0px 0px 26px 0px; float:left; width:20%;}



.footer .facebook{height:44px; width:44px; line-height:45px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:10%; font-size:17px; background-color:#d7671d; margin:0px 10px 0px 0px;}



.footer a .facebook:hover {background-color:#3b5998; color:#FFFFFF; transition:all ease 0.5s;}



.footer .linkedin{height:44px; width:44px; line-height:45px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:10%; font-size:17px; background-color:#d7671d; margin:0px 10px 0px 0px;}



.footer a .linkedin:hover {background-color:#007bb6; color:#FFFFFF; transition:all ease 0.5s;}



.footer .google-plus {height:44px; width:44px; line-height:45px; text-align:center; vertical-align:middle; display:inline-block; color:#FFFFFF; border-radius:10%; font-size:17px; background-color:#d7671d; margin:0px 10px 0px 0px;}

.footer a .google-plus:hover {background-color:#dd4b39; color:#FFFFFF; transition:all ease 0.5s;}

    

.footer-bottom {width:100%; background-color:#2f2e2e; padding:21px 0px 21px 0px;}	



.footer-bottom p {color:#FFFFFF; font-size:13px; float:left; margin:0px;}



.footer-bottom h6 {color:#FFFFFF; font-size:13px; float:right; margin:0px;}



.footer-bottom h6 a {color:#FFFFFF;}



.footer-bottom h6 a:hover {color:#f08143;}



.breadcome {width:100%; background-color:#FFFFFF; height:300px; margin-top:0px;}



.breadcome h1 {color:#FFFFFF; padding:130px 0; margin:0px; font-size:36px;}



.breadcome .about-bg {background-image:url(../images/about-us.jpg); background-repeat:no-repeat; height:300px;}



.breadcome .breadcomeright {color:#FFFFFF; float:right; margin:0px; padding:135px 0; display:table-cell; vertical-align:middle; font-size:16px; font-weight:600;}



.breadcome ul {list-style:outside none none; display:inline; margin:0; padding:0 0 0 0px;}



.breadcome li {display:inline-table; padding:0 0 0 25px;;}



.breadcome li a {text-decoration:none; color:#FFFFFF;}



.breadcome li:before {content:"\f101"; font-family:FontAwesome; display:inline-block; margin-left:-1.3em; width:1.3em; color:#FFFFFF;}



.about-us {width:100%; padding:30px 0px 73px 0px;}



.about-us h2 {font-size:33px; color:#4e4f4f; font-family: 'Raleway', sans-serif; margin:27px 0px 20px 0px; line-height:24px;}



.about-us .line1 {text-align:center; display:table; margin:23px auto; width:100%;}



.about-us .line {background-color:#f08143; width:30%; height:3px;}



.about-us p {font-size:16px; color:#7b7d7e; text-align:justify; line-height:25px; margin:0px 0px 20px 0px;}



.about-us p span {color:#555556;}



.about-us ul {padding-left:25px; margin:0px 0px 20px 0px;}



.about-us ul li {list-style: outside none none; padding:5px 0px 5px 0px; line-height:13px; color:#565757; font-size:16px; font-weight:600;}



.about-us ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#f08143; font-size:16px;}



.about-us .btn-change3 {background: #f08143; margin:5px 0px 10px 0px; padding:6px 20px; border: 0px; color: #fff; font-size:17px; border-radius:10px; box-shadow: 0 0 1px #ccc; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -webkit-box-shadow: 0px 0px 0 0 #00b9be inset , 0px 0px 0 #00b9be inset; text-transform:uppercase;}

    

.about-us .btn-change3:hover {-webkit-box-shadow: 0px 50px 0 0px #00b9be inset , 0px -50px 0 0px #00b9be inset; color:#000000;}



.about-us .box {width:100%; border:1px solid #f0eeee; padding:30px;}



.about-us .box h3 {font-size:17px; color:#515151; margin-bottom:30px; text-transform:uppercase;}



.about-us .box .media-body p {font-size:15px; color:#81807f; text-align:left; line-height:25px; margin:0px 0px 20px 0px; width:100%;}



.about-us .box .media-body p a {color:#81807f;}



.about-us .box .media-body p a:hover {color:#f08143;}



.about-us .box .media i {color:#f08143; margin-top:5px; font-size:15px;}



.about-us h4 {font-size:16px; margin:10px 0px 10px 0px; color:#f08143; font-weight:600;}



.our {width:100%; background-color:#f8f8f8; padding:44px 0px 64px 0px;}



.our h3 {font-size:33px; color:#4e4f4f; font-family: 'Raleway', sans-serif; margin:27px 0px 20px 0px; line-height:24px;}



.our .line1 {text-align:center; display:table; margin:23px auto; width:100%;}



.our .line {background-color:#f08143; width:20%; height:3px;}



.our .box {width:100%;}



.our .box .img-responsive {width:100%;}



.our .rooms {position:relative;}

    

.our .caption {position:absolute; top:0; right:0; background:rgba(0, 185, 190, 0.4); width:100%; height:100%; padding:2%; display: none; text-align:center; color:#fff !important; z-index:2;}



.our .caption h4 {margin:50px 0px 20px; text-align:center; vertical-align:middle;}



.inquiry .table-inquiry td {font-size:14px; border:none; text-align:left;}



.inquiry table {border:none!important;}



.inquiry .table-inquiry .indi {text-align:center; font-weight:700;}



.inquiry .table-inquiry .indi-red {color:#FF0000; display:inline;}



.inquiry .table-inquiry {font-weight:700;}



.inquiry .table-inquiry td {padding:10px;}



.contact-us {width:100%;}



.contact-us iframe {width:100%; height:450px; border:0;}



.services {width:100%; padding:30px 0px 40px 0px;}



.services h2 {font-size:33px; color:#4e4f4f; font-family: 'Raleway', sans-serif; margin:27px 0px 20px 0px; line-height:24px;}



.services .line1 {text-align:center; display:table; margin:23px auto; width:100%;}



.services .line {background-color:#f08143; width:30%; height:3px;}



.services p {font-size:16px; color:#7b7d7e; text-align:justify; line-height:25px; margin:0px 0px 20px 0px;}



.services p span {color:#555556;}



.services .text-danger {color:#f08143;}



.services .box {width:100%; border:1px solid #f0eeee; padding:30px;}



.services .box h3 {font-size:17px; color:#515151; margin-bottom:30px; text-transform:uppercase;}



.services .box .media-body p {font-size:15px; color:#81807f; text-align:left; line-height:25px; margin:0px 0px 20px 0px; width:100%;}



.services .box .media-body p a {color:#81807f;}



.services .box .media-body p a:hover {color:#f08143;}



.services .box .media i {color:#f08143; margin-top:5px; font-size:15px;}



.services h4 {font-size:16px; margin:10px 0px 10px 0px; color:#f08143; font-weight:600;}



.services ul {padding-left:25px; margin:0px 0px 20px 0px;}



.services ul li {list-style: outside none none; padding:5px 0px 5px 0px; line-height:13px; color:#565757; font-size:16px; font-weight:600;}



.services ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#f08143; font-size:16px;}



.services .versatility {float:left; margin:10px 0px 10px;}



.services .versatility1 {float:right; margin:10px 0px 10px;}



.services .before {float:left;}



.services .before2 {float:right;}



.gallery {width:100%;}

    

.gallery #portfolio{text-align:center}



.gallery .btn{background:#ed3237;border:none;color:#FFF;content:"";z-index:4}



.gallery .btn a{color:#FFF;text-transform:uppercase}



.gallery .btn-bg{background:#06b5ca;color:#FFF;border:none}



.gallery .box-top-hover.btn-bg > span{line-height:40px;text-decoration:none;padding:0 20px;color:#FFF}



.gallery .btn-bg:hover{background:#373435;color:#fff}



.gallery .btn-bg:active{background:#ed3237;color:#FFF}



.gallery .button-main{margin:0 0 60px}



.gallery .button2{position:relative;display:inline-block;margin:0 10px 0 0;cursor:pointer;border:none;color:#FFF;background:#ed3237}



.gallery .button2:before{border-left:1px #000 solid;border-top:1px #000 solid;height:6px;width:6px;position:absolute;left:0;top:0;display:block;content:"";z-index:2;list-style:none;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}



.gallery .button2:after{border-right:1px #000 solid;border-bottom:1px #000 solid;height:6px;width:6px;float:right;position:absolute;right:0;display:block;content:"";z-index:2;bottom:0;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}



.gallery .button2 span{display:inline-block;list-style:none;padding:12px 22px;cursor:pointer;color:#FFF}



.gallery .button2 span:before{border-left:1px #000 solid;border-bottom:1px #000 solid;height:6px;width:6px;position:absolute;left:0;bottom:0;display:block;content:"";z-index:2}



.gallery .button2 span:after{border-right:1px #000 solid;border-top:1px #000 solid;height:6px;width:6px;float:right;position:absolute;top:0;right:0;display:block;content:"";z-index:2;bottom:0}



.gallery .button2:hover{background:#FFF;display:inline-block;list-style:none;margin:0 10px 0 0;cursor:pointer;border:none;color:#16afc7}



.gallery .button2:hover:before{border-left:1px #ed3237 solid;border-top:1px #ed3237 solid;height:100%;width:100%;position:absolute;left:0;top:0;display:block;content:"";z-index:2;list-style:none;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}



.gallery .button2:hover:after{border-right:1px #ed3237 solid;border-bottom:1px #ed3237 solid;height:100%;width:100%;float:right;position:absolute;right:0;display:block;content:"";z-index:2;bottom:0;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}



.gallery .button2:active,.button2.is-checked{background-color:#16afc7}



.gallery #portfolio .isotope{margin:60px 0 0}



.gallery #portfolio .isotope:after{content:'';display:block;clear:both}



.gallery .element-item > *{padding:5px;list-style:none;border:2px solid #f08143;border-radius:5px;margin:5px}



.gallery .element-item .name{position:absolute;left:10px;top:60px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}



.gallery .element-item .symbol{position:absolute;left:10px;top:0;font-size:42px;font-weight:700;color:#fff}



.gallery .element-item .number{position:absolute;right:8px;top:5px}



.gallery .element-item .weight{position:absolute;left:10px;top:76px;font-size:12px}



.gallery .element-item{position:relative;float:left;width:25%;height:auto;color:#262524}



.gallery .main_box.user_style10{width:100%}



.gallery .element-item img{width:100%}



.gallery .element-item.business > li{list-style:none}    



.award {width:100%; padding:40px 0px 30px;}



.award h3 {font-size:33px; color:#4e4f4f; font-family: 'Raleway', sans-serif; text-align:center; margin:0px; line-height:24px;}



.award h3 span {color:#f08143;}



.award .line1 {text-align:center; display:table; margin:23px auto; width:100%;}



.award .line {background-color:#f08143; width:30%; height:3px; margin:0 auto;}



.award .certificate {width:100%;}



.award .certificate .img-responsive {margin:0 auto; text-align:center;}



.award p {font-size:24px; color:#000000; text-align:center; margin:20px 0px 0px;}



#testimonial {padding:40px 0; background-color:#f8f8f8;}

#testimonial .fa.fa-quote-right {color:#f08143;font-size:30px;}

#testimonial p {font-family: 'Chilanka', cursive;margin-bottom:20px;margin-top:20px; line-height:24px; font-size:18px;}

#testimonial h5 {font-family: 'Chilanka', cursive; line-height:24px; font-size:18px;}

#testimonial img {width:150px;height:150px;margin:0 auto;border-radius:50%;border:1px solid #5db4c0;}

#testimonial .carousel {text-align: center; width: 100%;}

#testimonial .carousel .carousel-inner {text-align:center; width: 100%;}

#testimonial .carousel .carousel-inner .item {text-align:center; margin: 0 auto;}

#testimonial .carousel-indicators li {background-color:#f08143;height:13px;width:13px;margin:5px;}

#testimonial .carousel-indicators li.active {background-color:#888383;}

#testimonial .carousel-indicators {bottom:-50px;}

















@media screen and (max-width:320px){

.header-top p {text-align:center;}



.header-top .social-icons {float:none!important; text-align:center;}



.header-middle .logo {float:none;}



.header-middle .logo .img-responsive {margin:0 auto; text-align:center;}



.header-middle .single-header-info {float:none!important; padding:10px 0px 10px 0px; width:100%; text-align:center; margin:0 auto; display:table;}



.header-middle .pull-right {float:none !important; text-align:center;width:100%;}



.header-middle .single-header-info .icon-box .inner-box {margin:10px auto;}



.header-middle .single-header-info .icon-box, .single-header-info .content {display:inline-block;}



.header-bottom .info {float:none; text-align:center;}



.welcome h1 {font-size:20px;}



.welcome .box .img-responsive {width:100%; margin:0 auto; text-align:center;}



.welcome .box .img-responsive {width:100%; margin:0 auto; text-align:center;}



.welcome .box .room1 {float:none;}



.welcome .box .room2 {float:none; margin-top:15px;}



.welcome .box2 p {text-align:center;}



.welcome .box2 ul {text-align:center; padding-left:0px; width:100%;}



.welcome .box2 .info {text-align:center;}



.treatment .box {margin-bottom:20px;}



.footer .box {margin-bottom:20px; height:auto;}



.footer .box .clinic {width:74%;}



.footer ul {width:100%; float:none;}



.treatment h2 {font-size:20px; text-align:center;}



.treatment .line {margin:0 auto; text-align:center;}



.footer-bottom p {float:none; text-align:center; margin-bottom:10px;}



.footer-bottom h6 {float:none; text-align:center; margin-bottom:10px;}



.footer .logo {float:none;}



.footer .logo .img-responsive {margin:0 auto; text-align:center;}



.footer p {text-align:center;}



.breadcome h1 {padding: 50px; text-align: center; font-size:24px;}

    

.breadcome .breadcomeright {display: inherit; float: none; padding: 50px 0; text-align: center;}



.about-us h2 {text-align:center;}



.about-us .line {margin:0 auto; text-align:center;}



.about-us .before {float:none; margin-bottom:10px;}



.about-us .before2 {float:none;}



.about-us h3 {text-align:center;}



.about-us .img-responsive{margin:0 auto; text-align:center;}



.our h3 {text-align:center;}



.our .line {margin:0 auto; text-align:center;}



.our .box {margin:10px 0px;}



.services h2 {font-size:33px; text-align:center;}



.services .img-responsive{margin:0 auto; text-align:center;}



.services .line {margin:0 auto;}



.services .versatility {float:none;}



.services .versatility1 {float:none;}



.navbar-collapse.in {overflow-y: visible;} 



.gallery .element-item{ width:100% !important;}



.gallery .img-responsive {width:100%;}

  

}



@media screen and (min-width:321px) and (max-width:767px) {

.header-top p {text-align:center;}



.header-top .social-icons {float:none!important; text-align:center;}



.header-middle .logo {float:none;}



.header-middle .logo .img-responsive {margin:0 auto; text-align:center;}



.header-middle .single-header-info {float:none!important; padding:10px 0px 10px 0px; width:100%; text-align:center; margin:0 auto; display:table;}



.header-middle .pull-right {float:none !important; text-align:center;width:100%;}



.header-middle .single-header-info .icon-box .inner-box {margin:10px auto;}



.header-middle .single-header-info .icon-box, .single-header-info .content {display:inline-block;}



.header-bottom .info {float:none; text-align:center;}



.welcome h1 {font-size:20px;}



.welcome .box .img-responsive {width:100%; margin:0 auto; text-align:center;}



.welcome .box .room1 {float:none;}



.welcome .box .room2 {float:none; margin-top:15px;}



.welcome .box2 p {text-align:center;}



.welcome .box2 ul {text-align:center; padding-left:0px; width:100%;}



.welcome .box2 .info {text-align:center;}



.treatment .box {margin-bottom:20px;}



.footer .box {margin-bottom:20px; height:auto;}



.footer .box .clinic {width:74%;}



.footer ul {width:100%; float:none;}



.treatment h2 {font-size:20px; text-align:center;}



.treatment .line {margin:0 auto; text-align:center;}



.footer-bottom p {float:none; text-align:center; margin-bottom:10px;}



.footer-bottom h6 {float:none; text-align:center; margin-bottom:10px;}



.footer .logo {float:none;}



.footer .logo .img-responsive {margin:0 auto; text-align:center;}



.footer p {text-align:center;}



.breadcome h1 {padding: 50px; text-align: center; font-size: 24px;}

    

.breadcome .breadcomeright {display: inherit; float: none; padding: 50px 0; text-align: center;}



.about-us h2 {text-align:center;}



.about-us .line {margin:0 auto; text-align:center;}



.about-us .info {text-align:center;}



.about-us h3 {text-align:center;}



.about-us .before {float:none; margin-bottom:10px;}



.about-us .before2 {float:none;}



.about-us .img-responsive{margin:0 auto; text-align:center;}



.our h3 {text-align:center;}



.our .line {margin:0 auto; text-align:center;}



.our .box {margin:10px 0px;}



.services h2 {font-size:33px; text-align:center;}



.services .img-responsive{margin:0 auto; text-align:center;}



.services .line {margin:0 auto;}



.services .versatility {float:none;}



.services .versatility1 {float:none;}



.navbar-collapse.in {overflow-y: visible;}



.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFFFFF;}



.gallery .element-item{ width:100% !important;}



.gallery .img-responsive {width:100%;}



}



@media screen and (min-width:768px) and (max-width:991px) {

.header-top p {font-size:12px;}



.header-middle .logo{float:none;}



.header-middle .logo .img-responsive{margin:0 auto; text-align:center;}



.header-middle .pull-right{width:100%; float:none; text-align:center;}



.header-middle .single-header-info {width:50%;}



.header-middle .single-header-info .icon-box, .single-header-info .content {text-align:center; display:inline-block;}



.footer .box {height:230px;}



.footer .box .clinic {margin:-57px 0 0 39px;}



.welcome h1 {font-size:20px;}



.welcome .box .img-responsive {width:100%; margin:0 auto; text-align:center;}



.welcome .box .room1 {float:none;}



.welcome .box .room2 {float:none; margin-top:15px;}



.breadcome h1 {padding:130px 0;}

    

.breadcome .breadcomeright {padding:135px 0;}



.our .caption h4 {margin:0px 0px 10px; text-align:center; vertical-align:middle; font-size:16px;}



.footer .btn-change7 {font-size:10px;}



.footer .box2 {width:170px;}

} 



@media screen and (min-width:992px) and (max-width:1024px) {

.welcome .box .img-responsive {width:100%; margin:0 auto; text-align:center;}



.welcome .box .room1 {float:none;}



.welcome .box .room2 {float:none; margin-top:15px;}



.footer .box .clinic {margin:-81px 0 0 61px;}



.footer .box p {font-size:12px;}



.footer .btn-change7 {font-size:10px;}

}













































