/*
Theme Name: Dentist Dental Care Pro
Theme URI: https://www.misbahwp.com/products/dental-clinic-wordpress-theme/
Description: The Dental Clinic WordPress Theme is a cutting-edge website template designed to cater specifically to dental clinics, dentists, and oral health professionals. Its looks, elegant design, and thoughtfully crafted layout combine to create a standout online presence for dental practices. The theme's aesthetics are carefully curated to exude sophistication and trust. Its clean and modern design features a pleasing color palette, often incorporating calming shades of blue, green, and white, reflecting the essence of oral health and hygiene. The typography is both attractive and readable, ensuring that visitors can effortlessly absorb the information displayed on the website. The layout of the Dental Clinic WordPress Theme is intelligently organized to enhance user experience and engagement. The homepage typically features a large hero banner or a dynamic slider, allowing dental clinics to showcase captivating images of their state-of-the-art facilities, friendly staff, and advanced dental equipment. This visual appeal immediately captivates visitors and leaves a positive first impression. The theme offers strategically placed sections to highlight crucial information, such as services offered, dental treatments, patient testimonials, and the professional profiles of dentists and specialists. The user-friendly navigation menu is easily accessible, guiding patients to explore different pages seamlessly and locate the information they need efficiently. Beyond its visually striking appearance, the Dental Clinic WordPress Theme is packed with an array of premium features and functionalities, each crafted to elevate the online presence of dental practices and streamline patient interactions. The theme integrates an advanced and intuitive appointment booking system and helps appealingly present its range of services, featuring detailed descriptions and visually engaging content. It also comes with a dedicated testimonial section and offers a sophisticated blogging platform, enabling dental practitioners to publish informative articles, dental advice, and oral health tips. The theme provides extensive customization options, allowing dental clinics to personalize their website to match their brand identity. This includes the ability to choose from various layout styles, color schemes, and fonts. Seamless integration with social media platforms enables dental clinics to expand their online presence and engage with patients on popular channels, fostering a stronger patient-dentist relationship. The Dental Clinic WordPress Theme includes contact forms to facilitate easy communication between patients and the clinic. Additionally, the integration of location maps helps patients find the clinic easily.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.2
Requires PHP: 7.1
Tested up to: 6.2
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: dentist-dental-care-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

.alignfull img {
  width: 100vw;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a {
  text-decoration: none;
  color: #757575;
  text-transform: capitalize;
  font-weight: 600;
}

.post-single span {
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Mukta', sans-serif;
  color: #909090;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Mukta', sans-serif;
}

a {
  color: #909090;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #a70073;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}

/* ===============================================
   HEADER BOX
   ============================================= */
.header {
  position: absolute;
  background-color: transparent;
  z-index: 999;
  width: 100%;
}
.admin-bar .header {
  top: 32px;
}

/*404 Page*/
.page-404 h1 {
  font-size: 300px;
  color: #2d3446;
}

.page-404 h3 {
  font-size: 38px;
  color: #a70073;
}

.page-404 hr {
  width: 10%;
  background: #2d3446;
  padding: 1px;
}

.page-404 .intro-button {
  text-align: center;
  display: inline-block;
  padding: 5px;
}

.page-404 .button {
  padding: 15px 40px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  transition: all 0.2s;
  text-decoration: none;
}

.page-404 .intro-button:hover {
  background: #2d3446;
}

.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #a70073;
  content: '';
  position: absolute;
  z-index: -1;
}

.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 30px 0;
  line-height: 1.4em;
  word-break: break-all;
}

.logo a {
  color: #2d3446;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}

.logo a img.custom-logo {
  height: 65px;
  width: auto;
}

.logo a:hover,
.logo a:focus {
  color: #2d3446;
}

.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}

.logo-image {
  float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
  display: block;
  position: relative;
  margin: 0 auto;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
}

#main-menu ul li {
  position: relative;
  display: block;
  text-align: left;
  margin-right: 70px;
}

#main-menu ul li a {
  display: block;
  z-index: 1;
  margin: 0;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;

  font-size: 16px;
  line-height: 30px;
  color: #213e65;
  font-weight: 500;
  font-family: "Mukta";
}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
  color: #a70073;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 30px;
  left: 0;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}

#main-menu ul li:hover .sub-menu {
  display: block;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  display: block;
  position: relative;
  float: none;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: skew(0deg);
  -ms-transform: skew(0deg);
  transform: skew(0deg);
  padding: 5px 10px;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  display: block;
  position: relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
  color: #2d3446;
  -webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main-menu ul.sub-menu li a:hover {
  color: #fff;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  content: '';
  position: absolute;
  -webkit-transition:
    inherit;
  transition:
    inherit;
  z-index: -1;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  top: 0;
  width: 0;
  height: 100%;
}

#main-menu ul.sub-menu li a:before {
  left: 0;
  border: 1px solid #a70073;
  border-left: 0;
  border-right: 0;
}

#main-menu ul.sub-menu li a:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.sub-menu li a:after {
  right: 0;
}

#main-menu ul.sub-menu li a:hover:after {
  background: #a70073;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
  opacity: 1;
  right: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
  background: #2d3446;
  color: #fff;
}

#main-menu ul li:hover .sub-menu {
  display: block;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */
header#site-navigation.fix-sticky {
  background: #fff;
  filter: drop-shadow(-4.141px 15.455px 10px rgba(0, 0, 0, 0.06));
}

.header-menu {
  background: #fff;
  position: relative;
}

#site-navigation .sidenav a.closebtn,
.open-menu {
  display: none;
}

/* ===============================================
   POST BOX
   ============================================= */
.post-thumbnail {
  line-height: 0;
  flex: 0 0 45%;
}

.post-meta i {
  color: #a70073;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121d21;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.post-content img,
.post-thumbnail img {
  max-height: 100%;
}

.post-content:after {
  content: "";
  display: table;
  clear: both;
}

.latest-post .post-date,
.latest-post .post-comments {
  color: #2d3446;
  text-transform: capitalize;
}

.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #2d3446;
  overflow: hidden;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.post-single .tags-bg a {
  padding: 10px 15px;
  background: #a70073;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 10px;
}

.post-single .tags-bg a:hover {
  background: #2d3446;
}

.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #a70073;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}

.post-single .blog_share_icon .fab:hover {
  transform: rotate(360deg);
  background: #2d3446;
}

.post-single {
  display: block;
}

label {
  display: block;
}

.latest-post h4 a {
  color: #2d3446;
  font-weight: 600;
  font-size: 18px;
}

.latest-post h4 a:hover {
  color: #a70073;
}

.latest-post .post-content p {
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img {
  width: auto;
  display: inline-block;
  border-radius: 50%;
}

.latest-box {
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.08));
  background: #fff;
  border-radius: 10px;
}

.latest-post .far.fa-calendar-alt,
.latest-post .fas.fa-bookmark {
  color: #717982;
}

