<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Doctor's</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="pageWrapper"> 
  <!-- ================ header css starts================== -->
  <header class="header">
    <div class="headerWrap clearfix">
      <div class="container">
        <div class="row">
          <div class="logoDiv"> <a class="logo" href="index.html">Doctor's</a> </div>
          <div class="header-menu clearfix">
            <div class="menu-Items clearfix">
              <ul id="navigation" class="nav-main-menu clearfix">
                <li class="currentMenu"><a href="#">About Us</a></li>
                <li><a href="#">How it Works</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Contact Us</a></li>
                <li class="signUptbn"><a href="#">Sign Up</a></li>
                <li class="logintbn"><a href="#">Log In</a></li>
              </ul>
              <div class="toggleMenu"><i class="fa fa-bars"></i></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>
  <!-- ================ header css end================== --> 
  <!-- ================ page css starts================== -->
  <div class="site-content" id="pageItem">
    <section class="homeSliderRow">
      <div id="homeSlider" class="carousel slide" data-ride="carousel"> 
        
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active" style="background:url('images/chat.jpg') no-repeat">
            <div class="carousel-caption">
              <h1>Right Doctor Right care</h1>
              <h2>Search For Doctors and Book Appointment</h2>
            </div>
          </div>
          <div class="item" style="background:url('images/meeting.jpg') no-repeat">
            <div class="carousel-caption">
              <h1>Right Doctor Right care</h1>
              <h2>Search For Doctors and Book Appointment</h2>
            </div>
          </div>
          <div class="item" style="background:url('images/analysis-data.jpg') no-repeat">
            <div class="carousel-caption">
              <h1>Right Doctor Right care</h1>
              <h2>Search For Doctors and Book Appointment</h2>
            </div>
          </div>
          <div class="item" style="background:url('images/chat.jpg') no-repeat">
            <div class="carousel-caption">
              <h1>Right Doctor Right care</h1>
              <h2>Search For Doctors and Book Appointment</h2>
            </div>
          </div>
          <div class="item" style="background:url('images/meeting.jpg') no-repeat">
            <div class="carousel-caption">
              <h1>Right Doctor Right care</h1>
              <h2>Search For Doctors and Book Appointment</h2>
            </div>
          </div>
        </div>
        
        <!-- Indicators -->
        <div class="slideControl">
          <ol class="carousel-indicators clearfix">
            <li data-target="#homeSlider" data-slide-to="0" class="active"><i class="fa fa-comments-o"></i> <span>Chat</span>
              <div class="controlText"> Aenean vulputate eleifend tellus</div>
            </li>
            <li data-target="#homeSlider" data-slide-to="1"><i class="fa fa-handshake-o"></i> <span>Meeting</span>
              <div class="controlText"> Aenean vulputate eleifend tellus</div>
            </li>
            <li data-target="#homeSlider" data-slide-to="2"><i class="fa fa-line-chart"></i> <span>Analysis</span>
              <div class="controlText"> Aenean vulputate eleifend tellus</div>
            </li>
            <li data-target="#homeSlider" data-slide-to="3"><i class="fa fa-calendar-check-o"></i> <span>Score</span>
              <div class="controlText"> Aenean vulputate eleifend tellus</div>
            </li>
            <li data-target="#homeSlider" data-slide-to="4"><i class="fa fa-list-alt"></i> <span>Report</span>
              <div class="controlText"> Aenean vulputate eleifend tellus</div>
            </li>
          </ol>
        </div>
      </div>
    </section>
    <section class="whyChooseUsRow">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-xs-12">
            <h2>Why Choose Us</h2>
            <p>Nullam dictum felis eu pede mollis pretium</p>
            <div class="wcuTab"> 
              
              <!-- Nav tabs -->
              <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#patients" aria-controls="patients" role="tab" data-toggle="tab">For Patients</a></li>
                <li role="presentation"><a href="#doctors" aria-controls="doctors" role="tab" data-toggle="tab">For Doctors</a></li>
              </ul>
              
              <!-- Tab panes -->
              <div class="tab-content clearfix">
                <div role="tabpanel" class="tab-pane active" id="patients">
                  <div class="row clearfix">
                    <div class="col-md-6 col-xs-12">
                      <div class="patient_list">
                        <ul>
                          <li><span class="liIcon globe"><i class="fa fa-globe"></i></span><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. <em><strong>Aenean commodo</strong></em> ligula eget dolor. Aenean massa.</li>
                          <li><span class="liIcon chat"><i class="fa fa-comments-o"></i></span><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. <em><strong>Aenean commodo</strong></em> ligula eget dolor. Aenean massa.</li>
                          <li><span class="liIcon user"><i class="fa fa-user"></i></span><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. <em><strong>Aenean commodo</strong></em> ligula eget dolor. Aenean massa.</li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                      <div class="rightimage"><img src="images/righttabimage.jpg" width="565" height="296" alt=""></div>
                    </div>
                  </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="doctors">
                  <div class="row clearfix">
                    <div class="col-md-6 col-xs-12">
                      <div class="patient_list">
                        <ul>
                          <li><span class="liIcon chat"><i class="fa fa-comments-o"></i></span><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. <em><strong>Aenean commodo</strong></em> ligula eget dolor. Aenean massa.</li>
                          <li><span class="liIcon globe"><i class="fa fa-globe"></i></span><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. <em><strong>Aenean commodo</strong></em> ligula eget dolor. Aenean massa.</li>
                          <li><span class="liIcon user"><i class="fa fa-user"></i></span><strong>Lorem ipsum</strong> dolor sit amet, consectetuer adipiscing elit. <em><strong>Aenean commodo</strong></em> ligula eget dolor. Aenean massa.</li>
                        </ul>
                      </div>
                    </div>
                    <div class="col-md-6 col-xs-12">
                      <div class="rightimage"><img src="images/righttabimage.jpg" width="565" height="296" alt=""></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="analysisRow"> <img src="images/leftdesktopImage.jpg" width="678" height="431" alt="Analysis" class="leftImage">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-xs-12"></div>
          <div class="col-md-6 col-xs-12">
            <div class="analysisContent">
              <h3>Lorem ipsum dolor</h3>
              <p>Donec pede justo, fringilla vel,</p>
              <ul>
                <li>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</li>
                <li>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</li>
                <li>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</li>
                <li>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="connectedRow">
      <div class="container">
        <div class="cnt_text">
          <h2>Always Connected</h2>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor</p>
        </div>
        <div class="row">
          <div class="col-md-6 col-xs-12"> <img src="images/doctorleft.jpg" alt="Doctor" class="cn_leftImage" width="618" height="418" /> </div>
          <div class="col-md-6 col-xs-12"> <img src="images/patientright.jpg" alt="Patient" class="cn_rightImage" width="517" height="409" /> </div>
        </div>
      </div>
    </section>
    <section class="testimonialRow">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-xs-12">
            <h2>People say about Us</h2>
          </div>
          <div class="col-md-4 col-xs-12">
            <div class="testmDiv">
              <div class="testmInner">Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient</div>
              <div class="testmInfo"><img src="images/testimonial11.jpg" width="50" height="50" alt="Testimonial">
                <h6>Jennifer Doe</h6>
                <span>Patient, California, usa</span></div>
            </div>
          </div>
          <div class="col-md-4 col-xs-12">
          <div class="testmDiv">
              <div class="testmInner">Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Aenean commodo ligula eget dolor.</div>
              <div class="testmInfo"><img src="images/testimonial11.jpg" width="50" height="50" alt="Testimonial">
                <h6>Jennifer Doe</h6>
                <span>Patient, California, usa</span></div>
            </div>
          </div>
          <div class="col-md-4 col-xs-12">
          <div class="testmDiv">
              <div class="testmInner">Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes</div>
              <div class="testmInfo"><img src="images/testimonial11.jpg" width="50" height="50" alt="Testimonial">
                <h6>Jennifer Doe</h6>
                <span>Patient, California, usa</span></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="subscribeRow">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-xs-12">
          <h2>Lorem ipsum dolor sit amet, consectetuer adipiscing elit</h2>
          <div class="searchinput">
          <form>
            <input type="email" placeholder="Email Address">
            <button type="submit">Sign Up- It's FREE</button>
          </form>
        </div>
        <p>Lorem ipsum dolor sit <span>amet</span>, consectetuer adipiscing elit sociis <span>natoque</span> penatibus</p>
          </div>
        </div>
      </div>
   </section>
  </div>
  <!-- ================ page css end================== -->
  <footer class="siteFooter">
