@media (max-width: 736px) {
    body .footer,
    body #composer,
    body:not(.home-page) .wrapper .header,
    body .programs .calculators-categories .title,
    body.programs-page .left-nav,
    body .right-nav,
    body .inner-content .frame-top .bread-crumbs {
        display: none;
    }

    body .hamburger {
        display: block;
    }

    body .home .page .last-programs-height {
        height: 100% !important;
    }

    body:not(.home-page) .wrapper,
    body .programs .calculators-categories .list {
        padding-top: 0;
    }

    body .programs .sub-programs {
        padding-top: 55px;
    }

    body.tabber-active .inner-content .content-view,
    body .programs .calculators-categories .list {
        height: 100%;
        max-height: 100%;
    }

    body .programs .calculators-categories .expand .category {
        margin-bottom: 20px;
    }

    body .programs .sub-programs li .program-name {
        display: inline-block;
    }

    body .programs .sub-programs li .icon-box {
        padding-top: 5px;
    }

    body.calculator .content,
    body .programs .page {
        padding-top: 0px;
    }

    .programs .calculators-categories .expand .category-name {
        margin-top: 10px;
    }

    body .programs .sub-programs li {
        padding: 10px 10px;
    }

    body .content {
        margin-right: 0;
    }

    body .wrapper .content .inner-content .home {
        padding-right: 10px;
    }

    body .wrapper .header {
        width: 100%;
    }

    /* Messages push */
    body .preview-notifications .wrapper {
        max-height: 300px;
    }

    body .preview-notifications ul li div.row span {
        display: inline-block;
    }

    body .preview-notifications ul li div.row .icon {
        margin-top: 5px;
    }

    body .preview-notifications ul li .date {
        margin: 5px 0;
    }

    /* Help page */
    body .help {
        padding: 10px 45px 50px 10px;
    }

    /* Calculator page */

    body .calculator-box {
        padding-right: 15px;
    }

        body .calculator-header {
            height: 45px;
        }

                body .calculator-header .header-text .icon {
                    font-size: 1.5em;
                    width: 50px;
                    padding-top: 12px;
                }

                body .calculator-header .header-text h1 {
                    font-size: 20px;
                }

            body .calculator-header .calc-button button {
                width: 100px;
                padding: 5px;
            }

            body .calculator-header .header-text {
                margin-right: 10px;
            }

    body .left-nav .right-arrow {
        top: 10px;
    }

    body .left-nav.open {
        top: 0px;
    }

    body.tabber-active .left-nav.open {
        height: 100%;
    }
}