
/*nav-bar*/
.dropdown-toggle{position:relative;}
.nav-item ul li .dropdown-toggle::after{position:absolute;right: 5px; top: 10px;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;background: rgba(40, 75, 35, .7) !important;height: 70px;padding: 0 4%;position: relative;}
#MenuControl_C .bg-light::after { content: ''; position: absolute; width: 100%; height: 3px; background: rgba(255, 255, 255, .7); top: 0; left: 0}  
#MenuControl .nav-link:focus,#MenuControl .nav-link:hover{color: #fff !important;border-bottom: 1px solid #fff;}
.nav-item {margin: 5px 10px;}
.nav-link{font-weight: 600;color: #fff !important;font-size: 17px;padding: 0px;margin: 0 5px;font-family: "Exo", sans-serif;}
.nav-fill{font-size: 15px;width: 100%;}
.navbar-brand{margin:0;}
/*nav-bar*/
@media (max-width: 1170px){
.navbar-expand-md .navbar-nav .nav-link{padding-right:1px; padding-left: 1px;}
}
@media (max-width: 991px){
#MenuControl, #MenuControl_C, #HeaderControl, #HeaderControl_C, #widgetsControl_C, #widgetsControl{ height: initial !important;}
.navbar-expand-md .navbar-nav .nav-link{font-size: 12px;}
	}
@media (max-width: 769px){

}
a{text-decoration:none;}
@media (max-width: 767px){
.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 0; 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-expand-md .navbar-nav .nav-link{font-size: 14px;padding-right: 5px; padding-left: 5px;}
}

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

#widgetsControl_C, #widgetsControl { height: auto !important;}
#HomepagecontentControl p, #HomepagecontentControl li { text-align: left; margin: 0 0 10px 0;}

.dropdown-menu {border-radius: 0 !important;padding: 0;min-width: 240px;}
.dropdown-menu .dropdown-item {font-size: 16px;padding: 10px !important;}
.dropdown-menu .dropdown-item:hover {background: #c6c6c6;}

@media (min-width:1023px){

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
	right:100%;
    left: auto;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(180deg);
}
.dropend .dropdown-menu {
    right: 100% !important; top:0;
    left: auto !important;
}

#submenu13 { right: 0 !important; left: auto;}
}

#HomepagecontentControl { min-height: 320px !important;}

#msform fieldset { width: 90% !important; margin: 5% auto !important;}


#HeaderControl{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100% !important;
    text-align: center;
    }
  
  #HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter{ background-color: transparent !important;}
  #WidgetControl4.RadDock_Default .rdMiddle .rdCenter, #WidgetControl4.RadDock_Default .rdBottom .rdCenter{ background-color: transparent !important;}
  #MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter{ background-color: transparent !important;}
  #MenuControl, #MenuControl_C { height: 60px !important}
  #MenuControl{
    position: absolute;
    left: 0 !important;
    top: 90px;
    z-index: 9;
    width: 100% !important;
    background: transparent !imortant;
    }

    #WidgetControl4 {position: absolute;width: 10%;right: 0;top: 0;z-index: 9;background: transparent !important;} 

@media (min-width: 320px) and (max-width:768px) {
    #HeaderControl{
    width: 50%;
    text-align: center;
    }

     #MenuControl{
    left: 60%;
    width: 54%;
    }

     #navbarNavDropdown {
    height: auto;
    position: absolute;
    left: 0;
    background: #fff;
    width: 100%;
    margin-top: 20px;
    }

     .navbar-expand-md .navbar-nav .nav-link { color: #212121 !important;}
}

#HeaderControl, #HeaderControl_C, #MenuControl #MenuControl_C, #WidgetControl4, #WidgetControl4_C {height: 80px !important;}
center #form1 #MenuControl .nav-link {/* color: #212121 !important; */}
center #form1 .nav-btn .nav-bar { background: #212121 !important;}
center #form1 .nav-right .user-icon { color: #121212; border-color : #121212}
center #form1 #HeaderControl { position: relative;}