.navbar-header { display: flex; justify-content: space-between; align-items: center;}
.navbar-header:after,.navbar-header:before{display: none;}
.navbar-header .navbar-toggle{order: 2;}
.navbar-header-wrapp{float: left; width: 100%; display: flex; align-items: center; justify-content: space-between;}
my-nav a{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.my-nav a:focus,.my-nav a:hover{text-decoration:none}
.my-nav .navbar-custom.nav{margin-bottom:0;text-transform:uppercase;color:rgba(255,255,255,.8);background-color:#111f2a}
.my-nav .navbar-custom.nav .navbar-brand.nav{width: 200px; height: auto !important; font-size:26px; letter-spacing:-1px;text-transform:none;font-family:'Open Sans',sans-serif;padding:5px 0; margin: 0;}
.my-nav .navbar-custom.top-nav-collapse.nav .navbar-brand.nav{font-size:18px;font-family:'Open Sans',sans-serif}
.my-nav .navbar-custom.nav .navbar-brand.nav:focus{outline:0}
.my-nav .navbar-custom.nav .navbar-brand.nav .navbar-toggle{padding:4px 6px;font-size:16px;color:#fff;font-family:'Open Sans',sans-serif}
.my-nav .navbar-custom.nav .navbar-brand .navbar-toggle:active,.my-nav .navbar-custom.nav .navbar-brand .navbar-toggle:focus{outline:0}
.my-nav .navbar-custom.nav a{color:#fff;font-size:12px;font-family:'Open Sans',sans-serif;font-weight:400;letter-spacing:.15em;text-transform:uppercase; padding:5px 15px;}
.my-nav .navbar-custom.nav .nav li a{ -webkit-transition:background .4s ease-in-out; -moz-transition:background .4s ease-in-out; transition:background .4s ease-in-out; -ms-transition:background .4s ease-in-out; -o-transition:background .4s ease-in-out; }
.my-nav .navbar-custom.nav .nav.nav li a:hover{outline:0;color:#e46200;background-color:transparent}
.my-nav .navbar-custom.nav .nav li a:focus,.my-nav .navbar-custom.nav .nav.nav li a:active{outline:0;background-color:transparent;color:#e46200}
.my-nav .navbar-custom.nav .nav li .active{color:#e46200}
.my-nav .navbar-custom.nav .nav.nav li.active{outline:0}
.my-nav .navbar-custom.nav .nav.nav li.active a{color:#ff0}
.my-nav .navbar-custom.nav .nav.nav li.active a:hover{color:#fff}
@media screen and (max-width:991px){
.navbar-brand{height:auto;width:180px}
.navbar-header{width:100%}
.navbar-collapse.collapse{display:none!important}
.navbar-collapse.collapse.in{display:block!important}
.navbar-header .collapse,.navbar-toggle{display:block!important}
.my-nav .navbar-toggle{float:right}
.navbar-nav li ul{position:relative;width:100%;border-left:0;border-right:0}
.navbar-nav li li ul{left:0}
.navbar-nav>li>a{padding:10px 15px}
.navbar-nav,.navbar-nav>li{width:100%;margin:0}
.navbar-collapse{float:left;width:100%;position:absolute;left:0;top:100%;background:#111f2a;z-index:10;padding:15px!important}
}
@media(min-width:768px){
.my-nav .navbar-custom.nav{padding:30px;border-bottom:0;letter-spacing:1px;background:0 0;-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;transition:background .5s ease-in-out,padding .5s ease-in-out}
.my-nav .navbar-custom.top-nav-collapse{padding:0 30px;background-color:#111f2a}
}
@media(max-width:768px){
.navbar-brand img{width:174px}
}
.my-nav .top-nav-collapse.nav .container.nav{width:auto;}
.my-nav .navbar-toggle{padding:3px 5px 0; margin:0;}
.top-nav-collapse .navbar-brand img{float:left;font-size:18px; line-height:20px;padding:5px;width:100%;transition:ease-out .3s}