/* Body Class This is demo purpose only */
	
	.demo {
	    position: relative;
	    color: #333;
	    font-family: 'Open Sans', sans-serif;
	    line-height: 25px;
	    background: #f0f0f0;
	}
.my-nav a {
	color: #000000;
	text-decoration: none;
}
.my-nav a:hover, .my-nav a:focus {
	color: #000000;
	text-decoration: underline;
}
.my-nav a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.my-nav ul, .my-nav ol {
	margin-top: 0;
	margin-bottom: 10px;
}
.my-nav ul ul, .my-nav ol ul, .my-nav ul ol, .my-nav ol ol {
	margin-bottom: 0;
}
.my-nav .list-unstyled.mnav {
	padding-left: 0;
	list-style: none;
}
.my-nav .list-inline.mnav {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}
.my-nav .list-inline.mnav > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
.my-nav .dropup.mnav, .my-nav .dropdown.mnav {
	position: relative;
}
.my-nav .dropdown-toggle.mnav:focus {
	outline: 0;
}
.my-nav .dropdown-menu.mnav {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 14px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}
.my-nav .dropdown-menu.pull-right.mnav {
	right: 0;
	left: auto;
}
.my-nav .dropdown-menu.mnav .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.my-nav .dropdown-menu.mnav > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333333;
	white-space: nowrap;
}
.my-nav .dropdown-menu.mnav > li > a:hover, .my-nav .dropdown-menu.mnav > li > a:focus {
	text-decoration: none;
	color: #262626;
	background-color: #f5f5f5;
}
.my-nav .dropdown-menu.mnav > .active > a, .my-nav .dropdown-menu.mnav > .active > a:hover, .my-nav .dropdown-menu.mnav > .active > a:focus {
	color: #ffffff;
	text-decoration: none;
	outline: 0;
	background-color: #000000;
}
.my-nav .dropdown-menu.mnav > .disabled > a, .my-nav .dropdown-menu.mnav > .disabled > a:hover, .my-nav .dropdown-menu.mnav > .disabled > a:focus {
	color: #777777;
}
.my-nav .dropdown-menu.mnav > .disabled > a:hover, .my-nav .dropdown-menu.mnav > .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}
.my-nav .open > .dropdown-menu.mnav {
	display: block;
}
.my-nav .open > a {
	outline: 0;
}
.my-nav .dropdown-menu-right.mnav {
	left: auto;
	right: 0;
}
.my-nav .dropdown-menu-left.mnav {
	left: 0;
	right: auto;
}
.my-nav .dropdown-header.mnav {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.42857143;
	color: #777777;
	white-space: nowrap;
}
.my-nav .dropdown-backdrop.mnav {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990;
}
.my-nav .pull-right.mnav > .dropdown-menu.mnav {
	right: 0;
	left: auto;
}
.my-nav .dropup.mnav .caret, .my-nav .navbar-fixed-bottom.mnav .dropdown.mnav .caret {
	border-top: 0;
	border-bottom: 4px solid;
	content: "";
}
.my-nav .dropup.mnav .dropdown-menu.mnav, .my-nav navbar-fixed-bottom.mnav .dropdown.mnav .dropdown-menu.mnav {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
}
@media (min-width: 768px) {
 .my-nav .navbar-right.mnav .dropdown-menu.mnav {
 left: auto;
 right: 0;
}
 .my-nav .navbar-right.mnav .dropdown-menu-left.mnav {
 left: 0;
 right: auto;
}
}
.my-nav .nav.mnav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.my-nav .nav.mnav > li {
	position: relative;
	display: block;
}
.my-nav .nav.mnav > li > a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.my-nav .nav.mnav > li > a:hover, .my-nav .nav.mnav > li > a:focus {
	text-decoration: none;
	background-color: #eeeeee;
}
.my-nav .nav.mnav > li.disabled > a {
	color: #777777;
}
.my-nav .nav.mnav > li.disabled > a:hover, .my-nav .nav.mnav > li.disabled > a:focus {
	color: #777777;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed;
}
.my-nav .nav.mnav .open > a, .my-nav .nav.mnav .open > a:hover, .my-nav .nav.mnav .open > a:focus {
	background-color: #eeeeee;
	border-color: #000000;
}
.my-nav .nav.mnav .nav-divider.mnav {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.my-nav .nav.mnav > li > a > img {
	max-width: none;
}
.my-nav .nav-tabs.mnav {
	border-bottom: 1px solid #dddddd;
}
.my-nav .nav-tabs.mnav > li {
	float: left;
	margin-bottom: -1px;
}
.my-nav .nav-tabs.mnav > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
}
.my-nav .nav-tabs.mnav > li > a:hover {
	border-color: #eeeeee #eeeeee #dddddd;
}
.my-nav .nav-tabs.mnav > li.active > a, .my-nav .nav-tabs.mnav > li.active > a:hover, .my-nav .nav-tabs.mnav > li.active > a:focus {
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-bottom-color: transparent;
	cursor: default;
}
.my-nav .nav-tabs.nav-justified.mnav {
	width: 100%;
	border-bottom: 0;
}
.my-nav .nav-tabs.nav-justified.mnav > li {
	float: none;
}
.my-nav .nav-tabs.nav-justified.mnav > li > a {
	text-align: center;
	margin-bottom: 5px;
}
.my-nav .nav-tabs.nav-justified.mnav > .dropdown.mnav .dropdown-menu.mnav {
	top: auto;
	left: auto;
}

