/*
Theme Name: Hairstyle Salon Pro
Theme URI: https://www.misbahwp.com/products/hairstyle-wordpress-theme/
Description: The Premium Hairstyle WordPress Theme is a top-of-the-line solution designed specifically for hair salons, hair stylists, beauty parlors, and spa businesses. With its array of advanced features, stylish design options, and comprehensive functionalities, this theme offers everything needed to create a visually stunning and successful online presence in the hairstyling industry. One of the standout features of the Premium Hairstyle WordPress Theme is its modern and elegant design. The theme provides a wide range of customization options, allowing salon owners to create a unique and branded website that reflects their salon’s style and ambiance. The Premium Hairstyle WordPress theme offers a collection of pre-designed templates and page layouts tailored specifically for the needs of hair salons. These templates include sections for showcasing different hairstyles, services, stylists’ profiles, pricing packages, client testimonials, and a contact page.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
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: hairstyle-salon-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: 'Outfit', sans-serif;
  color: #909090;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'K2D', 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: #f6526d;
  text-decoration: none;
}

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

/* ===============================================
   HEADER BOX
   ============================================= */

/* Search Form */

.header-search {
  width: 100%;
  position: relative;
  margin: 0 auto;
  z-index: 99999999
}

.header-search .fas.fa-search {
  line-height: 21px
}

.header-search .header_right_form {
  position: absolute;
  right: 0;
  z-index: 999;
  width: 100%;
  top: 110px;
  background: #f80;
  padding: 50px 125px
}

@media(max-width:991px) {
  .header-search .header_right_form {
      top: 110px;
      padding: 30px 25px
  }
}

@media(max-width:768px) {
  .header-search .header_right_form {
      top: 110px;
      padding: 30px 25px
  }
}

@media(max-width:767px) {
  .header-search .header_right_form {
      top: 108px
  }
}

@media(max-width:575px) {
  .header-search .header_right_form {
      top: 168px
  }
}

.header-search .search-field {
  background: #fff;
  font-style: italic;
  width: 100%;
  float: left;
  border: none;
  padding: 10px 60px 10px 30px;
  box-shadow: 0 5px 10px #eceeef;
  line-height: 38px;
  font-size: 16px
}

.header-search .header_right_form button {
  border: none;
  color: #fff;
  background: 0 0;
  padding: 0;
  float: right;
  margin: -40px 18px 0 0;
  color: #acacac;
  font-size: 25px;
  cursor: pointer
}

@media(max-width:767px) {
  .col-sm-7.col-md-8 .nav-btn-search {
      margin-top: -40px;
      position: relative
  }

  .row {
      margin: 0 auto !important
  }
}

.header-search-button button {
  cursor: pointer;
  border: 0;
  background: rgba(255, 255, 255, 0.102);
  color: #fff;
  outline: none;
  padding: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  margin: 0;
  border-radius: 50px;
  transition: all ease-in-out .4s;
  -ms-transition: all ease-in-out .4s;
  -webkit-transition: all ease-in-out .4s
}

.header-search-button button:hover {
  background: #f6526d;
  color: #fff
}

.header-search-button button.active-s {
  background: #f6526d
}

#myOverlay ::-webkit-input-placeholder {
  color: #fff
}

#myOverlay :-ms-input-placeholder {
  color: #fff
}

#myOverlay ::placeholder {
  color: #fff
}

#myOverlay input:-webkit-autofill,
#myOverlay input:-webkit-autofill:hover,
#myOverlay input:-webkit-autofill:focus,
#myOverlay textarea:-webkit-autofill,
#myOverlay textarea:-webkit-autofill:hover,
#myOverlay textarea:-webkit-autofill:focus,
#myOverlay select:-webkit-autofill,
#myOverlay select:-webkit-autofill:hover,
#myOverlay select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s
}

.openBtn {
  cursor: pointer
}

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  margin: 0 auto;
  background-color: #8dd3cbf0;
}

.overlay-content {
  position: relative;
  top: 50%;
  width: 50%;
  text-align: center;
  margin: auto
}

@media(max-width:424px) {
  .overlay-content {
      width: 95%
  }
}

@media(min-width:425px) and (max-width:767px) {
  .overlay-content {
      width: 95%
  }
}

@media(min-width:768px) and (max-width:1023px) {
  .overlay-content {
      width: 85%
  }
}

@media(min-width:1024px) and (max-width:1366px) {
  .overlay-content {
      width: 75%
  }
}

.overlay .closebtn {
  position: relative;
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  padding: 0;
  line-height: 45px;
  background: #233862;
  color: #fff;
  font-size: 35px;
  border: none;
  cursor: pointer
}

@media(max-width:425px) {
  .overlay .closebtn {
      float: none;
      display: inline-block;
      top: 5px
  }
}

.overlay input[type=text] {
  padding: 4px 0 12px;
  font-size: 22px;
  border: none;
  float: left;
  width: 80%;
  background: 0 0 !important;
  font-weight: 300;
  color: #fff;
  outline: 0 !important;
  border: 0 !important;
  border-bottom: solid 1px #fff !important;
}