.latest-post .icon-book {
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #2d3446;
  overflow: hidden;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.latest-post .far.fa-calendar-alt {
  color: #fff;
}

.latest-post .far {
  color: #fff;
  font-size: 18px;
}

.latest-post .comments {
  color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post .read_more {
  color: #a70073;
  font-weight: 600;
}

.latest-post .post-date {
  width: 60px;
  height: 60px;
  background-color: #a70073;
  color: #fff;
  padding: 5px;
  border-radius: 10px 0px 10px 10px;
  margin-top: -18px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  margin-right: 10px;
}

.latest-post span.time {
  font-size: 30px;
  line-height: 20px;
  font-weight: 700;
  display: block;
  margin-top: 5px;
}

.post-content .read_more i.fa.fa-arrow-right {
  color: #a70073;
  font-size: 12px;
  margin-left: 5px;
  transition: linear 600ms;
}

#recent_blog.post-template {
  margin-top: 0;
  background-color: transparent;
}

.recent_post .post-meta {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}

.comment-respond input#submit {
  background: #a70073;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}

.comment-respond input#submit:hover {
  background-color: #2d3446;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

.comment-content.card-block {
  padding: 15px;
}

.comment-reply a {
  background: #a70073;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}

.comment-reply a:hover {
  background: #2d3446;
  color: #f3f4f7;
  text-decoration: none;
}


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

  section.category-title h1 {
    text-align: center;
  }

  #mySidenav span {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  .logo {
    text-align: center;
    padding: 15px 0;
  }

  .open-menu {
    display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu>li>ul.children,
  #main-menu>li>ul.sub-menu {
    position: absolute;
    top: -100%;
    background: #fff;
  }

  #main-menu li.focus>ul.children,
  #main-menu li.focus>ul.sub-menu,
  #main-menu li:hover>ul.children,
  #main-menu li:hover>ul.sub-menu,
  #main-menu li:focus>ul.children,
  #main-menu li:focus>ul.sub-menu {
    width: 100%;
    top: 0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height: 53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #2d3446;
    right: 25px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover>a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus>a,
  #main-menu li:focus>a,
  #main-menu ul li.current-menu-item>a,
  #main-menu ul li.current_page_item>a,
  #main-menu ul li.current-menu-parent>a,
  #main-menu ul li.current_page_ancestor>a,
  #main-menu ul li.current-menu-ancestor>a {
    background: none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.dentist-dental-care-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.dentist-dental-care-pro-pagination a span,
.dentist-dental-care-pro-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #222;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  margin: 0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0, 0, 0, 0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.dentist-dental-care-pro-pagination span.current,
.dentist-dental-care-pro-pagination span.current:hover,
.dentist-dental-care-pro-pagination span.current:focus,
.dentist-dental-care-pro-pagination a span:hover,
.dentist-dental-care-pro-pagination a span:focus {
  background: #a70073;
  color: #ffffff;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding: 0
}

.commentlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.commentlist li {
  margin: 0;
}

.commentlist li .comment-respond {
  margin-bottom: 25px;
}

.commentlist li:last-of-type .comment-respond {
  margin-bottom: 0px;
}

.comment-container {
  position: relative;
  margin: 0 0 25px 0;
  padding: 30px;
  background: #fff;
  border: solid 1px #f3f4f7 !important;
  z-index: 999
}

.comment-avatar img {
  float: left;
}

.comment-text {
  position: relative;
  margin-left: 110px;
  padding: 0 0 0 15px
}

.comment-container .comment-date {
  padding: 15px 0;
}

.comment-avatar {
  position: relative;
  width: 110px;
  float: left;
}

.comment-author .author {
  display: block;
  font-weight: bold;
}

.commentlist .children li {
  margin-left: 30px;
}

.comment-notes {
  font-size: 12px;
  margin: -25px 0 25px 0;
}

h3#reply-title,
h3.comments {
  height: 30px;
  line-height: 30px;
  margin: 30px 0;
}

h3#reply-title small,
.logged-in-as {
  font-size: 15px;
  margin: -25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  padding: 10px 2%;
  background: #fff;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid black;
  color: #2d3446;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
  background: #2d3446;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  text-shadow: none;
  padding: 10px 15px;
  width: inherit;
  margin: 0;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  cursor: pointer;
}

.comment-form input[type=submit]:hover,
.comment-form input[type=submit]:focus {
  background-color: #248efa;
  text-decoration: none
}

.logged-in-as a {
  color: #2d3446;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
  display: block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #F5F5F5;
  border: 1px solid #D9DEE2;
  border-radius: 10px;
  overflow: hidden;
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
  text-transform: capitalize;
}

.sidebar-area a {
  font-weight: 600;
  color: #2b2b47;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}

.sidebar-area li a, .sidebar-area li {
  font-size: 18px;
  font-weight: 600;
  color: #2b2b47;
}

.sidebar-area li {
  padding-bottom: 15px;
  color: #2d3446;
}

.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #a70073;
  color: #2b2b47;
  font-size: 24px;
  font-weight: 600;
  background: #F5F5F5;
}

.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
  background: #2d3446;
  color: #fff;
}

.sidebar-area form {
  padding: 0;
}
.sidebar-area li a:hover {
  color: #a70073;
}
.sidebar-area a:hover {
  color: #a70073;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}

.sidebar-area input[type="search"] {
  width: 69%;
  border: none;
  background: transparent;
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}

#wp-calendar a:hover {
  border: none;
}

#wp-calendar {
  background: #fff;
  width: 100%;
}

#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
  color: #2b2b47;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}

#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}

#wp-calendar th {
  font-weight: bold
}

tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}

.searchform label {
  display: block;
}

.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}

.searchform input[type=submit] {
  background: #a70073;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 110px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
  background-color: #2d3446;
  text-decoration: none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 75px;
  border-radius: 50%;
  margin-top: 10px;
}

.sidebar-area .post-title {
  font-size: 18px;
}

footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #cccccc;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.footer-area .woocommerce ul.cart_list li img,
.footer-area .woocommerce ul.product_list_widget li img {
  height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #a70073;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}

#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
}

#button_scroll.show {
  opacity: 1;
  visibility: visible;
}

#button_scroll .fas {
  color: #fff;
  padding: 8px;
  margin: 5px 0;
}

#button_scroll:hover {
  background: #101010;
}

#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#button_scroll::before,
#button_scroll::after {
  background: #a70073;
  content: '';
  position: absolute;
  z-index: -1;
}

#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #a70073;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #213e65 transparent;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {}
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }

  100% {}
}

.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

a.close-search-form {
  display: none;
}


.header .inner-header{
  padding-left: 80px;
}


/*SLIDER SECTION*/

#slider {
  position: relative;
}

#slider .work-enquiry-div .deta-box {
  height: 70px;
  border-radius: 35px;
  background-color: #ffffff;
  padding: 10px;
}

#slider .slider-content {
  left: 5%;
  max-width: 500px;
  width: 500px;
  font-size: 21px;
  line-height: 30px;
  color: #6c87ab;
  font-weight: 400;
  bottom: auto;
  top: 20%;
}

#slider h2 {
  font-size: 24px;
  line-height: 40px;
  color: #a70073;
  font-weight: 700;
}

#slider h1 {
  font-size: 57px;
  line-height: 60px;
  color: #213e65;
  font-weight: 600;
}

#slider .button {
  line-height: 46px;
  font-weight: 400;
  padding: 0 24px 0 20px;
  margin-top: 10px;
  display: inline-block;
  transition: linear 300ms;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  font-size: 15px;
  color: #ffffff;
  text-transform: capitalize;
}
#slider .button:hover {
  background: #213e65;
}
#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#slider .button::before,
#slider .button::after {
  background: #a70073;
  content: '';
  position: absolute;
  z-index: -1;
}

#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .social-links {
  margin-top: 70px;
  display: flex;
}
#slider .social-links a {
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background-color: #1877f2;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  color: #ffffff;
  transition: all .5s ease 0s;
  font-size: 14px;
}
#slider .social-links a:nth-child(2) {
  background-color: #1da1f2;
}
#slider .social-links a:nth-child(3) {
  background-color: #cd201f;
}
#slider .social-links a:nth-child(4) {
  background-color: #e4405f;
}
#slider .social-links a:nth-child(5) {
  background-color: #d54c3f;
}
#slider .social-links a:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #a70073;
}

/* Appointment Section */

