@media screen and (max-width: 480px) {
    .border-btm {
        font-size: 1.2em !important;
    }

    .mr-1, .mr-2, .mr-3, .mr-4, .mr-5,
    .ml-1, .ml-2, .ml-3, .ml-4, .ml-5 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .checkmark {
        top: -10px;
        right: 7px !important;
    }

    .radios-container div label {
        bottom: -15px;
        height: 45px;
    }

    .show-logo {
        display: inline-block;
    }

    .hide-logo {
        display: none;
    }

    .header .social {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .header .social a {
        font-size: 1em;
        margin: 7px !important
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    .border-btm {
        font-size: 1.2em !important;
    }

    .mr-1, .mr-2, .mr-3, .mr-4, .mr-5,
    .ml-1, .ml-2, .ml-3, .ml-4, .ml-5 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .checkmark {
        top: -32px;
        right: 10px !important;
    }

    .radios-container div label {
       width: 50%
    }

    .show-logo {
        display: inline-block;
    }

    .hide-logo {
        display: none;
    }

    .header .social {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .header .social a {
        font-size: 1em;
        margin: 7px !important
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {

    .mr-1, .mr-2, .mr-3, .mr-4, .mr-5,
    .ml-1, .ml-2, .ml-3, .ml-4, .ml-5 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .checkmark {
        top: -32px;
        right: 23px !important;
    }

    .radios-container div label {
        width: 50%
    }

    .show-logo {
        display: inline-block;
    }

    .hide-logo {
        display: none;
    }

    .header .social {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .header .social a {
        font-size: 1em;
        margin: 7px !important
    }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {

    .mr-1, .mr-2, .mr-3, .mr-4, .mr-5,
    .ml-1, .ml-2, .ml-3, .ml-4, .ml-5 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .checkmark {
        top: -32px;
        right: 23px !important;
    }

    .radios-container div label {
        width: 50%
    }

}