/*!
Theme Name: Mind Wealth
Theme URI: https://mindwealth.com/
Author: W3 Lab
Author URI: https://w3-lab.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mindwealth
Tags: custom-background, custom-logo, custom-menu, featured-images

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

EdelSwiss is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/
html { 
	padding:0;
	margin:0;
}
body { 
	margin:0;
	padding:0;
	font-family: 'Muli', sans-serif;
}
p { 
	font-weight:300;
	color: #585858;

 }
h1 {
	font-weight: 300;
	color: #585858;
	font-family: 'Quicksand', sans-serif;
}


.wrapper {}
.container{
	display:block;
	margin:0 auto;
	position:relative;
}

.font-bold { 
	font-weight:bold;
}
.text-left { 
	text-align:left;
}
.text-right { 
	text-align:right;
}
.text-center { 
	text-align:center;
}
.img-center { 
	display:block;
	margin:0 auto;
}
.img-responsive { 
	max-width:100%;
}
.img-right {
	display: block;
	margin-left: auto;
}
.img-left { 
	display:block;
	margin-right: auto;
}

a { 
	text-decoration:none;
	color:#c99d83;
}
.btn-round {
	border: 1px solid #c99d83;
	padding: 5px 25px 7px 25px;
	border-radius: 20px;
	font-weight: lighter;
	letter-spacing: 1px;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* LAYOUT CSS */ 
.full-width {
	width: 100%;
	display: inline-block;
	padding: 0px;
	margin: 0;
}

/* END OF LAYOUT CSS*/

/* MAIN MENU CSS */

.main-menu ul li ul li {
	position: relative;
	display: block;
	border-bottom: 1px solid #000;
}
.main-menu ul li.active::after {
	display: block;
	content: "";
	position: absolute;
	width: calc(100% - 30px);
	height: 1px;
	background: #c99d83;
	left: 30px;
	bottom: -3px;
}
/*.sub-menu {
	position: absolute;
	top: 30px;
	left: 0px;
	border: 1px solid #000;
	padding:0px;
	width:200px;
	text-align:left;
	display:none;

}
.sub-menu li {
	position: relative;
	display: block;
	border-bottom: 1px solid #000;
}
.sub-menu li:last-child { 
	border-bottom:0px;
 }

.main-menu ul li ul li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #c99d83;
	border-radius: 50%;
	margin-right: 10px;
}
.main-menu ul li ul li:first-child::before {
	content: "";
}*/
.header {
	position: relative;
	margin: 10px 0;
	border-bottom: 2px solid #f4f4f4;
	padding: 10px 0;
}
.main-menu { 
	list-style:none;
	padding:0;
	text-align:right;
	margin-top:15px;
}
.main-menu ul li {
	display: inline;
	position:relative;
	padding: 0 10px;
}
.main-menu ul li a { 
	color: #505050;
	text-decoration: none;
	text-transform: uppercase;
}
.main-menu ul li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #c99d83;
	border-radius: 50%;
	margin-right: 20px;
}
.main-menu ul li:first-child::before {
	content: none;
}
.header-center {
	margin-top: 30px;
	border-bottom: 2px solid #c99d83;
	border-top: 2px solid #c99d83;
	padding: 10px 0;
}
.main-menu-centered { 
	display:block;
	margin:0 auto;
	text-align:center;
	padding:0;
}
.main-menu-centered li {
	display: inline-block;
	padding: 0 10px;
}
.main-menu-centered li a {
	color: #505050;
	text-decoration: none;
	text-transform: uppercase;
}
.main-menu-centered li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #c99d83;
	border-radius: 50%;
	margin-right: 20px;
}
.main-menu-centered li:first-child::before {
	content: none;
}

.contact-menu {
	list-style: none;
	padding: 0;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 0;
}
.contact-menu li {
	display: inline-block;
	padding: 0 5px;
}
.contact-menu li a i {
	color: #fff;
	background: #c99d83;
	padding: 5px;
	border-radius: 50%;
}
.contact-menu li a i.fas.fa-phone {
	transform: rotate(90deg);
}
#cssmenu .contact-menu li a i.fab.fa-facebook-f {
	padding: 5px 9px;
}
/*END OF MAIN MENU CSS */


