.headerCntr { background: #fff; z-index: 4; position: relative; padding: 20px 0 15px 0; transition: 0.25s ease-in-out !important;-webkit-transition: 0.25s ease-in-out !important;-moz-transition: 0.25s ease-in-out !important;}
.headerCntr.active { position: fixed; top: 0px; z-index: 99; box-shadow: 0px 6px 6px 1px rgb(0 0 0 / 13%);}
.headerCntr.active .menuBox li a {color: #5b5b5b;cursor: pointer;}
.headerCntr.active .logoBox img {width: 75%;}


.logoBox { float: left;}
.menuBox { float: right !important;}
.menuBox ul { padding-top: 15px;}
.menuBox li {display: inline-flex;}
.menuBox li a { margin: 0px 15px 0 0; color: #5b5b5b; padding-right: 15px; line-height: 16px; float: left; font-size: 16px;}
.menuBox li a:hover,.menuBox li a.active,.headerCntr.active .menuBox li a:hover,.headerCntr.active .menuBox li a.active,.bg_footer .txt_color_1.active { color: #1d7dc1; }
.mobileIcon { width: 35px; float: right !important; display: none; margin-top: 10px; cursor: pointer; }
.mobileIcon span { width: 35px; float: right !important; margin-top: 5px; height: 3px; background: #1d7dc1;}
.mobileIcon span:first-child { margin-top: 0px;}
.mobileIcon span:nth-child(2n) {width: 26px;}
.mobileIcon span:last-child { width: 20px;}
.submenu{
    position: absolute;
    width: 120px;
    box-shadow: 2px 6px 10px #e3e3e3;
    border-radius: 4px;
    top:116%;
    padding: 10px;   
    z-index: 9999;
    background: #fff;
}
.submenu a{margin-right: 0px!important;width: 100%;text-align:left;font-size:13px!important}
@media only screen and (min-width:768px) {
.hidden_sm{
    display: none!important;
}
.btn_box{
    display:none;
}
}
@media only screen and (max-width: 767px) {
    .submenu {
        width: 200px;       
        right:unset;
        left: -15px;
      }
     
   
    .hidden_xs{
        display: none!important;
    }
    .mobileIcon {display: block; margin-top: 5px;}
    .headerCntr {padding: 10px 0px;}
    .logoBox img { width: 80%; }

    .menuBox { display: none; transition: 0.25s ease-in-out !important;-webkit-transition: 0.25s ease-in-out !important;-moz-transition: 0.25s ease-in-out !important;}
    .menuBox.active { width: 50%; right: 0px; height: 100%; position: fixed; top: 40px; background: #fff; z-index: 99; display: block; box-shadow: 0 6px 6px 1px rgb(0 0 0/13%);}
    .menuBox.active ul {padding: 10px 20px; text-align: left;}
    .menuBox.active ul li {width: 100%;float: left;}
    .menuBox.active ul li a {margin: 0px 0 15px 0px; font-size: 14px; padding: 0; cursor: pointer; color: #777; width: 100%; float: left; }

    .headerCntr.active .mobileIcon {color: #fff;}
    .headerCntr.active .logoBox img {width: 35%;}
    .headerCntr.active .menuBox.active {top: 40px; box-shadow: 0 6px 6px 1px rgb(0 0 0/13%);}
    .headerCntr.active .menuBox.active ul { padding: 10px 20px;}
    .headerCntr.active .menuBox.active ul li a {color: #777;}
    .headerCntr.active .menuBox.active ul li a :hover {color: #333;}

    .menuBox.active li a:hover,.menuBox.active li a.active,.headerCntr.active .menuBox li a:hover,.headerCntr.active .menuBox li a.active,.bg_footer .txt_color_1.active { color: #1d7dc1; }

}