header.et-l.et-l--header {
    /* display: none; */
    position: fixed;
    width: 100%;
    z-index: 99;
    transition: 0.6s !important;
    top: 0;
}

div#main-content {
    margin-top: 125px;
}


.header_section {
    padding: 0px 0px 18px 34px !important;
    transition: 0.6s !important;
    border-top: 3px solid #062C44;
}

/* header btn css */
.hdr_btn_main_box_inner {
    display: flex;
    transition: 0.6s !important;
    align-items: center;
}

.hdr_call_btn_box_inner {
    background: #062C44;
    padding: 15px 33px 15px 22px;
    /* height: 81px; */
    position: relative;
    overflow: hidden;
    transition: 0.6s !important;
    z-index: 1;
}

.hdr_call_right_txt_box_inner {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    transition: 0.6s !important;
    line-height: 1.4;
}

.hdr_call_box {
    font-size: 25px;
    font-weight: 400;
    line-height: 1.2;
    transition: 0.6s !important;
    letter-spacing: -1px;
}

.hdr_call_icon_box_inner {
    padding-right: 12px;
    transition: 0.6s !important;
    padding-top: 10px;
}

.hdr_call_right_box_inner {
    padding-left: 12px;
    transition: 0.6s !important;
    position: relative;
    /* border-left: 1px solid #FFFFFF36; */
}

.hdr_call_right_box_inner:after {
    position: absolute;
    content: "";
    height: 82%;
    width: 1px;
    /* border: 1px solid #FFFFFF36; */
    left: 0;
    margin: auto;
    top: 3px;
    bottom: 0;
    margin-top: 4px;
    z-index: -1;
    transition: 0.6s !important;
    background: #FFFFFF36;
}

.hdr_call_btn_box {
    transition: 0.6s !important;
    padding-left: 20px;
}

.hdr_call_btn_box_inner:after {
    position: absolute;
    content: "";
    height: 85%;
    width: 95%;
    border: 1px solid #FFFFFF36;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    margin-top: 4px;
    transition: 0.6s !important;
    z-index: -1;
}

/* header btn css end */




.header_col_1 {
    transition: 0.6s !important;
    width: 18% !important;
}

.header_col_2 {
    width: 82% !important;
    display: flex;
    flex-wrap: wrap;
    transition: 0.6s !important;
    align-items: center;
    /* border-bottom: 1px solid #FFFFFF33; */
}

.header_col_2:after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #FFFFFF33;
    bottom: 0;
    transition: 0.6s !important;
    left: 0;
}

.header_col_2:before {
    border-radius: 100%;
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    background: #062C44;
    left: 0;
    bottom: -6px;
    transition: 0.6s !important;
    z-index: 1;
}

.hdr_btn_code {
    width: 31%;
    display: flex;
    transition: 0.6s !important;
    justify-content: end;
}

.header_menu_code {
    transition: 0.6s !important;
    width: 69%;
}

/* header logo */
.hdr_logo_code {
    transition: 0.6s !important;
    padding: 20px 0 0;
}

.hdr_logo_code img {
    height: 84px;
    width: 100% !important;
    object-fit: contain;
    transition: 0.6s !important;
    object-position: left;
}

/* header logo end */

/* ------------- menu  */
ul#menu-main-menu {
    width: 87%;
    display: flex;
}

ul#menu-main-menu li {
    flex: auto;
    display: flex;
    margin: 0 !important;
    padding: 30px 0 34px 64px;
    /* justify-content: end; */
}

ul#menu-main-menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 0;
    padding-top: 0;
}

.et_pb_menu__wrap {
    width: 100% !important;
}

.et_pb_menu__menu {
    width: 100% !important;
}

.et_pb_menu__menu {
    display: block !important;
}

nav.et-menu-nav {
    justify-content: start;
}

/* ------------- menu end */


/* sub menu */
ul#menu-main-menu ul.sub-menu li {
    padding:0px 0px 3px 0!important;
    background: transparent !important;
}