.appointment .appointment-inner {
  background-color: #a70073;
  padding: 30px 40px 0;
  margin-top: -155px;
  position: relative;
  z-index: 99;
}
.appointment .appointment-inner h2 {
  font-size: 27px;
  line-height: 72px;
  color: #ffffff;
  font-weight: 600;
}
.appointment .appointment-inner h5 {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Mukta";
}
.appointment .appointment-inner .contact-info {
  display: flex;
  justify-content: space-between;
}
.appointment .appointment-inner .contact-info .time, .appointment .appointment-inner .contact-info .mail {
  font-size: 16px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 400;
  background-image: url(images/appoinment/email-icon.svg);
  padding-left: 60px;
  background-repeat: no-repeat;
  background-size: 35px;
}
.appointment .appointment-inner .contact-info .time {
  margin-right: 60px;
  background-image: url(images/appoinment/phone-icon.svg);
}
.appointment .appointment-inner .contact-info span{
  display: block;
  font-weight: 700;
}

/* .appointment .appointment-inner input.wpcf7-form-control.wpcf7-text */

.appointment .appointment-form input[type=email], 
.appointment .appointment-form input[type=text], 
.appointment .appointment-form input[type=date], 
.appointment .appointment-form select {
  width: 100%;
  height: 48px;
  background-color: #940065;
  font-size: 14px;
  line-height: 48px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Mukta";
  border: 0;
  padding: 0 20px;
  outline: 0;
  margin-bottom: 20px;
}
.appointment input.wpcf7-form-control.wpcf7-text::placeholder{
  color: #fff;
}
.appointment .appointment-form input[type=submit] {
  width: 150px;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  font-size: 14px;
  color: #a80073;
  font-weight: 600;
  font-family: "Mukta";
  border: 0;
  cursor: pointer;
  transition: all .5s ease 0s;
  margin-bottom: 20px;
}

.appointment .appointment-form input[type=submit]:hover {
  background-color: #940065;
  color: #ffffff;
}
.appointment .appointment-form input[type=submit],
.appointment .appointment-form input[type=submit]::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.appointment .appointment-form input[type=submit]::before,
.appointment .appointment-form input[type=submit]::after {
  background: #a70073;
  content: '';
  position: absolute;
  z-index: -1;
}

.appointment .appointment-form input[type=submit]::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.appointment .appointment-form input[type=submit]:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

.appointment .appointment-form p {
  margin-bottom: 0;
}
.appointment .wpcf7-not-valid-tip{
  color: #fff;
}

/*About Us Section*/

#about_us .about-content {
  margin: 30px 0 0 36px;
}
#about_us .image-1 img {
  max-width: 100%;
  transform: scale(1);
  transition: .3s ease-in-out;
}
#about_us .image-1 img:hover {
  transform: scale(1.1);
}
#about_us .about-content h5 {
  font-size: 24px;
  line-height: 40px;
  color: #a80073;
  font-weight: 700;
}
#about_us .about-content h3 {
  font-size: 40px;
  line-height: 50px;
  color: #213e65;
  font-weight: 800;
}
#about_us .about-content p {
  font-size: 16px;
  line-height: 26px;
  color: #6c87ab;
  font-weight: 400;
}
#about_us .button {
  padding: 10px 25px;
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  background-color: #a70073;
  margin-top: 30px;
  display: table;
  transition: linear 300ms;
}
#about_us .button:hover {
  background: #213e65;
}
#about_us .button,
#about_us .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#about_us .button::before,
#about_us .button::after {
  background: #a70073;
  content: '';
  position: absolute;
  z-index: -1;
}

#about_us .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#about_us .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
/*Our Advantages Section*/

#our-advantages .advantages-backg {
  background-repeat: no-repeat;
  background-size: cover;
  height: 313px;
  padding: 83px 0;
  background-color: #a70073;
  background-position: -220px 0;
}
#our-advantages .advantages-text h5 {
  font-size: 32px;
  line-height: 71px;
  color: #ffffff;
  font-weight: 800;
}
#our-advantages .advantages-text h2 {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 300;
}
#our-advantages .advantages-right-boxes {
  column-count: 2;
}
#our-advantages .advantages-right-boxes h4 {
  font-size: 16px;
  line-height: 60px;
  color: #ffffff;
  font-weight: 600;
  margin-left: 12px;
  height: 60px;
  border-radius: 6px;
  background-color: #b01a81;
  padding: 0 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  transition: all .5s ease 0s;
}
#our-advantages .advantages-right-boxes h4:hover {
  background-color: #ffedf9;
  color: #b01a81;
  transform: translateY(-7px);
}
#our-advantages .advantages-right-boxes span {
  color: #fff;
  font-size: 24px;
  margin-right: 15px;
   
}
#our-advantages .advantages-right-boxes h4:hover span{
  color: #b01a81;
}

/*Services Section*/

#our-services {
  padding: 60px 0;
}
#our-services .services-boxes h5 {
  font-size: 24px;
  line-height: 26px;
  color: #a80073;
  font-weight: 700;
}
#our-services .services-boxes h2 {
  font-size: 41px;
  line-height: 52px;
  color: #213e65;
  font-weight: 800;
}
#our-services .services-right-content p {
  font-size: 16px;
  line-height: 26px;
  color: #6c87ab;
  font-weight: 400;
}

#our-services .services-right-boxes {
  margin-top: 30px;
}
#our-services .services-right-box {
  margin-bottom: 40px;
  text-align: center;
  border-radius: 10px;
  filter: drop-shadow(0 0 30px rgba(92,49,78,0.1));
  background-color: #ffffff;
  padding: 48px;
  position: relative;
  overflow: hidden;
  transition: all 0.6s;
}
.services-right-box:before {
  content: '';
  width: 100px;
  height: 100px;
  position: absolute;
  top: -20px;
  left: -20px;
  background-color: #faf0f7;
  border-radius: 100%;
}
#our-services .services-right-box span {
  font-size: 58px;
  margin-bottom: 50px;
  color: #a70073;
  transition: .3s ease-in-out;
  width: auto;
}
#our-services .services-right-box:hover{
  transform: translateY(-7px);
}

#our-services .services-right-box h4 {
  font-size: 24px;
  line-height: 52px;
  color: #213e65;
  font-weight: 800;
}
#our-services .services-right-box p {
  font-size: 16px;
  line-height: 26px;
  color: #6c87ab;
  font-weight: 400;
}
#our-services a.button {
  color: #a70073;
  border-bottom: solid 1px #a70073;
  text-transform: capitalize;
}
#our-services a.button:hover {
  color: #213e65;
}

/*Testimonials*/
#testimonial {
  background: #a70073;
}
#testimonial .testimonials-heading {
  max-width: 456px;
  margin: auto;
  padding: 40px 0;
}

#testimonial .testimonials-heading h5 {
  font-size: 24px;
  line-height: 53px;
  color: #ffffff;
  font-weight: 700;
}
#testimonial .testimonials-heading h2 {
  font-size: 42px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 800;
}
#testimonial .testimonial-box h4 {
  font-size: 24px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 800;
}
#testimonial .testimonial-box h6 {
  font-size: 14px;
  line-height: 15px;
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 85px;
}
#testimonial i.fas.fa-quote-right {
  color: #fff;
  font-size: 50px;
  opacity: 0.102;
}
#testimonial p.content {
  margin: auto;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 400;
  max-width: 750px;
  padding-top: 20px;
}
#testimonial .owl-carousel .owl-nav{
  position: absolute;
  transform: translateY(-50%);
  top:32%;
  left: 0;
  right: 0;
}
#testimonial .owl-carousel .owl-nav button.owl-prev {
  font-size: 15px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #ffffff;
  float: left;
  outline: none;
}
#testimonial .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #a70073;
  opacity: 0.102;
  color: #fff;
}
#testimonial .owl-carousel .owl-nav button.owl-next{
  font-size: 15px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #ffffff;
  float: right;
  outline: none;
}
#testimonial .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #b01a81 !important;
  color: #fff;
}


/*Our Team Section*/

#Our-team {
  margin: 80px 0;
}

#Our-team .content {
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.12));
  background-color: #ffffff;
  padding: 50px 30px;
}

