.main-table{ font-family:Arial; font-weight:normal; Font-size:15px; color:#333; line-height:24px; text-align:justify;}

.main-heading{ font-weight: bold; Font-size: 22px; color: #222; line-height: 30px; border-bottom: 1px #ccc solid; margin-bottom: 5px; text-align:left;}	
.sub-heading{ Font-size:20px; color: #222; font-weight:600; line-height:30px; text-align:left; margin:0;}
.sub-heading1{ font-size:18px; color: #222; font-weight:600; line-height:30px; text-align:left; margin:0;}
.sub-heading2{ Font-size:16px; color: #222; font-weight:600; line-height:30px; text-align:left; margin:0;}


.main-table ul{ font-family:Arial; }
.main-table ul li{ Font-size:14px; color:#333; font-weight:500; line-height:28px; text-align:left;}

.cl-box{ margin-bottom: 20px;}

/*contact*/

#HomepagecontentControl_C table{ margin-top:0px !important;}


b, strong{ font-weight: bold;}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
  text-align: left;
  font-size: 15px;
  line-height: 24px;
}


.container-fluid{ margin-right: -15px; margin-left: -15px; padding-left:0; padding-right:0;}

#HeaderControl, #MenuControl{ background-color: transparent;}

.body-fx #HeaderControl{background-color: #6c773b;} 
.body-fx #MenuControl{ background-color: #6c773b;}

#MenuControl_C .dropdown-menu{ padding:0 !important; animation: fadeInUp 400ms;}
#MenuControl_C .navbar-default,
#MenuControl_C .container-fluid,
#MenuControl_C .navbar-nav
{height:100%;}

#MenuControl_C #navbar-collapse-1{ height:100% !important;}


.table-responsive {
    min-height: .01%;
    overflow-y: hidden !important;
	border: none !important;
}

root{ --bs-blue:#004170;}

.dropdown-menu{ border-radius: 0;}
.dropdown-menu li{ border-bottom: 1px #ccc solid !important;} 

.dropdown-toggle{ position:relative;}
.nav-item ul li .dropdown-toggle:after{ position:absolute; right: 5px; top: 10px;}
.bg-light{ background-color: transparent !important; height: 100%;}

.navbar-brand{ margin:0;}

.nav-link{ font-weight: 400; color:#fff;}

.body-fx .nav-link{ font-weight: 600; color:#fff;}
.body-fx .nav-item a:hover{ color:#fff;}

.nav-fill{ width: 100%; font-size: 15px;}

.nav-link:focus, .nav-link:hover { color: #fff;}
.dropdown-item{ font-size: 14px;}


@media (max-width: 991px){
	
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ 
 height: initial !important; } 
}


@media (max-width: 769px){
#MenuControl, #MenuControl_C{ height: initial !important;}
}

@media(max-width:767px){
	.top-nav{ position: relative !important; background: #000 !important; height: inherit !important;}
	.top-nav-rht ul{ text-align: left; padding-right: 0;}
	
#HeaderControl{ position: relative !important; padding: 0; top: 0 !important; background: #222 !important; width: 100% !important;}	
#MenuControl{ position: relative !important; padding: 0; top: 0 !important;  width: 100% !important;}
	
	
.form-control-static { min-height: 34px; padding-top: 7px;  padding-bottom: 7px; margin-bottom: 0;}
.navbar.navbar-expand-md{ text-align:center;}
.navbar.navbar-expand-md .container-fluid{ display:block;}
.nav-fill .nav-item, .nav-fill>.nav-link{ text-align:left;}
.navbar-nav>li{ display: block; text-align: left; padding: 4px 15px; border-bottom: 1px solid #999; border-right:0; }

.nav-item ul li .dropdown-toggle:after{ transform: rotate(90deg);}
.nav-item .nav-link.dropdown-toggle::after { position: absolute; right: 5px; top: 15px;}
.navbar-toggler{ margin-top:0;}

.nav-link{ color:#222 !important; padding-left: 20px !important;}


#HeaderControl, #HeaderControl_C{ height: initial !important;}
#widgetsControl_C{ height:initial !important;}

.container-fluid{ margin-right: 0; margin-left: 0;}
#about{ padding-left: 20px !important;  padding-right: 20px !important;}


.four-col-inner{ width: 100% !important; margin-top: 5px !important;}
.ser-cl-inner{ float: inherit !important; width: 100% !important;}

}



@media(max-width:480px){
#HeaderControl, #HeaderControl_C{height: initial !important;}	
header{ padding: 10px;}	

}