/*
*   Responsive Website Style
*/

/* Mobile Devices **/
@media only screen and (max-width: 600px) {
    .hide-on-small {
        display: none;
    }

    .container-fluid {
        width: 90%;
        margin: 0 auto;
    }

    /** Header Part */
    #head-nav-area #hex-number-text {
        font-size: 1.6em;
        font-family: roboto-medium;
    }
    /** // Header Part */

}
/* // Mobile Devices **/

/* Tablet Devices **/
@media only screen and (min-width: 601px) and (max-width: 991px) {
    .hide-on-med {
        display: none;
    }

    .container-fluid {
        width: 70%;
        margin: 0 auto;
    }
}
/* // Tablet Devices **/

/* Desktop Devices **/
@media only screen and (min-width: 992px) {
    .hide-on-large {
        display: none;
    }
}
/* // Desktop Devices **/