/**
	
* Template Name: Povital - Medical & Health HTML Template
* Version: 1.0.4
* Author: Unicoder
* Email: unicoder16@gmail.com
* Developed By: Unicoder
* First Release: 4 Sep, 2018
* Author URL: www.unicoderbd.com

**/

/*======================
01. Default CSS Start
02. Another Default CSS
03. Text Area Customize
04. Form Customize
05. Background Customize
06. Padding Margin Customize
07. Button Customize
08. Popular Question Section 
09. list style
10. Section Tittle Customize
11. Header CSS Start
12. Nav Header CSS Start
13. slider css start
14. Servide CSS Start
15. Extra Facilities CSS Start
16. counter Section CSS Start
17. Gallery CSS Start
18. Subscripton CSS Start
19. We Are Best CSS Start
20. Choose Us CSS Start
21. Great Place to Work start
22. Blog CSS Start
23. Footer CSS Start
24. Banner CSS
25. About Us CSS
26. About Hospital
27. Our service_block_2
28. Our Service Details
29. Our Doctors Details
29. Blog Page css
30. Blog Details css
31. Timeshedule css
32. Department css
33. Appointment Page css
34. Error Page css
35. Contact Page css
=======================*/

@import url('animate.min.css');
@import url('jquery.fancybox.min.css');
@import url('owl.carousel.min.css');

/*====== Link Google Fonts API ========*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Nunito:400,400i,600,600i,700,700i');

/*====================================================================
	0. Scroll to Top css
====================================================================*/
.scroll-to-top {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	position: fixed;
	bottom: 25px;
	right: 25px;
	z-index: 999;
	text-align: center;
	line-height: 47px;
	display: none
}
a.scroll-btn {
	color: #fff;
	display: block
}
.z-index-999{
	z-index: 999
}

body {
    font-size: 15px;
    font-family: 'Nunito', sans-serif;
    line-height: 28px;
	overflow-x: hidden
}
a, .btn-link:hover,
.btn-link.focus, .btn-link:focus {
    text-decoration: none;
    cursor: pointer
}
a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif;
    margin: 0px;
    font-weight: 800
}
button{
	outline: unset
}

.h1, h1 {
    font-size: 52px
}
.h2, h2 {
    font-size: 46px
}
.h3, h3 {
    font-size: 40px
}
.h4, h4 {
    font-size: 30px;
    font-weight: 700
}
.h5, h5 {
    font-size: 22px;
    font-weight: 700
}
.h6, h6 {
    font-size: 18px;
    font-weight: 700
}
.slider_title {
	font-size: 62px
}
img {
    max-width: 100%;
}
p {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    font-size: 15px;
	line-height: 28px
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0
}
label {
    margin-bottom: 0px
}
.full-row {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative
}
.flat-large [class^="flaticon-"]:before {
    font-size: 60px
}
.flat-medium [class^="flaticon-"]:before {
    font-size: 45px
}
.middle-x, .middle{
	position: absolute;
	left: 50%
}
.middle-y, .middle{
	position: absolute;
	top: 50%
}
.social-icon li a {
    margin-right: 25px
}
.social-icon li {
    float: left;
    padding-right: 10px
}

.owl-side-arrow.owl-carousel .owl-nav .owl-prev{
	left: 0px
}
.owl-side-arrow.owl-carousel .owl-nav .owl-prev,
.owl-side-arrow.owl-carousel .owl-nav .owl-next {
	position: absolute;
	width: 40px;
	line-height: 40px;
	text-align: center;
	top: 50%;
	right: 0px;
	z-index: 2
}
.owl-carousel .owl-dots{
	text-align: center
}
.owl-carousel .owl-dot{
	margin-top: 20px
}
.owl-carousel .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border: 2px solid;
    border-radius: 30px;
    display: block;
    height: 12px;
    transition: opacity 200ms ease 0s;
    width: 12px;
    margin: 0 4px;
}
.circle{
	border-radius: 50%;
	overflow: hidden
}
.img-full-height img{
	width: 100%;
	height: 100%
}
.radius-0{
	border-radius: 0 !important
}
/*======================Position CSS Start=======================*/
.recent-post li, .btn-bar,
.gallery-section .filters,
.gallery-section .filter-btns li {
    position: relative
}
.down-line:before {
    position: absolute
}
.right-0 {
	right: 0
}
.left-0 {
	left: 0
}
.top-0 {
	top: 0
}
.bottom-0 {
	bottom: 0
}
.w-0{
	width: 0
}
.h-0{
	height: 0 !important
}


/*======================Margin & Padding CSS Start=======================*/
.m-30{
	margin: 30px
}
.mb-30, .my-30{
	margin-bottom: 30px
}
.mt-30, .my-30{
	margin-top: 30px
}
.mr-30, .mx-30{
	margin-right: 30px
}
.ml-30, .mx-30{
	margin-left: 30px
}
.p-30{
	padding: 30px
}
.pb-30, .py-30{
	padding-bottom: 30px
}
.pt-30, .py-30{
	padding-top: 30px
}
.pr-30, .px-30{
	padding-right: 30px
}
.pl-30, .px-30{
	padding-left: 30px
}

.p-tag-m-0 p{
	margin-bottom: 0
}
.text-mb-0 p{
	margin-bottom: 0
}
/*======================Display CSS Start=======================*/
.recent-post li a {
    display: block
}
#buttons ul li{
    display: inline-block
}
/*=====================03. Text Area Customize=====================*/
.text-block-1 {
    padding: 50px 30px
}
.text-block-2 i {
    float: left;
    margin-right: 20px
}
.text-block-2 .inner-title{
	line-height: 40px
}
/*=====================04. Form Customize=====================*/
.form-control{
	height: 46px
}
textarea.form-control {
    resize: none;
    padding: 12px;
    height: 150px;
}
select {
	 border: medium none;
    font-family: "Montserrat",sans-serif;
    font-weight: 400;
    height: 44px;
    padding: 0 15px;
	width: 100%
}
.form-1 .form-control{
	padding: 0;
    border-color: transparent transparent #e1e1e1 transparent;
    background: transparent;
}
.form-2 p{
	color: #818181;
	margin-bottom: 30px
}
.form-2 .btn{
	border-radius: 0
}
.form-3 .form-control, .form-3 select{
	border: 1px solid
}
.form-3 input, .form-3 select, 
.form-3 textarea.form-control {
	background-color: transparent;
	border-radius: 23px;
	padding: 10px 20px
}
/*=====================Overlay Css Start=====================*/
.primary-overlay, 
.secondery-overlay, 
.black-overlay, 
.white-overlay,
.gradient-overlay {
    position: relative
}
.primary-overlay:before, 
.secondery-overlay::before, 
.black-overlay::before, 
.white-overlay:before,
.gradient-overlay:before {
    bottom: 0;
    position: absolute;
    content: "";
    top: 0;
	left: 0;
    width: 100%
}
.image-gallery:before {
    bottom: 0;
    position: absolute;
    content: "";
    left: 0;
    top: 100%;
    width: 100%;
}
/*==================07. Button Customize===================*/

