<style> 
 /* ------------------------------------------------------------------
09. Main Menu CSS
-------------------------------------------------------------------- */
.main-menu ul {
line-height: 1;
}
.main-menu ul > li {
display: inline-block;
position: relative;
line-height: 1;
position: relative;
margin-right: 30px;
}

.main-menu ul > li > a {
text-transform: capitalize;
display: block;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 35px;
color: #000;
padding: 30px 15px;
overflow: hidden;
}
.main-menu ul > li > a.search-btn {
font-size: 22px;
cursor: pointer;
color: #000;
}
.main-menu ul > li.has-dropdown a {
padding-right: 25px;
}

@media only screen and (min-width: 1601px){
.main-menu ul > li{ margin-right: 30px;}
.main-menu ul > li.has-dropdown a:{ padding-right:25px;}
.main-menu ul > li > a{ font-size:18px;}
}
@media only screen and (max-width: 1600px){
.main-menu ul > li{ margin-right: 0px;}
.main-menu ul > li.has-dropdown a:{ padding-right:10px;}
.main-menu ul > li > a{ font-size:16px;}
}

.main-menu ul > li.has-dropdown a::after {
content: "";
font-family: inherit;
font-weight: normal;
clear: both;
position: absolute;
right: 2%;
}
.main-menu ul > li:hover > a {
color: #000;
}
.main-menu ul > li:hover > ul {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.main-menu ul > li > ul {
position: absolute;
top: 100%;
width: 280px;
background-color: #eee;
left: 0;
z-index: 999;
box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
visibility: hidden;
opacity: 0;
transform: translateY(40px);
transition: all 0.5s ease-in-out;
padding: 0px 0px;
}
.main-menu ul > li > ul li {
display: block;
margin-right: 0;
}
.main-menu ul > li > ul li > a {
text-align: left;
display: block;
color: #000;
padding: 10px 25px;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
-ms-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}
.main-menu ul > li > ul li > a:hover {
color: var(--tj-heading-secondary);
padding-left: 30px !important;
}
.main-menu ul > li > ul li > a::after {
display: none;
}
.main-menu ul > li > ul li.has-dropdown {
margin-right: 0;
}
.main-menu ul > li > ul li.has-dropdown > a {
padding-right: 25px;
}
.main-menu ul > li > ul li.has-dropdown > a::after {
display: block;
content: "";
font-family: inherit;
font-weight: normal;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}
.main-menu ul > li > ul ul {
left: 100%;
top: 0;
margin-left: 1px;
}
.header_searce {
color: #000;
font-size: 22px;
cursor: pointer;
}
  @media only screen and (max-width: 600px)
  {  .main-menu ul > li > a{ padding:10px 15px;}
  }
/* ----------------------------------
 ------------------------------------ */
 
</style>