/*
Theme Name: Psychologist Therapy Pro
Theme URI: https://www.misbahwp.com/products/psychologist-wordpress-theme/
Description: For promoting your services as a psychologist or a counselor, you will need a professional-looking website. To help you with that, we have come up with this Psychologist WordPress Theme that complements your profession and helps you carve a niche by giving you a unique website. With the Bootstrap framework being the base of the theme, you will never find it difficult to bring the changes in the layout as well as work with the theme. It brings a Live Theme Customizer for you to make the desired changes. The customization options available with this Psychologist WordPress Theme will allow you to do the changes in just a few clicks. Absolutely no coding skills are needed here! As a therapist, you better know what your website requirements are and that is why you will like the drag and drop tool brought to you for creating custom-built pages for your website. Apart from displaying the treatments and therapies you provide, it is also important that you should be able to answer the queries and questions posted by your potential clients and patients.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Tags: blog, food-and-drink, one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready
Text Domain: psychologist-therapy-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;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #2e2511;
  margin:0;
  background: #fff;
}

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

a {
  color:#2e2511;
  -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:#fec241;
  text-decoration: none;
}

header.header-top {
  background: #131c21;
}
section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */

.register,.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
.login{
	background: #fff;
	color: #212121;
}
.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #171f23;
}
.page-404 h3{
	font-size: 38px;
	color: #171f23;
}
.page-404 hr{
	width: 10%;
	background: #fec241;
	padding: 1px;
}
.page-404 p{
	margin-left: 30%;
	margin-right: 30%;
}
.page-404 .intro-button{
  display: inline-block;
  padding: 15px 40px;
  text-align: center;
  color: #ffff;
  transition: all 0.2s;
  text-decoration: none;
  text-transform: uppercase;
  background: #fec241;
  font-weight: 400;
  font-size: 18px;
}
.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: #fec241;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button:hover{
  color: #fff;
  background:#2e2511;
}
.page-404 .intro-button::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background:#2e2511;
}
.page-404 .intro-button:hover:after{
  width: 100%;
}
.page-404 a{
	color: #fff;
}

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

.logo {
  display: block;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color:#2e2511;
  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:hover,
.logo a:focus {
  color:#fec241;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a {
  color: #555555;
  padding: 5px 8px;
  font-size: 18px;
  text-align: center;
  
}
.social-links a:hover{
	color: #fec241; 
	margin-bottom: 0;
}

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

#main-menu {
	display:block;
	position:relative;
	float:right;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color:#000000;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:9px 30px;
	padding-left: 0;
	margin:0;
	font-weight: 500;
	-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;
	line-height:42px;
}
#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:#fec241;
}


#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	top: 50px;
	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.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: #767c83;
	-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 #fec241;
	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: #fec241;
	-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: #fec241;
	color: #fff;
}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}

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

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color:#555555;
	margin: 30px 0;
}
 .header-search .open-search-form i:hover{
 	color: #fec241;
 }
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

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

/* ===============================================
   POST BOX
   ============================================= */

.post-box,.post-single,.page-single {
  background: #fff;
}
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 17px;
 	color: #2e2511;
	font-weight: 600;
}
.latest-post :hover h4 a{
	color: #fec241;
}
.post-content p{
	color: #555555;
	font-weight: 400;
	t
}
.post-content .admin{
	text-transform: capitalize;
}
.post-meta i{
	color: #fec241;
}
.post-meta span {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 500;
  color:#2e2511;
}
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%;
	height:auto;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
    float: left;
    width: 100%;
}
.latest-post {
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.08));
}
.latest-post .dummy-images {
  background: #fec241;
  height: 410px;
  border-radius: 10px;
}
.search-post {
	height: 550px;
}

.latest-post .content_box {
    background: #fef8ec;
    border-radius: 5px;
    position: absolute;
    top: 50%;

}
.latest-post .post-content{
	font-size: 15px;
	color: #555555;
}
 
.latest-post .post-meta{
  color: #222222;
  text-align: center;
  padding: 5px;
}
.latest-post .post-meta .date-day{
	font-size: 28px;
	color: #fff;
	font-weight: 600;
}
.latest-post .post-meta .date-month{
	font-size: 20px;
	color: #222222;
	font-weight: 400;
}
.latest-post .catname {
    background: #fef8ec;
    padding: 12px 15px;
    position: absolute;
    top: 43%;
    left: 62%;
    font-size: 14px;
    border-radius: 5px;
    color: #555555;
    font-weight: 400;
}
.latest-post .post-hr {
    background: #888888;
    margin-right: 75%;
    padding: 1px;
}
.latest-post .admin a, .latest-post span{
	color: #555555;
	font-weight: 500;
	font-size: 15px;
	text-transform: capitalize;
}
.latest-post .comments{
	color: #555555;
	font-weight: 500;
	text-transform: capitalize;
}
.latest-post i{
	color: #fec241;
}
.latest-post .fas{
	color: #888888;
	position: relative;
  left: 10px;
}
.latest-post .post-meta a {
    color:#2e2511;
    font-weight: 500;
    font-size: 18px;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	/*background: #222222;*/
	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 .latest-box:hover figure img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}*/
