@media (max-width: 1300px){
    /*

        1. Defaults

    */

    #wrapper {
        overflow: hidden;
    }
    #main-section {
        padding-top: 140px;
    }

    /* left sidebar closed */
    #left-section {
        left: -260px !important;
        transition: all .25s ease;
    }
    #left-section.open {
        left: 0 !important;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    }
    #left-section ul {
        background: white;
        z-index: 1000;
        position: relative;
    }
    #tool-section {
        left: 0 !important;
        top: 0;
        padding-left: 50px;
        padding-right: 58px;
        padding-top: 58px;
        width: 100%;
    }
    #tool-section .tool-section-row {
        height: 51px;
    }
    #main-section {
        min-width: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* main navigation */
    #top-section {
        padding-left: 0;
        min-width: 0;
        max-width: 1300px;
        height: auto;
        min-height: 60px;
        max-height: 120px;
    }
    #top-section > ul {
        display: block;
    }
    .logo-holder {
        width: auto;
        margin-left: 15px;
        margin-right: 5px;
        height: 60px;
    }
    .logo-holder > p {
        display: none;
    }
    /*#mobile-nav-btn {
        position: relative;
        width: 60px;
        height: 60px;
    }
    #mobile-nav-btn > div {
        width: 30px;
        height: 3px;
        background: white;

        position: absolute;
        left: 15px;

        transition: all .25s ease;
    }
    #mobile-nav-btn > div:first-child {
        top: 18px;
    }
    #mobile-nav-btn > div:nth-child(2),
    #mobile-nav-btn > div:nth-child(3) {
        top: 28px;
    }
    #mobile-nav-btn > div:last-child {
        top: 38px;
    }
    #mobile-nav-btn.open > div:first-child,
    #mobile-nav-btn.open > div:last-child {
        opacity: 0;
    }
    #mobile-nav-btn.open > div:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #mobile-nav-btn.open > div:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }*/

    /* responsive width */
    .progress-widget, #right-form-holder {
        display: block;
        position: absolute;
        background: white;
        padding-left: 30px;
        box-sizing: border-box;
        width: 270px;
        transition: all .25s ease;
        right: -270px;
        top: 110px;
    }
    .progress-widget {
        padding-bottom: 30px;
    }
    .progress-widget.open, #right-form-holder.open {
        right: 0;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
    }
    #filter-section.open {
        right: 0;
    }
    .main-form-holder {
        width: 100%;
        max-width: 1300px;
    }

    /* right progress-widget */
    #show-progress-widget-button {
        position: fixed;
        right: 0;
        top: 60px;
        padding: 0;
        width: 34px;
        z-index: 25;
    }

    /* detail view */
    .main-row .g-3-10, .main-row .g-7-10,
    .row .g-1-3, .row .g-2-3, .row .g-7-10 {
        float: none;
        width: 100%;
    }
    .row .g-3-10 {
        float: none;
        width: auto;
    }
    .g-7-10 > .g-1-3,
    .g-7-10 > .row > .g-1-3 {
        width: 33%;
    }
    .form-button-row .g-3-10,
    .form-button-row .g-7-10 {
        width: auto;
        float: left;
    }
    .form-button-row .g-3-10 a {
        padding-left: 20px;
    }
    .main-form-holder label {
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    .label-view {
        text-align: left;
        padding-left: 0;
    }
    .g-3-10 > p {
        text-align: left !important;
    }
    a.btn {
        display: inline-block;
        padding: 0 12px;
        background: #a3b1bf;
        color: white;
        min-height: 27px;
        padding-top: 3px;
        border-radius: 4px;
        margin-bottom: 2px;
    }
    a.btn:hover, a.btn:focus, a.btn:active {
        color: white;
    }
    a.btn .icon-pencil-squared {
        position: relative;
        top: 1px;
        color: white !important;
    }

    #notification-section {
        left: 0;
        pointer-events: none;
    }
    .notification-message-width {
        width: 88%;
    }
    .entries-per-page-holder {
        padding-top: 6px;
    }

    .input-holder span[class*="icon"] {
        margin: 0;
        top: auto;
    }
}

@media (max-width: 900px) {
    #top-section > ul > li:nth-child(5) {
        display: none;
    }
}

/* applicant, triggeringUser, budget, date */

@media (max-width: 1024px) {
    .hide-tablet-landscape {
        display: none;
    }
}

@media (max-width: 768px) {
    .hide-tablet-portrait {
        display: none;
    }
}