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

    /***************************************************************/
    /*                        Home - Starts                        */
    /***************************************************************/

    .hm-info {
        height: 90%;
    }

    .hm-info-con-name>h1 {
        font-size: 32px;
        line-height: 36px;
        font-weight: 800;
        letter-spacing: -0.03em;
        color: cornsilk;
        padding-right: 20px;
        padding-left: 20px;
    }

    .hm-info-sec-name>p {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        color:crimson;
        padding-right: 20px;
        padding-left: 20px;
    }

    .bg-image {
        width: 90%; 
        height:90%;
    }
    /*******************************************************/    
    /*                        DASHBOARD                    */
    /*******************************************************/

    .dashboard-laptop {
        display: none;
    }

    .dashboard-mobile {
        display: block;
        width: 100%;
    }

    .cont-dashboard {
        display: block;
        font-family: garamond, cabin;
        padding: 60px 17px 0 17px;
    }
    
    .dbmain {
        background-color: rgb(205, 92, 92);
        color: black;
        padding: 0.75rem 1.25rem;
        border-bottom: 1px solid rgba(0,0,0,.125);
    }

    .dbmain>h2 {
        font-size: 20px;
        font-family: garamond, cabin;
    }

    .dbmain>h2>button {
        font-size: 20px;
        color: white !important;
        font-family: garamond, cabin;
        text-decoration: none !important;
        text-shadow: 2px 2px 4px #000;
        text-align: left;
    }

    .dbmain:hover {
        background-color: rgb(92, 2, 2);
        color: #fff;
    }

    .card-header {
        background-color: grey;
    }

    .card-header:hover {
        background-color: darkslategray;
        color: white;
    }

    .card-header>h2>button {
        font-size: 20px ;
        padding: 0;
        color:#fff !important;
        font-family: garamond, cabin;
        text-decoration: none !important;
    }

    /*                   END OF DASHBOARD                  */
}