.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;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #fec241;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#2e2511 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #fec241;
	color: #555555;
	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;
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background-color:#ffffff;
  border: 1px solid #2e2511;
  color: #555555;
}
.post-single {
	display: block;
}
label{
	display: block;
}
.latest-post .read_more{
	color: #201f1f;
	font-weight: 500;
	text-transform: capitalize;
	float: left;
}
.latest-post .read_more:hover {
	color: #fec241;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #fec241;
  border: none;
  color: #2e2511;
  padding: 10px;
  font-weight: 600;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color:#ffffff;
  border: 1px solid #2e2511;
  color: #2e2511;
}
.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 {
	border-radius: 5px;
  background: #fec241;
  padding: 5px 15px;
  color: #2e2511;
}
.comment-reply a:hover {
  background-color:#ffffff;
  border: 1px solid #2e2511;
  color: #2e2511;
  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;
  }
  .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 #fec241;
    right: 10px;
    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;
  }
  #main-menu ul.sub-menu li a:hover:after {
  	background: transparent;
  }
}


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

.pagination,
.psychologist-therapy-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.psychologist-therapy-pro-pagination a span,
.psychologist-therapy-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#2e2511;
  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;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.psychologist-therapy-pro-pagination span.current,
.psychologist-therapy-pro-pagination span.current:hover,
.psychologist-therapy-pro-pagination span.current:focus,
.psychologist-therapy-pro-pagination a span:hover,
.psychologist-therapy-pro-pagination a span:focus {
	background:#fec241;
  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:#222222;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #fec241;
	color: #2e2511;
	border:none;
	font-size:14px;
	border-radius: 5px;
	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:#222222;
}

.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;
	box-shadow: 0px 5px 16px 0px rgb(200 183 255 / 30%);
	background: #fff;
}
.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;
}
.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: 16px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color:#2e2511;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #fec241;
  background: #fef8ec;
  color: #2e2511;
  font-size: 24px;
}
.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: #fec241;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.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: 68%;
  margin: 0;
  padding: 12px;
  background-color: transparent;
  border: 1px solid #ededed;
  float: unset;
}
#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;
}
#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
}
#wp-calendar 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: transparent;
  border: none;
}
.searchform input[type=submit]{
	background: #fec241;
	border: none;
	color: #2e2511;
	font-size:14px;
	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:#2e2511;
	text-decoration:none;
	color: #fff;
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area select#archives-dropdown--1, .sidebar-area select#cat{
	width: 100%;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 14px;
  }

footer {
	background: #171f23;
}

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

.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: 10px;
}
.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: #fec241;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  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:hover,#button_scroll:active {
  cursor: pointer;
  background: #1c262d;
  color: #fff;
}
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#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: #fec241;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll:hover{
  color: #fff;
  background: #1c262d;
}
#button_scroll::after{
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
  background: #1c262d;
}
#button_scroll:hover:after{
  width: 100%;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  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 #fec241 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 
/*Body*/

.top-header{
	background: #fef8ec;
}
#site-navigation{
	background: #ffffff;
}
.top-header .logo-content span{
	color: #fff;
	float: left;
}
.top-header span{
	color: #555555;
  font-weight: 600;
  font-size: 16px;
}
.top-header .content a{
	color: #fff;
}
.top-header .content a:hover{
	color: #fec241;
}
.top-header .logo-content a{
	color: #fff;
	font-size: 34px;
	font-weight: 600;
}
.top-header .logo-content a:hover{
	color: #fec241;
}
.top-header .dashicons{
  font-size: 20px;
  color: #555555;
}
.top-header .calling, .top-header .email{
	border-right: 1px solid;
}

/*SLIDER SECTION*/ 

#slider .slider_img1{
	filter: blur(15px);
	background: rgba(0, 0, 0, 0.5);
	
}
#slider .slider_img1 img{
	opacity: 0.8;
}
#slider .slider-content{
	position: absolute;
  transform: translateY(-50%);
  top: 40%;
  right: 13%;
  left: 13%;
}
#slider h6{
	font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fec241;
  font-weight: 400;
  font-size: 14px;
}
#slider h1{
	text-transform: capitalize;
  font-size: 44px;
  color: #ffffff;
  font-weight: 700;
}
#slider p{
	color: #ffffff;
  font-weight: 400;
}
#slider .button1{
  background: #fec241;
  padding: 20px 40px;
  color: #2e2511;
  font-weight: 400;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#slider .button1:hover{
  background: #ffffff;
  border: 1px solid #2e2511;
  border-radius: 5px;
  color: #2e2511;
}
#slider .button1,
#slider .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button1::before,
#slider .button1::after {
  background: #fec241;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: absolute;
  bottom: 15px;
}
#slider .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #2e2511;
  margin: 0 5px;
  outline: none;
}
#slider .owl-dots button.owl-dot.active {
  background-color:#fec241;
  border-radius: 20px;
}

/*FAMILY SESSION SECTION*/ 