@media(max-width:425px) {
  .overlay input[type=text] {
      width: 100%;
      margin-bottom: 20px
  }
}

@media(min-width:425px) and (max-width:767px) {
  .overlay input[type=text] {
      width: 68%
  }
}

.overlay input[type=text]:focus {
  background: 0 0 !important
}

.overlay button {
  float: left;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  padding: 0;
  line-height: 45px;
  background: #f6526d;
  color: #fff;
  font-size: 20px;
  border: none;
  cursor: pointer;
  margin: 0 10px 0 25px
}

@media(max-width:425px) {
  .overlay button {
      float: none
  }
}

.home .header {
  position: absolute;
  background-color: transparent;
  top: 0;
  z-index: 999;
  width: 100%;
}

.header {
  background-color: #8ed4cc;
}

.admin-bar .header {
  top: 26px;
}

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

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

.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: #f6526d;
  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: 39px;
  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: right;
  margin-left: auto;
}

#main-menu ul li {
  position: relative;
  display: block;
  margin: 0 15px;
}

#main-menu ul li:last-child {
  margin-right: 0;
}

#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: 28px;
  color: #fff;
  font-weight: 400;
  font-family: "Outfit";
}

#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: #f6526d;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  display: none;
  position: absolute;
  top: 26px;
  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 #f6526d;
  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: #f6526d;
  -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;
}

i.fas.fa-search {
  color: #fff;
  font-size: 15px;
}

a.header-search {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  background-color: rgba(255, 255, 255, 0.102);
  align-items: center;
  justify-content: center;
}

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

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

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: #f6526d;
  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: #f6526d;
  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: #f6526d;
}

.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: #f6526d;
  font-weight: 600;
}

.latest-post .post-date {
  width: 60px;
  height: 60px;
  background-color: #f6526d;
  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: #f6526d;
  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: #f6526d;
  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: #f6526d;
  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;
  }

  a.header-search {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-left: auto;
    position: absolute;
    top: -50px;
    right: 60px;
  }

  .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,
.hairstyle-salon-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.hairstyle-salon-pro-pagination a span,
.hairstyle-salon-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,
.hairstyle-salon-pro-pagination span.current,
.hairstyle-salon-pro-pagination span.current:hover,
.hairstyle-salon-pro-pagination span.current:focus,
.hairstyle-salon-pro-pagination a span:hover,
.hairstyle-salon-pro-pagination a span:focus {
  background: #f6526d;
  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 #f6526d;
  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: #f6526d;
}

.sidebar-area a:hover {
  color: #f6526d;
}

.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: #f6526d;
  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: #f6526d;
  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: #f6526d;
  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: #95d7cf;
  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 #f6526d 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: #f54865;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

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

/*Body*/


/*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: 10%;
  max-width: 500px;
  top: 24%;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 400;
}

#slider h2 {
  font-size: 18px;
  line-height: 36px;
  color: #f6526d;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
}

#slider h1 {
  font-size: 48px;
  line-height: 54px;
  color: #ffffff;
  font-weight: 800;
}

#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;
  border-radius: 6px;
}

#slider .button:hover {
  background: #fff;
  color: #070707;
}

#slider .social-links {
  margin-top: 133px;
  display: flex;
  position: absolute;
  bottom: 145px;
  right: 4.6%;
  justify-content: right;
  border-radius: 30px;
  background-color: #000000;
  padding: 10px;
}

#slider .social-links a {
  width: 32px;
  height: 32px;
  border-radius: 20px;
  background-color: #202020;
  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:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #f6526d;
}

/* Appointment Section */

.appointment .appointment-section {
  background-color: #fff;
  padding: 30px 40px;
}

.appointment .appointment-inner {
  padding: 0;
  margin-top: -113px;
  position: relative;
  z-index: 99;
  margin-right: 346px;
  border-radius: 6px;
  filter: drop-shadow(0 0 25px rgba(0, 0, 0, 0.06));
  background-color: #ffffff;
}

.appointment .time-shedule-text span {
  display: block;
}

.appointment .appointment-form .wpcf7-spinner {
  position: absolute;
}

.appointment .appointment-inner h2 {
  font-size: 32px;
  line-height: 82px;
  color: #222222;
  font-weight: 800;
}

.appointment .appointment-inner h5 {
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

.appointment .time-shedule {
  border-radius: 6px;
  background-color: #f6526d;
  padding: 40px 50px;
  height: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 600;
}

.appointment .time-shedule h3 {
  margin-bottom: 20px;
  font-size: 28px;
  color: #ffffff;
  font-weight: 800;
}

.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: 14px;
  line-height: 18px;
  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;
}

.topheader-icon {
  display: flex;
  align-items: center;
  border-radius: 45px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 20px;
  position: absolute;
  right: 17px;
  bottom: 30px;
  z-index: 99;
}