#Our-team .team-deatil h2 {
  text-align: left;
  font-size: 20px;
  color: #213e65;
  font-weight: 700;
}

#Our-team .team-deatil h5 {
  text-align: left;
  font-size: 15px;
  line-height: 25px;
  color: #a80073;
  font-weight: 700;
  margin-bottom: 0;
}
#Our-team .team-section h6 {
  font-size: 24px;
  color: #a80073;
  font-weight: 700;
  font-family: "Mukta";
  text-align: center;
}
#Our-team .team-section h1 {
  font-size: 42px;
  line-height: 52px;
  color: #213e65;
  font-weight: 800;
  display: table;
  max-width: 457px;
  margin: auto;
}
#Our-team .social-links {
  background: #a70073;
  width: auto;
  position: absolute;
  bottom: 91px;
  right: 23px;
  border-radius: 25px;
  padding: 15px 10px;
}
#Our-team .team-deatil {
  padding: 17px;
}
#Our-team .social-links a {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
}
#Our-team .team-cols {
  margin: 65px 0;
  padding: 9px 11px;
  border-radius: 10px;
  filter: drop-shadow(0px 10px 15px rgba(177,193,224,0.3));
  background-color: #ffffff;
}

#Our-team .content h6 {
  font-size: 21px;
  line-height: 41px;
  color: #2c2e30;
  font-weight: 400;
}

#Our-team .content h1 {
  font-size: 51px;
  line-height: 41px;
  color: #2c2e30;
  font-weight: 900;
}

#Our-team .content p {
  font-size: 20px;
  line-height: 38px;
  color: #888888;
  font-weight: 400;
}

#Our-team .team-heading h3 {
  font-size: 20px;
  line-height: 42px;
  color: #555555;
  font-weight: 700;
  font-family: "Mukta";
}

#Our-team i.fa.fa-caret-right {
  margin-right: 10px;
}

#Our-team i.fa.fa-caret-right:hover {
  color: #a70073;
}

#Our-team .team-cols {
  margin: 40px 0;
}

#Our-team .team-cols .team-thumb {
  position: relative;
}

#Our-team .team-cols .team-thumb img {
  width: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: .3s ease-in-out;
}
#Our-team .team-cols .team-thumb img:hover {
  transform: scale(1.1);
}

#Our-team .team-cols .team-thumb {
  position: relative;
}

#Our-team .owl-carousel .owl-nav {
  position: absolute;
  transform: translateY(-50%);
  top:38%;
  left: -68px;
  right: -68px;
  color: #fff;
}
#Our-team .owl-carousel .owl-nav button.owl-prev {
  font-size: 33px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #a70073;
  float: left;
  outline: none;
}
#Our-team .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #213e65;
}
#Our-team .owl-carousel .owl-nav button.owl-next {
  font-size: 33px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #a70073;
  float: right;
  outline: none;
}
#Our-team .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #213e65;
}
#Our-team .owl-carousel button.owl-dot {
  border: none;
  outline: none;
  padding: 0 !important;
  margin: 0 6px;
  opacity: 0.102;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #a80073;
}
#Our-team .owl-carousel button.owl-dot.active {
  opacity: 1;
}


/* Dental Hospital Section*/

#dental .dental-section {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    background-color: #a70073;
    background-position: -300px 0;
}
#dental .hospital-heading-section h6 {
  font-size: 24px;
  line-height: 46px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
#dental .hospital-heading-section h1 {
  font-size: 42px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 800;
  max-width: 432px;
  margin: auto;
  text-align: center;
}
#dental .hospital-counter-section {
  margin-top: 53px;
  margin-right: -26px;
      transition: all 0.6s;
}
#dental .hospital-right-box {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 25px;
  margin-bottom: 30px;
  transition: all .5s ease 0s;
}
#dental .hospital-right-box:hover {
  background-color: #940065;
  
      transform: translateY(-7px);
}
#dental .hospital-right-box:hover p, #dental .hospital-right-box:hover h4 {
  color:#fff;
  transition: all 600ms;

}
#dental .hospital-right-box h4 {
  font-size: 18px;
  line-height: 25px;
  color: #213e65;
  font-weight: 800;
}
#dental .hospital-right-box p {
  font-size: 15px;
  line-height: 20px;
  color: #6c87ab;
  font-weight: 400;
}
/* Download App Section */

#download-app {
  background-color: #a70073;
  padding: 77px 0;
}
#download-app .download-app-section h3 {
  font-size: 24px;
  line-height: 48px;
  color: #ffffff;
  font-weight: 700;
}
#download-app .download-app-section h1 {
  font-size: 42px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 800;
  max-width: 666px;
  margin: auto;
}
#download-app .download_img {
  margin: 35px 0 40px;
  transform: scale(1);
  transition: .3s ease-in-out;
}
#download-app .download_img:hover {
  transform: scale(1.2);
}

#download-app .download-app-section p {
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
  max-width: 965px;
  margin: auto;
}
#download-app .app-button {
  margin-top: 30px;
}
#download-app .app-button a {
  margin: 0 10px;
}
/*Our Gallery Section*/

#Our-gallery {
  margin-bottom: 106px;
}
#Our-gallery .gallery-section h6 {
  font-size: 24px;
  line-height: 33px;
  color: #a80073;
  font-weight: 700;
}
#Our-gallery .gallery-section h1 {
  font-size: 42px;
  line-height: 52px;
  color: #213e65;
  font-weight: 800;
  max-width: 345px;
  margin: auto;
}
#Our-gallery .gallery-section {
  margin: 66px 0 41px 0;
}
#Our-gallery figure.image img {
  width: 100%;
  transform: scale(1);
  transition: .3s ease-in-out;
  max-width: none;
}
#Our-gallery figure.image img:hover {
  transform: scale(1.1);
}
#Our-gallery .gallery-right-section h6 {
  font-size: 31px;
  line-height: 36px;
  color: #213e65;
  font-weight: 800;
}
#Our-gallery .gallery-right-section p {
  font-size: 16px;
  line-height: 29px;
  color: #6c87ab;
  font-weight: 400;
}
#Our-gallery .gallery-right-content {
  max-width: 400px;
  margin: 0 0 30px 30px;
}
#Our-gallery .container-fluid {
  padding: 0;
}
#Our-gallery .owl-carousel .owl-nav {
  position: absolute;
  transform: translateY(-50%);
  top: 115%;
  left: auto;
  right: 0;
  color: #fff;
}
#Our-gallery .owl-carousel .owl-nav button.owl-prev {
  font-size: 33px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #a70073;
  float: left;
  outline: none;
}
#Our-gallery .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #213e65;
}
#Our-gallery .owl-carousel .owl-nav button.owl-next{
  font-size: 33px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #a70073;
  float: right;
  outline: none;
}
#Our-gallery .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #213e65;
}
.contact-number {
  justify-content: center;
  border-radius: 40px;
  filter: drop-shadow(0 0 15px rgba(18,96,86,0.1));
  background-color: #ffffff;
  width: auto;
  display: table;
  padding: 10px 30px 10px 10px;
  margin: 56px auto 0;
  position: relative;
  left: -30px;
}
.gallery-slide {
  position: relative;
}
.gallery-slide:after {
  content: '';
  position: absolute;
  bottom: -100px;
  width: 100%;
  height: 100px;
  background-color: #f6e5f1;
  left: -50%;
  z-index: -1;
}
.contact-number .time span {
  display: block;
  font-weight: 700;
  font-size: 18px;
  line-height: 31px;
  color: #1d2322;
}
.contact-number .time {
  font-size: 24px;
  line-height: 30px;
  color: #a80073;
  font-weight: 700;
  margin-right: 0;
  background-image: url(images/our-gallery/phone-icon.png);
  background-repeat: no-repeat;
  padding-left: 75px;
}
/*Recent Blog Section*/