.btn {
    border: 2px solid transparent;
    cursor: pointer;
    display: inline-block;
	font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 0px 30px;
    text-shadow: none;
    line-height: 46px;
	border-radius: 25px;
	text-align: center
}
.btn-primary:hover {
    background-color: transparent
}
.btn-white {
    border: 2px solid
}
.btn-white {
    background-color: transparent;
    border: 2px solid transparent
}
.read-more, .btn-link {
    font-weight: 500;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;
}

/*====================09. list style=====================*/
.list-style-1 li{
	padding-right: 12px;
	float: left
}
.list-style-1 li i{
	margin-right: 7px
}
.list-caret-right {
	display: table;
	width: 100%
}
.list-caret-right li{
    padding-right: 15px;
    position: relative;
    font-size: 15px;
    float: left;
    padding-left: 15px;
	line-height: 40px
}
.list-caret-right li:before{
	font-family: 'fontawesome';
	position: absolute;
	content: "\f0da";
	left: 0
}
.list-circle li{
	list-style-type: circle;
	margin: 0 0 15px 15px;
}
.list-circle li:last-child{
	margin-bottom: 0
}
.list-half li{
	width: 50%
}
.list-decimal li {
    font-family: 'Nunito', sans-serif;
    list-style: decimal;
    font-size: 16px;
    line-height: 40px;
    margin-left: 15px;
}
/*====================Social Icon style====================*/
.social-boxicon li a {
    width: 40px;
    line-height: 36px;
    border: 2px solid;
    margin: 0 3px;
    display: block;
    text-align: center;
}
.social-boxicon li{
	float: left
}
/*====================Accordion style====================*/
.card {
	margin-bottom: 2px;
	border: none;
	background: transparent
}
.card-header{
	border: none;
}
.card-header button{
	width: 100%;
	text-align: left;
	text-transform: capitalize;
	cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    line-height: 44px;
    overflow: hidden;
    padding: 0 50px 0 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
	border-radius: 0
}
.card-header [aria-expanded="false"]:before,
.card-header [aria-expanded="true"]:before{
	position: absolute;
    content: "";
    width: 12px;
    height: 2px;
    right: 12px;
    top: 22px;
}
.card-header [aria-expanded="false"]:after,
.card-header [aria-expanded="true"]:after{
	position: absolute;
    content: "";
    height: 12px;
    width: 2px;
    right: 17px;
    top: 17px;
}
/*====================
	10. Section Tittle Customize
====================*/
.section-title{
	width: 58%;
	display: table;
	margin: 0 auto 30px
}
.section-title span {
    display: block;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 15px
}
.down-line-center,
.down-line-left{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px
}
.down-line-center:before,
.down-line-left:before{
    content: "";
    width: 50px;
    height: 4px;
    bottom: 0;
    position: absolute
}
.down-line-center:before{
    left: 50%;
    transform: translateX(-50%);
}
.sub-title {
    display: block;
	font-family: 'Poppins', sans-serif;
    font-size: 18px;
    width: 65%;
    margin: 0 auto;
    color: #000000;
    margin-bottom: 30px;
	line-height: 35px
}
.title-area-left .section-title,
.title-area-left .sub-title {
	width: 100%
}
.inner-title{
    font-weight: 700
}
/* =====================================================
All Backgrounds css and special css for this template
======================================================== */
.bg-standby{
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}
.bg-parallax {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed
}
.background-img-left{
	background-position: 30px bottom;
	background-repeat: no-repeat;
	background-size: 42%;
}
/* Top Header Style One
========================================================*/
.top-header {
    line-height: 40px;
    font-size: 13px;
}
.top-profile ul li:first-child {
    border-left: 1px solid;
}
.top-profile ul li {
    border-right: 1px solid;
}
.top-profile a {
    padding-left: 15px;
    font-family: 'Poppins', sans-serif;
}
.navbar-light .navbar-nav .nav-link{
	font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 25px 12px;
	padding: 0
}
.navbar-one .navbar-light .navbar-nav .nav-item:last-child .nav-link{
	margin-right: 0
}
.navbar_one .navbar-light .navbar-nav li.nav-item.active a,
.navbar_one .navbar-light .navbar-nav .nav-link:hover{
	border-radius: 3px;
}
#header.fixed-header {
    animation-duration: 1s;
    animation-name: menu-sticky;
    animation-timing-function: ease-out;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.nav-on-top {
    position: absolute;
    animation-fill-mode: both;
    width: 100%;
    z-index: 999;
    top: 0;
}
.nav-on-banner {
    animation-fill-mode: both;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 999;
}
@keyframes menu-sticky {
	0% {
		margin-top: -150px;
	}
	50% {
		margin-top: -90px;
	}
	100% {
		margin-top: 0;
	}
}
.navbar-brand{
	padding: 0px 0
}
#header.fixed-top .top_header,
#header.fixed-top .navbar-brand:before {
	display: none
}
#header.fixed-top .navbar a.navbar-brand {
    margin-top: 0;
    padding: 10px 20px;
    position: relative;
}
#header.fixed-top .navbar{
	padding: 0
}
.dropdown-item,
.navbar .navbar-nav li > ul.dropdown-menu{
	border-radius: 0 !important
}
/*--------- MegaMenu ---------*/
.mega-menu-dropdown{
	position: static !important
}
.mega-menu-dropdown .dropdown-menu{
	width: 100%
}
.mega-menu-dropdown .dropdown-menu.mega-menu > li{
	width: 25%;
	float: left;
	display: block
}
.mega-menu-dropdown .dropdown-menu > li > ul a{
	display: block
}
.mega-menu {
	padding: 20px 15px
}
.fixed-top .mega-menu {
    margin-top: -12px;
}
/*--------- Header Style 2 ---------*/
.header-2 {
    position: absolute;
    width: 95%;
    left: 50%;
    top: 20px;
}
.nav-contact {
    padding-left: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.nav-contact li.call-us {
    line-height: 50px;
    position: relative;
    padding-right: 15px;
    font-weight: 600;
    font-size: 16px;
}
.call-us [class^="flaticon-"]:before {
    position: relative;
    top: 8px;
    left: -8px;
    font-size: 36px;
    font-weight: normal;
}
.search-on-slider input[type="search"] {
    width: 380px;
    background: transparent;
    border-radius: 25px;
    border: 1px solid #fff;
    padding: 0 35px 0 20px
}
.search-on-slider button {
    position: absolute;
    right: 20px;
    background: none;
    border: none;
    top: 8px;
    cursor: pointer;
    right: 10px;
}
/*--------- Header Herbal ---------*/
.header-7 .middle-header, .header-8 .nav-header{
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent
}
.header-7 .top-profile ul li{
	border: none
}
.header-7 .btn-appointment{
	margin-top: 12px
}
/*--------- Home Page (Medical) ---------*/
/*=========================
	13. Video css start
==========================*/
.intro-video {
    width: 100%;
    height: 350px;
    background-size: cover;
    position: relative;
}
.intro-video, .intro-video a {
	position: relative;
	z-index: 1
}
.intro-video:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}
.video-popup i.fa {
	position: relative;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 24px;
    border-radius: 50%;
    padding-left: 3px;
    z-index: 2;
}
.YouTubePopUp-Wrap {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}
.YouTubePopUp-Content {
  background: rgba(0, 0, 0, 0) url("../img/fancybox/fancybox_loading.html") no-repeat scroll center center;
  display: block;
  height: 100%;
  margin: 0 auto;
  max-width: 680px;
  position: relative
}
.YouTubePopUp-Content iframe {
  border: medium none;
  bottom: 0;
  display: block;
  height: 480px;
  margin: auto 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  width: 100%
}
.signature img, .video-popup {
    float: left;
    margin: -10px 20px 0 0;
	width: auto
}
/*=========================
	13. Medical Service css start
==========================*/
.service-block-1 {
    padding: 40px 30px;
    border-bottom: 3px solid #f5f5f5;
    border-right: 3px solid #f5f5f5;
}
.service-block-1 i{
	float: left;
	margin-right: 20px
}
/*==================
	27. Our service_block_2
===================*/
.service-block-3{
	padding: 40px 50px;
	margin: 0 2px 2px 0
}
.service-block-3 span{
	width: 80px;
	height: 80px;
	line-height: 80px;
	display: block
}
/*==================
	27. Our service Details
===================*/
.box-image .hover-zoom{
	width: 48%;
	margin: 0px 10px 30px 0;
	display: inline-block
}
.box-image img:last-child {
	margin-right: 0px
}
.category-block-1 li{
	margin-bottom: 10px;
	font-weight: 500
	}