.topheader-icon .dashicons {
  color: #fff;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  border-radius: 30px;
  margin-right: 10px;
  background-color: #f6526d;
  transition: all 0.3s;
}

.topheader-icon .dashicons:hover {
  transform: scale(1.1);
}

.topheader-text-box {
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}

.topheader-text-box h6 {
  font-size: 16px;
  letter-spacing: 4px;
  line-height: 28px;
  text-transform: uppercase;
  color: #f6526d;
  font-weight: 500;
  margin-bottom: 0;
}

/* .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: 44px;
  border: 0;
  padding: 0 20px;
  outline: 0;
  margin-bottom: 20px;
  border-radius: 6px;
  background-color: #f8f8f8;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
}

.appointment .appointment-form input[type=submit] {
  width: 188px;
  height: 44px;
  line-height: 44px;
  background-color: #f6526d;
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  border: 0;
  cursor: pointer;
  transition: all .5s ease 0s;
  margin-bottom: 20px;
  border-radius: 6px;
}

.appointment input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #8ed4cc;
  color: #fff;
}

.appointment .appointment-form p {
  margin-bottom: 0;
}

/*Welcome Section*/

#welcome {
  margin-top: -170px;
  padding-top: 240px !important;
}

#welcome .welcome-content {
  margin: 30px 0 0 36px;
}

#welcome .image-1 img {
  max-width: 100%;
  transition: .3s ease-in-out;
}

#welcome .image-2 img {
  max-width: 100%;
  transition: .3s ease-in-out;
}

#welcome .image-2 img:hover {
  max-width: 100%;
  transform: scale(1.1);
}

#welcome .image-1 img:hover {
  transform: scale(1.1);
}

#welcome .time span {
  display: flex;
  font-size: 16px;
  letter-spacing: 4px;
  text-transform: uppercase;
  font-weight: 500;
}

#welcome figure.image-2 img {
  height: 300px;
  margin-top: 110px;
}

#welcome .welcome-content h5 {
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #f6526d;
  font-weight: 400;
}

#welcome .welcome-content h3 {
  font-size: 41px;
  color: #222222;
  font-weight: 800;
}

#welcome .welcome-content p {
  font-size: 16px;
  color: #757575;
  font-weight: 400;
}

#welcome .button {
  padding: 10px 25px;
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  margin-top: 30px;
  display: table;
  transition: linear 300ms;
  border-radius: 6px;
  background-color: #f6526d;
}

#welcome .button:hover {
  background: #8ed4cc;
}

#welcome .time {
  float: right;
  background: #f6526d;
  padding: 15px 15px 15px 70px;
  margin-top: -16px;
  margin-right: -31px;
  border-radius: 10px 0 10px 10px;
  color: #fff;
  position: relative;
  font-size: 26px;
  color: #ffffff;
  font-weight: 800;
}

#welcome .time .icon {
  color: #f6526d;
  background-color: #fff;
  position: absolute;
  left: 15px;
  border-radius: 30px;
  padding: 10px;
  bottom: 27px;
  transition: all 0.3s;
}

#welcome .time .icon:hover {
  transform: scale(1.1);
}

/*Services Section*/

#services .services-backg {
  padding-top: 56px;
}

#services h5 {
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
}

#services h3 {
  font-size: 38px;
  color: #ffffff;
  font-weight: 800;
}

#services .box-content h4.post-title {
  font-size: 24px;
  line-height: 44px;
  color: #ffffff;
  font-weight: 800;
}

#services .box-content p.content-post {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

#services .box-content a.read_more {
  font-size: 14px;
  text-decoration: underline;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}

#services .services-box figure img {
  transition: .3s ease-in-out;
}

#services .services-box figure img:hover {
  transform: scale(1.1);
}

/*Testimonials*/

#testimonial .testimonial-backg {
  width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: auto;
}

#testimonial .testimonials-heading {
  padding: 40px;
}

#testimonial .testimonial-box {
  border-radius: 10px;
  filter: drop-shadow(0 0 25px rgba(84, 42, 140, 0.06));
  background-color: #ffffff;
  border: 1px solid #efe9f5;
  padding: 25px 25px 10px;
  margin-bottom: 30px;
}

#testimonial .testimonials-heading h5 {
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #f6526d;
  font-weight: 600;
}

#testimonial .testimonials-heading h2 {
  font-size: 38px;
  line-height: 44px;
  color: #222222;
  font-weight: 800;
}

#testimonial .testimonial-box h4 {
  font-size: 20px;
  color: #222222;
  font-weight: 600;
}

#testimonial h3.testi-headings {
  font-size: 20px;
  line-height: 44px;
  color: #222222;
  font-weight: 600;
}

#testimonial h3.testi-heading {
  font-size: 20px;
  line-height: 44px;
  color: #222222;
  font-weight: 600;
}

#testimonial p {
  font-size: 16px;
  color: #757575;
  font-weight: 400;
}