/* HOME HERO SECTION */
.hero {
	background: url(img/watercolor-bg.jpg);
	padding:50px 0;
}
.hero h1 {
	font-size: 60px;
	font-family: 'Quicksand', sans-serif;
	padding: 0px;
	margin: 0px;
	color: #818285;
	font-weight:normal;
}
.hero h1 .font-bold { 
	font-weight:500;
}
.hero h2 {
	font-weight: 100;
	text-transform: uppercase;
	color: #818285;
	margin: -5px 0 0 0;
	padding:0;
	letter-spacing:3px;
}
.hero .separator {
	width: 120px;
	height: 4px;
	background: #c99d83;
	margin: 10px auto 0 auto;
}
.hero p {
	color: #c99d83;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Quicksand', sans-serif;
}
.hero .text-separator {
	color: #818285;
	padding: 0 10px;
}
/* END OF HOME HERO SECTION*/


/* INTRO SECTION */
.intro {
	padding: 50px 0;
	text-align: center;
}
.intro p {
	line-height: 25px;
	color:#505050;
}
/* END OF INTRO SECTION */


/* HOME QUOTE SECTION */
.home-quote {
	background: #f7ead1;
	padding: 50px 0;
	text-align:center;
	width: 100%;
}
.home-quote .quote {
	font-size: 30px;
	color: #505050;
	font-family: 'Quicksand', sans-serif;
	padding-bottom: 0;
	margin-bottom: 0px;
}
.home-quote .quote-author {
	font-size: 30px;
	color: #505050;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 10px;
	font-family: 'Muli', sans-serif;
}
/* END OF HOME QUOTE SECTION*/

/* HOME CTA */ 
.home-cta {
	padding: 50px 0;
	text-align: center;
	background:#f8f8f8;
	border-top:2px solid #c99d83;
	border-bottom:2px solid #c99d83;
}
.home-cta p {
	font-size: 20px;
	color: #505050;
}
.home-cta .btn-round {
	display: inline-block;
	margin: 35px 0;
}
.home-cta .home-note {
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	font-style: italic;
}
/* END OF HOME CTA */

/* PAGE CONTENT */
.page-title { 
	text-align:center;
	padding-bottom:45px;
 }
 .page-title h1 {
	border-bottom: 1px solid #c99d83;
	display: inline-block;
	padding: 0 10px 5px 5px;
}
.page-content {
	background: url(img/watercolor-bg2.jpg);
	padding:50px 0;
}
/* END OF PAGE CONTENT */

/* ABOUT PAGE */
.about-page .about-quote {
	font-family: 'Muli', sans-serif;
	font-style: italic;
}
.about-page h1 {
	margin-bottom: 0px;
}
.about-page h2 {
	font-family: 'QuickSand', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #c99d83;
	margin-top: 5px;
	margin-bottom:30px;
}
.about-page h2::after {
	display: block;
	content: "";
	border-bottom: 1px solid #c99d83;
	width: 320px;
	padding-top: 7px;
}
.page-content.about-page {
	margin-bottom: -5px;
}
.about-second {
	border-top: 2px solid #c99d83;
	border-bottom: 2px solid #c99d83;
	padding-bottom: 50px;
	color: #838383;
	font-family: 'Quicksand', sans-serif;
	background: url(img/tree.png), #f8f8f8;
	background-repeat: no-repeat;
	background-position: 90% 102%;
}
.about-second h4 {
	color: #c99d83;
	font-weight: 300;
	font-family: 'Quicksand', sans-serif;
}
.about-second .social-media ul {
	list-style: none;
	padding: 0px;
	margin: 0;
}
.about-second .social-media ul li {
	display:inline;
}
.about-second .social-media ul li a i {
	color: #fff;
	background: #c99d83;
	padding: 5px;
	border-radius: 50%;
}

/* END OF SECOND SECTION FOR ABOUT PAGE*/

/* RESOURCES PAGE */
.resources-list {
	list-style: none;
	padding: 0 0 100px 0;
	text-align: center;
	color: #585858;
}
.resources-list li {
	padding: 5px 0;
}
.resources-list li a {
	color: #585858;
}
.page-content.tree-bg {
	background: url(img/tree.png) 90% 102% no-repeat,url(img/watercolor-bg2.jpg);
}
.resources-page {
	border-bottom: 2px solid #c99d83;
}
.social-media-footer {
	list-style: none;
	padding: 0px;
	margin: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -64px;
}