#family_session h5{
	color: #2e2511;
	font-weight: 600;
}
#family_session p{
	color: #2e2511;
	font-size: 14px;
	font-weight: 400;
}
.family_box{
	filter: drop-shadow(0px 3px 3.5px rgba(34,39,38,0.05));
	background-color: #fcfcfc;
}
.family_box:hover{
	background: #fef8ec;
}
#family_session .family_box .star_icon:hover{
	background: #ffffff;
}
#family_session .star_icon{
  font-size: 20px;
  background: #fef8ec;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px 10px;
}
#family_session .button1{
	color: #fec241;
}
#family_session .button1:hover{
	color: #2e2511;
}
#family_session .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  position: relative;
  top: 15px;
}
#family_session .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #2e2511;
  margin: 0 5px;
  outline: none;
}
#family_session .owl-dots button.owl-dot.active {
  background-color:#fec241;
  border-radius: 20px;
}

/*ABOUT US SECTION*/ 

#about_us .about_heading{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fec241;
  font-weight: 400;
  font-size: 14px;
}
#about_us h2{
	color: #2e2511;
	font-weight: 600;
	text-transform: capitalize;
}
#about_us .content1{
	width: 73%;
	font-size: 18px;
	font-weight: 600;
}
#about_us .content2{
	width: 73%;
	color: #555555;
  font-weight: 400;
}
#about_us .button1{
  background: #fec241;
  padding: 20px 40px;
  color: #2e2511;
  font-weight: 400;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#about_us .button1:hover{
  background: #ffffff;
  border: 1px solid #2e2511;
  border-radius: 5px;
  color: #2e2511;
}
#about_us .button1,
#about_us .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about_us .button1::before,
#about_us .button1::after {
  background: #fec241;
  content: '';
  position: absolute;
  z-index: -1;
}
#about_us .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#about_us .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#about_us .button2{
  background: #ffffff;
  padding: 20px 40px;
  color: #2e2511;
  font-weight: 400;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #2e2511;
}
#about_us .button2:hover{
  background: #fec241;
  border-radius: 5px;
  color: #2e2511;
  border: 1px solid transparent;
}
#about_us .button2,
#about_us .button2::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about_us .button2::before,
#about_us .button2::after {
  background: #ffffff;
  content: '';
  position: absolute;
  z-index: -1;
}
#about_us .button2::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#about_us .button2:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#about_us img{
	width: 100%;
}
#about_us .about_img2 img{
	width: 100%;
	position: relative;
  bottom: 170px;
  right: 65%;
}

#about_us figure {
	background: #222222;
}
#about_us figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#about_us figure:hover img {
	opacity: .5;
}

#about_us .title_box {
  position: absolute;
  right: 100%;
  left: -56%;
  top: 67%;
  padding: 0px 30px;
  background: rgba(255, 255, 255, 0.8)
}
#about_us .title{
	font-size: 14px;
	color: #2e2511;
	font-weight: 400;
}
#about_us .content3{
	color: #2e2511;
	font-weight: 400;
}

/*HEALTHY THOUGHT SECTION*/ 

#healthy_thought .healthy_box{
	background: #fec241;
}
#healthy_thought h6{
	font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #2e2511;
  font-weight: 400;
  font-size: 14px;
}
#healthy_thought h2{
	color: #2e2511;
	font-weight: 600;
	font-size: 30px;
	text-transform: capitalize;
}
#healthy_thought p{
	color: #555555;
	font-weight: 400;
	font-size: 15px;
}
#healthy_thought .list_content{
	padding: 5px 0px;
}
#healthy_thought .list-text{
	padding: 10px 10px;
	color: #2e2511;
	font-weight: 400;
}
#healthy_thought .list-text:hover{
	background: #deaa3a;
}
#healthy_thought .healthy_img img{
	width: 100%;
	height: 100%;
}
#healthy_thought figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#healthy_thought figure:hover+span{
  opacity: 1;
}
#healthy_thought img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#healthy_thought img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
}

/*OUR GALLERY SECTION*/

#our_gallery h6{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fec241;
  font-weight: 400;
  font-size: 14px;
}
#our_gallery h2{
	color: #2e2511;
	font-weight: 600;
}
#our_gallery .content1{
	color: #555555;
	font-weight: 400;
	font-family: 'Heebo', sans-serif;
}

#our_gallery figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#our_gallery figure:hover+span{
  opacity: 1;
}
#our_gallery img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#our_gallery img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
}

#our_gallery figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#our_gallery figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}
#our_gallery figure.projects-img:after {
  background-color: #ffffff;
  position: absolute;
  content: "";
  display: block;
  top: 75%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
#our_gallery figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#our_gallery figure:hover figcaption,
#our_gallery figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#our_gallery figure:hover:after,
#our_gallery figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
#our_gallery figcaption{
  top: 88%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