#testimonial .testimonial-box h6 {
  font-size: 14px;
  line-height: 15px;
  color: #000;
  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: #ddd;
  font-weight: 400;
  max-width: 750px;
  padding-top: 20px;
}

#testimonial .star-rating {
  overflow: hidden;
  position: relative;
  height: 2.7em;
  line-height: 1;
  font-size: 14px;
  width: 6.4em;
  font-family: star;
  background-color: #f5516d;
  border-radius: 8px;
}

#testimonial .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #fff;
  background-color: #f5516d;
  border-radius: 8px;
  padding: 10px;
}

#testimonial .star-ratings {
  overflow: hidden;
  position: relative;
  height: 2.7em;
  line-height: 1;
  font-size: 14px;
  width: 6.4em;
  font-family: star;
  background-color: #f5516d;
  border-radius: 8px;
}

#testimonial .star-ratings span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #fff;
  background-color: #f5516d;
  border-radius: 8px;
  padding: 10px;
}

#testimonial .review-button a {
  border-radius: 30px;
  filter: drop-shadow(0 0 25px rgba(84, 42, 140, 0.1));
  background-color: #f54865;
  padding: 11px 22px;
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
  display: table;
  margin: auto;
}

#testimonial .testimonial-box figure img {
  transition: .3s ease-in-out;
}

#testimonial .testimonial-box figure img:hover {
  transform: scale(1.2);
}

/*Pricing Plans Section*/

#pricing-palns .therapy {
  margin-left: -38px;
}

#pricing-palns .therapy-number {
  text-align: center;
  border-radius: 25px;
  background-color: #ffffff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  color: #f9a392;
  font-weight: 700;
}

#pricing-palns .pricing-backg {
  height: 100%;
  padding: 50px 0 20px;
}

#pricing-palns .services-buttons {
  margin-top: -70px;
  margin-right: 25px;
}

#pricing-palns .pricing_plan h5 {
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
}

#pricing-palns .pricing_plan h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 800;
}

#pricing-palns .therapy h4 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
}

#pricing-palns .therapy p {
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
}

#pricing-palns .pricing-right-boxes {
  padding: 20px 30px;
  transition: all 800ms;
}

#pricing-palns .pricing-right-boxes:hover {
  background-color: #f8b4a5;
}

.pricing_plan {
  padding: 0 30px 20px;
}

#pricing-palns a.t-services {
  background-color: #f54865;
  font-size: 17px;
  color: #ffffff;
  font-weight: 700;
  ;
  padding: 7px 4px;
  line-height: 44px;
  display: block;
  text-align: center;
}

#pricing-palns a.price {
  background-color: #8ed4cc;
  padding: 12px;
  margin-left: -3px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
  padding: 7px 3px;
  line-height: 44px;
  display: block;
  text-align: center;
}

#pricing-palns figure.plan-image {
  height: 100%;
  overflow: hidden;
}

#pricing-palns figure.plan-image img {
  height: 100%;
  transition: .3s ease-in-out;
  object-fit: cover;
}

#pricing-palns figure.plan-image img:hover {
  height: 100%;
  transform: scale(1.1);
}

/*Our Gallery Section*/

#Our-gallery {
  margin-bottom: 106px;
}

#gallery_div h5 {
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f6526d;
  font-weight: 600;
}

#gallery_div h3 {
  font-size: 38px;
  color: #161616;
  font-weight: 800;
}

#gallery {
  column-count: 4;
}

#gallery .featured-box {
  margin: 0 7px 15px;
}

#gallery .featured-box img {
  width: 100%;
  height: auto;
}

/*#gallery .featured-box:nth-child(2) {
  width: 534px;
}*/
#gallery_div a.button {
  border-radius: 6px;
  background-color: #f6526d;
  font-size: 14px;
  line-height: 82px;
  color: #ffffff;
  font-weight: 400;
  padding: 14px 34px;
  transition: all 0.3s;
}

#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: #161616;
  font-weight: 800;
  max-width: 345px;
  margin: auto;
}

#Our-gallery .gallery-section {
  margin: 66px 0 41px 0;
}

#Our-gallery figure.image img {
  width: 670px;
  margin-left: -123px;
  object-fit: cover;
  height: 294px;
  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: #161616;
  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: 330px;
  margin: 0 0 30px 30px;
}

#Our-gallery .container-fluid {
  padding: 0;
}

#Our-gallery .owl-carousel .owl-nav {
  position: absolute;
  transform: translateY(-50%);
  top: 123%;
  left: 553px;
  right: 114px;
  color: #fff;
}

#Our-gallery .owl-carousel .owl-nav button.owl-prev {
  font-size: 33px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #f6526d;
  float: left;
  outline: none;
}

#Our-gallery .owl-carousel .owl-nav button.owl-prev:hover {
  background-color: #161616;
}

#Our-gallery .owl-carousel .owl-nav button.owl-next {
  font-size: 33px;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #f6526d;
  float: right;
  outline: none;
}

