.stellarnav { z-index: 9900;}
.stellarnav ul {display: none; position: absolute; background: rgba(230,25,43,1); scrollbar-width: thin;  width: 480px; left: 0; top: 65px; 
    height: calc(100vh - 11rem); overflow-y: auto; z-index: 11;}
.stellarnav ul::-webkit-scrollbar{width: 10px; }
.stellarnav ul::-webkit-scrollbar-track{background: #f1f1f1; }
.stellarnav ul::-webkit-scrollbar-thumb {  background: #888; }
.stellarnav li {display: none; position: relative;}
.stellarnav ul li {display: block; border-bottom: 1px solid rgba(0,0,0,.15); -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.stellarnav ul li:hover{background: #3c3c3c;}
.stellarnav .menu-toggle {display: inline-block; margin: .5rem 0 0 18%; color: #000; font-size: 18px;}
.stellarnav .menu-toggle::after {content: '';  width: 0px;  height: 1px;  display: block;  background: black;  transition: 300ms;}
.stellarnav .menu-toggle:hover::after {  width: 100%;}
.stellarnav.mobile>ul>li>a {padding: 12px 15px;}
.stellarnav.light li a {color: #fff;     /*border-bottom: 1px solid rgba(0,0,0,.15);*/ display: inline-block;}
.stellarnav .dd-toggle i { display: inline-block;position: absolute;    margin: auto;    top: 33%;    left: 0;    right: 10px;    -webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;    transition: transform .3s ease-out;}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle {
 display: inline-block}
 .stellarnav.mobile .close-menu{display: none;}
.stellarnav .dd-toggle {    display: none;    position: absolute;    top: 0;    right: 0;    padding: 0;    width: 26px;    height: 26px;    text-align: center;    z-index: 9999;    border: 0}
.stellarnav.mobile ul ul { top: 0;   position: relative;    opacity: 1;    visibility: visible;    width: auto;    
    display: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: color 0 ease-in;    transition: none;    
    left: 0;     overflow-y: hidden; height: auto;}

 .stellarnav.mobile ul ul li{background: #515050; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}  
 .stellarnav.mobile ul ul li:hover{background: #e7233b;}    
.stellarnav.mobile ul ul li a{padding: 8px 15px;}
.stellarnav.mobile ul ul ul{ top: 0; overflow-y: hidden; height: auto;}
.stellarnav.mobile ul ul ul li{background: #605e5f;}
.stellarnav.mobile ul ul ul li: hover{}

.stellarnav.mobile li a.dd-toggle, .stellarnav.mobile.light li a.dd-toggle { border: 0;}
/*.stellarnav a i {display: none;}*/
.stellarnav ul li.mobile-view {display: none;} 
.stellarnav li.open>a.dd-toggle i {color: #98dcff;-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);    -o-transform: rotate(180deg);    transform: rotate(180deg)}



/*Catalog*/

.stellarnav .stellarnav-cat{ z-index: 9900;}
.stellarnav .stellarnav-cat ul {display: none; position: absolute; background: rgba(230,25,43,1); scrollbar-width: thin;  width: 350px; left: 0; top: 52px; height: calc(100vh - 7rem); overflow-y: auto;}
.stellarnav .stellarnav-cat ul::-webkit-scrollbar{width: 10px; }
.stellarnav ul::-webkit-scrollbar-track{background: #f1f1f1; }
.stellarnav ul::-webkit-scrollbar-thumb {  background: #888; }
.stellarnav li {display: none; position: relative;}
.stellarnav ul li {display: block; border-bottom: 1px solid rgba(0,0,0,.15); -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.stellarnav ul li:hover{background: #3c3c3c;}
.stellarnav .menu-toggle {display: inline-block; /*margin: .5rem 0 0 18%;*/ margin: .5rem 0 0 55px; color: #000; font-size: 18px;}
.stellarnav .menu-toggle::after {content: '';  width: 0px;  height: 1px;  display: block;  background: black;  transition: 300ms;}
.stellarnav .menu-toggle:hover::after {  width: 100%;}
.stellarnav.mobile>ul>li>a {padding: 12px 15px;}
.stellarnav.light li a {color: #fff;     /*border-bottom: 1px solid rgba(0,0,0,.15);*/ display: inline-block;}
.stellarnav .dd-toggle i { display: inline-block;position: absolute;    margin: auto;    top: 33%;    left: 0;    right: 10px;    -webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;    transition: transform .3s ease-out;}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle {
 display: inline-block; color: #fff;}
 .stellarnav.mobile .close-menu{display: none;}
.stellarnav .dd-toggle {    display: none;    position: absolute;    top: 0;    right: 0;    padding: 0;    width: 26px;    height: 26px;    text-align: center;    z-index: 9999;    border: 0}
.stellarnav.mobile ul ul { top: 0;   position: relative;    opacity: 1;    visibility: visible;    width: auto;    
    display: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: color 0 ease-in;    transition: none;    
    left: 0;     overflow-y: hidden; height: auto;}

 .stellarnav.mobile ul ul li{background: #515050; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}  
 .stellarnav.mobile ul ul li:hover{background: #e7233b;}    
.stellarnav.mobile ul ul li a{padding: 8px 15px;}
.stellarnav.mobile ul ul ul{ top: 0; overflow-y: hidden; height: auto;}
.stellarnav.mobile ul ul ul li{background: #605e5f;}
.stellarnav.mobile ul ul ul li: hover{}

.stellarnav.mobile li a.dd-toggle, .stellarnav.mobile.light li a.dd-toggle { border: 0;}
/*.stellarnav a i {display: none;}*/
.stellarnav ul li.mobile-view {display: none;} 
.stellarnav li.open>a.dd-toggle i {color: #98dcff;-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);    -o-transform: rotate(180deg);    transform: rotate(180deg)}







@media only screen and (max-width: 1920px) {
   .stellarnav .menu-toggle{font-size: 18px;}
   .stellarnav.mobile>ul>li>a {font-size: 16px; padding: 12px 15px;}
   /*.stellarnav.mobile ul ul li a {font-size: 22px;}*/
   .stellarnav ul {width: 480px; top: 65px; z-index: 11;}
}


@media only screen and (max-width: 1440px) {
.stellarnav .menu-toggle{font-size: 16px;}
.stellarnav.mobile>ul>li>a {font-size: 14px; padding: 12px 15px;}
.stellarnav ul {width: 350px; top: 58px;}
.stellarnav.mobile ul ul li a {font-size: 14px;}

}

@media only screen and (max-width:1024px) {
.stellarnav ul {display: none; position: absolute; background: rgba(230,25,43,1);  width: 100%; left: 0; z-index: 16;}
.stellarnav ul li.mobile-view {display: block;}
.stellarnav .menu-toggle{margin: 0.5rem 0 0 10%;}

}