#our_gallery figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#our_gallery figure:hover+span{
  opacity: 1;
}
#our_gallery figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#our_gallery .category-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#our_gallery .name_text{
	color: #2e2511;
	font-weight: 600;
}
#our_gallery .button1 {
  color: #2e2511;
	font-weight: 600;
}
#our_gallery .button1:hover{
	color: #fec241;
}
#our_gallery .title_text{
  color: #2e2511;
  font-weight: 400;
}
#our_gallery .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#our_gallery .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #2e2511;
  margin: 0 5px;
  outline: none;
}
#our_gallery .owl-dots button.owl-dot.active {
  background-color:#fec241;
  border-radius: 20px;
}

/*APPOINTMENT SECTION*/

#appointment .appointment_box{
	background: #fec241;
	border-radius: 15px;
}
#appointment h6{
	font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #2e2511;
  font-weight: 400;
  font-size: 14px;
}
#appointment h2{
	color: #2e2511;
	font-weight: 600;
	text-transform: capitalize;
}
#appointment p{
	color: #555555;
	font-weight: 400;
	font-size: 14px;
}
#appointment input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  background: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid #888888;
  width: 42%;
  margin-right: 25px;
  padding: 10px 0px;
  font-size: 15px;
}
#appointment input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder{
	color: #555555;
	font-weight: 400;
}
#appointment textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
	background: transparent;
  outline: none;
  border: none;
  border-bottom: 1px solid #888888;
  height: 40px;
  width: 89%;
  margin-top: 10px;
}
#appointment textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required::placeholder{
	color: #555555;
	font-weight: 400;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit{
	background: transparent;
  outline: none;
  color: #2e2511;
  border: 1px solid #2e2511;
  padding: 15px 35px;
  margin-top: 30px;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
}
#appointment input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background: #fff;
}
#appointment .contact_info{
	border-left: 1px solid #888888;
}
#appointment .button2{
  background: transparent;
  padding: 20px 40px;
  color: #2e2511;
  font-weight: 400;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid #2e2511;
}
#appointment .button2:hover{
	background: #fff;
}
#appointment i{
	color: #555555;
}
#appointment .phone, #appointment .clock, #appointment .location{
	color: #555555;
	font-weight: 600;
}

/*LATEST NEWS SECTION*/

#latest_news h6{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fec241;
  font-weight: 400;
  font-size: 14px;
}
#latest_news h2{
	color: #2e2511;
	font-weight: 600;
}
#latest_news .content1{
	color: #555555;
	font-weight: 400;
	font-family: 'Heebo', sans-serif;
}
#latest_news .catname{
  background: #fef8ec;
  padding: 12px 15px;
  position: absolute;
  top: 42%;
  left: 65%;
  font-size: 14px;
  border-radius: 5px;
  color: #555555;
	font-weight: 400;
}
#latest_news .latest_content{
	background: #fef8ec;
	border-radius: 5px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  font-family: 'Heebo', sans-serif;
}
#latest_news .latest_hr {
  margin-right: 75%;
  padding: 1px;
}
#latest_news .read_button{
  color: #201f1f;
  font-weight: 500;
}
#latest_news i{
	position: relative;
	left: 10px;
	color: #888888;
}
#latest_news figure{
  margin: 0;
  overflow: hidden;
  border-radius: 3px;
}
#latest_news figure:hover+span{
  opacity: 1;
}
#latest_news figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#latest_news .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  
}
#latest_news .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#latest_news .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #2e2511;
  margin: 0 5px;
  outline: none;
}
#latest_news .owl-dots button.owl-dot.active {
  background-color:#fec241;
  border-radius: 20px;
}
#latest_news .dummy-images {
  background: #fec241;
  height: 410px;
  border-radius: 10px;
}



/*TESTIMONIAL SECTION*/

#testimonial img{
	width: auto;
}
#testimonial .testimonial_box{
	background: #f9f1e3;
	border-radius: 10px;
	opacity: 0.9;
}
#testimonial .testimonial_content{
	color: #2e2511;
	font-weight: 600;
	font-size: 18px;
}
#testimonial .testimonial_text {
  position: relative;
  right: 30px;
}
#testimonial h5{
	color: #201f1f;
	font-weight: 500;
}
#testimonial h6{
	color: #555555;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Heebo', sans-serif;
}
#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}
#testimonial .owl-dots button.owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  background: #2e2511;
  margin: 0 5px;
  outline: none;
}
#testimonial .owl-dots button.owl-dot.active {
  background-color:#fec241;
  border-radius: 20px;
}

/*OUR EXPERTS SECTION*/

#our_experts h6{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fec241;
  font-weight: 400;
  font-size: 14px;
}
#our_experts h2{
	color: #2e2511;
	font-weight: 600;
}
#our_experts .content1{
	font-size: 18px;
	font-weight: 600;
}
#our_experts .button1{
  background: #fec241;
  padding: 20px 40px;
  color: #2e2511;
  font-weight: 400;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#our_experts .button1:hover{
  background: #ffffff;
  border: 1px solid #2e2511;
  border-radius: 5px;
  color: #2e2511;
}
#our_experts .button1,
#our_experts .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#our_experts .button1::before,
#our_experts .button1::after {
  background: #fec241;
  content: '';
  position: absolute;
  z-index: -1;
}
#our_experts .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#our_experts .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#our_experts figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#our_experts figure:hover+span{
  opacity: 1;
}
#our_experts img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#our_experts img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
}