#Our-gallery .owl-carousel .owl-nav button.owl-next:hover {
  background-color: #161616;
}

.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;
}


/*Our Team Section*/
.team-backg {
  padding: 77px;
}

#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 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 700;
}

#Our-team .team-deatil h5 {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
}

#Our-team .team-section h6 {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 5px;
}

#Our-team .team-section h1 {
  font-size: 42px;
  line-height: 52px;
  color: #161616;
  font-weight: 800;
  display: table;
  max-width: 457px;
  margin: auto;
}

#Our-team .team-deatil {
  padding: 17px;
  background: #f9a392;
  margin: -35px 14px;
  overflow: hidden;
  position: relative;
}

#Our-team .social-links a {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-bottom: 3px;
}

#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;
}

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

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

#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;
}


/* Latest Products Section*/

#latest_products .latest_products_backg {
  padding: 77px;
}

#latest_products h4 {
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #f6526d;
  font-weight: 600;
}

#latest_products h3 {
  font-size: 38px;
  color: #222222;
  font-weight: 800;
  margin-bottom: 34px;
}

#latest_products h5.product-titel a {
  font-size: 18px;
  color: #000000;
  font-weight: 500;
}

#latest_products .product-box {
  position: relative;
}

#latest_products .star-rating {
  overflow: hidden;
  position: relative;
  height: 1em;
  line-height: 1;
  font-size: 14px;
  width: 5.4em;
  font-family: star;
  color: #ffae23;
}

#latest_products .star-rating::before {
  content: "\73\73\73\73\73";
  color: #e2e2e2;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
}

#latest_products .star-rating span::before {
  content: "\53\53\53\53\53";
  top: 0;
  position: absolute;
  left: 0;
  color: #ffae23
}

#latest_products .star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  left: 0;
  position: absolute;
  padding-top: 1.5em;
}

#latest_products figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

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

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

#latest_products .product-box:hover .box img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}

#latest_products .box .box-content {
  color: #f5516d;
  background: #8dd3cb;
  text-align: center;
  width: 135px;
  padding: 10px;
  opacity: 0;
  transform: translateX(-50%);
  position: absolute;
  top: 30%;
  left: 50%;
  right: 50%;
  z-index: 1;
  transition: all 0.3s ease-out;
  border-radius: 30px;
}

#latest_products .box-content.intro-button a {
  color: #fff;
}

#latest_products span.prod-regular-price {
  font-size: 20px;
  text-decoration: line-through;
  color: #d1d1d1;
  font-weight: 700;
}

#latest_products .product-text h6 {
  font-size: 20px;
  color: #f5516d;
  font-weight: 700;
}

#latest_products .box .box-content:hover {
  background: #f5516d;
  color: #fff;
}

#latest_products .product-box:hover .box-content {
  opacity: 1;
}

#latest_products .product-box .box-content:before,
#latest_products .product-box .box-content:after {
  content: '';
  height: 100%;
  width: 100%;
  border-radius: 10px;
  transform: scale(0);
  transform-origin: top left;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s ease 0.2s;
}

#latest_products .product-box .box-content:after {
  border-left: none;
  border-top: none;
  transform-origin: bottom right;
}

#latest_products .product-box:hover .box-content a:before,
#latest_products .product-box:hover .box-content a:after {
  transform: scale(1);
}

#latest_products .box-content a.added_to_cart.wc-forward {
  position: absolute;
  float: right;
  right: 20px;
  margin-top: 35px;
  color: #f5516d;
  padding: 8px 15px;
  background: #8dd3cb;
  border-radius: 30px;
}

#latest_products .box-content a.added_to_cart.wc-forward:hover {
  background: #f5516d;
  color: #fff;
}

#latest_products span.woocommerce-Price-amount.amount {
  color: #f5516d;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
}

#latest_products ins {
  text-decoration: none;
}

#latest_products del span.woocommerce-Price-amount.amount bdi {
  display: none;
}

.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale {
  background: #8dd3cb;
}

.woocommerce #respond input#submit {
  background: #f5516d;
}

.woocommerce a.button {
  background: #f5516d;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #f5516d;
}

.woocommerce button.button {
  background: #f5516d;
}

.woocommerce a.button,
.woocommerce a.button.alt {
  background: #f5516d;
}

/* Achievements Section */

#achievements .achievements-backg {
  padding: 44px 75px;
}

#achievements h5 {
  font-size: 20px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
}

#achievements h3 {
  font-size: 38px;
  color: #ffffff;
  font-weight: 800;
  max-width: 500px;
  margin: auto;
}

#achievements span.count {
  font-size: 38px;
  color: #ffffff;
  font-weight: 800;
}

#achievements span.sign {
  font-size: 38px;
  color: #ffffff;
  font-weight: 800;
}

#achievements .achievements-box h4 {
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
}

#achievements span.dashicons {
  width: 78px;
  height: 78px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.25);
  font-size: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#achievements span.dashicons:before {
  color: #fff;
}