#recent_blog h5 {
  font-size: 24px;
  line-height: 27px;
  color: #a80073;
  font-weight: 700;
}

#recent_blog h3 {
  max-width: 487px;
  font-size: 42px;
  line-height: 52px;
  color: #213e65;
  font-weight: 800;
}

#recent_blog figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  width: 100%;
}

#recent_blog figure:hover+span {
  opacity: 1;
}

#recent_blog .post-thumbnail {
  margin: 0;
  position: relative;
  z-index: 9;
}

#recent_blog img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: auto;
  width: 100%;
}

#recent_blog .recent_box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#recent_blog h4 a {
  font-size: 24px;
  line-height: 32px;
  color: #213e65;
  font-weight: 800;
}

#recent_blog .recent_box:hover h4 a {
  color: #a70073;
}



#recent_blog .blog-title {
  text-align: center;
  display: table;
  margin: 20px auto;
}

#recent_blog .blog-content p {
  font-size: 19px;
  line-height: 31px;
  color: #888888;
  font-weight: 400;
  text-align: center;
}


#recent_blog .button {
  background: #a70073;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  margin: 20px 0;
  transition: all 0.6s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  text-transform: capitalize;
  position: relative;
}
#recent_blog .button:hover {
  background: #2d3446;
  text-decoration: none;
  color: #fff;
}

#recent_blog .button,
#recent_blog .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#recent_blog .button::before,
#recent_blog .button::after {
  background: #a70073;
  content: '';
  position: absolute;
  z-index: -1;
}

#recent_blog .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#recent_blog .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

 

#recent_blog .post-details .dashicons {
  font-size: 18px;
}

#recent_blog .recent_box {
  margin-bottom: 50px;
}
#recent_blog .recent_box:nth-child(2n) .row {
  flex-direction: row-reverse;
}
#recent_blog .recent_box:nth-child(2n) .post-thumbnail {
  margin: 0;
}
#recent_blog .recent_box .post-details {
  display: flex;
}

#recent_blog .recent_left .post-thumbnail {
  margin: 0;
}
#recent_blog .recent_right .recent_box {
  display: block;
}

#recent_blog .recent_right .post-thumbnail {
  margin: 0;
}
#recent_blog .recent_left .post-content.entry-content {
  padding: 0;
}
#recent_blog .recent_right .post-content.entry-content {
  padding:0;
}
#recent_blog .latest-post figure {
  background: transparent;
}
#recent_blog .post-time {
  font-size: 15px;
  line-height: 25px;
  color: #213e65;
  font-weight: 400;
}
#recent_blog i.fa.fa-calendar.mr-2 {
  color: #a70073;
}
#recent_blog .owl-carousel .owl-nav button span {
  display: block;
  margin-top: -15px;
}

#recent_blog .fas {
  font-size: 20px;
}

#recent_blog .post-user {
  font-size: 12px;
  margin-right: 10px;
  line-height: 20px;
  color: #8e95ac;
  margin-left: auto;
}

#recent_blog i.far.fa-comments.mr-2 {
  color: #a70073;
}
#recent_blog span.ml-3 {
  font-size: 15px;
  line-height: 25px;
  color: #213e65;
  font-weight: 400;
}

#recent_blog p.content-post {
  font-size: 16px;
  line-height: 26px;
  color: #6c87ab;
  font-weight: 400;
  max-width: 479px;
}


#recent_blog .blog-content {
  margin-bottom: 30px;
}
#recent_blog.post-template .post-content.entry-content {
  margin-right: 0;
}

 
#recent_blog .post-content.entry-content {
  margin-right: 108px;
}

/*Our Partners*/

#Our_Partners{
  background-color: #2f1b28;
}
#Our_Partners .partners-heading h5 {
  font-size: 24px;
  line-height: 42px;
  color: #ffffff;
  font-weight: 700;
}
#Our_Partners .partners-heading h2 {
  font-size: 28px;
  line-height: 33px;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 50px;
}
#Our_Partners .our-partners-thumb img {
  padding: 38px;
  transition: all .5s ease 0s;
}
#Our_Partners .our-partners-thumb img:hover{
 transform: translate(-7px);

}


#Our_Partners .owl-carousel {
  border-bottom: solid 1px rgba(255,255,255,0.102);
  padding-bottom: 50px;
}
/*Contact Us*/
#contact-us .contact-section {
  background-size: 100%;
  background-repeat: no-repeat;
}

#contact-us .contact {
  padding: 34px;
}

#contact-us .contact h3 {
  font-size: 33px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#contact-us .contact p {
  font-size: 18px;
  color: #cccccc;
  font-weight: 400;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#contact-us .form {
  height: 100%;
}

#contact-us .form p {
  margin-bottom: 0;
}

#contact-us .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  margin-right: 13px;
  font-size: 18px;
  color: #2c2e30;
  font-weight: 400;
  width: 300px;
  height: 44px;
  background-color: #ffffff;
  border: 1px solid #a70073;
  padding: 20px;
  outline: none;
}

#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  margin-left: 2px;
  background-color: #a70073;
  color: #fff;
  height: 44px;
  width: 97px;
  border: 0;
}
#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  color:#101010;
}

/*Innner page recent projects*/
.post-content h2 {
  color: #213e65;
}
.post-content h5 {
  color: #a70073;
}
#recent-page-inner figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
}

#recent-page-inner figure:hover+span {
  opacity: 1;
}

#recent-page-inner img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#recent-page-inner .project-box :hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}

#recent-page-inner .box {
  background: #2d3446;
}

#recent-page-inner h4 {
  color: #fff;
  font-weight: 600;
}

#recent-page-inner .box:hover h4 {
  color: #a70073;
}

#recent-page-inner img {
  height: 300px;
  max-height: 300px;
  width: 100%;
}

#recent-page-inner .read-more {
  color: #fff;
}

/*Footer Section*/

.footer-area .wpcf7 input[type="url"], .footer-area .wpcf7 input[type="email"] {
  width: auto;
  height: 60px;
  background-color: #3b2534;
  border: 0;
  outline: 0;
  padding: 25px;
  font-size: 16px;
  line-height: 26px;
  color: #c0afbb;
  font-weight: 400;
}
.footer-area .wpcf7 [type="submit"] {
  border: 0;
  color: #ffffff;
  cursor: pointer;
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 12px;
  background: transparent !important;
}
.footer-area form.wpcf7-form {
  position: relative;
  margin-top: 20px;
}
.footer-area h4, .footer-area h2 {
  font-size: 22px;
  line-height: 52px;
  color: #ffffff;
  font-weight: 800;
  margin-bottom: 10px;
}
.footer-area i.fa.fa-envelope {
  position: absolute;
  top: 33%;
  right: 1%;
}
.footer-area ul {
  list-style: none;
  padding: 0;
}
.footer-area .menu li a:hover {
  color: #a70073;
}
.footer-area .col-lg-4:first-child img {
  height: 42px;
  width: auto;
}
.copyright p {
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 400;
}
.footer-area .textwidget p {
  font-size: 16px;
  line-height: 26px;
  color: #c0afbb;
  font-weight: 400;
}
.footer-area .menu {
  list-style: none;
  padding: 0;
  width: 100%;
}  
.footer-area .menu li a {
  font-size: 16px;
  line-height: 26px;
  color: #c0afbb;
  font-weight: 400;
}
.footer-area .widget_nav_menu {
  display: table;
  margin: auto;
  max-width: 140px;
}
.footer-area .widget_nav_menu h4 {
  width: 100%;
}
.copyright a {
  color: #a70073;
}

.copyright a:hover {
  color: #fff;
}

.footer-area .woocommerce ul.product_list_widget li {
  padding: 5px 0;
}

.custom-h6 {
  font-size: 18px !important;
}

