/**********************************
* GENERIC STYLES
**********************************/
/* UPDATE WIDTH AS PER DESIGN - REMOVE FOR FULL WIDTH SITES */
.grid-col-wrap { max-width: 1385px; }

/* GUTTER WIDTH - VALUES SHOULD MATCH */
.grid-col-group { margin: 0 -10px; }
.grid-col { padding: 0 10px; }

/* COLUMN WIDTHS - DO NOT CHANGE */
.grid-col-1-12 { width: 8.33333%; }
.grid-col-2-12 { width: 16.66667%; }
.grid-col-3-12 { width: 25%;}
.grid-col-4-12 { width: 33.33333%;}
.grid-col-5-12 { width: 41.66667%;}
.grid-col-6-12 { width: 50%; }
.grid-col-7-12 { width: 58.33333%; }
.grid-col-8-12 { width: 66.66667%; }
.grid-col-9-12 { width: 75%; }
.grid-col-10-12 { width: 83.33333%; }
.grid-col-11-12 { width: 91.66667%; }
.grid-col-12-12 { width: 100%; }


/**********************************
* RESPONSIVE ELEMENTS
**********************************/

    /**********************************
    * TABLET DEVICES
    **********************************/
    @media only screen and (max-width: 960px) {
        /* GENERAL */
        .grid-col-group { margin: 0 -6px; }
        .grid-col { padding: 0 6px; }


    }


    /**********************************
    * MOBILE DEVICES
    * - All columns are full width
    **********************************/
    @media only screen and (max-width: 767px) {
        /* GENERAL */
        .grid-col { width: 100%; }

        .form-item-label { width: auto; }
        .form-item-input, .form-item-select, .form-item-textarea, .form-item-file-picker,
        .form-item-captcha, .form-item-file-upload, .multiSelectDropdown,
        #apply-form .quick-apply .wrapper,
        .cv-upload .wrapper, .file-picker .wrapper {
            clear: both;
            margin-left: 0;
        }
        .form-buttons .form-item-label { display: none; }

        /* BROWSE FILTERS */
        #browse-filters { background: transparent; }
        #browse-filters .title { text-align: center; }
        #browse-filters .header {
            display: block;
            left: 0;
            -webkit-transition: 0.8s ease-in-out;
            -moz-transition: 0.8s ease-in-out;
            transition: 0.8s ease-in-out;
        }
        #browse-filters.open .header  { left: -200%; }
        #browse-filters .close { display: block; }
        #browse-filters.open .close {
            left: 0;
            -webkit-transition-delay: 0.5s;
            -moz-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }
        #browse-filters #browseSearchArea {
            z-index: 1;
            position: absolute;
            top: 40px;
            left: -200%;
            width: 100%;       
            -webkit-transition: left 0.8s ease-in-out;
            -moz-transition: left 0.8s ease-in-out;
            transition: left 0.8s ease-in-out;
        }
        #browse-filters.open #browseSearchArea {
            left: 0;
            -webkit-transition-delay: 0.5s;
            -moz-transition-delay: 0.5s;
            transition-delay: 0.5s;
        }

        /* PAGINATION */
        .pagination .row.bottom .float-left, .pagination .row.bottom .float-right a { display: none; }

        .pagination .row.bottom .float-right { width: 100%; }

        .pagination .row.bottom .float-right a.back { float: left;}

        .pagination .row.bottom .float-right a.next { float: right;}

        .pagination .row.bottom .float-right a.back,
        .pagination .row.bottom .float-right a.next {
            display: inline-block;
            width: 46%;
            padding: 14px;
            font-size: 30px;
            text-align: center;
            background: transparent;
        }
    }