#our_experts figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}
#our_experts figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}
#our_experts figure.projects-img:after {
  background-color: #ffffff;
  position: absolute;
  content: "";
  display: block;
  top: 61%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
#our_experts figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}
#our_experts figure:hover figcaption,
#our_experts figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#our_experts figure:hover:after,
#our_experts figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}
#our_experts figcaption{
  top: 65%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
#our_experts figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#our_experts figure:hover+span{
  opacity: 1;
}
#our_experts figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#our_experts .category-box:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}
#our_experts .projects-content{
	position: absolute;
}
#our_experts .post_text{
	color: #555555;
	font-weight: 400;
}
#our_experts .title_text{
	color: #555555;
	font-weight: 400;
	font-size: 11px;
	font-family: 'Heebo', sans-serif;
}
#our_experts .dashicons{
	color: #555555;
	font-size: 17px;
	margin-right: 5px;
}
#our_experts .dashicons:hover{
	color: #fec241;
} 

/*OUR ACHIEVEMENTS SECTION*/

#our_achievements .achievements_box {
    background: #fec241;
}
#our_achievements .sub_heading{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #2e2511;
	font-weight: 400;
  font-size: 14px;
}
#our_achievements h2{
	color: #2e2511;
	font-weight: 600;
}
#our_achievements .content1{
	color: #555555;
	font-weight: 400;
}
#our_achievements img{
	width: 100%;
	height: 650px;
}
#our_achievements figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}
#our_achievements figure:hover+span{
  opacity: 1;
}
#our_achievements img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#our_achievements img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
   opacity: 0.7;
}
#our_achievements .circle{
  font-size: 35px;
  color: #157fd1;
}
#our_achievements a.open-video {
  position: relative;
}
#our_achievements .large {
  position: absolute;
  transform: translateY(-50%);
  left: 0%;
  right: 0;
  margin: 0 auto;
  top: 50%;

}
#our_achievements .large i{
  background: #fec241;
  width: 85px;
  height: 85px;
  border-radius: 50%;
  padding: 25px 25px;
  font-size: 30px;
  color: #555555;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}
#our_achievements .large i:hover {
  color: #555555;
  transform: rotate(360deg);
}
#our_achievements .video-section .video-blog{
  position:fixed;
  top:0;
  right:-100%;
  width:100%;
  height:100%;
  padding:0;
  z-index:1001;
  visibility: hidden;
  -webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
  background: rgba(255,255,255, 0.98) none repeat;
  border:none !important;
}
#our_achievements .video-section .video-blog .is-open {
  right:0;
  height:100%;
  visibility: visible;
  top: 30px;
}
#our_achievements .video-section  .video-blog .is-open section{
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
#our_achievements .video-section .video-blog a.close-video {
  top:50px;
  position:absolute;
  margin-left:-13px;
  left:50%;
}
#our_achievements .video-section .video-blog i.videoblog-close-button {
  font-size:25px;
  color:#616161 !important;
  opacity:0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}
#our_achievements .video-section .video-blog .is-open i.videoblog-close-button {
  opacity:1;
  position: relative;
  bottom: 35px;
}
#our_achievements .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#our_achievements a.open-video img{
  width: 100%;
}
#our_achievements .title{
	color: #2e2511;
	font-weight: 600;
}
#our_achievements .counter_box {
    background: #fdda8f;
}
#our_achievements .dashicons{
  border-radius: 50%;
  width: 65px;
  height: 65px;
  color: #555555;
  font-size: 40px;
  padding: 13px 0;
  margin: 0 5px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#our_achievements .counter-text:hover .dashicons{
  transform: rotate(360deg);
  color: #555555;
}
#our_achievements .counter-text .count{
  color: #201f1f;
	font-weight: 700;
	font-size: 35px;
}
#our_achievements .counter-text .sign{
  font-size: 36px;
  color: #201f1f;
	font-weight: 600;
}

/*ONLINE SESSION SECTION*/ 

#online_session h6{
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fec241;
  font-weight: 400;
  font-size: 14px;
}
#online_session h2{
	color: #2e2511;
	font-weight: 600;
	font-size: 40px;
}
#online_session .button1{
  background: #fec241;
  padding: 20px 50px;
  color: #2e2511;
  font-weight: 400;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  border: 1px solid transparent;
}
#online_session .button1:hover{
  background: #ffffff;
  border: 1px solid #2e2511;
  border-radius: 5px;
  color: #2e2511;
}
#online_session .button1,
#online_session .button1::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#online_session .button1::before,
#online_session .button1::after {
  background: #fec241;
  content: '';
  position: absolute;
  z-index: -1;
}
#online_session .button1::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#online_session .button1:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#online_session img{
	width: 100%;
}

/*BRANDS SECTION*/ 

#brands img{
	width: auto;
	margin: auto;
}

/*Footer Section*/

.footer-area ul {
    list-style: none;
    line-height: 2;
    padding: 0 10px;
  }