#achievements .dashicons {
  transition: all .5s ease 0s;
}

#achievements .achievements-box:hover .dashicons {
  transform: rotate(360deg);
  color: #000;
}

#achievements .achievements-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#achievements .counter_value.mt-3 {
  flex: 0 0 100%;
}

/*Recent Blog Section*/

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

#recent_blog h3 {
  max-width: 487px;
  font-size: 42px;
  line-height: 52px;
  color: #161616;
  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 .recent_box_left:hover .post-thumbnail img,
#recent_blog .recent_box .recent_box_right:hover .post-thumbnail img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

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

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

#recent_blog .button {
  background: #f6526d;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
  margin: 20px 0;
}

#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: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: #f6526d;
  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 .read_more {
  color: #f6526d;
  font-weight: 600;
}

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

#recent_blog .recent_box {
  margin-bottom: 50px;
}

#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: #161616;
  font-weight: 400;
}

#recent_blog i.fa.fa-calendar.mr-2 {
  color: #f6526d;
}

#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: #f6526d;
}

#recent_blog span.ml-3 {
  font-size: 15px;
  line-height: 25px;
  color: #161616;
  font-weight: 400;
}

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

#recent_blog .read_more {
  line-height: 46px;
  font-weight: 400;
  color: #fff;
  padding: 0 22px 0 18px;
  margin-top: 10px;
  display: inline-block;
  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: uppercase;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  background-color: #f6526d;
}

#recent_blog .blog-content {
  margin-bottom: 30px;
}

#recent_blog.post-template .post-content.entry-content {
  margin-right: 0;
}

#recent_blog .post-content .read_more:hover {
  color: #161616;
  transition: linear 600ms;
}

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

/*Newsletter*/

#newsletter .newsletters-backg {
  padding: 44px 57px;
}

#newsletter .newsletter-form {
  margin: 20px 0 40px 0;
}

#newsletter .newsletter-section h4 {
  font-size: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
}

#newsletter .newsletter-section h2 {
  font-size: 38px;
  color: #ffffff;
  font-weight: 800;
  max-width: 600px;
  margin: auto;
}

#newsletter .social-links {
  display: flex;
  justify-items: center;
  justify-content: center;
}

#newsletter .social-links a {
  margin-right: 9px;
  background: #a9ded8;
  padding: 9px;
  border-radius: 25px;
  color: #ffffff;
  transition: all .5s ease 0s;
  font-size: 16px;
  width: 40px;
  height: 40px;
}

#newsletter .social-links a:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #f6526d;
}

#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
  color: #fff;
  padding: 11px 26px;
  border-radius: 6px;
  background-color: #f6526d;
  border: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  cursor: pointer;
  transition: all 600ms;
}

#newsletter input[type="email"] {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 11px 26px;
  border: none;
  margin-right: 15px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  font-weight: 400;
  outline: none;
}

