#dropdownResponsiveMenuButton {
    display: none;
}

@media screen and (max-width: 767px) {
    .responsive .main-wrapper {
        min-width: 320px !important;
    }

    .responsive .container {
        width: 100% !important;
    }

    .responsive .demo-registration-form {
        margin-top: 0 !important;
    }

    .responsive:not(.order) #demo-content {
        margin-top: -210px !important;
        padding-top: 30px !important;
    }

    .responsive .country-phone input {
        width: 150px !important;
    }

    .responsive label,
    .responsive input {
        font-size: 16px !important;
    }

    #dropdownMenuButton {
        display: none;
    }

    #dropdownResponsiveMenuButton {
        display: block;
    }

    #responsive-navbar {
        display: none;
    }

    header {
        position: relative;
    }

    #responsive-navbar.responsive {
        display: block;
        position: absolute;
        top: 60px;
        background-color: #252838;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 15px 15px;
    }
    #responsive-navbar.responsive ul {
        height: auto;
        line-height: normal;
    }
    #responsive-navbar.responsive li {
        height: auto;
        line-height: normal;
        display: block;
        padding: 10px 0;
    }

    #responsive-navbar.responsive li.invite-friend-wrap {
        display: none;
    }

    footer .footer-copyrights {
        padding: 10px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .responsive .main-wrapper {
        min-width: 768px !important;
    }

    .responsive .container {
        width: 100% !important;
    }

    .responsive .demo-registration-form {
        margin-top: 0 !important;
    }

    .responsive:not(.order) #demo-content {
        margin-top: -210px !important;
        padding-top: 30px !important;
    }

    .responsive .country-phone input {
        width: 150px !important;
    }

    .responsive label,
    .responsive input {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
    .responsive .main-wrapper {
        min-width: 1024px !important;
    }

    .responsive .container {
        width: 100% !important;
    }
}