.copyright {
  background: #24141f;
}
.copyright p {
  margin-bottom: 0;
}
.post-content h3 {
  color: #213e65;
}
.post-content p {
  color: #6c87ab;
}
.post-content h4 {
  color: #213e65;
}
/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  color:#fff
}
.contact-enquiry h4 {
  color: #a70073;
  font-size: 34px;
  font-weight: 600;
}
#contact p{
  color: #362a45;
}
#contact .services-box:hover p{
	color: #fff;
}
#contact .contact-text{
  color: #fff;
}
#contact .icon1{
  background: #fff;
  color: #a70073;;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}
#contact .icon1:hover{
  transform: rotate(360deg);
  color: #fff;
  background: #a70073;
}
#contact .contact-enquiry{
  background: #fff;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 225px;
}
#contact .services-box:hover {
  background: #a70073;
  color: #fff;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  background-color: #fbfbff;
  border: 1px solid #f0f0ff;
  font-size: 16px;
  line-height: 26px;
  color: #a1a1d4;
  font-weight: 400;
  padding: 13px;
  outline: 0;
  margin-bottom: 15px;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #717d9c;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  border-radius: 6px;
  background-color: #fbfbff;
  border: 1px solid #f0f0ff;
  font-size: 16px;
  line-height: 26px;
  color: #a1a1d4;
  font-weight: 400;
  height: 130px;
  padding: 13px;
  outline: 0;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #717d9c;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 16px;
  line-height: 43px;
  font-weight: 400;
  border-radius: 6px;
  background-color: #a70073;
  color: #fff;
  padding: 2px 29px;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.6s;
  border: 0;
  margin-left: 18px;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .icon2{
  font-size: 50px;
  color: #a70073;
  display: inline;
-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#contact .services-box:hover .icon2{
  transform: rotate(360deg);
  color: #fff;
}
#contact h6{
  color: #2d3446;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact .services-box:hover h6{
	color: #fff;
}
#contact h5 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
  color: #fff;;

}
#contact h3{
  color: #213e65;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 500;
}
.contact-form {
  background: #a70073;
}
.form-box{
  background: #fff;
}

/*MEDIA QUERY 320 TO 720*/
  img {
    max-width: 100%;
  }