/*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 #f6526d;
  padding: 20px;
  outline: none;
}

#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  margin-left: 2px;
  background-color: #f6526d;
  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: #161616;
}

.post-content h5 {
  color: #f6526d;
}

#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: #f6526d;
}

#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 {
  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 .menu li a:hover {
  color: #f6526d;
}

.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: 15px;
  line-height: 36px;
  color: #adb7be;
  font-weight: 400;
}

.footer-area .widget_nav_menu h4 {
  width: 100%;
}

.footer-area h3.bottom-tittle {
  font-size: 26px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 800;
}

.footer-area .footer-button a {
  border-radius: 6px;
  background-color: #f6526d;
  padding: 11px 21px;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Outfit";
}

.footer-area .footer-button a:hover {
  background: #8dd3cb;
}

.footer-area .footer-button {
  margin: 25px 0 60px 0;
}

.footer-area p.text {
  font-size: 15px;
  color: #adb7be;
  font-weight: 400;
  font-family: "Outfit";
}

.footer-area h4.address {
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Outfit";
  line-height: 30px;
}

.footer-area .twitter-info {
  display: flex;
  max-width: 300px;
}

.footer-area .twitter-dashicons {
  margin-left: 20px;
  font-size: 15px;
  line-height: 24px;
  color: #adb7be;
  font-weight: 400;
}

.footer-area span.dashicons.dashicons-twitter {
  color: #f5516d;
}

.footer-area .twitter-dashicons h6 {
  color: #f5516d;
}

.copyright a {
  color: #f6526d;
}

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

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

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

.copyright {
  background: #161b21;
}

.post-content h3 {
  color: #161616;
}

.post-content p {
  color: #6c87ab;
}

.post-content h4 {
  color: #161616;
}

/*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: #f6526d;
  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: #f6526d;
  ;
  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: #f6526d;
}

#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: #f6526d;
  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: #f6526d;
  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: #f6526d;
  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: #161616;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 500;
}

.contact-form {
  background: #f6526d;
}

.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;
  }
  .home .header {
    position: static;
    background-color: #8ed4cc;
    top: 0 !important;
    z-index: 999;
    width: 100%;
    padding-bottom: 5px;
}
  #dental .hospital-heading-section h1 {
    font-size: 31px;
  }

  #gallery .featured-box:nth-child(2) {
    width: auto;
  }

  .topheader-icon {
    padding: 5px 10px;
    position: absolute;
    bottom: -90px;
  }

  #slider .social-links {
    bottom: 5px;
    right: 10px;
    padding: 8px;
  }

  #slider .social-links a {
    width: 28px;
    height: 28px;
  }

  .topheader-icon {
    padding: 5px 15px;
    right: 17px;
    bottom: -90px;
    background-color: #000;
  }

  #welcome .image-1 img {
    margin-top: 31px;
  }

  #welcome figure.image-2 img {
    margin-top: 17px;
    width: 100%;
    height: auto;
  }

  #pricing-palns figure.plan-image img {
    height: auto;
  }

  #pricing-palns .therapy {
    margin-left: 0px
  }

  #achievements h3 {
    font-size: 29px;
  }

  .appointment .appointment-section {
    padding: 30px 0;
  }

  .appointment .appointment-inner h2 {
    text-align: center;
  }

  .topheader-text-box h6 {
    font-size: 14px;
    letter-spacing: 3px;
    line-height: 24px;
  }

  .topheader-text-box {
    font-size: 24px;
  }

  .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: 130px 0 0;
  }
  #pricing-palns .therapy-number {
    margin-bottom: 20px;
}
.team-backg, #latest_products .latest_products_backg {
  padding: 80px 15px;
}
  #Our-team .owl-carousel .owl-nav {
    display: none;
  }

  #Our-team .team-section h1 {
    font-size: 23px;
    line-height: 23px;
  }

  #Our-team .team-section h6 {
    margin-top: -43px;
  }

  #latest_products h3 {
    font-size: 30px;
  }

  #gallery {
    column-count: 1;
  }

  .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  #slider .social-links {
    margin-top: 20px;
  }

  #welcome .welcome-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;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    display: inline-block;
    background: #f6526d;
    padding: 0 5px;
    color: #fff;
    border-radius: 50px;
    line-height: 35px;
    width: 36px;
    height: 36px;
  }

  #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 a img.custom-logo {
    height: auto;
  }

  .menu-box {
    max-width: 50%;
  }

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

  .open-menu span {
    font-size: 24px !important;
  }

  .header-right-button {
    position: relative;
    margin-left: auto;
    top: 155px;
  }

  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    width: 168px;
  }

  .button-header a {
    font-size: 10px;
    line-height: 35px;
    font-weight: 400;
    border-radius: 6px;
    background-color: #f6526d;
    color: #fff;
    margin-top: -48px;
    display: table;
    margin-left: auto;
    transition: all 0.6s;
    font-size: 10px;
  }

  #slider .slider-content {
    top: 20%;
    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: 14px;
    line-height: 16px;
    margin-bottom: 5px;
  }

  .appointment .appointment-inner h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .appointment .appointment-inner .contact-info {
    justify-content: left;
    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: #f6526d;
  }

  #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: -72px 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;
  }

  #recent_blog .post-content.entry-content {
    padding: 11px;
    margin: 3px 0;
  }

  #recent_blog h4 a {
    font-size: 20px;
    line-height: 27px;
  }

  #newsletter .newsletters-backg {
    padding: 0;
  }

  #Our_Partners .our-partners-thumb img {
    padding: 15px;
  }

  .footer-area .wpcf7 input[type="url"],
  .footer-area .wpcf7 input[type="email"] {
    width: 100%;
  }

  #newsletter input[type="email"] {
    margin-right: 1px;
    font-size: 16px;
    line-height: 27px;
    width: 220px;
    margin-bottom: 20px;
  }

  .social {
    padding-bottom: 32px;
  }

  #welcome .time {
    padding: 1px 9px 8px 63px;
    margin-right: 0px;
  }

  #newsletter .newsletter-section h4 {
    margin-top: -71px;
    padding-top: 28px;
  }

  #newsletter .social-links a {
    margin-right: 11px;
    padding: 11px;
    font-size: 14px;
  }

  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: auto;
    display: table;
  }

  #newsletter .newsletter-section h2 {
    font-size: 27px;
  }

  .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,
  #welcome h3,
  #counter h3,
  #gallery_div h3,
  #testimonial h3,
  #newsletter h3 {
    margin: 0 0;
    font-size: 24px;
  }

  #achievements .achievements-backg {
    padding: 22px 4px;
  }

  #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: #f6526d;
  }

  #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;
  }

  #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;
  }

  #slider .owl-carousel .owl-item img {
    width: 140%;
    max-width: none;
  }

  #welcome .welcome-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;
  }

  #slider .social-links {
    margin-top: 45px;
    bottom: 110px;
    right: 33px;
    padding: 10px;
  }

  .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: 10px;
  }

  #slider h1 {
    line-height: 27px;
  }
  #welcome .time {
    font-size: 16px;
    padding: 5px 5px 10px 75px;
}
#welcome .time .icon {
  bottom: 5px;
}
#pricing-palns .therapy-number {
  flex: 0 0 35px;
}
#latest_products .latest_products_backg {
  padding: 60px 0;
}
#latest_products figure img {
  height: auto;
}
  .appointment .appointment-inner {
    padding: 22px 33px 0;
    margin: 30px 0 0;
    width: 100%;
  }

  .appointment .appointment-section {
    padding: 0;
  }

  .appointment .time-shedule {
    padding: 15px;
    font-size: 14px;
    margin: 0 0 0px 20px;
  }

  .appointment .time-shedule h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .appointment .appointment-inner h2 {
    font-size: 13px;
    line-height: 11px;
  }

  .appointment .appointment-inner .col-md-4,
  .appointment .appointment-inner .col-md-2 {
    padding: 0 5px;
  }

  .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: 42px;
    padding: 0 10px;
    font-size: 13px;
  }

  #dental .hospital-right-box h4 {
    font-size: 15px;
    line-height: 15px;
  }

  #dental .hospital-right-box p {
    font-size: 12px;
    line-height: 20px;
  }

  #welcome .welcome-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 8px;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
  }

  #welcome .welcome-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;
  }

  #dental .dental-section {
    background-size: 1350px;
    padding: 40px 0;
    background-position: -260px center;
  }

  #Our-gallery figure.image img {
    height: 190px;
  }

  #Our-gallery .owl-carousel .owl-nav {
    top: 114%;
    left: 227px;
    right: 99px;
  }

  .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;
  }

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

  #main-menu ul li a {
    padding: 13px 8px;
    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: 30%;
    left: 8%;
    right: 25%;
  }

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

  #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: #f6526d;
  }

  #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 .row>.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #our-services .row>.col-md-6 {
    order: -1;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
    display: flex;
  }

  #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;
  }

  #testimonial .review-button a {
    padding: 11px 22px;
    font-size: 15px;
    margin-bottom: 23px;
  }

  #testimonial h3.testi-heading {
    font-size: 15px;
    line-height: 34px;
  }

  #testimonial .testimonial-box h4 {
    font-size: 13px;
  }

  #testimonial h3.testi-headings {
    font-size: 18px;
    line-height: 28px;
  }

  #pricing-palns a.t-services {
    font-size: 13px;
    line-height: 25px;
  }

  #pricing-palns a.price {
    padding: 12px;
    margin-left: -3px;
    padding: 7px 6px;
    line-height: 25px;
  }

  #pricing-palns .therapy {
    margin-left: 0px;
  }

  #pricing-palns .therapy h4 {
    font-size: 19px;
  }

  #latest_products h5.product-titel a {
    font-size: 11px;
  }

  .topheader-icon .dashicons {
    width: 30px;
    height: 30px;
    font-size: 19px;
    border-radius: 30px;
    margin-right: 11px;
  }

  .topheader-text-box h6 {
    font-size: 13px;
    letter-spacing: 4px;
    line-height: 28px;
  }

  .topheader-text-box {
    font-size: 22px;
  }

  .topheader-icon {
    padding: 2px 9px;
    right: 17px;
  }
}

/*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;
  }

  #slider .social-links {
    margin-top: 104px;
  }

  #welcome .time {
    font-size: 18px;
    padding: 5px 5px 10px 75px;
}
#welcome .time .icon {
  bottom: 15px;
}


  .appointment .appointment-inner h2 {
    font-size: 22px;
    line-height: 58px;
  }

  .appointment .appointment-inner .contact-info .time {
    margin-right: 6px;
  }

  #welcome .welcome-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-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: #f6526d;
  }

  #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;
  }

  #pricing-palns a.t-services {
    font-size: 14px;
    padding: 7px 4px;
    line-height: 22px;
  }

  #pricing-palns .therapy {
    margin-left: 0;
  }

  #pricing-palns .therapy p {
    max-width: 401px;
    font-size: 14px;
  }

  #Our-team .team-deatil {
    padding: 8px;
    margin: -40px 61px;
  }

  #latest_products h5.product-titel a {
    font-size: 16px;
  }

  #recent_blog h4 a {
    font-size: 19px;
    line-height: 21px;
  }

  .appointment .appointment-form input[type=submit] {
    width: 112px;
    height: 37px;
    line-height: 39px;
    font-size: 10px;
    margin-bottom: 20px;
    border-radius: 6px;
  }

  .appointment .time-shedule {
    padding: 38px 15px;
  }

  .appointment .appointment-form input[type=email],
  .appointment .appointment-form input[type=text],
  .appointment .appointment-form input[type=date],
  .appointment .appointment-form select {
    height: 33px;
    padding: 4px 1px;
    margin-bottom: 14px;
    font-size: 8px;
    line-height: 10px;
  }
}

/*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;
  }

}