@media (max-width:1023px){ 
body {font-family: 'Montserrat', sans-serif;}
.container {width: 90%;}

.navbar-inverse .navbar-toggle {background-color:transparent;padding: 0px;color: #000;font-size:  20px;}
.navbar-inverse .navbar-toggle:focus .icon-bar{background-color:#fff;}
.navbar-inverse .navbar-toggle {border-color: none;border-radius: 0px;border:none;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background:  none;
}

.navbar{min-height:50px;margin-bottom:0;border:0;border-radius:0;}
.navbar-header{padding-top:0;padding-bottom:0;}
.navbar-brand{height:50px;padding-top:8px;padding-bottom:8px;}
.navbar-brand > img{height:100%;}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color: transparent;}

.navbar-inverse {background-color: #ffffff;float: left;width: 100%;height: auto;position: relative;border-bottom:  1px solid #ccc;}
.navbar-inverse .navbar-nav > li > a{color:#999;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;padding-top: 10px;padding-bottom: 10px;font-size:12px;font-weight: 600;text-transform:uppercase;border-top: 1px solid #cccccca8;}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{color:#fff;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{color: #000;background-color:transparent;}
.navbar-inverse .navbar-nav > .open > a,


.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{color:#cdce03;background-color:transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu{margin-top:0px;padding-left:20px;background:none;-webkit-background-clip:inherit;background-clip:inherit;border:0;border-radius:0;-webkit-box-shadow:inherit;box-shadow:inherit;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{padding-left:15px;padding-right:15px;color:#cdce03;font-size:13px;padding-top: 2px;padding-bottom: 2px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color:#cdce03;background-color:transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{color:#cdce03;background-color:transparent;}

.navbar-inverse .navbar-nav .open .dropdown-menu ul {margin: 0px;padding-left: 30px;float: left;width: 100%;margin-top: 12px;margin-bottom: 12px;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li {float: left;width:100%;list-style: none;} 
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a{color:#333;font-size:13px;padding: 0px;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a > i {float: left;font-size: 19px;color:#999;padding-right: 10px;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a > span {color:#999;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a:focus{color:#333;background-color:transparent;}

}

 
@media (min-width:1024px){

.navbar-inverse .navbar-nav > li > a::after {content: "";width: 1%;height: 0px;background: #ffffff;float: left;margin-top: 5px;transition: all 1s;height: 2px;}
.navbar-inverse .navbar-nav > li > a:hover::after {width: 100%;transition: all 0.5s;background: #8d2f8c;}


body {margin-top: 0px!important;font-family: 'Montserrat', sans-serif;}
.navbar-inverse{height: auto;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;background: transparent;border: none;margin-bottom: 0px;padding:0px 0px 0px 0px;background: none;}

.navbar-header{float: left;width: 100%;height:auto;background:transparent;padding-top: 5px;padding-bottom:0px;}
.navbar-brand{height: auto;padding-top:0;padding-bottom:0;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;padding: 0px;width: 100%;margin: 5px 0px 0px 0px;}
.navbar-brand > img{width: 17%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin:  0 auto;}

.navbar-inverse .navbar-nav>li>a{color:#444;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#444;}
.navbar-inverse .navbar-nav > li:first-child {margin: 0px;}
.navbar-inverse .navbar-nav > li{margin-left:18px;position: initial;float:  none;display:  inline;}
.navbar-inverse .navbar-nav > li > a{color:#333;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;font-size: 16px;font-weight: 500;background: transparent;padding-top: 24px;padding-bottom: 15px;padding-left: 0px;display:  inline-block;/* letter-spacing:  1px; */}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{color:#333;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{color:#333;background-color:transparent;}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus{color:#ccce03;background-color:transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu{margin-top:30px;margin-left:0px;border:0;border-radius:0;-webkit-box-shadow:inherit;box-shadow:inherit;position: absolute;left: 0px;width: 100%;padding: 30px 30px 18px 30px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li {float: left;width:100%;} 
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{padding-left:0px;padding-right:0px;color:#333;font-size:15px;font-weight: 500;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus{color:#333;background-color:transparent;}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{color:#333;background-color:transparent;}

.navbar-inverse .navbar-nav .open .dropdown-menu ul {padding: 0px;margin-left: 0px;float: left;width: 100%;margin-top: 12px;margin-bottom: 12px;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li {float: left;width:100%;list-style: none;} 
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a{color:#333;font-size:13px;padding: 0px;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a > i {float: left;font-size: 19px;color:#999;padding-right: 10px;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a > span {color:#999;}
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu ul > li > a:focus{color:#333;background-color:transparent;}

.navbar-right{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;display: block;margin-top: 25px;float: left!important;position: relative;width:  100%;text-align:  center;border: 2px dotted #cccccc96;border-left: none;border-right: none;}
.navbar-nav > li > a{padding-top:35px;padding-bottom:35px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;font-size:16px;}

.top-nav-collapse .navbar{padding:0px 0px 0px 0px;}
.top-nav-collapse .navbar-inverse{background:transparent;height: auto;padding-bottom: 0px;background: #fff;}
.top-nav-collapse .navbar-inverse .navbar-nav > li > a{color:#333;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;font-size:15px;font-weight:600;background: transparent;padding-top: 25px;padding-bottom: 20px;}
.top-nav-collapse .navbar-inverse .navbar-nav > li > a:focus{color:#333;}
.top-nav-collapse .navbar-inverse .navbar-nav > .active > a,
.top-nav-collapse .navbar-inverse .navbar-nav > .active > a:hover,
.top-nav-collapse .navbar-inverse .navbar-nav > .active > a:focus{color:#333;background-color:transparent;}



}