@media (max-width: 768px) {
        .table-responsive {
            overflow-x: auto;
            overflow-y: hidden;
        }
    }

    @media (min-width: 769px) {
        .table-responsive {
            overflow-x: visible;
        }
    }

    @media (max-width: 768px) {
        .responsive-img {
            max-width: 80px; /* Smaller size for mobile */
            max-height: 80px; /* Smaller size for mobile */
        }
    }

    @media (min-width: 769px) and (max-width: 1024px) {
        .responsive-img {
            max-width: 100px; /* Medium size for tablets */
            max-height: 100px; /* Medium size for tablets */
        }
    }

    @media (min-width: 1025px) {
        .responsive-img {
            max-width: 150px; /* Larger size for desktops */
            max-height: 150px; /* Larger size for desktops */
        }

        #loginsection {
            margin-right: 200px;
            padding-left: 0px;
        }
    }