.navbar .logo {background-color: #fff;padding: 4px 36px 10px 30px;border-radius: 0px 0px 3px 3px;transition: all 0.3s linear;border-radius:0px 0px 30px 30px;}
.navbar .logo img {max-height: 74px;margin-top: 6px;margin-bottom: 5px;transition: all 0.3s linear;}
.navbar .navbar-nav .nav-item .nav-link{font-size:16px;font-weight: 400;color:#fff;padding-left:10px;padding-right:10px;transition:all 0.3s linear;position: relative;}
.navbar .navbar-nav .nav-item .nav-link::after{position: absolute;left:50%;transform: translateX(-50%);bottom: 5px;background-color: #fff;width:0%;height: 1px;content: '';transition:all 0.3s linear;}
.navbar .navbar-nav .nav-item .nav-link:hover::after {width: 80%;}
.navbar .navbar-nav .nav-item .smlink {font-weight: 500;font-size: 12px !important;display: inline-block;border: solid 2px rgba(255,255,255,0.4);border-radius: 30px;padding: 4px 18px !important;margin-top: 5px;margin-left: 20px;}
.navbar .navbar-nav .nav-item .smlink::after{height: 0px;}
.navbar .navbar-nav .nav-item .smlink:hover {background-color: #fff;color:#27367c}
.navbar .navbar-nav .nav-item:last-child .nav-link {padding-right:0px;}

.navbar .navbar-nav .dropdown-menu a {padding:8px 18px;color:#27367c;border-bottom:solid 1px #e6e6e6;font-size:15px;transition:all 0.3s linear}
.navbar .navbar-nav .dropdown-menu a:hover {padding:8px 12px 8px 24px;color:#ff6a00;}

.navbar .navbar-toggler {outline: none;box-shadow: none;border-width:0px;}
.navbar .navbar-toggler .hambg-icon{display: flex;flex-direction: column;justify-content: center;align-items: center;height: 70px;width: 80px;}
.navbar .navbar-toggler .hambg-icon .hambg-icon-line {height: 6px;margin: 3px;width: 44px;background-color: #ffffff;border-radius: 10px;}

.srink {background: #fff;transition: all 0.3s linear;box-shadow: 5px 5px 30px rgba(0,0,0,0.2);}
.srink .logo {padding: 6px 0px;}
.srink .logo img {max-height: 48px;}
.srink .navbar-nav {padding-top: 8px;}
.srink .navbar-nav .nav-item .nav-link {color:#292929;font-size: 14px;font-weight: 500;}
.srink .navbar-nav .nav-item .nav-link:hover {color:#079b88;}
.srink .navbar-nav .nav-item .smlink {border-color: #4ba196;}

.srink .navbar-toggler .hambg-icon{display: flex;flex-direction: column;justify-content: center;align-items: center;height:36px;width:80px;transition: all 0.3s linear;}
.srink .navbar-toggler .hambg-icon .hambg-icon-line {height: 4px;margin:3px;width:34px;background-color: #079b88;border-radius: 10px;transition: all 0.3s linear;}

.offcanvas .offcanvas-header .offcanvas-title img {max-height: 60px;}
.offcanvas .offcanvas-body .offcanvas-nav {margin-left: 24px;}
.offcanvas .offcanvas-body .offcanvas-nav a.nav-link {display: block;color:#000;transition: all 0.3s linear;border-bottom: solid 1px #cccccc;padding: 7px 0px;} 
.offcanvas .offcanvas-body .offcanvas-nav a.nav-link:hover {padding-left: 16px;} 

.offcanvas .offcanvas-body .offcanvas-adrs {margin-left: 24px;margin-top:60px;}
.offcanvas .offcanvas-body .offcanvas-adrs h3 {font-size:18px;font-weight: 500;color:#000;padding-right:18px;}
.offcanvas .offcanvas-body .offcanvas-adrs p {font-size:14px;font-weight: 400;color:#777;padding-right:18px;}

@media (max-width: 768px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 60%;
        height: 100%;
    }

        .navbar-collapse.collapsing {
            left: -75%;
            transition: height 0s ease;
        }

        .navbar-collapse.show {
            left: 0;
            transition: left 500ms ease-in-out;
            background-color:#05083b
        }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
    .srink .navbar-nav .nav-item .nav-link {
        color: #fff;
    }
}