/* Smartphones (portrait and landscape) */
       @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
        /* Styles for small screens */
        .course {
        }
    }
    
    /* Tablets (portrait and landscape) */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
        /* Styles for medium screens (tablets) */
        .course {
            /* Set your desired styles here */
        }
    }
    
    /* Desktops and laptops */
    @media only screen and (min-width: 1224px) {
        /* Styles for large screens (desktops) */
        .course-1 {
            /* Set your desired styles here */
            display:flex;
            height:220px;
            width:auto;
            border:1px solid gray;
            align-items: center;
            flex-wrap: wrap;
        }
        .course-2
        {
            display:flex;
            height:120px;
            width:auto;
            align-items: center;
            flex-wrap: wrap;
            border: none;
        }
        
        .course-3 {
            /* Set your desired styles here */
            display:flex;
            height:220px;
            width:auto;
            align-items: center;
            flex-wrap: wrap;
        }
        .small
        {
            height: 50px;
            width:378px;
            display:flex;
            align-items: center;
            padding:5px;
            margin:5px;
            border:none;
        }
        .big-box-1,.big-box-2,.big-box-3
        {
            margin-top: 30px;
        }
        .course-content 
        {
            margin-top: 30px;
        }
    }