/*original*/
.dropdown-submenu.dropright .dropdown-menu { margin-left: 1px;}
.dropdown-submenu.dropleft .dropdown-menu {margin-right: 1px;}
[x-placement^="bottom-"] .dropdown-submenu .dropdown-menu,.navbar .dropdown-submenu .dropdown-menu {bottom: auto; margin-top: calc(-0.5rem - 1px);}
[x-placement^="top-"] .dropdown-submenu .dropdown-menu {top: auto; bottom: 0; margin-bottom: calc(-0.5rem - 1px);}
.dropdown-submenu.dropright > .dropdown-toggle {display: flex;justify-content: space-between;align-items: center;}
.dropdown-submenu.dropright > .dropdown-toggle::after { margin-right: -12px;}



/*nav-freez*/
.navbar.navbar-fixed { position: relative;}



/*layout-logoleft-i2*/
.navbar.layout-logoleft-i2 .navbar-collapse{justify-content: space-around; align-items: center;}
.navbar.layout-logoleft-i2 .collapse.navbar-collapse .navbar-nav{margin-right: 20px; width: 100%;margin: auto; justify-content: center;}
/*layout-logoleft-more*/
.navbar.layout-logoleft-more .navbar-collapse{justify-content: space-around; align-items: center;}
.navbar.layout-logoleft-more .collapse.navbar-collapse .navbar-nav{margin-right: 20px; width: 100%;margin: auto; justify-content: center;}
/*layout-logoleft-navright-i2*/
.navbar.layout-logoleft-navright-i2 .navbar-collapse{ align-items: flex-end; flex-direction: column-reverse;}
.navbar.layout-logoleft-navright-i2 .collapse.navbar-collapse .navbar-nav{margin-right: 20px; width: 100%;margin: auto; justify-content: end;}
.navbar.layout-logoleft-navright-i2 .topicon{  margin: 10px 10px 20px 0;}
/*layout-logoleft-navright-more*/
.navbar.layout-logoleft-navright-more .navbar-collapse{ align-items: flex-end; flex-direction: column-reverse;}
.navbar.layout-logoleft-navright-more .collapse.navbar-collapse .navbar-nav{margin-right: 20px; width: 100%;margin: auto; justify-content: end;}
.navbar.layout-logoleft-navright-more .topicon{  margin: 10px 10px 20px 0;}
/*layout-logocenter-i2*/
.navbar.layout-logocenter-i2 .m-w-100-pd0{flex-direction: column;position: relative;}
/*layout-logocenter-more*/
.navbar.layout-logocenter-more .m-w-100-pd0{flex-direction: column;position: relative;}

/*Nav layout style - wide*/
.topicon{padding: 0;margin: 0; list-style: none; display: flex;}
.topicon li{margin:0 5px;}
.topicon li img{width: 20px;height: 20px;}
.navbar-brand small{display: block;font-size: 12px; display: none;}
.navbar-brand p{margin-bottom: 0; font-size: 30px; font-weight: 600; line-height: 1.2;display: none;}
.navbar-brand img{width: 120px;}
.navbar.navbar-light .navbar-nav .nav-link{color: #000;}
.navbar .dropdown-menu{font-size: 16px;}
.navbar .nav-item{font-size: 16px;}

@media (min-width: 992px) {

    /*nav-freez*/
    .navbar.navbar-fixed.navbar-freez {position: fixed !important;top: 0;width: 100%;  z-index: 10; }
    /*PC-Nav-hover*/
    .dropdown:hover>.dropdown-menu { display: block;}
    .dropdown-item:hover>.dropdown-menu {display: block;}
    .navbar-nav .nav-link{display:inline-block; margin: 0 10px;}
    .dropdown>.dropdown-toggle:active {pointer-events: none;}
    /*layout-logocenter-i2*/
    .navbar.layout-logocenter-i2 .topicon{ position: absolute; top: 20px;right: 250px;}
    /*layout-logocenter-more*/
    .navbar.layout-logocenter-more .topicon{ position: absolute; top: 20px;right: 250px;}
    
    /*Nav layout style - wide*/
    .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{color: #000000; background: #fff; border-radius: 5px;}
    .navbar-light .navbar-nav .nav-link:hover{background-color: #fff;border-radius: 5px;}

}


@media (max-width: 991px) {
    /*for bakery*/
    .tablet .page, .mobile .page{ z-index: 9; position: relative;}
    /*tool*/
    .m-close{display: none!important;}
    .m-w-100-pd0{width: 100%!important;padding:0;  flex-wrap: unset !important;}

    /*nav-freez*/
   .navbar.navbar-fixed.navbar-freez { position: fixed !important;top: 0;width: 100%;z-index: 10;}
    .navbar.navbar-fixed {position: relative;}

    /*layout-logoleft-i2*/
    .navbar.layout-logoleft-i2 .navbar-collapse{  justify-content: flex-end;  flex-basis: unset !important;}
    /*layout-logoleft-more*/
    .navbar.layout-logoleft-more .navbar-collapse{  justify-content: flex-end;  flex-basis: unset !important;}
    .navbar.layout-logoleft-more .m-w-100-pd0{ flex-direction: column;}
    .navbar.layout-logoleft-more .navbar-brand img{  transform: translateX(0px);}
    /*layout-logoleft-navright-i2*/
    .navbar.layout-logoleft-navright-i2 .navbar-collapse{  justify-content: flex-end;  flex-basis: unset !important;}
    /*layout-logoleft-navright-more*/
    .navbar.layout-logoleft-navright-more .navbar-collapse{  justify-content: flex-end;  flex-basis: unset !important;}
    .navbar.layout-logoleft-navright-more .m-w-100-pd0{ flex-direction: column;}
    .navbar.layout-logoleft-navright-more .navbar-brand img{  transform: translateX(0px);}
    .navbar.layout-logoleft-navright-more .topicon{  margin: 10px 0 5px 0;}
    /*layout-logocenter-i2*/
    .navbar.layout-logocenter-i2 .navbar-collapse{  justify-content: flex-end;  flex-basis: unset !important;}
    .navbar.layout-logocenter-i2 .topicon{ position: absolute;right: 5px;}
    .navbar.layout-logocenter-i2 .navbar-brand img{transform: unset!important;}
    /*layout-logocenter-more*/
    .navbar.layout-logocenter-more .navbar-brand img{transform: unset!important;}
    .navbar.layout-logocenter-more .topicon{  margin: 10px 0 5px 0;}
    /*Nav layout style - wide*/
    nav.navbar{padding: 10px 0!important;}
    .collapse.navbar-collapse.m-close{display: none!important;}
    .navbar .navbar-brand{margin: auto; width: calc(100% - 60px );}
    .navbar-brand img{ margin: auto;display: block;transform: translateX(50px);}
    .navbar .collapse.navbar-collapse{display: inline-block;}
    .navbar-brand img{ width: 100px;}
    .topicon li img{ width: 20px; height: 20px; }
    .topicon li{ margin: 0 8px;}
    .navbar-nav .nav-item >.nav-link{color: #000!important;}
    .navbar-nav .dropdown-item{color: #888;}
    .dropdown-header{color: #000;}
    .dropdown-item.active, .dropdown-item:active{background-color: #efefef!important;}
    .dropdown-submenu.dropright > .dropdown-toggle{ justify-content: flex-start;}
}