.footer-area .textwidget ul li {
  margin: 15px 0;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.footer-area li{
	color: #fff;
	list-style: disc;
}
.footer-area .textwidget ul li::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  margin-right: 10px;
}
.footer-area h4.title{
	color: #2e2511;
	font-weight: 600;
	font-size: 24px;
	margin-bottom: 20px;
	text-transform: capitalize;
}
 .footer-area bdi{
 	color: #fec241;
}
 .footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    width: 100%;
    background: #e9e5de;
    border: none;
    padding: 10px 10px;
    color: #a6a5a5;
    outline: none;
    border-radius: 5px;
}
.footer-area input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder{
	color: #2e2511;
	font-weight: 400;
}
 .footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit {
 		width: 100%;
    padding: 10px 20px;
    background: #fec241;
    color: #2e2511;
		font-weight: 400;
    border-radius: 5px;
    border: none;
    margin: 15px 0px;
    cursor: pointer;
}
.footer-area input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	background: #ffffff;
	color: #2e2511;
	border: 1px solid #2e2511;
}
 .footer-area li::marker{
	color: #fec241;
}
.copyright img {
    width: auto !important;
    float: right;
}
.copyright_box {
  background: #e9e5de;
  color: #2e2511;
	font-weight: 600;
  

}
.copyright p{
  color: #2e2511;
  margin-bottom: 0;
}
.copyright a{
	color: #fec241;
}
.copyright a:hover{
	 color: #2e2511;
}
.footer-area  .fab{
  background: transparent;
  border-radius: 50%;
  margin-right: 15px;
  margin-top: 15px;
  color: #555555;
  cursor: pointer;
  font-size: 22px;
  text-align: center;
}
.footer-area .fab:hover{
  color: #fec241;
}
.footer-area .post-thumbnail img {
  height: 70px;
  float: right;
}
.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}
.footer-area .post-meta a{
	font-weight: 400;
}
.footer-area ul li a{
	font-size: 16px;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area .woocommerce ul.cart_list li a, .footer-area .woocommerce ul.product_list_widget li a{
	font-weight: 400;
}
.footer-area .far, .footer-area .fas{
	color: #555555;
	margin-right: 5px;
}
.footer-area strong{
	font-size: 24px;
}

/*Contact Page*/
 
#contact h2{
  color: #0e0e0e;
  font-size: 44px;
  font-weight: 500;
  letter-spacing: 1px;
}
#contact h4{
  color: #2e2511;
  font-weight: 500;
  font-size: 28px;
}
#contact h3{
  color: #2e2511;
  font-weight: 500;
  font-size: 36px;
  letter-spacing: 1px;
}
#contact .contact-text{
	color: #6c6c6c;
	letter-spacing: 1px;
}
#contact input.wpcf7-form-control.wpcf7-text{
	border-radius: 5px;
	padding:15px 10px;
	width: 100%;
	margin: 10px 0px;
	color: #6c6c6c;
	border: none;
	background: #fff;
}
#contact input.wpcf7-form-control.wpcf7-text::placeholder{
	color: #555555;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
	border-radius: 5px;
	padding:15px 10px;
	width: 100%;
	line-height: 14px;
	background: #fff;
	color: #6c6c6c;
	margin: 10px 0;
	border: none;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder{
	color: #555555;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit{
	border-radius: 5px;
	padding: 15px;
	background: #fff;
	border: none;
	color: #555555;
	cursor: pointer;
	font-weight: 500;
	letter-spacing: 1px;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
	color: #fff;
	background: #2e2511;
}
#contact .wpcf7 form.failed .wpcf7-response-output, #contact .wpcf7 form.aborted .wpcf7-response-output{
	color: #2e2511;
	border-color: #2e2511;
}
#contact .wpcf7-spinner{
	display: block;
}
#contact .dashicons{
	font-size: 48px;
	display: inline-table;
	color: #fec241;
	-webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#contact .contact-content:hover .dashicons{
  color: #fec241;
  transform: rotate(360deg);
}
#contact h6{
	color: #0e0e0e;
	font-size: 20px;
	font-weight: 500;
}
#contact .contact-details{
	background: #edf1f2;
}
#contact .contact-enquiry{
	background: #edf1f2;
}
#contact .contact-heading{
	color: #2e2511;
	font-size: 26px;
}
#contact .contact_form{
	background: #fec241;
}
#contact .contact-cont {
    color: #6c6c6c;
}

