/*==========  Non-Mobile First Method  ==========*/
@media (min-width: 1200px) {
}

@media (min-width: 768px) {
    .download-page .login-box {
        min-width: 500px;
    }

    .btn-report a {
        margin-right: 12px;
    }
}

/* Large Devices, Wide Screens */
@media (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media (max-width : 992px) {
}

/* Small Devices, Tablets */
@media (max-width : 768px) {
}

@media (max-width : 767px) {
    .modal-common .modal-dialog {
        max-width: 95%;
    }

    .box-add {
        padding: 1rem 3px 0;
    }

    .cb-search {
        padding: 1rem 1.25rem 1rem;
    }

    .w-service {
        width: 65%;
    }

    .ul-column-2 {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

@media (max-width : 640px) {
    .home-page .small-box p {
        min-height: 75px;
    }

    .box-download .gr-checkbox {
        padding-left: 0;
    }

    .custom-download {
        overflow: hidden;
    }

        .custom-download .custom-control-label {
            display: block;
            clear: both;
        }

    .ul-column-2 {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

/* Extra Small Devices, Phones */
@media (max-width : 480px) {
    .details {
        font-size: 14px;
    }

        .details .card-title {
            font-size: 0.75rem;
        }

        .details ul.detail-ul li label {
            min-width: 55%;
        }

        .details ul.detail-ul li span {
            max-width: 45%;
        }

    .ul-column-2 {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}
/* Custom, iPhone Retina */
@media (max-width : 320px) {
    .user-name {
        font-size: 12.5px;
    }

    .ul-column-2 {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}