@media only screen and (max-width:767px) {
        .content-wrapper {
            padding: 0px !important;
            width: auto !important;
        }
        .card_login {
            display: flex;
            flex-direction: column;
            width: 100% !important;
            margin-top: 16px !important;
            margin-bottom: 16px !important;
        }
        .h-100 {
            width: inherit !important;
        }
    }

    @media only screen and (max-width:575px) {}

    @media only screen and (max-width:479px) {}

    @media only screen and (max-width:360px) {}

    @media only screen and (max-width:991px) and (min-width:768px) {}

    @media only screen and (min-width:992px) and (max-width:1169px) {}

    @media only screen and (min-device-width:1024px) and (max-device-height:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {}

    @media (min-width:1170px) and (max-width:1217px) {}

    @media (min-width:1366px) and (max-width:1680px) {}

    @media (min-width:1920px) {}

    @media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) {}

    @media only screen and (min-width: 992px) and (max-width: 1199px) {}

    @media screen and (max-width: 1366px) {}