.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
  
.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;}

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

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

.navbar .navbar-nav .nav-link {color:#000; padding:15px 10px; font-size:22px; background-color:transparent; line-height:1; text-transform:uppercase; font-weight:600;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#0090df !important;}
.navbar-toggler:focus {box-shadow:none !important;}

.navbar-toggler-icon {width:auto !important; height:40px !important;}.navbar-toggler{margin-top:16px;} .offcanvas-header .btn-close {font-size:20px;}

@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;}}


/********************************* Mobile Navigation ***********************/
@media (max-width:767.98px) {
.main-nav {position:static; padding-bottom:5px;}
.navbar .navbar-nav .nav-link {font-size:20px;} .navbar-toggler{margin-top:16px;}
.navbar-nav>li+li {margin-left:0px;border-left:none;} .navbar-toggler-icon {width:40px !important;}
}
@media (max-width:575.98px) {}