@media only screen and (min-width: 320px) and (max-width: 720px) {
  .admin-bar .fix-sticky {
    margin-top: 0;
  }
  #main-menu ul {
    display: block;
  }
  #dental .hospital-heading-section h1 {
    font-size: 31px;
}
.contact-number .time span {
  font-size: 14px;
}
.contact-number .time {
  font-size: 23px;
}

  .fix-sticky {
    position: unset;
  }
  .appointment .appointment-inner {
    padding: 40px 20px 0;
    margin-top: 0;
    margin-left: 0;
}
#Our-team .owl-carousel .owl-nav {
  display: none;
}
#Our-team .team-section h1 {
  font-size: 28px;
  line-height: 42px;
}
  .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #slider .social-links {
    margin-top: 20px;
}
#about_us .about-content h3 {
  font-size: 22px;
  line-height: 33px;
}

  .footer-area .header-email-inner {
    font-size: 17px;
}
.footer-area h4.title:after {
  display: table;
  margin: auto;
}
.copyright {
  width: auto;
}
  #main-menu ul li a {
    color: #2d3446;
  }

  .sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align: center;
  }

  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }

  #main-menu {
    top: 25px;
  }

  .sidenav a:hover {
    color: #f1f1f1;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    box-shadow: none;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    width: 45px;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    display: inline-block;
    background: #a70073;
    padding: 0 5px;
    color: #fff;
    border-radius: 6px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    background: transparent;
  }

  #main-menu ul.sub-menu li a:hover:after {
    background: transparent;
    color: #2d3446;
  }

  #main-menu ul.sub-menu li a:hover {
    color: #2d3446;
  }

  #main-menu ul.sub-menu li a:before {
    border: none;
  }

  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: unset;
    width: 100% !important;
    margin: 0;
  }

  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin: 0;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 10px 20px;
  }

  .woocommerce .quantity .qty {
    max-width: 120px;
  }

  .summary.entry-summary {
    text-align: center;
  }

  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img {
    padding: 0 5px;
  }

  section.related.products {
    padding: 0 5px;
  }

  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }

  .page-404 h1 {
    font-size: 100px;
  }

  .page-404 p {
    margin-left: 0;
    margin-right: 0;
  }

  p.cart-item-box {
    left: 50%;
  }

  .top_header .mail,
  .top_header .location,
  .top_header .time {
    font-size: 12px;
  }

  .admin-bar .fix-sticky {
    position: relative;
  }

  .menu-header .call_box:after {
    display: none;
  }

  .logo-box {
    position: unset;
    width: 43%;
    text-align: left;
    padding: 0px 6px 0 10px;
  }

  .menu-box {
    left: 0;
    padding: 0;
    flex: 0 0 20%;
    max-width: 20%;
  }

  .logo a img.custom-logo {
    height: auto;
  }

  .menu-box {
    left: 0;
    margin-left: auto;
  }

  .serch-box {
    left: 0;
    flex: 0 0 85%;
    max-width: 85%;
  }

  .open-menu span {
    font-size: 24px !important;
  }
  .header{
    position: unset;
  }
  .header .inner-header{
      padding-left: 15px;
  }
  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    width: 168px;
  }

  
  #slider .slider-content {
    top: 10%;
    transform: translateY(0%);
    left: 5%;
    right: 0;
    width: 90%;
    max-width: 100%;
    font-size: 12px;
    line-height: 14px;
  }

  #slider .expert-div {
    display: none;
  }

  #slider h2 {
    display: none;
  }

  #slider h1 {
    font-size: 24px;
    line-height: 16px;
    margin-bottom: 5px;
  }
  .appointment{
    background: #a70073;
  }
  .appointment .appointment-inner h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .appointment .appointment-inner .contact-info {
    justify-content: center;
    margin: 15px 0;
  }
  .appointment .appointment-inner .contact-info .time {
    margin: 30px 0 0;
  }
  .appointment .appointment-form input[type=email], .appointment .appointment-form input[type=text], .appointment .appointment-form input[type=date], .appointment .appointment-form select {
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    padding: 0 12px;
    margin-bottom: 20px;
  }
  #slider .button {
    font-size: 10px;
    padding: 2px 10px;
    display: table;
    margin: 0;
    line-height: 24px;
}

  #slider .button i {
    width: 42px;
    line-height: 30px;
    font-size: 14px;
    top: 0px;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #a70073;
  }

  #slider .work-enquiry-div .deta-box {
    height: 50px;
    margin-bottom: 10px;
  }

  #slider .work-enquiry-div .dashicons {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }

  #slider .work-enquiry-div {
    margin-top: -150px;
  }

  #slider .work-enquiry-div .deta-enquiry h6 {
    font-size: 14px;
    line-height: 6px;
    color: #040f30;
    font-weight: 500;
  }

  .security .security-inner {
    margin-top: 30px;
    padding: 0;
  }

  .security .security-inner-col {
    margin-bottom: 30px;
    display: block;
  }

  .security .security-content {
    padding: 20px 20px 10px;
  }

  #counter .counter-section {
    background-size: cover;
    padding: 10px 0;
  }

  #our-services h2 {
    font-size: 30px;
    line-height: 38px;
    color: #2c2e30;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  #our-services .services-boxes {
    font-size: 16px;
    line-height: 24px;
    color: #888888;
    margin-bottom: 30px;
  }

  #our-services .services-boxes .button {
    line-height: 46px;
    padding: 0 70px 0 10px;
    margin-top: 20px;
    font-size: 14px;
  }

  .security .services-right-boxes {
    margin: 20px;
  }

  #testimonial .testimonials-section {
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 30px 0;
  }
  #testimonial {
    margin-bottom: 0;
  }
  #Our-team .team-cols {
    transition: all 600ms;
    margin-bottom: 30px;
  }
  .testimonials-heading h2 {
    font-size: 22px;
    line-height: 24px;
  }
  .testimonials-heading h5 {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 20px;
  }

  .testimonials-heading {
    margin-bottom: 20px;
  }

  #testimonial .content {
    font-size: 16px;
    line-height: 24px;
  }
  #Our-team .team-cols {
    margin-bottom: 30px;
}
#Our-team .content p {
  font-size: 16px;
  line-height: 28px;
}
#Our-team .content h1 {
  font-size: 30px;
  line-height: 30px;
  color: #2c2e30;
  font-weight: 900;
  margin-bottom: 20px;
}
#Our-team .team-heading h3 {
  font-size: 16px;
  line-height: 24px;
}
#recent_blog {
  margin-top: 40px;
}
#recent_blog h5 {
  font-size: 16px;
  margin-top: -20px;
  margin: -20px auto 10px;
  padding: 0 20px;
}
#recent_blog .blog-title {
  padding: 10px 20px;
  width: 100%;
}
#recent_blog .blog-content p {
  font-size: 16px;
  line-height: 28px;
}
#recent_blog .recent_box {
  display: block;
  margin-bottom: 0;
}
#recent_blog .post-content.entry-content {
  padding: 25px;
  margin: 15px 0;
}
#Our_Partners .our-partners-thumb img {
  padding: 0;
  width: auto;
  margin: auto;
}
.footer-area .wpcf7 input[type="url"], .footer-area .wpcf7 input[type="email"] {
  width: 100%;
}
.footer-area i.fa.fa-envelope {
  right: 5%;
}
#Our-gallery .owl-carousel .owl-nav {
  display: none;
}
#recent_blog h4.post-title {
  line-height: 20px;
}
  #services h3,
  #about_us h3,
  #counter h3,
  #gallery_div h3,
  #testimonial h3,
  #newsletter h3 {
    margin: 0 0;
    font-size: 18px;
  }

  #our-services h5 {
    font-size: 18px;
    line-height: 4px;
  }

  #appointment .appointment-box {
    position: unset;
  }

  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }

  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #testimonial .owl-dots button.owl-dot.active {
    background-color: #a70073;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    top: 50px;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }
  .appointment-form {
    padding: 37px;
    bottom: 0;
}
.app-section {
  margin-bottom: 20px;
  padding: 50px 0;
}
.appointment-form {
  padding: 25px;
}
#appointment .fa-angle-right {
  height: auto;
  width: 48px;
  top: auto;
  position: absolute;
  bottom: 0;
  right: 0;
}
#contact-us .contact-section {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#contact-us .contact {
  padding: 30px 10px;
}
#contact-us .contact {
  padding: 30px 10px;
}
#contact-us .contact h3 {
  font-size: 28px;
  margin-bottom: 20px;
}
#client .owl-nav {
  text-align: center;
  font-size: 32px;
}
  #banner_div h3 {
    margin: 0;
  }

  .footer-area ul {
    padding: 0 10px;
  }

  #contact .dashicons {
    margin: 20px 0;
    display: inline;
  }

  #contact hr {
    width: 30%;
  }

  #contact .contact-form p {
    margin-left: 0;
    margin-right: 0;
  }

  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 15px 0;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
    left: 38%;
  }

  #comments textarea {
    width: 100%;
  }

  .woocommerce-page div.product div.summary {
    padding: 15px;
  }

  .post-single .blog_share_icon .fab {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }

  .copyright img {
    margin: 10px 0;
  }

  .latest-post .comments {
    font-size: 16px;
  }

  .latest-post .date-meta {
    font-size: 14px;
  }

  .footer-area hr {
    width: 30%;
    margin-right: auto;
  }

  .page-template-frontpage .footer {
    padding-bottom: 10px !important;
  }
  #Our-gallery .container-fluid {
      padding-right: 15px;
      padding-left: 15px;
  }
  #our-services {
    padding: 40px 0 0;
  }

  #testimonial .testimonials-heading h2 {
    font-size: 24px;
    line-height: 32px;
}
#dental .hospital-counter-section {
  margin-top: 30px;
  margin-right: 0;
}
#Our-gallery .gallery-section h1 {
  font-size: 24px;
  line-height: 32px;
}
.contact-number {
  left: 0;
  margin-bottom: 30px;
}
#Our-gallery figure.image img {
  width: auto;
  margin-left: 0;
  height: auto;
  max-width: 100%;
}
#Our-gallery {
  margin-bottom: 40px;
}
#download-app .download-app-section h1 {
  font-size: 24px;
  line-height: 32px;
}
#download-app .app-button a {
  margin: 10px 0;
}
   
  #about_us .about-content {
    margin: 0;
}
#our-advantages .advantages-backg {
  height: auto;
  padding: 20px 0;
}
#our-advantages .advantages-right-boxes h4 {
  font-size: 14px;
  line-height: 24px;
  margin-left: 10px;
  height: auto;
  padding: 5px 10px;
  margin-bottom: 15px;
  height: auto;
  flex: 1;
}
#our-advantages .advantages-right-boxes {
  display: flex;
  flex-wrap: wrap;
}
#our-services .services-boxes h2 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 0;
}
  #our-services .deta-box .deta-enquiry h4 {
    font-size: 12px;
    line-height: 12px;
  }

  #our-services .deta-box .deta-enquiry h6 {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 4px;
  }

  #our-services .deta-box .dashicons {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  #our-services .deta-box {
    height: 38px;
    padding: 5px;
    max-width: 150px;
    margin: -33px auto 0;
  }

  #testimonial .testi-inner {
    padding: 0 15px;
  }

  #testimonial .testi-star {
    padding: 7px 20px;
    width: 71%;
    margin: 15px 0;
    border-radius: 10px;
  }
  #testimonial img {
    top: 292px;
  }

  #testimonial h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  #testimonial h6 {
    font-size: 14px;
  }

  .appointment-form h2 {
    font-size: 24px;
  }

  #recent_blog .blog-title {
    margin: 0 0 30px;
  }
  #recent_blog h3, #faq .question-heading h3 {
    font-size: 21px;
    margin-bottom: 10px;
    line-height: 34px;
 }

  footer {
    border-radius: 0;
    padding: 0;
  }

  .footer-area .textwidget {
    margin-bottom: 30px;
  }

  .footer-area .social-links {
    justify-content: center;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
  }

  .footer-area ul {
    padding: 0 10px;
    display: table;
    margin: 0 auto 30px;
  }

}

