@media (max-width: 600px) {

    /* header style started here */
    h1 {
        font-size: 150% !important;
    }

    .m-full {
        display: block !important;
        width: auto !important;
        margin-right: 0px !important;
    }

    .m-no-float {
        float: none ! important;
        display: block !important;
        width: auto !important;
        margin-right: 0px !important;
    }

    header.menu-shown .links-mask, header .toggle-menu {
        display: block;
    }

    header.menu-shown .links-container {
        right: 0px;
    }

    header .toggle-menu {
        position: absolute;
        right: 0px;
        top: 0px;
        display: inline-block;
        background-color: rgb(242, 145, 29);
        padding: 10px;
        margin: 15px;
    }

    .links-container {
        display: block;
        position: fixed;
        right: -310px;
        top: 0px;
        bottom: 0px;
        width: 300px !important;
        background: rgb(45, 45, 45);

        -webkit-transition: right 300ms ease-out;
        -moz-transition: right 300ms ease-out;
        -ms-transition: right 300ms ease-out;
        transition: right 300ms ease-out;

        -webkit-box-shadow: -1px 0px 9px darkgray;
        -moz-box-shadow: -1px 0px 9px darkgray;
        -ms-box-shadow: -1px 0px 9px darkgray;
        box-shadow: -1px 0px 9px darkgray;
    }

    header .links {
        padding-top: 0px;
    }

    header .links li {
        display: block;
        padding: 10px;
    }

    /* header style ended here */

    .video-container {
        margin: 0% 0%;
    }

    /* dev-card styles */

    .dev > div {
        display: block;
        text-align: left;
    }

    .dev .dev-icon {
        margin: auto;
    }

    /* dev-card styles ended */

    /* download */
    .download-container .download-links ul li {
        margin: 10px !important;
    }
    /* download ends */

    /* footer */
    footer.main-footer .footer-container ul.place-icons li span.icon {
        padding-left: 0px;
    }
}