.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin-bottom:15px;}
.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-width:400px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-width:200px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:32px 0px 30px 0px;}
.shrink .navbar-brand{padding:15px 0px 10px 0px;}

 
.navbar .navbar-nav .nav-link {color:#fff; padding:17px 0px; font-size:20px; font-weight:500; background-color:transparent; line-height:1; letter-spacing:.1em;}
.navbar-nav>li+li {margin-left:50px;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#626262;}
.navbar-toggler:focus {box-shadow:none !important;}

@media (min-width: 1359.98px) and (max-width: 1659.98px){.navbar-nav>li+li {
    margin-left: 60px;
}
.navbar-brand img {
    max-width: 400px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {.navbar-nav>li+li {margin-left:60px;} 
.navbar-brand img {
    max-width: 300px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.navbar-nav>li+li {margin-left:50px;}.navbar-brand img {max-width:200px;}.navbar .navbar-nav .nav-link {font-size:18px; letter-spacing:.04em;}.navbar-brand{padding:15px 0px}}
@media (min-width: 768px) and (max-width: 991.98px) {.main-nav {position:static;} .navbar-nav>li+li {margin-left:20px;}.navbar-brand img {max-width:200px;}.navbar .navbar-nav .nav-link {font-size:18px; letter-spacing:normal;}.navbar-brand{padding:15px 0px}}

/********************************* Mobile Navigation ***********************/
@media (max-width:767.98px) {
.main-nav {position:static;} .navbar-brand{padding:10px 0px 6px 0px;}
.navbar{position:absolute!important; left:15px!important; top:60px!important;}.navbar-toggler{padding:0px 3px !important;}
.navbar-brand img {max-width:300px !important;} 
.navbar-nav>li+li {margin-left:0px;border-left:none;}
.navbar .navbar-nav .nav-link {padding:14px 0px; font-size:16px;}
}
@media (max-width:575.98px) {}