ul#menu-main-menu ul.sub-menu li a {
      color: #062c44 !important;
    background: #fff !important;
    width: 100%;
    border-radius: 10px;
    padding: 5px 15px 5px 10px!important;
    font-weight: 500 !important;
    border: 1px solid #062c44;
}

ul#menu-main-menu ul.sub-menu {
    border-top: 0px solid #fff !important;
    padding: 0 !important;
    background: transparent !important;
    width: 290px !important;
    box-shadow: unset !important;
}

.nav ul li a:hover,
ul#menu-main-menu ul.sub-menu li a:hover {
    opacity: 1;
}

/* sub menu end */
.mbl_hdr_section {
    display: none;
}

.hdr_logo_code {
    display: flex;
}



.fix_header .hdr_logo_code img {
    height: 70px;
    transition: 0.6s !important;
}

.header_row {
    transition: 0.6s !important;

}

.fix_header .header_row {
    display: flex;
    align-items: center;
}
ul#menu-main-menu ul.sub-menu li ul.sub-menu {
    left: 293px;
}
.et-menu li li.menu-item-has-children>a:first-child:after {
    right: 9px;
    top: 6px;
}
@media all and (min-width: 320px) and (max-width: 980px) {
    .header_section {
        display: none;
    }

    .mbl_hdr_section {
        display: block;
    }

    /* mobile button row */
    .mbl_btn_main_box_inner a {
        width: 50%;
        background: #fff;
        text-align: center;
        padding: 10px;
        color: #000;
        font-size: 14px;
    }

    .mbl_btn_main_box_inner {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #FFFFFF33;
    }

    .mbl_btn_main_box_inner a:last-child {
        background: #062C44;
        color: #fff;
    }

    /* mobile button row end */
    .hdr_logo_code {
        padding: 0;
    }

    .hdr_logo_code img,
    .fix_header .hdr_logo_code img {
        height: 55px;
        width: 100% !important;
        object-fit: contain;
    }

    .mbl_hdr_row {
        padding: 20px 10px !important;
    }
}