/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px) {
  #main-menu {
    float: left;
    width: 100%;
  }
  #main-menu ul {
    justify-content: normal;
  }
    .copyright {
      width: auto;
  }
  .logo a img.custom-logo {
    height: auto;
  }

    .admin-bar .fix-sticky {
      margin-top: 45px;
    }

    #slider .owl-carousel .owl-item img {
      width: auto;
    }
    #main-menu ul li {
      margin-right: 37px;
  }
  #slider h1 {
      line-height: 27px;
  }
  .appointment .appointment-inner {
    padding: 20px 30px 0;
    margin-top: 0;
    margin-left: 0;
  }
  .appointment .appointment-inner h2 {
    font-size: 17px;
    line-height: 30px;
  }
  #dental .hospital-right-box h4 {
    font-size: 15px;
    line-height: 15px;
  }
  #dental .hospital-right-box p {
    font-size: 12px;
    line-height: 20px;
  }
  #about_us .about-content p {
    font-size: 14px;
    line-height: 19px;
  }
  .appointment .appointment-inner .contact-info .time, .appointment .appointment-inner .contact-info .mail {
    font-size: 14px;
    line-height: 18px;
    padding-left: 30px;
    background-size: 24px;
  }
  .appointment .appointment-form input[type=submit] {
    width: auto;
    padding: 0 17px;
  }
  #about_us .about-content h3 {
    font-size: 28px;
    line-height: 32px;
  }
  #our-advantages .advantages-right-boxes h4 {
    font-size: 14px;
    line-height: 18px;
  }
  #our-services .services-right-box {
    margin-bottom: 30px;
    padding: 60px 20px;
  }
  #our-services .services-right-box h4 {
    font-size: 19px;
    line-height: 12px;
  }
  #Our_Partners .our-partners-thumb img {
    padding: 58px;
  }
  #Our-gallery .gallery-right-section p {
    font-size: 13px;
  }
  #dental .dental-section {
    background-size: 1350px;
    padding: 40px 0;
    background-position: -260px center;
  }
  #Our-gallery figure.image img {
    height: auto;
    max-width: 100%;
    margin-left: 0;
  }
  #Our-gallery .gallery-right-section h6 {
    font-size: 22px;
  }
  #Our-gallery .owl-carousel .owl-nav {
    display: none;
  }
  .appointment .appointment-inner .contact-info .time {
    margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 30%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
    margin: 15px 0;
  }

  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 45%;
    margin: 10px 10px;
  }

  #contact input.wpcf7-form-control.wpcf7-text {
    width: 46%;
    margin: 20px 10px;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
  }

  .sidebar-area .post-title {
    font-size: 14px;
  }

  .woocommerce div.product div.images img {
    width: auto;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 50%;
  }

  .woocommerce #content div.product div.images,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.images,
  .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
  }

  .woocommerce button.button {
    margin: 0 10px;
    padding: 12px 20px;
  }
  .header .inner-header{
    padding-left: 20px;
  }
  .header{
    position: unset;
  }

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

  #main-menu ul li a {
    padding: 16px 10px;
    font-size: 14px;
  }

  .logo-box {
    position: unset;
  }

  .logo-box img {
    max-width: 100%;
  }

  .menu-box {
    left: 0;
  }

  .serch-box {
    left: 0;
  }

  .menu-header .call_box {
    left: 30px;
  }

  .menu-header .call_box {
    padding: 16px 0;
  }

  .menu-header .call_text1 {
    font-size: 7px;
  }

  .menu-header .call_text2 {
    font-size: 10px;
  }

  .top_header .social-links a {
    margin: 0 3px;
  }

  #slider .slider-content {
    top: 13%;
    left: 5%;
    right: 25%;
}
  #slider .expert-div {
    display: none;
  }
  #slider .social-links{
    margin-top: 20px;
  }

  #slider h1 {
    font-size: 28px;
    margin: 0 !important;
  }

  #slider .button {
    padding: -1px 7px;
    font-size: 14px;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #a70073;
  }

  #testimonial h3 {
    font-size: 28px;
  }

  #counter h3 {
    margin: 0 10%;
  }

  #recent_blog img {
    height: auto;
  }

  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  #appointment .appointment-box {
    position: unset;
  }

  #appointment h3 {
    width: 100%;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  .widget_text,
  .widget_nav_menu {
    margin-bottom: 30px;
  }

  #appointment textarea.wpcf7-form-control.wpcf7-textarea {
    height: 90px;
  }

.button-header a {
    font-size: 14px;
    line-height: 41px;
    padding: 0px 12px;
    margin-top: 19px;
  }

  #testimonial img {
    top: 176px;
  }

  

   
  #our-services .services-boxes .button {
    line-height: 27px;
    padding: 0px 56px 0 25px;
    margin-top: 27px;
    font-size: 10px;
  }
  #our-services .services-boxes .button i {
    width: 48px;
    line-height: 30px;
    font-size: 18px;
  }
  #Our-team .content h1 {
    font-size: 36px;
  }
  #Our-team .content p {
    font-size: 17px;
    line-height: 34px;
  }
  #Our-team .team-heading h3 {
    font-size: 14px;
    line-height: 25px;
  }
  #recent_blog {
    margin-top: 0;
  }
  footer {
   padding: 0;
  }
  #contact-us .contact {
   padding: 0;
  }
  #contact-us .contact h3 {
    font-size: 25px;
  }
  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    width: 158px;
  }
  #our-services h2 {
    font-size: 38px;
    line-height: 52px;
  }
  #counter .counter-section {
    padding: 1px;
  }
  #counter .data_box {
    font-size: 16px;
    padding: 13px 25px;
    margin-bottom: 32px;
  }
  #Our-team .owl-carousel .owl-nav {
    left: -38px;
    right: -40px;
  }
  #Our-team .owl-carousel .owl-nav button.owl-prev {
  font-size: 20px;
  width: 35px;
  height: 35px;
  }
  #Our-team .owl-carousel .owl-nav button.owl-next {
  font-size: 20px;
  width: 35px;
  height: 35px;
  }
  #our-advantages .advantages-backg{
    height: auto;
    padding: 30px 0;
  }
  #our-advantages .advantages-right-boxes{
    column-count: 1;
  }
  #Our-gallery .container-fluid{
    padding: 0 15px;
  }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {

  #main-menu ul li a {
    padding: 10px 10px;
    font-size: 16px;
  }
  #main-menu ul li {
    margin-right: 42px;
}
.header .inner-header{
  padding-left: 50px;
}
#slider .social-links {
    margin-top: 104px;
}
.appointment .appointment-inner h2 {
  font-size: 22px;
  line-height: 58px;
}
.appointment .appointment-inner .contact-info .time {
  margin-right: 6px;
}
#about_us .about-content h3 {
    font-size: 28px;
    line-height: 37px;
}
#our-advantages .advantages-right-boxes h4 {
    font-size: 16px;
    line-height: 19px;
    margin-left: -10px;
    height: 57px;
    padding: 0 20px;
}
  #our-services .services-right-box {
   margin-bottom: 31px;
}
#Our-gallery figure.image img {
  width: 100%;
  margin-left: -39px;
  object-fit: cover;
  height: 294px;
  transform: scale(1);
  transition: .3s ease-in-out;
  max-width: none;
}
#Our-team .owl-carousel .owl-nav {
  left: -47px;
  right: -48px;
}
#Our-gallery .owl-carousel .owl-nav {
  top: 110%;
  left: 362px;
  right: 114px;
}
  .top_header .mail,
  .top_header .location,
  .top_header .time {
    font-size: 11px;
  }
  #Our_Partners .our-partners-thumb img {
    padding: 94px;
}
  .logo-image img {
    width: 200px;
  }

  .top_header .social-links a {
    margin: 0 3px;
  }

  .menu-header .call_box {
    font-size: 12px;
  }

  #slider h2 {
    font-size: 18px;
  }

  #slider h1 {
    font-size: 31px;
    line-height: 30px;
}
#slider .button {
  margin-top: 6px;
}
  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }

  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #testimonial .owl-dots button.owl-dot.active {
    background-color: #a70073;
  }
  
  #appointment h3 {
    width: 100%;
  }

  #appointment .appointment-box {
    bottom: -18%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  #testimonial img {
    top: 172px;
  }

  #testimonial img {
    top: 172px;
  }

  #recent_blog .owl-carousel .owl-nav {
    top: 65%;
    left: -221px;
    font-size: 28px;
  }
  #recent_blog .owl-dots {
    margin: 40px auto;
}
#our-services .services-right-box h4 {
  font-size: 22px;
  line-height: 34px;
}

  #our-services .row>.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #counter .counter-section {
    padding: 1px;
  }
  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    width: 242px;
  }
  #contact-us .contact {
   padding: 0;
  }
  #Our-gallery .container-fluid{
    padding: 0 15px;
  }

}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {

  .woocommerce .quantity .qty {
    max-width: 150px;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }
  #Our-gallery .container-fluid{
    padding: 0 15px;
  }

}