.category-block-1 a{
	border-bottom: 1px solid transparent;
	font-size: 16px
}
/*=========================
	13. Extra Facilities CSS Start
==========================*/
.medical-facility strong {
    font-size: 18px
}
/*=========================
	13. Image Gallery CSS Start
==========================*/
.image-gallery{
	position: relative
}
.image-gallery:hover:before {
    top: 0;
}
.image-gallery i{
	opacity: 0
}
.image-gallery:hover i{
	opacity: 1
}
.subscribe-form .form-control {
    height: 50px;
    margin-bottom: 0;
    width: 67%;
    border-radius: 25px;
}
.subscribe-form .btn-primary {
    padding: 0 30px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
    border-radius: 30px;
}
/*=========================
	13. Blog CSS Start
==========================*/
.thumbnail-content .inner-title {
    font-weight: 600;
    padding: 10px 0 20px;
	font-family: 'Nunito', sans-serif;
    font-size: 21px;
}
.thumbnail-block-1 .read-more i {
	margin-left: 5px
}
.thumbnail-block-1 .read-more:hover i{
	margin-left: 10px
}
.footer-logo {
    padding: 15px 0px 0px 0px;
    width: 200px;
}
.icon-number {
    font-size: 21px;
    font-weight: 700;
}
.footer-box .email, 
.footer-box .footer-minititle {
    margin-bottom: 12px;
    font-size: 16px;
}
.footer-box:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100px;
    left: -20px;
}
.footer-content li {
    margin-bottom: 8px;
}
.copyright {
    border-top: 1px solid transparent
}
/*===== Home page eye CSS Start =====*/
.service-block-4 span {
    width: 130px;
    height: 130px;
    text-align: center;
    border-radius: 50%;
}
.service-block-4 span [class^="flaticon-"]:before {
    line-height: 130px;
}

.features .text-block-3 {
    border-right: 1px solid transparent;
}
.photo-box:nth-child(odd) {
    margin-right: 10px;
}
.photo-box {
    width: 48%;
    float: left;
    margin-bottom: 10px;
}
.photo-box .digite {
    font-size: 95px;
    line-height: normal;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}