.tab-content.mnav > .tab-pane.mnav {
	display: none;
}
.my-nav .tab-content.mnav > .active {
	display: block;
}
.my-nav .nav-tabs.mnav .dropdown-menu.mnav {
	margin-top: -1px;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.my-nav .navbar.mnav {
	position: relative;
	min-height: 50px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
@media (min-width: 768px) {
 .my-nav .navbar.mnav {
 border-radius: 4px;
}
}
@media (min-width: 768px) {
 .my-nav .navbar-header.mnav {
 float: left;
}
}
.my-nav .navbar-collapse.mnav {
	overflow-x: visible;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	-webkit-overflow-scrolling: touch;
}
.my-nav .navbar-collapse.in {
	overflow-y: auto;
}
@media (min-width: 768px) {
 .my-nav .navbar-collapse {
 width: auto;
 border-top: 0;
 box-shadow: none;
}
 .my-nav .navbar-collapse.collapse {
 display: block !important;
 height: auto !important;
 padding-bottom: 0;
 overflow: visible !important;
}
 .my-nav .navbar-collapse.in {
 overflow-y: visible;
}
 .my-nav .navbar-fixed-top .navbar-collapse,  .my-nav .navbar-static-top .navbar-collapse,  .my-nav .navbar-fixed-bottom .navbar-collapse {
 padding-left: 0;
 padding-right: 0;
}
}
.my-nav .navbar-fixed-top .navbar-collapse, .my-nav .navbar-fixed-bottom .navbar-collapse {
	max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
 .my-nav .navbar-fixed-top .navbar-collapse,  .my-nav .navbar-fixed-bottom .navbar-collapse {
 max-height: 200px;
}
}
.my-nav .container > .navbar-header.mnav, .my-nav .container-fluid > .navbar-header.mnav, .my-nav .container > .navbar-collapse.mnav, .my-nav .container-fluid > .navbar-collapse.mnav {
	margin-right: -15px;
	margin-left: -15px;
}
@media (min-width: 768px) {
 .my-nav .container > .navbar-header.mnav,  .my-nav .container-fluid > .navbar-header.mnav,  .my-nav .container > .navbar-collapse,  .my-nav .container-fluid > .navbar-collapse {
 margin-right: 0;
 margin-left: 0;
}
}
.my-nav .navbar-static-top.mnav {
	z-index: 1000;
	border-width: 0 0 1px;
}
@media (min-width: 768px) {
 .my-nav .navbar-static-top.mnav {
 border-radius: 0;
}
}
.my-nav .navbar-fixed-top.mnav, .my-nav .navbar-fixed-bottom.mnav {
	position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;
}
@media (min-width: 768px) {
 .my-nav .navbar-fixed-top.mnav,  .my-nav .navbar-fixed-bottom.mnav {
 border-radius: 0;
}
}
.my-nav .navbar-fixed-top.mnav {
	top: 0;
	border-width: 0 0 1px;
}
.my-nav .navbar-fixed-bottom.mnav {
	bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0;
}
.my-nav .navbar-brand.mnav {
	float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 25px;
    margin: 5px 0px;
}
.my-nav .navbar-brand.mnav:hover, .my-nav .navbar-brand.mnav:focus {
	text-decoration: none;
}
.my-nav .navbar-brand.mnav > img {
	display: block;
}
@media (min-width: 768px) {
 .my-nav .navbar > .container .navbar-brand.mnav,  .my-nav .navbar > .container-fluid .navbar-brand.mnav {
 margin-left: -15px;
}
}
.my-nav .navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 18px;
	margin-bottom: 18px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.my-nav .navbar-toggle:focus {
	outline: 0;
}
.my-nav .navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.my-nav .navbar-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}
 @media (min-width: 768px) {
 .navbar-toggle {
 display: none;
}
}
.my-nav .navbar-nav.mnav {
	margin: 12.5px -15px;
}
.my-nav .navbar-nav.mnav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
@media (max-width: 767px) {
 .my-nav .navbar-nav.mnav .open .dropdown-menu.mnav {
 position: static;
 float: none;
 width: auto;
 margin-top: 0;
 background-color: transparent;
 border: 0;
 box-shadow: none;
}
 .my-nav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a,  .my-nav .navbar-nav.mnav .open .dropdown-menu.mnav .dropdown-header.mnav {
 padding: 5px 15px 5px 25px;
}
 .my-nav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a {
 line-height: 20px;
}
 .my-nav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a:hover,  .my-nav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a:focus {
 background-image: none;
}
}
@media (min-width: 768px) {
 .my-nav .navbar-nav.mnav {
 float: left;
 margin: 0;
 
}
 .my-nav .navbar-nav.mnav > li {
 float: left;
}
 .my-nav .navbar-nav.mnav > li > a {
 padding-top: 20px;
 padding-bottom: 20px;
}
}
.my-nav .navbar-nav.mnav > li > .dropdown-menu.mnav {
	margin-top: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}
.my-nav .navbar-fixed-bottom.mnav .navbar-nav.mnav > li > .dropdown-menu.mnav {
	margin-bottom: 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.my-nav .navbar-btn.mnav {
	margin-top: 14px;
	margin-bottom: 14px;
}
.my-nav .navbar-btn.btn-sm.mnav {
	margin-top: 20px;
	margin-bottom: 20px;
}
.my-nav .navbar-btn.btn-xs.mnav {
	margin-top: 24px;
	margin-bottom: 24px;
}
.my-nav .navbar-text.mnav {
	margin-top: 25px;
	margin-bottom: 25px;
}
@media (min-width: 768px) {
 .my-nav .navbar-text.mnav {
 float: left;
 margin-left: 15px;
 margin-right: 15px;
}
}
@media (min-width: 768px) {
 .my-nav .navbar-left.mnav {
 float: left !important;
}
 .my-nav .navbar-right.mnav {
 float: right !important;
 margin-right: -15px;
}
 .my-nav .navbar-right ~ .navbar-right.mnav {
 margin-right: 0;
}
}
.my-nav .navbar-default.mnav {
	background-color: rgba(0, 0, 0, 0.6);
	border-color: transparent;
}
.my-nav .navbar-default.mnav .navbar-brand.mnav {
	color: white;
}
.my-nav .navbar-default.mnav .navbar-brand.mnav:hover, .my-nav .navbar-default.mnav .navbar-brand.mnav:focus {
	color: #000000;
	background-color: transparent;
}
.my-nav .navbar-default.mnav .navbar-text.mnav {
	color: white;
}
.my-nav .navbar-default.mnav .navbar-nav.mnav > li > a {
	color: white;
}
.my-nav .navbar-default.mnav .navbar-nav.mnav > li > a:hover, .my-nav .navbar-default.mnav .navbar-nav.mnav > li > a:focus {
	color: #000000;
	background-color: transparent;
}
.my-nav .navbar-default.mnav .navbar-nav.mnav > .active > a, .my-nav .navbar-default.mnav .navbar-nav.mnav > .active > a:hover, .my-nav .navbar-default.mnav .navbar-nav.mnav > .active > a:focus {
	color: #000000;
	background-color: transparent;
}
.my-nav .navbar-default.mnav .navbar-nav.mnav > .disabled > a, .my-nav .navbar-default.mnav .navbar-nav.mnav > .disabled > a:hover, .my-nav .navbar-default.mnav .navbar-nav.mnav > .disabled > a:focus {
	color: rgba(255, 255, 255, 0.5);
	background-color: transparent;
}
.my-nav .navbar-default .navbar-toggle {
	border-color: transparent;
}
.my-nav .navbar-default .navbar-toggle:hover, .my-nav .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.my-nav .navbar-default .navbar-toggle .icon-bar {
	background-color: white;
}
.my-nav .navbar-default .navbar-collapse, .my-nav .navbar-default .navbar-form {
	border-color: transparent;
}
.my-nav .navbar-default.mnav .navbar-nav.mnav > .open > a, .my-nav .navbar-default.mnav .navbar-nav.mnav > .open > a:hover, .my-nav .navbar-default.mnav .navbar-nav.mnav > .open > a:focus {
	background-color: transparent;
	color: #000000;
}
@media (max-width: 767px) {
 .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a {
 color: white;
}
 .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a:hover,  .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a:focus {
 color: #000000;
 background-color: transparent;
}
 .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .active > a,  .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .active > a:hover,  .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .active > a:focus {
 color: #000000;
 background-color: transparent;
}
 .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .disabled > a,  .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .disabled > a:hover,  .my-nav .navbar-default.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .disabled > a:focus {
 color: rgba(255, 255, 255, 0.5);
 background-color: transparent;
}
}
.my-nav .navbar-default.mnav .navbar-link.mnav {
	color: white;
}
.my-nav .navbar-default.mnav .navbar-link:hover {
	color: #000000;
}
.my-nav .navbar-default.mnav .btn-link {
	color: white;
}
.my-nav .navbar-default.mnav .btn-link:hover, .my-nav .navbar-default.mnav .btn-link:focus {
	color: #000000;
}
.my-nav .navbar-default .btn-link[disabled]:hover, .my-nav fieldset[disabled] .navbar-default .btn-link:hover, .my-nav .navbar-default .btn-link[disabled]:focus, .my-nav fieldset[disabled] .navbar-default .btn-link:focus {
	color: rgba(255, 255, 255, 0.5);
}
.my-nav .navbar-inverse.mnav {
	background-color: #222222;
	border-color: #080808;
}
.my-nav .navbar-inverse.mnav .navbar-brand.mnav {
	color: #9d9d9d;
}
.my-nav .navbar-inverse.mnav .navbar-brand.mnav:hover, .my-nav .navbar-inverse.mnav .navbar-brand.mnav:focus {
	color: #ffffff;
	background-color: transparent;
}
.my-nav .navbar-inverse.mnav .navbar-text.mnav {
	color: #9d9d9d;
}
.my-nav .navbar-inverse.mnav .navbar-nav.mnav > li > a {
	color: #9d9d9d;
}
.my-nav .navbar-inverse.mnav .navbar-nav.mnav > li > a:hover, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > li > a:focus {
	color: #ffffff;
	background-color: transparent;
}
.my-nav .navbar-inverse.mnav .navbar-nav.mnav > .active > a, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > .active > a:hover, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > .active > a:focus {
	color: #ffffff;
	background-color: #080808;
}
.my-nav .navbar-inverse.mnav .navbar-nav.mnav > .disabled > a, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > .disabled > a:hover, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > .disabled > a:focus {
	color: #444444;
	background-color: transparent;
}
.my-nav .navbar-inverse.mnav .navbar-toggle {
	border-color: #333333;
}
.my-nav .navbar-inverse.mnav .navbar-toggle:hover, .my-nav .navbar-inverse.mnav .navbar-toggle:focus {
	background-color: #333333;
}
.my-nav .navbar-inverse.mnav .navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.my-nav .navbar-inverse.mnav .navbar-collapse, .my-nav .navbar-inverse.mnav .navbar-form {
	border-color: #101010;
}
.my-nav .navbar-inverse.mnav .navbar-nav.mnav > .open > a, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > .open > a:hover, .my-nav .navbar-inverse.mnav .navbar-nav.mnav > .open > a:focus {
	background-color: #080808;
	color: #ffffff;
}
@media (max-width: 767px) {
 .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .dropdown-header.mnav {
 border-color: #080808;
}
 .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav .divider {
 background-color: #080808;
}
 .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a {
 color: #9d9d9d;
}
 .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a:hover,  .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > li > a:focus {
 color: #ffffff;
 background-color: transparent;
}
 .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .active > a,  .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .active > a:hover,  .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .active > a:focus {
 color: #ffffff;
 background-color: #080808;
}
 .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .disabled > a,  .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .disabled > a:hover,  .my-nav .navbar-inverse.mnav .navbar-nav.mnav .open .dropdown-menu.mnav > .disabled > a:focus {
 color: #444444;
 background-color: transparent;
}
}
.my-nav .navbar-inverse.mnav .navbar-link {
	color: #9d9d9d;
}
.my-nav .navbar-inverse.mnav .navbar-link:hover {
	color: #ffffff;
}
.my-nav .navbar-inverse.mnav .btn-link {
	color: #9d9d9d;
}
.my-nav .navbar-inverse.mnav .btn-link:hover, .my-nav .navbar-inverse.mnav .btn-link:focus {
	color: #ffffff;
}
.my-nav .navbar-inverse .btn-link[disabled]:hover, .my-nav fieldset[disabled] .navbar-inverse .btn-link:hover, .my-nav .navbar-inverse .btn-link[disabled]:focus, .my-nav fieldset[disabled] .navbar-inverse .btn-link:focus {
	color: #444444;
}
 @media (min-width: 768px) {
 .my-nav .navbar-default.mnav {
 background-color: rgba(0, 0, 0, 0.3);
}
}
/**
 * Navbar transform
 */
.my-nav .navbar.mnav {
	border-width: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media (min-width: 768px) {
 .navbar__initial.mnav {
 padding-top: 20px;
 background: transparent !important;
}
}
/**
 * Navbar links and brand name
 */
.my-nav .navbar-brand.mnav, .my-nav .navbar-nav.mnav > li > a {
	-webkit-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}
.my-nav .navbar-nav.mnav > li > a {
	position: relative;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
/**
 * Navbar links underline
 */
@media (min-width: 768px) {
 .my-nav .navbar-nav.mnav > li {
/* Do not underline disabled links */
  }
 .my-nav .navbar-nav.mnav > li > a {
/* Underline links on hover */
  }
 .my-nav .navbar-nav.mnav > li > a::after {
 content: "";
 display: block;
 position: absolute;
 left: 51%;
 right: 51%;
 bottom: 0;
 height: 0;
 border-bottom: 3px solid #000000;
 -webkit-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
}
 .my-nav .navbar-nav.mnav > li > a:hover::after,  .my-nav .navbar-nav.mnav > li > a:focus::after {
 left: 0;
 right: 0;
}
 .my-nav .navbar-nav.mnav > li.disabled > a::after {
 display: none;
}
}
/**
 * Navbar toggle
 */
.my-nav .navbar-toggle .icon-bar {
	-webkit-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}
.my-nav .navbar-toggle:hover .icon-bar, .my-nav .navbar-toggle:focus .icon-bar {
	background: #fff;
}
	/* Content Section */
	
	#bsec #home,
	#bsec #about,
	#bsec #service,
	#bsec #product,
	#bsec #portfolio,
	#bsec #contact {
	    padding-top: 50px;
	}
	/* Horizantal link CSS */
	
	#bsec hr {
	    margin-top: 10px !important;
	    margin-bottom: 0px !important;
	    border: 0;
	    border-top: 2px solid #ccc;
	}
	/* Heading CSS */
	
	#bsec #home h4,
	#bsec #about h4,
	#bsec #service h4,
	#bsec #product h4,
	#bsec #portfolio h4,
	#bsec #contact h4 {
	    text-transform: capitalize;
	    font-family: 'Open Sans', sans-serif;
	    font-size: 15px;
	    font-weight: bold;
	    line-height: 25px;
	    color: #696969;
	}
	/* Padding Top and Bottom */
	
	#bsec .pad-top {
	    padding-top: 50px;
	}
	#bsec .pad-bot {
	    padding-bottom: 50px;
	}
	/* this is a i-pad menu for Hamburger menu */	
    }