body {overflow-x: hidden}
.navbar {display: inline-block;width: 100%;margin: 0 auto;padding: 0;}
.navbar ul {list-style: none; padding: 0; margin: 0; color: #333; flex-direction:inherit !important;}
.navbar ul li {display: block;position: relative;cursor: pointer}
.navbar ul li li {background: #fff}
.navbar ul li li:last-child {border-bottom: 0 none}
/*.navbar ul li ul {min-width: 100%} */ /* If you want to setup child menu width same as parent, check sub sub level */
.navbar ul {text-align:left;}
.navbar ul label {margin: 0;display: block}
.navbar ul li a {padding: 0.75rem; display: block;text-decoration: none;color: #666; cursor:pointer; margin:0;white-space: nowrap;  font-weight: 500; font-size: 0.875rem;}
.navbar ul li a:hover{color: #1779b9;}
.navbar ul input[type=checkbox] {position: absolute;visibility: hidden;}

/* Simple clearfix */
.navbar ul:before,
.navbar ul:after {content: " "; /* 1 */display: table; /* 2 */}
.navbar ul:after {clear: both;}
.navbar{text-align: center;}
.navbar ul li{text-align: left;}
.navbar-opener,
.mobile-navbar-header {display: none}


/*--------------------------------------------------------------------Media For Desktop view--------------------------------------------------------*/
@media(min-width:1024px) {
	
header.top-header{background:#fff;padding:0.375rem 0}
header.top-stick .navbar ul li a:hover {background: #fff; color: #1779b9;}
header.top-stick .login-trail ali a:hover{ color: #000;}
header.top-stick .btn-primary {background: #fff; color: #1779b9;}
header.top-stick {background: #1779b9;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.navbar ul li {display:inline-block}
.navbar ul li li {width:100%;display: block}

.navbar ul label:before {content: "";position: absolute;right: 0.375rem;top:1.125rem;width: 0;height: 0;border: solid #000;border-width: 0 1px 1px 0;clear: both;padding: 0.275rem;transform: rotate(315deg);webkit-transform: rotate(315deg);}
.navbar ul label:before {border-width: 0 0 1px 1px}
.navbar ul ul label:before {border-width: 0 1px 1px 0;}

/*This hides the dropdowns*/
.navbar ul ul {visibility: hidden; position: absolute;opacity: 0;z-index:11;
transition: opacity 0.5s linear; /* vendorless fallback */
-o-transition: opacity 0.5s linear; /* opera */
-ms-transition: opacity 0.5s linear; /* IE 10 */
-moz-transition: opacity 0.5s linear; /* Firefox */
-webkit-transition: opacity 0.5s linear; /*safari and chrome */
}

/* Display the dropdown */
.navbar li:hover > ul {opacity:1;visibility: visible}
/*.navbar ul li li a {border-bottom:4px solid #fff}*/
.navbar ul li li a {border:0 none}
.navbar ul li:hover > label > a {border-color:#000;background-color:#f9f9f9}
.navbar ul li li:hover > a, 
.navbar ul li li:hover > label > a {background: #000;color: #fff;}
.navbar ul li li:hover > label:before  {border-color: #fff}

/* Displays second level dropdowns to the right of the first level dropdown */
.navbar ul ul ul {left: 100%;top:0px;}
.navbar ul ul {box-shadow: 0 0.625rem 0.625rem 0 rgba(0, 0, 0, 0.1)}
.navbar > ul > li > label > a:before {content: "";position: absolute;right: 6px;top: 34%;width: 0;height: 0; border-width: 0 1px 1px 0;clear: both; padding:3px;transform: rotate(45deg);webkit-transform: rotate(45deg);}
	
}

/*--------------------------------------------------------------------Media For Mobile / iPad view--------------------------------------------------------*/
@media(max-width:1023px) {
.navbar ul li a {padding: 12px; display: block;text-decoration: none;color: #1779b9; cursor:pointer; margin:0;white-space: nowrap}
.sidebar {
position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #fff;z-index:99999;overflow: auto;
-webkit-transition: -webkit-transform 233ms cubic-bezier(0,0,.21,1);
transition: -webkit-transform 233ms cubic-bezier(0,0,.21,1);
transition: transform 233ms cubic-bezier(0,0,.21,1);
transition: transform 233ms cubic-bezier(0,0,.21,1),-webkit-transform 233ms cubic-bezier(0,0,.21,1);
-webkit-transform: translateX(-100%);
transform: translateX(-120%);
max-width:350px;
box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
}

body.navbar-open {overflow:hidden}
body.navbar-open .sidebar {-webkit-transform: translateX(0);transform: translateX(0);}
body.navbar-open .navbar-overlay {z-index:1;position:fixed;left:0;right:0;top:0;bottom:0;background-color: rgb(32, 132, 175, 0.5);z-index:100}

.navbar-opener {position: absolute;width: 50px;display: inline-block;cursor: pointer;padding: 0;margin: 0;top: 16px;}
.navbar-opener span {height: 1px;background-color: #fff;position: relative;display:block}
.navbar-opener span:before,
.navbar-opener span:after {position:absolute;border-top: 1px solid #fff;content:" ";top:-8px;left:0;right:0; z-index: 1;}
.navbar-opener span:after {top: 8px}

.mobile-navbar-header {display: block;position: absolute;left: 0; right: 0; top: 50px; z-index: 5; background: #2084b2; text-align: -webkit-center;}
.mobile-navbar-header .logo {padding: 4rem 0 2rem 0}
.mobile-navbar-header .navbar-closer {position: fixed; top: 8px;right: 8px;padding: 5px 15px 5px 15px; background-color: #fff; border: 1px solid #eee; color: #bbb; z-index: 1;box-shadow: 0 2px 25px 0 rgba(0, 0, 0, 0.05);border-radius: 0;font-size: 14px;}

.navbar {position: fixed;top: 143px;bottom: 0;left: 0;right: 0;overflow:auto}
.navbar ul li:first-child {border-top: 1px solid #f2f2f2}

/* work as focus in mobile */
.navbar ul li:hover > label > a {color: #fff;}
.navbar ul li:hover > label {background: #000;color: #fff;}
.navbar ul li:hover > label:before  {color: #fff}

.navbar ul li {border-bottom: 1px solid #f2f2f2}
.navbar ul label:before {content: "+"; position: absolute;right: 14px;top: 23px;clear: both;font-size: 20px;padding: 5px 10px;font-family: arial;color: #888;}
.navbar ul label a {width: 80%}

.navbar ul ul {max-height: 0;overflow: hidden;
transition: max-height 0.25s ease-out; /* vendorless fallback */
-o-transition: max-height 0.25s ease-out; /* opera */
-ms-transition: max-height 0.25s ease-out; /* IE 10 */
-moz-transition: max-height 0.25s ease-out; /* Firefox */
-webkit-transition: max-height 0.25s ease-out; /*safari and chrome */
}
.navbar ul input:checked + label:before {content:"-";padding: 5px 12px;}
.navbar ul input:checked + label + ul {max-height: 1000px;
transition: max-height 1s ease-in; /* vendorless fallback */
-o-transition: max-height 1s ease-in; /* opera */
-ms-transition: max-height 1s ease-in; /* IE 10 */
-moz-transition: max-height 1s ease-in; /* Firefox */
-webkit-transition: max-height 1s ease-in; /*safari and chrome */
}
}