<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<!-- Theme Page Title -->
<title>Home</title>
<!-- favicon -->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--css link-->
<link href="css/menuzord/menuzord.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/reset-style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
<link href="css/color/themecolor.css" rel="stylesheet" id="colorswitcher">
</head>
<body>
<!--wrapper start-->
<div class="wrapper">
<!-- Preloader -->
<div class="preloader"></div>
<!-- Start Main Header -->
<header class="mega-header">
<div class="header-top">
<div class="container">
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
<a class="logo" href="index.html"><img src="images/logo.png" alt="Logo" title="Medical"></a>
</div>
<div class="col-lg-8 col-md-8 col-sm-12 header-top-widget headerwidget-style2">
<div class="header-widget">
<div class="iconbox-widget">
<div class="icon">
<i class="flaticon-square"></i>
</div>
<div class="box-contenet">
<h5 class="title"><a href="#">Opening Hours</a></h5>
<p class="sub-title"><a href="#">Mon - Sat 9.00 - 19.00</a></p>
</div>
</div>
<div class="iconbox-widget">
<div class="icon">
<i class="flaticon-medical-1"></i>
</div>
<div class="box-contenet">
<h5 class="title"><a href="#">Sign In / Sign Up</a></h5>
<p class="sub-title"><a href="#">Free trial for first time</a></p>
</div>
</div>
<div class="iconbox-widget">
<div class="icon">
<i class="flaticon-telephone-symbol-button"></i>
</div>
<div class="box-contenet">
<h5 class="title"><a href="#">Call Us Today</a></h5>
<p class="sub-title"><a href="#">(0)123 456 7890</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Header Main-->
<div class="header-main">
<div class="container">
<div class="row clearfix">
<!--Main Menu-->
<div class="mega-menu col-lg-12 col-md-12 col-sm-12 col-xs-12">
<nav id="menuzord" class="menuzord menuzord-responsive">
<ul class="menuzord-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="javascript:void(0)">Services</a>
<ul class="dropdown">
<li><a href="services.html">Services</a></li>
<li><a href="service-details.html">Service Details</a></li>
</ul>
</li>
<li><a href="javascript:void(0)">Doctors</a>
<ul class="dropdown">
<li><a href="doctors.html">Doctors</a></li>
<li><a href="doctor-details.html">Doctor Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<div class="appoint-inner">
<div class="appoint-btn text-right">
<a href="#">Appointment Now</a>
</div>
</div>
</nav>
</div>
<!--Main Menu End-->
</div>
</div>
</div>
</header>
<!--End Main Header -->
<!--Main Content start-->
<div class="main-content">
<!--Main Slider Start-->
<section class="home-slider">
<div class="tp-banner-container">
<div class="tp-banner">
<ul>
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/home-slider/1.jpg" data-saveperformance="off" data-title="We are Awsome">
<img src="images/home-slider/1.jpg" alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
<div class="tp-caption lfb tp-resizeme"
data-x="center" data-hoffset="15"
data-y="center" data-voffset="-80"
data-speed="1500"
data-start="500"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"><div class="big-title"><h2 class="slide-bg-theme">We provide the best medical services</h2></div></div>
<div class="tp-caption lfb tp-resizeme"
data-x="center" data-hoffset="15"
data-y="center" data-voffset="-10"
data-speed="1500"
data-start="750"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"><div class="big-title"><h2 class="slide-bg-theme slide-bg-black slide-psm">Offering the best medical service</h2></div></div>
<div class="tp-caption lfb tp-resizeme"
data-x="center" data-hoffset="15"
data-y="center" data-voffset="65"
data-speed="1500"
data-start="1000"
data-easing="easeOutExpo"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.01"
data-endelementdelay="0.3"
data-endspeed="1200"
data-endeasing="Power4.easeIn"
style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;"><div class="link-btn"><a href="#" class="btn-theme btn-round">MAKE AN APPOINTMENT <i class="fa fa-