.member-profile .social-boxicon {
    opacity: 0;
}
.member-profile:hover .social-boxicon {
    opacity: 1;
}
.member-profile .primary-overlay:before {
    top: 100%;
}
.member-profile:hover .primary-overlay:before {
    top: 0px;
}
/*===== Home page Dental CSS Start =====*/
.video [class^="flaticon-"]:before {
    font-size: 90px;
}
.feature-box.text-block-1, .feature-box.time-table-1 {
    height: 430px;
}
.text-block-1 .call-us {
    font-size: 24px;
    font-weight: bold;
}
.service-block-5 {
    border-right: 1px solid transparent;
}
.fact-counter {
    display: table;
    width: 100%;
}
.prgs-bar > span {
    font-weight: 500;
}
.skill-progress .progress {
    margin: 5px 0 35px;
    position: relative;
    overflow: visible;
}
.skill-percent {
    position: absolute;
    right: 0;
    text-align: right;
    top: -25px;
    z-index: 9;
	font-weight: bold;
}
.progress-bar {
    transition: all 3000ms ease 0s;
    width: 0;
    background-color: #fff;
    border-radius: 5px;
}
.progress {
    height: 10px;
}
.subscribe p {
    padding-top: 12px;
    color: #fff;
}
.background-1:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: -50%;
    top: 0;
    background: url(../images/background/6.png) no-repeat top right / cover;
}
.clients.owl-carousel .owl-item img {
    width: 80px;
}
.client-info .circle {
    float: left;
    margin-right: 20px;
}
/*===== Home page physiotherapy CSS Start =====*/
.bg-set-after:before {
    position: absolute;
    content: "";
    width: 25%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
}
/*===== Home page diagnostic CSS Start =====*/
#header.fixed-header .middle-header,
#header.fixed-header .top-header {
    display: none;
}
.header-5 .nav-menu .btn {
    float: right;
    line-height: 64px;
    border-radius: 0
}
.header-5 .navbar-light .navbar-nav .nav-link{
	margin: 20px
}
.middle-header .rotate-icon {
    display: table;
    float: left;
    padding: 12px 0 0;
}
.middle-header-icon {
    display: table;
    border: 2px solid #eee;
    width: 55px;
    height: 55px;
    text-align: center;
    float: left;
}
.middle-header-icon i {
    display: inline-block;
}
.middle-header-icon [class^="flaticon-"]:before {
    line-height: 51px;
}
.middle-header .contact-number {
    margin-left: 80px;
    padding: 4px 0;
    margin-right: 30px;
}
.test-category li {
    margin-bottom: 10px;
    line-height: 30px;
}
.discount span {
    display: table;
    font-size: 21px;
}
.testimonial-info .commented {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 15px;
}
.testimonial-2 .owl-nav {
    font-size: 30px;
    float: right
}
/*===== Home page veterinary CSS Start =====*/
.form-3 input, .form-3 select, 
.form-3 textarea.form-control {
    background-color: transparent;
    border-radius: 23px;
    padding: 10px 20px;
}
.nav-search-form {
    position: relative;
    margin: 11px 0;
    width: 250px
}
.nav-search-form button {
    position: absolute;
    background: none;
    border: none;
    top: 8px;
    cursor: pointer;
    right: 10px;
}
.service-block-4 span {
    width: 130px;
    height: 130px;
    text-align: center;
	display: table;
    border-radius: 50%;
}
.text-block-4 .icon-block-4 {
	width: 60px;
	height: 60px;
	text-align: center;
	float: left
}
.text-block-4 .icon-block-4 [class^="flaticon-"]:before{
	line-height: 60px
}
.working-time ul li {
    font-weight: 500;
    padding-bottom: 20px;
}
.working-time ul li:last-child {
	padding-bottom: 0
}
.working-time ul li span {
    text-align: right;
    float: right;
}
.member-img.circle img {
    width: auto;
    max-width: initial;
    height: 100%;
}
.member-img.circle {
    width: 290px;
    height: 290px;
    margin: 0 auto;
}
/*===== Home page Herbal CSS Start =====*/
.herbal-feature{
	border-top: 4px solid transparent
}
/*===== Home page Women care CSS Start =====*/
.call-us{
	font-size: 24px;
	font-weight: bold
}
.testimonial-2.women p{
	font-size: 21px;
	font-family: 'Poppins', sans-serif;
	line-height: 45px;
	font-style: italic
}
.testimonial-2.women .owl-nav{
	display: none
}
/*===== Banner CSS Start =====*/
.banner {
    background: url(../images/background/banner.png) no-repeat 0 0 / cover;
}
.banner-info li {
    float: left;
    margin-right: 10px;
}
/*===== About us CSS Start =====*/
.appointment span {
    font-size: 36px;
}
.text-block-4 span {
    font-size: 24px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 30px;
    display: block;
}
/*====================================================================
	33. Appointment Page css
====================================================================*/
.department-select span{
	float: left;
    margin-right: 30px;
    line-height: 45px;
    font-size: 17px;
    font-weight: 500;
}
.department-select .form-2{
	display: table;
	width: 300px
}
.month-table .available-appoinment {
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
	font-size: 12px;
	padding: 5px 10px;
	background: #f5f5f5;
	color: #818181;
	line-height: normal;
	width: 100px;
	left: 50%;
	transform: translateX(-50%);
	top: -38px;
	display: none
}
.month-table table td:hover .available-appoinment{
	display: block
}
.month-table .available-appoinment::after {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 10px solid #f5f5f5;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.month-table table {
	background: #fff;
	margin-top: -1px;
	width: 100%
}
.month-table th{
	line-height: 50px;
	color: #fff;
	text-align: center;
	border-top-color: transparent
}
.month-table table th,
.month-table table td{
	border: 1px solid #eeeeee;	
}
.month-table td {
	height: 163px;
	text-align: center;
	font-family: 'Nunito', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #818181
}
.month-table .date {
	width: 52px;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	border-radius: 50%;
	border: 2px solid transparent;
}
.month-table .top-opt a{
	color: #fff;
	display: table;
	font-family: 'Nunito', sans-serif;
	font-weight: 400;
	font-size: 16px
}
.month-table .top-opt .month{
	color: #fff;
	font-weight: 500;
	font-size: 24px;
	font-family: 'Nunito', sans-serif;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
/*===== Blog Page CSS Start=====*/
.category-block-1 li {
    margin-bottom: 7px;
    font-weight: 500;
    margin-top: 7px;
}
.sidebar-widget li {
    margin-top: 15px;
    font-size: 16px;
}
.sidebar-widget li:first-child {
    margin-top: 0px;
}
.tags li a {
    float: left;
    padding: 4px 15px;
    border: 1px solid;
    border-radius: 20px;
    margin: 3px;
    font-size: 14px;
}
.pagination li a {
    margin-right: 25px;
    font-size: 20px;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}
/*===== Blog Details Page CSS Start=====*/
.post-status ul li {
    display: inline-block;
    margin-right: 10px;
    font-family: 'Nunito', sans-serif;
    font-weight: 500;
}
.blog-content .inner-title {
    padding-top: 30px;
    padding-bottom: 15px;
    display: inline-block;
}
.post-status {
    border-bottom: 1px solid;
}
blockquote {
    padding: 30px;
    border-left: 4px solid;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Nunito', sans-serif;
    margin: 30px 0;
}
.comment-block-1 > img {
    border-radius: 50%;
    float: left;
    margin-right: 30px;
    width: 100px;
}
.error-handel {
    bottom: -30px;
    display: table;
    height: 35px;
    left: 15px;
    margin: auto 0;
    position: absolute;
    text-align: left;
    width: 100%;
}
#success, #error {
    display: none;
    line-height: 34px;
}
/*==============================
	Cart CSS Start
===============================*/
table.shop-table th{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 21px
}
table.shop-table td{
	padding: 20px 0
}
table.shop-table {
	width: 100%;
}
.cart-item .product-thumbnail a {
	display: block;
}
.cart-item .product-thumbnail img{
	width: 100px;
	height: 100px;
}
.cart-item .product-name a{
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px
}
.cart_item .product-price,
.cart_item .product-subtotal,
.cart_item .product-remove .remove{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.cart-item .product-remove .remove{
	font-size: 30px
}
.cart-item .quantity input[type="number"]{
	margin-right: 0
}
table.shop-table .actions .coupon{
	display: flex;
	float: left
}
table.shop-table .actions button{
	float: right
}
table.shop-table .actions #coupon_code{
	border: none;
	background: #fff;
	height: 50px;
	padding: 0 20px;
	border-radius: 25px;
	margin-right: 20px
}
.cart-totals{
	margin: 50px 0
}
.cart-totals table.shop-table{
	width: 300px
}
.quantity input[type="number"] {
    padding: 10px;
    width: 50px;
    border: none;
    color: #fff;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    margin-right: 20px;
}
table.shop-table .actions #coupon-code {
    border: none;
    background: #fff;
    height: 50px;
    padding: 0 20px;
    border-radius: 25px;
    margin-right: 20px;
    width: auto;
}
/*====================================================================
	35. Contact Page css
====================================================================*/
#map{
	height: 500px
}
.doctors img{
	width: auto;
	float: left
}
.doctors .details{
	padding: 8px 0
}
.designation{
	color: #a5a5a5;
	font-size: 13px
}
.doctor-contact li strong{
	font-size: 15px;
	margin-right: 5px
}
.doctor-contact li{
	font-family: 'Barlow', sans-serif
}
/*====================================================================
	35. Department Page css
====================================================================*/
.services.sidebar-widget .item{
	width: 179px;
	margin-right: 2px;
	margin-bottom: 2px;
	float: left;
	text-align: center
}
.services.sidebar-widget .item:nth-child(even){
	margin-right: 0
}
.services.sidebar-widget i{
	font-size: 30px;
	margin-bottom: 20px;
	display: block
}
.services.sidebar-widget a{
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 14px;
}
/*==================
	29. Our Doctors Details
===================*/
.filter-list .mix {
	display: none
}
.filters {
	position: relative;
	text-align: center;
	margin-bottom: 50px
}
.filter-btns {
	position: relative;
	text-align: center
}
.filter-btns li {
	position: relative;
	display: inline-block;
	padding: 0 25px;
	line-height: 44px;
	border: 2px solid transparent;
	border-radius: 25px;
	cursor: pointer;
	margin: 10px 5px;
	font-weight: 500;
    font-size: 17px;
}
.member-skills label, .doctor-info label {
	float: left;
	width: 100px
}
.time-table-2 li {
	font-weight: 600;
	margin-bottom: 10px
}
.time-table-2 li span{
	float: right
}
.doctor-description span {
	line-height: 35px
}
/*====================================================================
	34. Error Page css
====================================================================*/
.error{
	width: 650px;
	padding-top: 170px;
	padding-bottom: 250px;
}
.error h1{
	font-size: 100px
}
.error p{
	font-size: 24px;
	margin-bottom: 30px;
	color: #818181
}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
/*==============================
	Shop Page CSS Start
===============================*/
.search-form2 input{
	line-height: 50px;
	border-radius: 25px;
	padding-left: 20px;
	padding-right: 40px
}
.search-form2 input::placeholder{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400
}
.search-form2 button {
	position: absolute;
	background: none;
	right: 20px;
	top: 9px;
	padding: 0;
	font-size: 16px;
	border: 0;
	color: #afafaf;
}
.price-filter.sidebar-widget #pricing-range {
	height: 3px;
	margin: 20px 0;
	background: #fff
}
.price-filter.sidebar-widget .filter-range {
	height: 100%;
	position:relative;
	width: 65%
}
.price-filter.sidebar-widget .filter-range::before,
.price-filter.sidebar-widget .filter-range::after {
	border-radius: 50%;
	content: "";
	height: 15px;
	position: absolute;
	top: -6px;
	width: 15px
}
.price-filter.sidebar-widget .filter-range::before{
	left:0
}
 .price-filter.sidebar-widget .filter-range::after{
  right: 0
}
.price-filter.sidebar-widget .pricing-value p{
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 16px;
	float: right
}
.price-filter.sidebar-widget .filter {
  display: inline-block;
  width: 100%
}
.shop-category ul li a{
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
}
.shop-product ul li{
	display: inline-block;
	margin: 5px 0
}
.shop-product img {
	width: 60px;
	height: 60px;
	border: 1px solid;
	float: left;
	margin-right: 15px;
	border-radius: 50%;
}
.price-box{
	display: inline-block
}
.price-box del,
.price-box span{
}
.shop-add a.btn {
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	width: 68%;
	text-align: center;
	border-radius: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-transform: capitalize
}
.instagrame ul{
	display: inline-block
}
.instagrame ul li{
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-top: 0
}
.instagrame ul li:nth-child(-n+3){
	margin-right: 0
}
.instagrame ul li img{
	width: 80px;
	height: 80px;
}
.tags2.sidebar-widget li{
	display: inline-block;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tags2.sidebar-widget a{
	font-family: 'Poppins', sans-serif;
	padding: 6px 14px;
	font-size: 13px
}
.product-title{
	font-size: 17px;
	margin-top: 20px;
	margin-bottom: 5px
}
.product-item .tag,
.price-box del{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	
}
.price-box span{
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	margin-left: 10px
}
.product-item .sale,
.product-item .new{
	top: 20px;
	left: -10px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #fff;
	padding: 0 10px;
}
.quantity input[type="number"] {
	padding: 10px;
	width: 50px;
	border: none;
	color: #fff;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	margin-right: 20px
}
.pagination-style2 {
	padding-top: 20px;
	display: inline-block;
	width: 100%
}
.pagination-style2 ul li  {
	text-align: center;
}
.pagination-style2 ul li a{
	padding: 10px 20px;
	background: #fff;
	margin-right: 5px;
	border-radius: 30px;
	font-size: 15px
}
/*==============================
	Product details CSS Start
===============================*/
.single-product-image ul li {
	float: left;
	width: 129px;
	margin-right: 10px;
}
.single-product-image ul li:last-child{
	margin-right: 0;
}
.short-description p{
	margin: 30px 0;
	font-family: 'Poppins', sans-serif;
}
.single-product-info .about-product tr td:first-child{
	padding-right: 20px;
	font-weight: 600
}
.nav-tabs{
	border: none;
	margin-bottom: 30px
}
.nav-tabs > li > a{
	padding: 0 20px;
	line-height: 50px;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	font-size: 16px;
	border-radius: 25px;
	display: block;
	margin-right: 15px
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li > a:hover {
	border: none
}
.tab-pane{
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
/*====================================================================
	31. Timeshedule css
====================================================================*/
.timeshedule tr td{
	font-family: 'Barlow', sans-serif;
}
.timeshedule th:first-child{
	width: 15.5%
}
.timeshedule th:first-child span{
	display: block;
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	font-size: 16px
}
.timeshedule th:first-child span:last-child{
	font-size: 14px;
	color: #a5a5a5
}
.timeshedule td, .timeshedule th {
	font-family: 'Poppins', sans-serif;
	padding: 15px 13px;
	text-align: center;
	width: 12.25%;
	border: 1px solid
}
.timeshedule .doctor-name{
	font-weight: 500;
	font-size: 16px
}
.content-details p:first-child:first-letter {
  color: #0d1432;
  float: left;
  font-size: 75px;
  line-height: 50px;
  padding-top: 4px;
  padding-right: 8px;
  padding-left: 3px;
}




/*===== Default Animation CSS =====*/
.service-block-1, .image-gallery i, i, a,
.image-gallery:hover:before, .text-block-3,
.inner-title, .service-block-4 span, .text-block-3 p,
.member-profile .primary-overlay:before, .hover-zoom img,
.social-boxicon, [class^="flaticon-"]:before,
.month-table table td .date, .filter-btns li,
.service-block-3, .service-block-3 span,
.herbal-feature {
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s
}
.middle-y {
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.header-2, .middle-x{
	transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.middle {
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
#header.fixed-header.header-2{
	transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}
.middle-header-icon {
    transform: rotate(45deg);
    -moz-transition: rotate(45deg);
    -ms-transition: rotate(45deg);
    -o-transition: rotate(45deg);
    -webkit-transition: rotate(45deg);
}
.middle-header-icon i {
    transform: rotate(-45deg);
    -moz-transition: rotate(-45deg);
    -ms-transition: rotate(-45deg);
    -o-transition: rotate(-45deg);
    -webkit-transition: rotate(-45deg);
}
.hover-zoom:hover img, .pricing-block-1.bg-primary {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
/*===== Font Color CSS =====*/
body, .color-gray, .color-gray-a a{
	    color: #000000;
}
.light-color, .recent-news.sidebar-widget li span, .light-text-color-a a, 
.recent-news.sidebar-widget li span, .light-text-color{
	color: var(--light-text-color)
}
.color-white, .color-white-a a, .icon-white i,
.flat-white [class^="flaticon-"]:before,
.service-block-1:hover, .text-white p,
.service-block-1:hover a, 
.service-block-1:hover [class^="flaticon-"]:before,
.text-block-3:hover [class^="flaticon-"]:before,
.text-block-3:hover .inner-title a,
.text-block-3:hover .text-box,
.service-block-4:hover [class^="flaticon-"]:before,
.choose-us .list-caret-right li:before,
.card-header [aria-expanded="true"],
.month-table table td:hover .date,
.month-table table td.active:hover .date,
.sidebar-style2 .form-3 select, .form-3 .form-control,
.filter-btns li:hover, .filter-btns li.active,
.pagination-style2 ul li a:hover,
.pagination-style2 ul li.active a,
.tags2.sidebar-widget a, .nav-tabs > li.active > a,
.nav-tabs > li > a:hover, .service-block-3:hover, 
.service-block-3:hover a, .card-header:hover .btn-link {
    color: var(--white-color) !important
}
.text-primary, .text-primary-a a, .icon-primary i,
.flat-primary [class^="flaticon-"]:before,
.flat-primary .glyph-icon:before,
.social-icon li a:hover, .footer-widget a:hover,
.text-block-4 .inner-title a:hover,
.service-block-4:hover .inner-title a,
.doctor-description .inner-title:hover,
.social-boxicon li a:hover i,
.thumbnail-content a:hover,
.list-caret-right li:before,
.test-category li a:hover,
.member-profile:hover a,
.month-table table td.active .date,
.sidebar-widget li a:hover,
.pagination li a:hover,
.comment-block-1 span,
.woocommerce-cart-form a:hover,
.departments .text-block-3:hover .inner-title a,
.departments .text-block-3:hover [class^="flaticon-"]:before,
.product-item:hover a, .service-block-2:hover a,
.service-block-3:hover [class^="flaticon-"]:before {
 color: #2f2582 !important;
}
h1, h2, h3, h4, h5, h6,
.text-secondary, .text-secondary-a a, .icon-secondary i,
.flat-secondary [class^="flaticon-"]:before,
.flat-secondary .glyph-icon:before,
.nav-contact li.call_us, .category-block-1 li a:hover,
.comment-block-1 span a, .shop-category a,
.shop-product a, .price-box span,
.single-product-info .about-product tr td:first-child{
    color: var(--secondery-theme-color) !important
}
.card-header [aria-expanded="false"]:before,
.card-header [aria-expanded="false"]:after{
	background: var(--black-color)
}
/*===== Background Color CSS =====*/
.bg-primary,
.down-line-center:before, 
.down-line-left:before,
.service-block-1:hover,
.text-block-3:hover,
.service-block-4:hover span,
.bg-set-after:before,
.card-header [aria-expanded="true"],
.owl-carousel .owl-dot.active span,
.month-table table td:hover .date,
.quantity input[type="number"],
.filter-btns li:hover, .filter-btns li.active,
.price-filter.sidebar-widget .filter-range,
.price-filter.sidebar-widget .filter-range::before,
.price-filter.sidebar-widget .filter-range::after,
.tags2.sidebar-widget a, .product-item .sale, .product-item .new,
.pagination-style2 ul li a:hover, .pagination-style2 ul li.active a,
.nav-tabs > li.active > a, .nav-tabs > li > a:hover,
.service-block-3:hover, .video-popup.primary i.fa,
.video-popup.primary .ball-scale-multiple > div,
.card-header:hover .btn-link {
        background-color: #2f2582 !important;
}
.bg-secondary, .tags2.sidebar-widget a:hover {
    background-color: var(--secondery-theme-color) !important
}
.bg-white, .bg-primary .down-line-center:before, 
.bg-primary .down-line-left:before, .navbar-toggler,
.footer-box:before, .video-popup i.fa,
.social-boxicon li a:hover, .timeshedule tr:nth-child(odd),
.card-header [aria-expanded="true"]:before,
blockquote, .search-form2 input, .service-block-3:hover span {
    background-color: var(--white-color) !important;
        
}
.bg-gray {
    background-color: var(--light-gray-color)
}
.bg-gray-2, .filter-btns li {
    background-color: var(--gray-color-2)
}
.card-header [aria-expanded="true"]:after,
.departments .text-block-3:hover{
	background: transparent !important
}
/*===== Overlay Color CSS =====*/
.primary-overlay:before, .image-gallery:hover:before {
    background-color:#30268287;
}
.secondery-overlay::before {
    background-color: var(--secondery-overlay)
}
.white-overlay:before, .progress {
	background-color: var(--white-overlay)
}
.black-overlay::before {
	background-color: var(--black-overlay)
}
/*===== Nav Color CSS =====*/
.navbar-light .navbar-nav .nav-link {
	color: #fff;
}
.dropdown-menu li a {
	color: var(--white-color);
}
.navbar-light .navbar-nav .nav-link:hover,
.header-5 .navbar-light .navbar-nav .nav-link:hover,
.header-4 .navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active > a,
.navbar-light .navbar-nav > .active > a:focus,
.navbar-light .navbar-nav > .active > a:hover,
.header-5 .navbar-light .navbar-nav .nav-link .active a,
.header-5 .navbar-light .navbar-nav .nav-link .active a:focus,
.header-5 .navbar-light .navbar-nav .nav-link .active a:hover,
.header-4 .navbar-light .navbar-nav .nav-link .active a,
.header-4 .navbar-light .navbar-nav .nav-link .active a:focus,
.header-4 .navbar-light .navbar-nav .nav-link .active a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
    color: var(--primary-theme-color);
    background-color: transparent;
}
.header-4 .navbar-light .navbar-nav .nav-link,
.header-5 .navbar-light .navbar-nav .nav-link {
	color: var(--white-color);
}
.dropdown-menu li a:focus, 
.dropdown-menu li a:hover,
.nav .open>a, .nav .open>a:focus, 
.nav .open>a:hover {
    color: var(--white-color);
        background-color: #e3000e;
}
.dropdown-menu {
	background-color: var(--secondery-theme-color)
}
.header-4.fixed-header .nav-header,
.owl-side-arrow.owl-carousel .owl-nav .owl-prev, 
.owl-side-arrow.owl-carousel .owl-nav .owl-next {
	background-color: var(--secondery-theme-color)
}
/*==================================
	Button Color Style Start
===================================*/
.btn-primary,
.owl-side-arrow.owl-carousel .owl-nav button:hover {
	color: var(--white-color);
	background-color:#272727;
}
.btn-primary:hover{
	color: #e3000e;
}
.btn-white {
    color: #2f2582;
	background-color: var(--white-color)
}
.btn-white:hover{
	background-color: transparent;
	color: var(--white-color);
	border-color: var(--white-border-color)
}
a:hover{
	color: inherit
}


/*==================================
	Border Color css Start
===================================*/
.btn-primary:hover, blockquote,
.month-table table td.active .date,
.herbal-feature{
	border-color: #e3000e;
}
.top-profile ul li:first-child, .top-profile ul li,
.our-member .social-boxicon li a{
	border-color: var(--white-border-color)
}
.copyright, .service-block-5,
.features .text-block-3,
.owl-carousel .owl-dot span,
.post-status, .timeshedule td, 
.timeshedule th, .departments,
.header-7 .middle-header,
.header-8 .nav-header{
	border-color: var(--gray-border-color)
}
/*==================================
	Responsive css Style Start
===================================*/
@media (max-width:1400px){
	.carousel-inner>.item {
		height: 670px
	}
	.middle-header-icon {
		width: 40px;
		height: 40px;
		margin-top: 12px
	}
	.middle-header .contact-number {
		margin-left: 55px;
		margin-right: 15px
	}
	.middle-header-icon [class^="flaticon-"]:before{
		line-height: 36px;
		font-size: 18px
	}
}
@media (min-width:1200px){
	.nav-item li:hover > ul.dropdown-menu{
		display: block
	}
	.owl-side-arrow.owl-carousel .owl-nav .owl-next{
		right: -70px
	}
	.owl-side-arrow.owl-carousel .owl-nav .owl-prev{
		left: -70px
	}
}
@media (max-width:1100px){
	.btn{
		font-size: 14px
	}
	.carousel-inner>.item {
		height: 510px
	}
	.subscribe-from .form-control{
		width: 60%
	}
	.owl-side-arrow.owl-carousel .owl-nav{
		display: none
	}
	.controls .control{
		margin: 0 8px 8px 0
	}
	.service-block-3{
		padding: 30px
	}
	.widget-title, .service-block-2 .inner-title{
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}
	.footer-box p{
		font-size: 13px
	}
	.social-icon li a{
		margin-right: 15px
	}
	.services.sidebar-widget .item{
		width: 100%
	}
	.hospital-info{
		padding-top: 50px
	}
	section.banner {
		padding-top: 50px;
		padding-bottom: 50px
	}
	.nav-contact {
		display: none
	}
	.header-2 .nav-item {
		margin-right: 15px
	}
	.feature-box.text-block-1, .feature-box.time-table-1 {
		height: 470px;
	}
	.dropdown-menu {
		min-width: 175px
	}
	.list-style-2 li, .list-style-3 li {
		line-height: 30px
	}
	.section-title {
		width: 75%
	}
	.member-img.circle {
		width: 270px;
		height: 270px;
	}
	.timeshedule{
		overflow-x: scroll
	}
}

@media (max-width:991px){
	img {
		width: 100%
	}
	.m-px-30{
		padding-right: 30px;
		padding-left: 30px
	}
	.m-mb-30{
		margin-bottom: 30px
	}
	.m-mt-30{
		margin-top: 30px !important
	}
	.m-height-auto{
		height: auto  !important;
	}
	.m-pt-80{
		padding-top: 80px  !important;
	}
	.pb-md-none {
		padding-bottom: 0 !important;
	}
	.mt-md-none {
		margin-top: 0 !important
	}
	.nav-on-top, .nav-on-banner {
		position: static !important;
	}
	.mega-menu-dropdown .dropdown-menu.mega-menu > li{
		width: 50%
	}
	.mega-menu-dropdown .dropdown-menu.mega-menu{
		float: left
	}
	.nav .open>a, .nav .open>a:focus, 
	.nav .open>a:hover,
	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:focus, 
	.navbar-default .navbar-nav>.open>a:hover {
		color: var(--primary-theme-color)
	}
	.dropdown-menu > li > a:focus, 
	.dropdown-menu > li > a:hover {
		background: transparent;
		color: var(--secondery-theme-color)
	}
	.header-4{
		background-color: var(--secondery-theme-color)
	}
	.navbar-light .navbar-nav .nav-link{
		margin: 12px
	}
	.header-2{
		transform: none;
		width: 100%
	}
	.top-header, .middle-header{
		display: none
	}
	.navbar-toggler{
		margin: 15px 0
	}
	.owl-side-arrow.owl-carousel .owl-nav .owl-prev, 
	.owl-side-arrow.owl-carousel .owl-nav .owl-next{
		transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%)
	}
	.signature img {
		width: 150px
	}
}
/* Large devices (desktops, 992px and up)
============================================================*/
@media (min-width: 992px) {
	.navbar_four .navbar-expand-lg .navbar-nav .nav-link {
	    padding: 15px 12px;
	}
   /*-------annimation dropdown---------*/
   .navbar .navbar-nav > .active > a, 
   .navbar .navbar-nav > .active:hover > a, 
   .navbar .navbar-nav > .active > a:focus {
    background-color: transparent;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s
   }
   .navbar .navbar-nav li a,
   .navbar .navbar-nav li ul.dropdown-menu {
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s
   }
   .navbar .navbar-nav li > ul.dropdown-menu {
    visibility: hidden;
	min-width: 180px;
    display: block;
    opacity: 0;
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    transform: scale(0.9)
   }
   .navbar .navbar-nav li:hover > ul.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
   }
   .navbar-nav .dropdown-menu ul {
    left: 100%;
    top:0
   }
   .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu{
    top: -10px
   }
   #header.fixed-top {
    position: fixed !important;
    top: -1px;
    right: 0;
    left: 0;
    z-index: 99999;
    animation-duration: 1s;
    animation-name: menu-sticky;
    animation-timing-function: ease-in-out;
    margin: 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    border: none
   }
   .header-2 .navbar-header{
    padding-top: 40px
   }
   .header-1 .navbar-header {
    padding-bottom: 20px
   }
   .header-1.fixed-top .navbar-header,
   .header-2.fixed-top .navbar-header {
    padding: 0
   }
   .full-width .thumbnail_one .image_area {
	    float: left;
	}
	.owl-side-arrow.owl-carousel .owl-nav .owl-next {
		right: -70px;
	}
	.owl-side-arrow.owl-carousel .owl-nav .owl-prev {
		left: -70px;
	}
	.nav .dropdown-menu {
		visibility: hidden;
		top: 120%;
		opacity: 0;
		display: table
	}
	.nav .dropdown:hover > ul.dropdown-menu {
		top: 100%;
		visibility: visible;
		opacity: 1;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-ms-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease
	}

	/*========== Sub Dropdown Menu ===========*/
	.nav .dropdown-menu .dropdown > ul.dropdown-menu {
		left: 100%;
	}
	.nav .dropdown-menu .dropdown:hover > ul.dropdown-menu {
		margin-top: 0px;
		top: 0;
	}
	.header-2 .navbar-header {
		padding-left: 15px
	}
	.header-5 .navbar-default .navbar-brand {
		width: 119px;
		display: none;
	}
	.header-5 .nav-item {
		margin-left: -15px
	}
	.header-5 .nav.navbar-nav > li:first-child > a {
		margin-left: 0;
	}
	.test-category {
		margin-top: -120px;
		z-index: 99
	}
	.header-4.nav-on-banner + .banner {
		padding-top: 140px
	}
	.header-2.nav-on-banner + .banner {
		padding-top: 160px
	}
	.header-4 .nav-header.bg-secondary {
		background: transparent
	}
	
}