@media all and (min-width: 320px) and (max-width: 767px) {
    div#main-content {
        margin-top: 133px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    div#main-content {
        margin-top: 133px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    div#main-content {
        margin-top: 93px;
    }

    ul#menu-main-menu {
        padding-left: 20px !important;
        width: 100%;
    }

    .header_menu_code {
        width: 60%;
    }

    .hdr_btn_code {
        width: 40%;
    }

    .hdr_logo_code img {
        height: 55px;
    }

    .hdr_call_btn_box_inner {
        padding: 16px 16px 16px 15px;
    }

    .hdr_call_box {
        font-size: 20px;
    }

    .hdr_call_right_txt_box_inner {
        font-size: 12px;
    }

    .hdr_call_right_box_inner {
        padding-left: 0px;
    }

    .hdr_call_icon_box_inner {
        padding-right: 10px;
    }

    .header_section {
        padding: 0px 0px 15px 15px !important;
    }

    .header_col_1 {
        width: 18% !important;
    }

    .header_col_2 {
        width: 82% !important;
    }

    ul#menu-main-menu li {
        padding: 28px 0 28px 20px;
    }

    .hdr_call_icon_box_inner svg {
        height: 20px;
        width: 20px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }

    .hdr_call_btn_box {
        padding-left: 10px;
    }

    .hdr_call_icon_box,
    .hdr_call_right_box_inner:after {
        display: none;
    }

    .hdr_call_btn_box_inner:after {
        width: 93%;
    }

    .header_col_2:before {
        height: 10px;
        width: 10px;
        bottom: -4px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    div#main-content {
        margin-top: 98px;
    }

    ul#menu-main-menu {
        padding-left: 20px !important;
        width: 100%;
    }

    .header_menu_code {
        width: 61%;
    }

    .hdr_btn_code {
        width: 39%;
    }

    .hdr_logo_code img {
        height: 60px;
    }

    .hdr_call_btn_box_inner {
        padding: 14px 16px 16px 15px;
    }

    .hdr_call_box {
        font-size: 20px;
    }

    .hdr_call_right_txt_box_inner {
        font-size: 12px;
    }

    .hdr_call_right_box_inner {
        padding-left: 0px;
    }

    .hdr_call_icon_box_inner {
        padding-right: 10px;
    }

    .header_section {
        padding: 0px 0px 15px 15px !important;
    }

    .header_col_1 {
        width: 18% !important;
    }

    .header_col_2 {
        width: 82% !important;
    }

    ul#menu-main-menu li {
        padding: 28px 0 28px 20px;
    }

    .hdr_call_icon_box_inner svg {
        height: 20px;
        width: 20px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }

    .hdr_call_btn_box {
        padding-left: 10px;
    }

    .hdr_call_icon_box,
    .hdr_call_right_box_inner:after {
        display: none;
    }

    .hdr_call_btn_box_inner:after {
        width: 93%;
    }

    .header_col_2:before {
        height: 10px;
        width: 10px;
        bottom: -4px;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    div#main-content {
        margin-top: 105px;
    }

    ul#menu-main-menu {
        padding-left: 20px !important;
        width: 100%;
    }

    .header_menu_code {
        width: 59%;
    }

    .hdr_btn_code {
        width: 41%;
    }

    .hdr_logo_code img {
        height: 67px;
    }

    .hdr_call_btn_box_inner {
        padding: 15px 16px 15px 15px;
    }

    .hdr_call_box {
        font-size: 21px;
    }

    .hdr_call_right_txt_box_inner {
        font-size: 13px;
    }

    .hdr_call_right_box_inner {
        padding-left: 10px;
    }

    .hdr_call_icon_box_inner {
        padding-right: 10px;
    }

    .header_section {
        padding: 0px 0px 15px 15px !important;
    }

    .header_col_1 {
        width: 18% !important;
    }

    .header_col_2 {
        width: 82% !important;
    }

    ul#menu-main-menu li {
        padding: 29px 0 29px 30px;
    }

    .hdr_call_icon_box_inner svg {
        height: 20px;
        width: 20px;
    }

    ul#menu-main-menu li a {
        font-size: 15px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    div#main-content {
        margin-top: 105px;
    }

    ul#menu-main-menu {
        padding-left: 50px !important;
        width: 100%;
    }

    .header_menu_code {
        width: 60%;
    }

    .hdr_btn_code {
        width: 40%;
    }

    .hdr_logo_code img {
        height: 67px;
    }

    .hdr_call_btn_box_inner {
        padding: 15px 16px 15px 15px;
    }

    .hdr_call_box {
        font-size: 21px;
    }

    .hdr_call_right_txt_box_inner {
        font-size: 13px;
    }

    .hdr_call_right_box_inner {
        padding-left: 10px;
    }

    .hdr_call_icon_box_inner {
        padding-right: 10px;
    }

    .header_section {
        padding: 0px 0px 15px 15px !important;
    }

    .header_col_1 {
        width: 17% !important;
    }

    .header_col_2 {
        width: 83% !important;
    }

    ul#menu-main-menu li {
        padding: 29px 0 29px 0px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    div#main-content {
        margin-top: 115px;
    }


    ul#menu-main-menu {
        width: 95%;
    }

    .header_menu_code {
        width: 61%;
    }

    .hdr_btn_code {
        width: 39%;
    }

    .hdr_logo_code img {
        height: 74px;
    }

    .hdr_call_btn_box_inner {
        padding: 15px 20px 15px 19px;
    }

    .hdr_call_box {
        font-size: 23px;
    }

    .hdr_call_right_box_inner {
        padding-left: 10px;
    }

    .hdr_call_icon_box_inner {
        padding-right: 10px;
    }
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    ul#menu-main-menu {
        width: 95%;
    }

    .header_menu_code {
        width: 67%;
    }

    .hdr_btn_code {
        width: 33%;
    }
}