.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; position:absolute; left:0px; right:0px; top:0px; z-index:9999;}
.shrink .main-nav{box-shadow:0px 5px 12px rgba(0,0,0,.5);-webkit-transition: 0.5s;-moz-transition:0.5s;-ms-transition:0.5s;transition:0.5s; background:#000;}

.navbar-brand img {max-height:31px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:25px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:35px 0;}
.shrink .navbar-brand{padding:20px 0;}

.navbar .navbar-nav .nav-link {color:#fff; padding:10px; font-size:25px; background-color:transparent; line-height:1;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#ccc;}
.navbar-toggler:focus {box-shadow:none !important;}

.navbar-toggler-icon {width:auto !important;}

.navbar-toggler-icon {background-image:none !important;}
@media (min-width:1300px) {.offcanvas-header .btn-close {position:absolute; left:20px; top:25px;}}

@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {.main-nav {position:static; background:#000;}}


/********************************* Mobile Navigation ***********************/
@media (max-width:767.98px) {
.main-nav {position:static;background:#000; padding-bottom:5px;}
.navbar .navbar-nav .nav-link {font-size:20px;}  .navbar-toggler{margin-top:10px;}
.navbar-brand img {max-height:100px !important;} .navbar-brand{padding:15px 0 !important;}
.navbar-nav>li+li {margin-left:0px;border-left:none;}
}
@media (max-width:575.98px) {.navbar-toggler{margin-top:4px;}}