header.et-l.et-l--header {
    z-index: 4 !important;
    position: relative;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
    opacity: 1 !important;
}

.header_row {
    padding: 20px 80px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    align-items: center;
}

.header_menu_code ul li a {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.header_logo_code span {
    width: 100%;
}

.header_logo_code img {
    width: 100%;
    object-fit: contain;
    height: 26px;
}

.header_section {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    position: fixed;
    width: 100%;
}

.header_col_1 {
    width: 17% !important;
    margin-right: 4% !important;
}

.header_col_2 {
    width: 49% !important;
    margin-right: 8% !important;
}

.header_col_3 {
    width: 24% !important;
}

.header_btn_main_box_inner.btn_display_flex {
    justify-content: end;
}


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

ul#menu-main-menu {
    width: 89%;
    display: flex;
}

ul#menu-main-menu li {
    flex: auto;
    display: flex;
    /* padding  : 15px 0; */
}

.et_pb_menu__wrap {
    width: 100% !important;
    display: flex !important;
    justify-content: end !important;
}

.et_pb_menu__menu {
    width: 100% !important;
}

.et_pb_menu__menu {
    display: block !important;
}

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


/* ------------- mobile menu ------- */

.mobile_header_section {
    display: none;
}


/* ------------- superfly menu css----------- */

.sfm-rollback {
    height: 37px !important;
}

.sfm-navicon-button.x.sf_label_default {
    display: none;
}


/* ---------- sub menu -------------- */

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    width: 460px;
    border-top: 2px solid #000;
    margin-left: -160px;
}

ul.sub-menu {
    display: flex;
    flex-wrap: wrap;
}

ul.sub-menu li {
    width: 50%;
}

ul.sub-menu li a {
    width: 100%;
}

ul.sub-menu li {
    border-bottom: 1px solid;
    padding: 5px 0 !important;
}

ul.sub-menu li:last-child {
    border: none;
}

ul.sub-menu {
    padding: 0 !important;
}

.et-menu .menu-item-has-children>a:first-child:after {
    font-family: 'FontAwesome' !important;
    content: "\f0d7" !important;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 3px;
    font-weight: 800;
}


/* ---------------- popup ------ */

.popup_box_section {
    width: 750px;
}

.popup_box_section .con_detail_box.green_site_button {
    display: flex;
    justify-content: center;
}

.da-popup-visible .sfm-navicon-button.x.sf_label_default {
    display: none;
}

.pro_name_box input {
    border: none !important;
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: normal;
    margin: 10px 0 0;
}

.pro_name_box {
    text-align: center;
    /* display: flex; */
}

.main_hdr_call_icon {
    display: none !important;
    height: 30px;
    width: 100%;
    border: 1px solid #fff;
    height: 37px;
    width: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.6s;
}

.main_hdr_call_icon svg {
    height: 23px;
    width: 23px;
    transition: 0.6s;
}

.call_txt_section {
    display: none;
}