/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
    margin-top: 0;
  }
  #main-menu ul li a:before{
   	display: none;
   }
  .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: #fec241;
    padding: 0 10px;
    color: #fff;
  }
  #main-menu ul.children, #main-menu ul.sub-menu{
    background: transparent;
  }
  #main-menu ul.sub-menu li a:hover:after{
    background: transparent;
    color:#2e2511;
  }
  #main-menu ul.sub-menu li a:hover{
    color:#2e2511;
  }
  #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: 130px;
  }
  .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;
  }
  .fix-sticky{
  	position: relative;
  }
  .header input.search-field{
  	width: 60%;
  	margin: 10px 0;
  }
  .logo-content{
		position: unset;
		display: grid;
	}
  .top-header p.cart-item-box{
  	left: 60%;
  }
  .header .product-cat{
  	left: 13%;
  	right: 14px;
  }
  .top-header select#gtranslate_selector{
  	width: 55%;
  }
  .header .product-search .fas{
  	padding: 12px 15px;
  }
  #main-menu ul li a{
  	color: #0e0e0e;
  }
  #slider .slider-content{
    top: 28%;
    left: 5%;
    right: 5%;
  }
  #slider h6{
  	font-size: 8px;
  	letter-spacing: unset;
  }
  #slider h1{
    font-size: 10px;
  }
  #slider .slider-top-text{display: none;}
  #slider p{
    display: none;
  }
  #slider .button1{
  	padding: 7px 4px;
  	font-size: 9px;
  	margin: 0;
  }
  #slider .owl-dots{
  	bottom: unset;
  }
  #family_session .owl-dots {
  	display: block;
  }
  #about_us .about_img2 img{
  	bottom: unset;
  	right: unset;
  }
  #about_us .title_box{
  	top: 90%;
  	right: 35%;
  	left: 4%;
  }
  #about_us .content2, #about_us .content1{
  	width: unset;
  }
  #about_us .button1{
  	padding: 15px 30px;
  	font-size: 14px;
  }
  #about_us .button2{
  	padding: 12px 30px;
  	font-size: 14px;
  	margin: 10px 0px;
  }
  #healthy_thought i{
 		font-size: 10px;
 	}
 	#healthy_thought .list-text{
 		padding: 0px 0px;
 		font-size: 11px;
 	}
  #appointment input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
  	width: 100%;
  }
  #appointment textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required{
  	width: 100%;
  }
  .wpcf7-spinner{
  	display: block;
  }
  #latest_news .catname{
  	top: 37%;
  	left: 58%;
  }
  #latest_news .latest_content{
  	top: 46%;
  }
  #latest_news .post-content p{
  	font-size: 13px;
  }
  #our_experts .button1{
  	font-size: 13px;
  	padding: 15px 30px;
  }
  #our_achievements .large i{
  	font-size: 20px;
  	width: 50px;
    height: 50px;
    padding: 15px 15px;
  }
  #our_achievements .video-section .video-blog .is-open {
    top: 0;
	}
  #online_session .button1{
  	padding: 15px 35px;
  }
  #contact embed {
    width: 100%;
    height: 100%;
	}
  .latest-post .post-content{
  	font-size: 14px;
  }
  .latest-post .content_box{
  	top: 47%;
  	left: 0;
  	right: 0;
  }
  .latest-post .catname{
  	top: 38%;
  	left: 58%;
  }
  #our_achievements img{
  	height: 100%;
  }
  #appointment .contact_info{
  	border: none;
  }
  .latest-post{
  	height: 350px;
  }

}