.social-media-footer li {
	display: inline;
	padding: 0 5px;
}
.social-media-footer li a i {
	color: #fff;
	background: #c99d83;
	padding: 5px;
	border-radius: 50%;
}
/* END OF RESOURCES PAGE */

/* FAQ PAGE */ 
.answer {
	display: none;
}
.faqs {
	list-style: none;
	padding: 0 0 100px 0;
	text-align: center;
}
.faqs li {
	padding: 5px 0;
}
.faqs li a {
	color: #585858;
	font-weight: bold;
	cursor: pointer;
}
/* END OF FAQ PAGE */


/* CONTACT PAGE */
.contact-info {
	list-style: none;
	padding: 0;
}

.contact-info li a {
	color: #585858;
	padding-left: 5px;
}
.contact-info li i {
	color: #c99d83;
	padding-right: 5px;
}
.address {
	padding: 10px 0;
	color: #585858;
}
.map-note {
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	text-align: justify;
	color: #585858;
}
.contact-form input {
	width: 100%;
	background: #f4f4f4;
	border: 0;
	padding: 10px;
	margin: 10px 0;
	font-family:'Quicksand', sans-serif;
	font-size:14px;
}
.contact-form .btn-round {
	float: right;
	color: #c99d83;
	border: 1px solid #c99d83;
	background: #fff;
	font-size: 18px;
	font-family: 'Quicksand', sans-serif;
	width: auto;
	padding: 10px 35px;
}
.contact-form textarea {
	width: 100%;
	background: #f4f4f4;
	border: 0;
	padding: 10px;
	font-family:'Quicksand', sans-serif;
	font-size:14px;
}
.contact-page {
	border-bottom: 2px solid #c99d83;
}
.contact-page .page-title h2 {
	font-weight: 300;
	text-align: left;
	color: #585858;
	font-family: 'Quicksand', sans-serif;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	border: 1px solid #c99d83;
	border-radius: 20px;
	margin-top: 50px;
	font-weight: lighter;
	color: red;
}
/* END OF CONTACT PAGE */


/* SERVICES PAGE */
.services-page {
	border-bottom: 2px solid #c99d83;
}
.page-title.no-underline h1 {
	border-bottom: 0px;
}
.services-page .first-paragraph {
	padding-bottom: 80px;
}
.services-page h2 {
	font-weight: 300;
	font-family: 'Quicksand', sans-serif;
	display: inline-block;
	border-bottom: 1px solid #c99d83;
	padding-bottom: 5px;
}
.services-page .cancelation-fee {
	padding-top: 50px;
	padding-bottom:70px;
}
.services-page .cancelation-fee h2 {
	font-weight: bold;
	font-size: 15px;
	border-bottom: 0px;
	margin-bottom: 0px;
}
.services-page .cancelation-fee p {
	margin-top: 0px;
}

/* END OF SERVICES PAGE */


/* SPECIALITY PAGE */
.speciality-page { 
	border-bottom:2px solid #c99d83;
 }
.speciality-content {
	border: 1px solid #d3d3d3;
	border-radius: 20px;
	padding: 30px;
	height: 500px;
	position: relative;
	overflow-y: auto;
	background: #fff;
}
.speciality-list {
	list-style: none;
	padding: 0;
}
.speciality-list li::before {
	content: "•";
	display: inline-block;
	background: #fff;
	padding-right: 5px;
	color: #c99d83;
}
.speciality-list li a::before {
	float: left;
	width: 0;
	white-space: nowrap;
	content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";
	color:#585858;
}
.speciality-name {
	background: #fff;
	color: #585858;
}
.open-more {
	position: absolute;
	right: 0;
	background: #fff;
	padding: 0 5px;
	color: #585858;

}
.speciality-page .page-title {
	text-align: left;
}
/* END OF SPECIALITY PAGE*/


/* BLOG */