@media all and (min-width: 320px) and (max-width: 980px) {
    /* ------------ header --------------- */
    .header_section {
        display: none;
    }
    .mobile_header_section {
        display: block;
        padding: 10px 0px !important;
        background: #000;
        position: fixed;
        width: 100%;
        box-shadow: 0px 0px 6px;
        transition: 0.6s;
        border-bottom: 1px solid #ddd;
    }
    .mobile_header_row {
        padding: 0 !important;
        display: flex;
        align-items: center;
        transition: 0.6s;
    }
    .mobile_img_col {
        margin: 0;
        transition: 0.6s;
        width: 90% !important;
        padding: 0px 33px 0 24px;
    }
    .header_img_code img {
        width: 98% !important;
        height: 32.244px;
        object-fit: contain;
        display: flex;
        transition: 0.6s;
    }
    /* ------------- icon  */
    .main_header_icon_box_inner {
        display: flex;
        justify-content: right;
        align-items: center;
        transition: 0.6s;
    }
    .main_header_icon_box_inner svg {
        height: 23px;
        width: 23px;
        transition: 0.6s;
    }
    .main_header_icon_box_inner svg path {
        fill: #fff;
        transition: 0.6s;
    }
    .header_btn_main_box {
        display: none;
        transition: 0.6s;
    }
    .main_header_left_icon_box_inner,
    .main_header_right_icon_box_inner {
        display: flex;
        border: 1px solid #fff;
        height: 37px;
        width: 37px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.6s;
    }
    .main_header_left_icon_box_inner a,
    .main_header_right_icon_box_inner a {
        display: flex;
        transition: 0.6s;
    }
    .main_header_left_icon_box {
        padding-right: 10px;
        transition: 0.6s;
    }
    .mobile_desc_col {
        width: 10% !important;
        transition: 0.6s;
    }
    .sfm-toggle-hover .sfm-sidebar-close,
    .sfm-navicon-button.sf_label_default {
        display: block;
        transition: 0.6s;
    }
    .sfm-style-full #sfm-sidebar .sfm-logo:before {
        background-color: #650000 !important;
        transition: 0.6s;
    }
    .sfm-style-full #sfm-sidebar .sfm-logo {
        padding: 2rem;
        transition: 0.6s;
    }
    .sfm-navicon-button.sf_label_default {
        width: 37px !important;
        height: 37px !important;
        top: 52px;
        min-height: 90% !important;
        transition: 0.6s;
        border: 1px solid #fff;
        left: 10px !important;
    }
    #sfm-sidebar {
        min-height: 90%;
        transition: 0.6s;
    }
    .sfm-navicon:before {
        top: 6px !important;
        left: 2px !important;
        width: 80%;
    }
    .sfm-navicon:after {
        top: -6px !important;
        left: 2px !important;
        width: 80%;
    }
    /* ----------------- mobile side menu -------------------- */
    div#sfm-sidebar {
        height: 90% !important;
        top: 0;
        bottom: 0;
        margin: auto !important;
        transition: 0.6s;
    }
    form.sfm-search-form {
        display: none;
        transition: 0.6s;
    }
    .sfm-logo img {
        height: 44px;
        width: 100%;
        object-fit: contain;
        transition: 0.6s;
    }
    .sfm-logo {
        background: #000;
        padding: 15px;
        margin: 15px 0 !important;
        transition: 0.6s;
    }
    .sfm-logo a {
        display: flex;
        transition: 0.6s;
    }
    .sfm-menu li a {
        color: black !important;
        font-size: 17px !important;
        padding: 15px 0px !important;
        border-bottom: 1px solid;
        transition: 0.6s;
    }
    .sfm-widget.sfm-widget-bottom.sfm-copy {
        position: absolute !important;
        top: auto !important;
        background: #000;
        bottom: 0 !important;
        color: #fff;
        font-size: 15px;
        line-height: normal;
        margin: 0 !important;
        padding: 8px 37px;
        transition: 0.6s;
    }
    .sfm-scroll {
        overflow: hidden !important;
        transition: 0.6s;
    }
    ul.sfm-menu-level-0.sfm-menu {
        max-height: 307px;
        overflow: auto;
    }
    .sfm-sidebar-close {
        position: relative;
        top: 7px;
        width: 50px;
        height: 40px;
        left: 274px;
        cursor: pointer;
        z-index: 10001;
        background: #000;
        transition: 0.6s;
    }
    .sfm-sidebar-close:after,
    .sfm-sidebar-close:before {
        top: 20px;
        left: 12px;
        transition: 0.6s;
    }
    #sfm-sidebar .sfm-view-level-1,
    #sfm-sidebar ul.sfm-menu-level-1 {
        background: #fff !important;
        box-shadow: 2px 22px -94px #000;
        border-left: 2px solid #000;
        margin-left: 2px;
        transition: 0.6s;
    }
    #sfm-sidebar .sfm-menu li>a:before {
        background: #650000 !important;
        transition: 0.6s;
    }
    #sfm-sidebar ul.sfm-menu-level-1 li a {
        border-bottom: 1px solid;
        font-size: 16px !important;
        transition: 0.6s;
    }
    /*  */
    .mobile_header_row {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0px 10px !important;
    }
    .header_img_code span {
        width: 80% !important;
    }
    .header_img_code a {
        text-align: center;
    }
    .header_img_code {
        display: flex;
        justify-content: center;
    }
    /* ---------------- popup ------ */
    .popup_box_section {
        width: 90%;
    }
    .mobile_call_text_row {
        padding: 5px 0 !important;
    }
    .main_header_right_icon_box_inner img {
        filter: invert(1);
        height: 28px;
    }
    .call_txt_section {
        display: flex;
    }
    header {
        position: fixed;
        width: 100%;
        z-index: 99;
        top: 0;
    }
    /* ----------- superfly ----- */
    .sfm-navicon-button.x.sf_label_default {
        display: flex;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .header_row {
        padding: 20px 10px !important;
    }
    nav.et-menu-nav {
        justify-content: center;
    }
    ul#menu-main-menu {
        width: 100%;
    }
    .header_col_1 {
        width: 15% !important;
        margin-right: 1% !important;
    }
    .header_col_2 {
        width: 55% !important;
        margin-right: 4% !important;
    }
    .header_col_3 {
        width: 30% !important;
    }
    .header_menu_code ul li a {
        font-size: 15px;
    }
    ul#menu-main-menu li {
        padding-right: 5px;
        padding-left: 5px;
    }
    /* 	 */
    .header_btn_right_box_inner .site_button {
        display: none;
    }
    .main_header_right_icon_box {
        display: flex !important;
    }
    .main_hdr_call_icon .main_header_right_icon_box_inner {
        border: 2px solid #dddddd;
        padding: 6px;
        border-radius: 6px;
    }
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .header_row {
        padding: 20px 10px !important;
    }
    nav.et-menu-nav {
        justify-content: center;
    }
    ul#menu-main-menu {
        width: 100%;
    }
    .header_col_1 {
        width: 15% !important;
        margin-right: 1% !important;
    }
    .header_col_2 {
        width: 55% !important;
        margin-right: 4% !important;
    }
    .header_col_3 {
        width: 30% !important;
    }
    .header_menu_code ul li a {
        font-size: 15px;
    }
    /* 	 */
    .header_btn_right_box_inner .site_button {
        display: none;
    }
    .main_header_right_icon_box {
        display: flex !important;
    }
    .main_hdr_call_icon .main_header_right_icon_box_inner {
        border: 2px solid #dddddd;
        padding: 6px;
        border-radius: 6px;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .header_row {
        padding: 20px 40px !important;
    }
    nav.et-menu-nav {
        justify-content: center;
    }
    ul#menu-main-menu {
        width: 100%;
    }
    .header_col_1 {
        width: 15% !important;
        margin-right: 1% !important;
    }
    .header_col_2 {
        width: 51% !important;
        margin-right: 5% !important;
    }
    .header_col_3 {
        width: 28% !important;
    }
    /* 	 */
    .header_btn_right_box_inner .site_button {
        display: none;
    }
    .main_header_right_icon_box {
        display: flex !important;
    }
    .main_hdr_call_icon .main_header_right_icon_box_inner {
        border: 2px solid #dddddd;
        padding: 6px;
        border-radius: 6px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .header_row {
        padding: 20px 40px !important;
    }
    nav.et-menu-nav {
        justify-content: center;
    }
    ul#menu-main-menu {
        width: 96%;
    }
    /* 	 */
    .header_btn_right_box_inner .site_button {
        display: none;
    }
    .main_header_right_icon_box {
        display: flex !important;
    }
    .main_hdr_call_icon .main_header_right_icon_box_inner {
        border: 2px solid #dddddd;
        padding: 8px;
        border-radius: 6px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    .header_btn_right_box_inner .site_button {
        display: none;
    }
    .main_header_right_icon_box {
        display: flex !important;
    }
    .main_hdr_call_icon .main_header_right_icon_box_inner {
        border: 2px solid #dddddd;
        padding: 8px;
        border-radius: 6px;
    }
    .header_row {
        padding: 20px 50px !important;
    }
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    .header_col_2 {
        width: 55% !important;
        margin-right: 14% !important;
    }
}

.et_mobile_nav_menu {
    display: none !important;
}