/*MEDIA 721 TO 1023*/
@media only screen and (min-width: 721px) and (max-width: 1023px){
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.logo-content{
		position: unset;
	}
	.top-header .logo-content a{
		font-size: 20px;
	}
	.top-header span.dashicons{
		margin-top: 5px;
	}
	.admin-bar .fix-sticky{
		margin-top: 45px;
	}
	.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;
	}
  .logo-image img{
    width: 100%;
    height: 100%;
  }
  .page-template-frontpage .menu-header{
  	position: unset;
  	clip-path: none;
  }
  #main-menu ul li a{
    padding: 10px 8px;
    line-height: 22px;
  }
  .top-header .social-links a{
  	font-size: 16px;
  }
  .top-header .content a{
  	font-size: 9px;
  }
  .top-header .my-account a {
    font-size: 11px;
  }
  .top-header p.cart-item-box{
  	left: 88%;
  	top: 13%;
  }
  .top-header .fa-searchengin:before {
		font-size: 14px;
	}
  .top-header .button1{
		padding: 11px 5px;
		font-size: 10px;
	}
	.top-header a.button1:before{
		font-size: 12px;
	}
	.top-header select#gtranslate_selector {
		font-size: 12px;
	}
	.social-links a {
		padding: 5px 7px;
	}
  .header .product-cat{
  	left: 18%;
  }
  .header .product-search {
   padding: 0px;
  }
  .top-header span{
  	font-size: 10px;
  	font-weight: 400;
  }
  .top-header span.dashicons{
  	font-size: 16px;
  }
  .header input.search-field{
  	padding: 10px 0px;
  	width: 75%;
  	font-size: 14px;
  }
  .header .product-btn{
  	padding: 10px;
  	width: 150px;
  	font-size: 14px;
  }
  .header .product-search .fas{
  	padding: 11px 15px;
  }
  #slider .slider-content{
  	top: 35%;
  	left: 7%;
  	right: 7%;
  }
  #slider h6{
  	font-size: 12px;
  	letter-spacing: 4px;
  }
  #slider h1{
  	font-size: 24px;
  }
  #slider p{
  	display: none;
  }
 #slider .button1{
 	padding: 15px 25px;
 	font-size: 13px;
 }
  #slider .owl-nav{
  	display: none;
  }
 	#about_us .title_box{
 		top: 72%;
 		left: -51%;
 		right: 81%;
 		padding: 0px 15px;
 	}
 	#about_us h2{
 		font-size: 26px;
 	}
 	#about_us .content1, 	#about_us .content2{

 		font-size: 13px;
 	}
 	#about_us .button1{
 		font-size: 13px;
 		padding: 15px 25px;
 	}
 	#about_us .button2{
 		font-size: 13px;
 		padding: 15px 25px;
 	}
 	#about_us .about_img2 img{
 		bottom: 60px;
 		right: 65%;
 	}
 	#healthy_thought .healthy_thought2 { order: 1; }
  #healthy_thought .healthy_thought1 { order: 2; }

 	#appointment .button2{
 		padding: 15px 30px;
 		font-size: 13px;
 	}
 	#latest_news .latest_content{
 		top: 47%;
 	}
 	#latest_news  .post-content p{
 		font-size: 14px;
 	}
 	#latest_news .catname{
 		top: 39%;
 		left: 63%;
 	}
 	#our_experts .button1{
 		font-size: 14px;
 		padding: 15px 30px;
 	}
 	#our_achievements .our_achievements1 { order: 1; }
  #our_achievements .our_achievements2 { order: 2; }
 	#online_session h2{
 		font-size: 28px;
 	}
 	#our_achievements img{
 		height: 100%;
 	}
 	#online_session .button1{
 		padding: 15px 35px;
 		font-size: 14px;
 	}
	#contact h3 {
		font-size: 30px;
	}
	#contact  .wpcf7-spinner{
		display: block;
	}
	footer{
		margin-top: 0;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 100%;
	}
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 100%;
	}
	.copyright p{
		font-size: 12px;
	}
	.latest-post .content_box{
		top: 59%;
		left: 3%;
		right: 3%;
	}
	.latest-post .catname{
		top: 53%;
		left: 67%;
		font-size: 16px;
	}
	.latest-post{
		height: 500px;
	}
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  .top-header span{
  	font-size: 13px;
  }
	.header-navigation p{
		font-size: 16px;
	}
	.top-header .delivery, .top-header .live_chat{
		font-size: 12px;
	}
	.top-header .order_track{
		font-size: 12px;
	}
	.top-header select#gtranslate_selector{
		font-size: 13px;
	}
	.top-header .button1{
		padding: 10px 10px;
	}
	.social-links a{
		font-size: 11px;
	}
	#main-menu ul li a{
		line-height: 15px;
	}
	.header button.search-button{
		padding: 8px 15px;
	}
	.header .product-btn{
		font-size: 12px;
	}
	.header input.search-field{
		font-size: 14px;
	}
	.header .product-search .fas{
  	padding: 9px 15px;
  	top: 3px;
  }
	#slider .slider-content{
		top: 35%;
		left: 6%;
		right: 6%;
	}
	#slider h6{
		letter-spacing: 4px;
	}
	#slider h1{
		font-size: 36px;
	}
	#slider p{
		font-size: 13px;
  	margin-right: 0%;
  	margin-left: 0%;
  }
  #slider .button1{
  	padding: 15px 30px;
  	font-size: 14px;
  }
	#slider .nav-button.owl-prev, #slider .nav-button.owl-next{
		padding: 5px 10px;
	}
	#about_us .about_img2 img{
		bottom: 130px;
	}
	#about_us .title_box{
		top: 67%;
		right: 95%;
		left: -55%;
	}
	#healthy_thought h2{
		font-size: 22px;
	}
	#healthy_thought p{
		font-size: 12px;
	}
	#healthy_thought i{
		font-size: 13px;
	}
	#healthy_thought .list-text{
		padding: 5px 5px;
		font-size: 13px;
	}
	#healthy_thought .list_content{
		padding: 4px 0px;
	}
	#latest_news .latest_content{
		top: 43%;
	}
	#latest_news .catname{
		top: 34%;
		left: 59%;
	}
	#our_experts .button1{
		font-size: 13px;
		padding: 15px 30px;
	}
	#latest_news .post-content p{
		font-size: 12px;
	}
	#our_experts .post_text{
		font-size: 13px;
	}
	#our_experts .name_text{
		font-size: 14px;
	}
	#our_experts .title_text{
		font-size: 9px;
	}
	#our_experts .dashicons{
		font-size: 15px;
	}
	#our_achievements h2{
		font-size: 26px;
	}
	#our_achievements p{
		font-size: 11px;
	}
	#our_achievements img{
		height: 570px;
	}
	#online_session h2{
		font-size: 36px;
	}
	#contact h3{
		font-size: 32px;
	}
	.latest-post .post-content{
		font-size: 12px;
	}
	.latest-post .content_box{
		top: 42%;
		left: 2%;
		right: 2%;
	}
	.latest-post .catname{
		top: 33%;
		left: 56%;
	}
	.latest-post{
		height: 350px;
	}
	#healthy_thought .healthy_img img{
		height: 478px;
	}
}

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

	
}