.navbar .navbar-nav .nav-link {color:#fff; padding:14px 3px 0px 3px; font-size:14px; letter-spacing:.020em;}
.navbar .navbar-nav .active>.nav-link, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show>.nav-link,.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {color:#fff !important; background:#000; border-bottom:2px solid transparent;}
.navbar .nav-item .nav-link:hover,.navbar .nav-item .nav-link:focus,.navbar .nav-item .nav-link.active{color:#37afba !important;background:none; border-bottom:2px solid #37afba;}

/*******************************Dropdown Menu*****************************************/
.dropdown-menu {padding:8px 8px; margin:0; min-width:13rem; background-color:#fff;}
.dropdown-item {color:#636567; padding:4px 10px 4px 10px;font-size:14px;}
.dropdown-item:focus, .dropdown-item:hover {background-color:transparent; color:#f69322;}
.dropdown-menu li+li .dropdown-item {border-top:1px solid #ccc;}

/*******************************Ipad Device L***************************************/
@media (min-width: 1920px) {}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {}
@media (min-width: 991.98px) and (max-width: 1199.98px){.navbar-nav>li+li {margin-left:86px !important;}}

/******************************* Max-width-768 ***************************************/
@media (min-width:768px) {
.navbar-nav>li+li {margin-left:65px;}
}

/******************************* Ipad Device W ***************************************/
@media (min-width:768px) and (max-width:991.98px)  {
.navbar-nav>li+li {margin-left:43px !important;}
}

/******************************* Max-width-640 ***************************************/
@media (max-width:767.98px) {
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {width: 22px; display: block; height: 2px; background-color: #fff; -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar {padding:0 15px !important;}
	.navbar-collapse {border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:fixed; top:102px; bottom:0px; left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px; width:100%; transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:50%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:0;right:0;}
	.navbar .navbar-nav .nav-link {border-bottom:1px solid #ccc; padding:10px 15px;text-align:center;}
	.navbar-nav {background:#3d3f40;}
	.navbar .navbar-nav .active>.nav-link, .navbar .navbar-nav .nav-link.active, .navbar .navbar-nav .nav-link.show, .navbar .navbar-nav .show>.nav-link,.navbar .navbar-nav .nav-link:focus, .navbar .navbar-nav .nav-link:hover {color:#fff !important; background:#000; border-bottom:1px solid #ccc; text-align:center;}
}
@media (max-width:575.98px) {.navbar-collapse {top:102px;}}
@media (max-width:479.98px) {.navbar-collapse {top:102px;}}