.hdbtm_right {
    width: 430px;
}
.menu_link nav > ul > li {
    padding: 0 20px;
}
.menu_link {
    width: calc(100% - 760px);
}

.phone-dropdown {
    position: relative;
    display: inline-block;
    & .dropbtn {
        background-color: rgb(4, 170, 109);
        color: white;
        padding: 16px;
        font-size: 16px;
        border-width: medium;
        border-style: none;
        border-color: currentcolor;
        border-image: initial;
    }
    & .dropdown-content {
        display: none;
        position: absolute;
        background-color: rgb(241, 241, 241);
        min-width: 160px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px;
        z-index: 1;

        & a {
            color: #fff;
            padding: 12px 29px 8px 26px;
            text-decoration: none;
            display: flex;
            align-items: center;
            font-size: 16px;
            font-weight: 600;
            font-family: Epilogue;
            background: #ed2424;

            & span.icon {
                margin-right: 20px;
            }

            &:hover {
                background: #faa11a;
            }
        }
    }
    &:hover {
        & .dropdown-content {
            display: block;
        }
        & .dropbtn {
            background-color: rgb(62, 142, 65);
        }
    }
}

.js_hmbanner,
.head-bottom,
.cta-inner,
.caravans-detail .ml-fun,
footer .flex-container,
.mablibu-items.explore-malibu .explore-inner,
.inner-cta-wrapper .inner-cta-column,
.model-detail-content .button-group,
.caravan-cta .ctabox {
    .phone-dropdown {
        .dropdown-content {
            & a {
                & span.icon {
                    margin-right: 0px;
                }
            }
        }
    }
}

.mablibu-grid .mablibu-items.explore-malibu .explore-inner {
    padding: 40px 40px 60px;
    a.button.btn-outline.btn-call {
        background: #000;
        border: 0px solid #000;
    }
}

@media (max-width: 1700px) {
    .menu_link {
        width: calc(100% - 660px);
    }
}
@media (max-width: 1440px) {

    .head-bottom {
        .hdbtm_right {
            width: 390px!important;
        }
    }


    .hdbtm_right .button-group .button {
        min-width: 90px;
        padding: 10px;
    }

    .menu_link {
        width: calc(100% - 530px);
        padding-left: 10px;
        .menu_link nav > ul > li {
            padding: 0 10px;
        }
    }
    .head-bottom {
        .hdbtm_right {
            width: 350px;
        }
    }
    .head-bottom .menu_link nav > ul > li {
    padding: 0 8px;
}
}

@media (max-width: 576px) {
    .hdbtm_right .button-group .phone-dropdown .button {
        min-width: 100%;
    }
.togglebtn {
        top: 8px;
    }
    .phone-dropdown {
    width: 50%;
}
.head-bottom {
        .hdbtm_right {
            width: 100% !important;
        }
    }

    }