<div class="container">
  <div class="row clearfix">
    <div class="col-md-4 col-xs-12">Copyright 2015 @doctor's.com</div>
    <div class="col-md-8 col-xs-12"><ul class="footerList"><li><a href="#">About Us</a></li><li><a href="#">How it Works</a></li><li><a href="#">Blog</a></li><li><a href="#">Contact</a></li></ul></div>
  </div>
</div>
  </footer>
</div>
<!-- jQuery --> 
<script src="js/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/custom.js"></script>
</body>
</html>




@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
html { min-height: 100%; position: relative; }
* { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
body { height: 100%; margin: 0; font-family: 'Open Sans', sans-serif; }
a:focus, input:focus, textarea:focus, button:focus { outline:none; text-decoration:none; }
a:hover { color:#2daae2; text-decoration:none; }
img { max-width: 100%; height:auto; }
h1, h2, h3, h4, h5, h6 { font-weight:700; margin-top:0; color:#525252; }
h1 { font-size:40px; }
h2 { font-size:30px; }
h3 { font-size:26px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
p { line-height:24px; }
.container{ position:relative; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
/*header css start*/
.logoDiv { color: #fff; float: left; font-size: 40px; font-weight: 700; padding: 15px 0; text-transform: uppercase; }
.header-menu { float:right;margin-top: 22px; }
#navigation { z-index: 9999; padding-left:0; margin-bottom:0; }
#navigation li { display:inline-block; vertical-align:top; margin-left:10px; }
#navigation li a { color:#fff; text-transform:uppercase; font-weight:600; font-size:14px; display:block; padding:7px 15px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
#navigation li.signUptbn a{border:1px solid #fff; border-radius:2px;-moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px;}
#navigation li.signUptbn{ margin-right:10px;}
#navigation li.logintbn a{border:1px solid #2cabe2; background:#2cabe2;border-radius:2px;-moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px;}
#navigation li.logintbn a:hover{ background:none; border:1px solid #fff}
#navigation li.signUptbn a:hover{ background:#2cabe2; border:1px solid #2cabe2}
#navigation li a:hover, #navigation li.currentMenu a { color:#fff; }
.logoDiv .logo { display:block; color:#fff }
.header { left: 0; position: absolute; right: 0; top: 0; z-index: 99999; }
.toggleMenu { display:none; }
/*pagecss*/

.btnExplore { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; margin-top:15px; background:#609d1e; text-transform:uppercase; color:#fff; padding:10px 20px; display:inline-block }
.btnExplore:hover { background:#525252; color:#fff; }
#homeSlider .item { height:580px; }
#homeSlider .item:before { z-index:1; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.5); content:''; position:absolute }
#homeSlider .carousel-caption {bottom:auto; top:40%;color: #fff;left: 0; margin: auto; max-width: 1170px; padding: 0 15px; right: 0; text-align: left; width: 100%;}
#homeSlider .carousel-caption h1{ margin-bottom:0px; font-size:46px; line-height:56px; text-transform:uppercase; color:#fff; text-shadow:none;}
#homeSlider .carousel-caption h2{font-weight:600;font-size:36px;line-height:46px; max-width:600px; width:100%; text-transform:uppercase; color:#fff; text-shadow:none;}
#homeSlider .carousel-indicators{position:relative; text-align:center; width:100%; max-width:1170px; padding:0 15px; margin:0 auto !important; left:0; bottom:0;}
#homeSlider .carousel-indicators li{ position:relative; padding:20px 15px; width:19%; display:inline-block; height:auto; border:none; text-indent: 0; }
.slideControl{ box-shadow: 0 0px 5px #333; -moz-box-shadow: 0 0px 5px #333; -webkit-box-shadow: 0 0px 5px #333; -ms-box-shadow: 0 0px 5px #333; -o-box-shadow: 0 0px 5px #333; position:relative;}
#homeSlider .carousel-indicators li span{display:block;color:#646464; font-size:13px; font-weight:600;}
#homeSlider .carousel-indicators li i{font-size:35px; color:#b8b8b8; margin-bottom:5px;}
#homeSlider .carousel-indicators li.active i{ color:#2cabe2}
.controlText{color:#b9b9b9; font-size:13px; font-weight:600;}
#homeSlider .carousel-indicators li:after{ top:20px; height:93px; width:1px; background:#b9b9b9; content:''; position:absolute;right:0;}
#homeSlider .carousel-indicators li:last-child::after{ background:none;}
#homeSlider .carousel-indicators li.active::before {border-bottom: 15px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent;content: ""; height: 0;  left: 0;  margin: auto;  position: absolute;  right: 0;  top: -16px;  width: 0;  z-index: 88;}
.whyChooseUsRow{ padding:55px 0 0; border-bottom:1px dotted #777;}
.whyChooseUsRow h2{ text-align:center; margin-bottom:10px; font-size:40px; font-weight:600; color:#2cabe2}
.whyChooseUsRow p{color:#6f6f6f; font-size:22px; font-weight:600; text-align:center;}
.wcuTab{ margin-top:40px;}
.wcuTab .nav-tabs > li { display: inline-block; float: none; margin-bottom: 0;}
.wcuTab .nav-tabs{text-align:center; border-bottom:none;}
.wcuTab .nav > li > a,.wcuTab .nav > li > a:hover,.wcuTab .nav > li > a:focus { position:relative;background:#fff;color:#444; margin-right:-4px; font-weight:400; font-size:18px;border:1px solid #2cabe2; display: block; padding: 8px 25px;}
.wcuTab .nav > li:first-child > a{border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px; -o-border-radius:2px 0 0 2px; -webkit-border-radius:2px 0 0 2px; -ms-border-radius:2px 0 0 2px;}
.wcuTab .nav > li:last-child > a{border-radius:0px 2px 2px 0px;-moz-border-radius:0px 2px 2px 0px; -o-border-radius:0px 2px 2px 0px; -webkit-border-radius:0px 2px 2px 0px; -ms-border-radius:0px 2px 2px 0px;}
.wcuTab .nav > li.active a{ background:#2daae2; color:#fff;}
.wcuTab .nav > li.active a:before{border-top: 10px solid #2daae2; border-left: 10px solid transparent; border-right: 10px solid transparent;content: ""; height: 0;  left: 0;  margin: auto;  position: absolute;  right: 0;  bottom: -11px;  width: 0;  z-index: 88;}
.wcuTab .tab-content{padding-top:40px;}
.patient_list{ padding:30px 0 15px;}
.patient_list ul{list-style:none; padding-left:0;}
.patient_list ul li{ min-height:55px; font-size:15px; margin-bottom:20px; color:#7d7d7d; position:relative; padding-left:65px}
.liIcon{width:54px; top:0; height:54px; display:block; text-align:center; line-height:54px; background:#2daae2; font-size:30px; color:#fff; position:absolute; left:0; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%;}
.liIcon.chat{ background:#0db2ac;}
.liIcon.user{ background:#71a60e;}
.analysisRow{ position:relative; padding:90px 0 50px; background:#f4f4f4}
.leftImage{ position:absolute; left:0; bottom:0;}
.analysisContent{padding-top:50px; padding-left:30px;}
.analysisContent h3{color:#14a4fa; font-size:35px; font-weight:400; margin-bottom:5px;}
.analysisContent p{color:#6f6f6f; font-size:22px; font-weight:400;}
.analysisContent ul{ padding-left:0; list-style:none; margin-top:20px;}
.analysisContent ul li{position:relative; margin-bottom:15px;color:#6f6f6f;font-size:15px; padding-left:30px;}
.analysisContent ul li:before{ left:0; color:#14a4fa;content: "\f058"; position:absolute; top:-2px; font-family:FontAwesome; font-size:26px;}
.connectedRow{ border-bottom:1px solid #d0d0d0; padding-top:55px;}
.cn_leftImage {margin-top: 34px;}
.cnt_text {bottom: 16%;left: 0; margin: auto; max-width: 400px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 9;}
.cnt_text h2{color:#14a4fa; font-size:35px; font-weight:400; margin-bottom:10px;}
.cnt_text p{color:#6f6f6f; font-size:14px; font-weight:400;}
.testimonialRow h2{ text-align:center; margin-bottom:10px; font-size:36px; font-weight:400; color:#2cabe2}
.testimonialRow{padding:55px 0; background:#f4f4f4}
.testmDiv{ margin:50px 0 0;}
.testmInner{ position:relative; padding:30px; background:#fff;border-radius:2px;-moz-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; color:#8d8d8d; font-size:13px;}
.testmInner:before{border-top: 7px solid #fff; border-left: 7px solid transparent; border-right: 7px solid transparent;content: ""; height: 0;  left: 0;  margin:0 0 0 40px;  position: absolute;  right: 0;  bottom: -7px;  width: 0;  z-index: 8;}
.testmInfo{ position:relative; padding:20px 20px 10px 90px;}
.testmInfo img{position:absolute; top:17px; left:30px; border:1px solid #f4f4f4; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; -ms-border-radius:50%;}
.testmInfo h6{font-weight:600;color:#2cabe2; margin-bottom:0px; margin-top:3px;}
.testmInfo span{ color:#999;}
.subscribeRow{ color:#fff; text-align:center; background:#279cd1; padding:75px 0 60px; background:#279cd1}
.subscribeRow h2{ text-align:center; color:#fff; font-weight:400;}
.subscribeRow p span{ color:#76c1e8;}
.searchinput { position:relative; margin: 45px auto 15px;max-width: 570px; width: 100%;}
.searchinput input{font-size:15px; border-radius:3px;-moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; background:rgba(255,255,255,0.6); border:none; width:100%; display:block; padding:0 174px 0 20px; height:53px;}
.searchinput input::-webkit-input-placeholder{color:#fff; opacity:1;}
.searchinput input::-moz-placeholder{color:#fff; opacity:1;}
.searchinput input:-ms-input-placeholder{color:#fff; opacity:1;}
.searchinput input:-moz-placeholder{color:#fff; opacity:1;}
.searchinput button{ background:#279cd1; color:#fff; right: 5px; border-radius:3px;-moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px;font-size:14px; padding:0 20px; font-weight:600; height:43px; z-index:9; border:none;  top: 5px; position:absolute;}

/*footer css*/
.siteFooter { position: absolute; bottom:0; width: 100%; font-size:13px; color:#666; padding:30px 0; background:#fff; }
.siteFooter a { color:#666; }
.siteFooter a:hover { color:#279cd1; }
.footerList{list-style: outside none none; margin:0; padding-left: 0; text-align: right;}
.footerList li{ display:inline-block; vertical-align:top;}
.footerList li a{ padding:0px 10px 5px; text-transform:uppercase; display:block; font-weight:600;}

@media screen and (max-width:1199px) {
.patient_list ul li{ margin-bottom: 9px;}
.analysisRow .col-md-6{width:100%;}	
.leftImage{ border-bottom:1px solid #ddd; position:relative;} 
.analysisRow{padding: 50px 0;}
.cn_leftImage { margin-top: 52px;}
}
@media screen and (max-width:991px) {
.logoDiv{float: none;text-align:center;padding:10px 0;}
.header-menu { margin-top:5px;float: none;text-align:center;}
.patient_list ul li {  margin-bottom: 15px;}
.rightimage{ text-align:center;}
.leftImage{ padding-right:20px;}
.analysisContent { padding-left: 0;}
.cn_leftImage {margin-top: 0; border-bottom:1px solid #ddd; margin-bottom:20px;}
.cnt_text{ position:relative; margin-bottom:20px;}
.connectedRow .col-xs-12{ text-align:center;}
.footerList{ text-align:center; margin-top:10px;}
.controlText{font-size: 12px;}
}
@media screen and (max-width:767px) {

#navigation {
display:none;
left:0;
right:0;
background:rgba(255,255,255,0.8);
padding-bottom:15px;
margin-bottom:0;
position:absolute;
}
#navigation li a {display:block;text-align:left; color:#555;}
#navigation li a:hover, #navigation li.currentMenu a{color:#279cd1}
#navigation li.signUptbn a,#navigation li.logintbn a,#navigation li.signUptbn a:hover,#navigation li.logintbn a:hover { border: medium none; background:none;  border-radius: 0;}
#navigation li {
margin:0;
display:block;
}
.menu-Items {
min-height:50px;
position:relative;
background:rgba(255,255,255,0.4);
}
.toggleMenu {
top: 6px;
background: #279cd1;
display: block;
font-size: 24px;
color:#fff;
cursor:pointer;
height: 40px;
line-height: 40px;
position: absolute;
right: 15px;
width: 40px;
}
.logoDiv {
padding: 10px 0;
}	
.siteFooter {
text-align:center
}
#homeSlider .carousel-caption h1{font-size: 38px; line-height: 50px;}
#homeSlider .carousel-caption h2{ font-size: 29px; line-height: 41px;}
#homeSlider .item {  height: 480px;}
.controlText{ display:none;}
#homeSlider .carousel-indicators li::after{ height:60px;}
}
@media screen and (max-width:630px) {
	#homeSlider .carousel-indicators li i{font-size: 20px;}
	#homeSlider .carousel-indicators li span{ font-size:12px;}
	#homeSlider .carousel-indicators li::after{ height:42px; top:10px;}
	#homeSlider .carousel-indicators{ padding:0;}
	#homeSlider .carousel-indicators li{ margin-right:-4px; padding:10px 5px;}
	#homeSlider .carousel-indicators li.active::before {border-bottom: 8px solid #fff; top:-8px; border-left: 8px solid transparent; border-right:8px solid transparent;}
	#homeSlider .carousel-caption h1 { font-size: 25px; line-height: 33px;}
	#homeSlider .carousel-caption h2 {font-size: 18px; line-height: 28px;}
	#homeSlider .carousel-caption{top:45%;}
	.whyChooseUsRow h2,.analysisContent h3,.testimonialRow h2{font-size: 30px;}
	.whyChooseUsRow p{font-size: 20px;}
	.searchinput button{ border:1px solid #fff; position:relative; margin-top:15px;}
	
}
@media screen and (max-width:500px) {
	.wcuTab .nav > li > a, .wcuTab .nav > li > a:hover, .wcuTab .nav > li > a:focus{ padding:8px 20px}
	.testmDiv {margin: 20px 0 0;}
	h2 { font-size: 26px;}
	#homeSlider .item { height: 400px;}
	#homeSlider .carousel-caption { top: 48%;}
}