.blog-title {
	font-family: 'Quicksand', sans-serif;
	font-size: 24px;
	display: inline-block;
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-bottom:5px;
}
.blog-meta {
	margin-top: 0px;
	font-size: 14px;
	font-style: italic;
	font-family: 'Quicksand', sans-serif;
	color:#c99d83;
}
.blog-page, .single-page { 
	border-bottom: 2px solid #c99d83;
 }
 .blog-img {
	border-radius: 10px;
}
/* END OF BLOG CSS*/


/* FOOTER */
footer {
	text-align: center;
	position:relative;
}
.disclaimer {
	position: absolute;
	right: 15px;
	top: 0;
}
.copyright {
	font-family: "QuickSand";
}
.social-media ul li a i.fab.fa-facebook-f {
	padding: 5px 9px;
}
/* END OF FOOTER */

/* SIDEBAR */ 
.sidebar ul li::before {
	content: "•";
	display: inline-block;
	background: #fff;
	padding-right: 5px;
	color: #c99d83;
}
.sidebar ul { 
	list-style: none;
	padding: 0;
 }
.sidebar .widget-title {
	font-size: 20px;
	margin-bottom: 0px;
	font-family: 'Quicksand', sans-serif;
	color: #585858;
	font-weight: 300;
}
/* END OF SIDEBAR */

/* RESPONSIVE MENU */ 
#cssmenu .contact-menu > li {
	padding: 0 5px;
}
#cssmenu .contact-menu {
	list-style: none;
	padding: 0;
	position: absolute;
	right: 0px;
	top: -5px;
	margin: 0px;
}
#cssmenu .contact-menu { 
	display:inline-block;
 }
 #cssmenu .contact-menu li a i {
	color: #fff;
	background: #c99d83;
	padding: 5px;
	border-radius: 50%;
}
#cssmenu .contact-menu li:before { 
	content: none;
 }
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
	text-align:center;
}
#cssmenu > ul > li {
	display:inline-block;
	position:relative;
	padding:0 10px;
	}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 0;
  font-size: 16px;
  text-decoration: none;
  color: #505050;
  font-weight: normal;
  text-transform: uppercase;
  display:inline-block;
}
#cssmenu > ul > li:before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #c99d83;
	border-radius: 50%;
	margin-right: 20px;
}
#cssmenu > ul > li:first-child::before {
	content: none;
}
#cssmenu > ul > li:hover > a {
  color: #505050;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a::after {
	position: absolute;
	top: 8px;
	right: 12px;
	width: 8px;
	height: 2px;
	display: block;
	background: #505050;
	content: '';
}
#cssmenu > ul > li.has-sub > a::before {
	position: absolute;
	top: 5px;
	right: 15px;
	display: block;
	width: 2px;
	height: 8px;
	background: #505050;
	content: '';
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  padding: 11px 15px;
  width: 170px;
  font-size: 15px;
  text-decoration: none;
  color: #505050;
  font-weight: 400;
  background: #fff;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #505050;
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #505050;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #505050;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu.menu-top {
	margin-top: 30px;
	float: right;
}
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
 	#cssmenu.menu-top {
	margin-top: auto;
	float: none;
}
 	#cssmenu .contact-menu {
	display:none;
}
  #cssmenu > ul > li.has-sub > a { 
  	margin-left:15px;
   }
   #cssmenu > ul li.has-sub ul{ 
   	text-align:center;
    }
    #cssmenu ul.open li.active.has-sub ul li{
	padding-bottom: 0px;
}
  #cssmenu ul.open li::before {
	content: none;
}
#cssmenu ul.open li ul li a::before {
	content: none;
	}
#cssmenu ul.open ul { 
	margin: 15px 0 0 0;
 }
#cssmenu ul.open li {
	padding: 15px 0px;
}
  #cssmenu {
    width: 100%;
  }
  #cssmenu ul {
    width: 100%;
    display: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-top: 1px solid rgba(120, 120, 120, 0.2);
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border-bottom: 0;
  }
#cssmenu ul li ul li a::before {
	content: "-";
	display: inline-block;
}
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
    font-family: 'Muli', sans-serif;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #505050;
    background: none;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #505050;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 17px;
    color: #505050;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #505050;
    border-bottom: 2px solid #505050;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #505050;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #ffffff;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #262626;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #505050;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #ffffff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #505050;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}

/* END OF RESPONSIVE MENU */