@media (max-width: 300px) {
    .filter .filter-dropdown {
        width: 100% !important;
        text-align: center;
    }

    .filter .btn-search {
        margin-top: 10px;
        margin-left: 0px;
        width: 100%;
    }

    .filter .advance-search {
        width: 100% !important;
        text-align: center;
    }
}

@media (max-width: 374px) {
    .main-header h2.sm-header-text {
        font-size: 40px;
    }

    .left-container .search-item.news .image img {
        width: 100%;
    }

    .modal-dialog.map {
        width: 96%;
    }

    .new-popup .close::before, .new-popup .close::after {
        height: 19px;
    }

    .hidden-below-374 {
        display: none !important;
    }
}

@media (max-width: 360px) {

    .search-container ul.project-action-list li a {
        height: 45px;
        line-height: 45px;
        min-width: 45px;
    }

    .new-popup .content-title p {
        font-size: 12px;
    }

    #profile .text-left.drop-newline-360 {
        margin-top: 14px !important;
        float: none !important;
    }

    .hidden-below-360 {
        display: none !important;
    }

    .table tbody tr td {
        font-size: 10px;
    }

    .table tbody tr td p {
        font-size: 10px;
    }

    h3.green-list-title {
        font-size: 14px;
    }

    .combine-selected label {
        margin-right: 19px;
    }

    .project-title1 h4 {
        font-size: 15px;
    }
}

@media (max-width: 500px) {
    div.cd-sigma-login {
        position: absolute !important;
        width: 100% !important;
        max-width: 765px !important;
    }

    .combine-selected {
        display: block;
        float: left;
       
    }

    ul.radio-listing.combine-radio{
        width:100%;
        padding-top:10px;
    }

    .combine-selected a.btn-combine{
        float:left;
        margin-left:0px;
        width:100%;
    }

}

@media (max-width: 567px) {
    .main-header {
        background-size: auto auto;
        background-position: -480px top;
    }

    .footer-logo {
        text-align: center;
    }

    .main-header .filter .filter-list:last-child {
        text-align: right;
    }

    .popup h4 {
        padding-right: 80px;
        line-height: 1.6;
    }

    .popup .close span:not(.icon-icon_cross) {
        display: none;
    }

    .popup .close .icon-icon_cross {
        text-decoration: none;
        margin-right: 10px;
    }

    .new-popup ul.message {
        padding-left: 10px;
    }

    .popup hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .refine-item-list {
        min-height: unset;
    }

    #my-record-detail div.list-content h2 a {
        font-size: 17px;
    }

    .listing .list-content .list-info {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .listing .list-content h2 {
        margin: 0px 0px 10px 0px;
    }
}

@media (max-width: 768px) {
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    .padding-sm-15 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .padding-sm-8 {
        padding-left: 8px;
        padding-right: 8px;
    }

    .sm-margin-right-5 {
        margin-right: 5px !important;
    }

    .navbar-collapse {
        overflow: hidden;
    }

    .navbar-nav {
        background-color: #333333;
        display: block;
        margin: 0px;
    }

    .navbar-toggle {
        padding: 0px 6px;
        margin-top: 5px;
        margin-right: 15px;
    }

    .navbar-collapse {
        max-height: unset;
    }

    .dropdown-menu > li > a {
        text-align: center;
    }

    .navbar-nav > li.mycabi {
        background-color: transparent;
    }

    .navbar-nav li.mycabi.open > a {
        background-color: transparent !important;
    }

    .navbar-nav li.mycabi.active {
        background-color: transparent;
        position: inherit;
    }

    .navbar-nav .mycabi.active a {
        background-color: inherit;
        color: inherit;
    }

    .filter ul.options li:first-child {
        font-family: open_sansbold;
    }

    .filter ul.options li {
        display: table-cell;
        padding-right: 12px;
    }

    .left-container {
        background: #fff;
    }

    .right-container {
        padding-top: 0px;
        padding-right: 15px;
    }

        .right-container .section {
            margin-bottom: 25px;
        }

    .left-container .search-item .image {
        display: block;
        margin-bottom: 25px;
        padding-right: 0px;
    }



    .left-container .search-item .content.news {
        display: block;
    }



    .left-container .search-item .content p.news {
        font-size: 14px;
    }

    .left-container .search-item .content {
        margin-top: 5px;
    }

    .left-container .search-see-more:last-child {
    }

    footer {
        padding-bottom: 5px;
        padding-top: 0px;
    }

    .footer {
        padding: 15px;
        padding-bottom: 0px;
    }

        .footer ul {
            margin: 0px;
            border: none;
        }

            .footer ul li {
                text-align: left;
                padding-bottom: 15px;
            }

        .footer .footer-logo {
            text-align: left;
        }

            .footer .footer-logo img {
                vertical-align: middle;
                margin-right: 20px;
                width: 99px;
                height: auto;
                margin-bottom: 20px;
            }

        .footer a {
            font-family: open_sansregular;
        }

        .footer p {
            font-family: open_sansregular !important;
        }

    .left-container h1 {
        margin-bottom: 5px;
    }

    .sm-padding-8 {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .main-header .filter .filter-control #normal-search div.clearsearch {
        display: none;
    }

    .main-header .filter .filter-control #normal-search > div:not(.clearsearch) {
        width: 100%;
    }

        .main-header .filter .filter-control #normal-search > div:not(.clearsearch) #search-query-container {
            width: 90%;
        }

    #advance-search {
        display: none !important;
    }

    #normal-search {
        display: table !important;
    }

    a.normal-search {
        text-decoration: none !important;
    }

    /*Search related*/
    .search-container .edit-search-container {
        float: left;
        margin-top: 0px;
    }

        .search-container .edit-search-container .search-detail .edit-search {
            margin-left: 0px;
        }


    .search-container #search-result .grey-container {
        padding-left: 15px;
    }

    .search-container .sm-margin-left-right-15 {
        margin-left: 15px;
        margin-right: 15px;
    }

    .search-container .listing .check-mark {
        margin-right: 5px;
        display: block;
        width: 100%;
        padding-top: 14px;
        background: #f0f0f0;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .search-container .my-records .table .listing .check-mark {
        padding-bottom: 14px;
    }

    .search-container .listing .list-content {
        display: inline-block;
        width: 90.8%;
    }

    .search-container .refind-tags > div {
        margin-bottom: 20px;
    }

    .new-popup .email-to .input-box {
        width: 80% !important;
    }

    aside.a-refiner {
        margin-left: 15px;
        margin-right: 15px;
        margin-bottom: 20px;
    }

    .aside aside:last-child {
        margin-bottom: 20px;
    }

    .search-container ul.gh-tab-bar li {
        display: block;
        width: 100%;
        border-bottom: 1px solid white;
        margin-left: 0px;
    }

        .search-container ul.gh-tab-bar li:last-child {
            border-bottom: 0px;
        }

    .refineby-content,
    #annotation-popup {
        display: none;
        max-height: 500px;
        overflow: scroll;
        overflow-x: hidden;
    }

        .refineby-content .checkbox-listing li,
        #annotation-popup .checkbox-listing li {
            padding: 10px;
            background: #f0f0f0;
        }

    #annotation-popup {
        height: auto;
    }


    .popup {
        right: 0;
        width: 100%;
    }

        .popup.icon-popup {
            left: 50%;
            margin-left: -284px;
            position: fixed;
            right: 0;
            top: 50px;
        }

        .popup.print, .popup.email, .popup.download, .popup.rss, .popup.trash {
            display: none;
            width: 552px;
        }

            .popup.print .close, .popup.email .close, .popup.download .close, .popup.rss .close, .popup.trash .close {
                border-left: 2px solid #eef1ea;
                padding: 17px 8px 15px 20px;
                top: 0;
            }

                .popup.print .close span, .popup.email .close span, .popup.download .close span, .popup.rss .close span, .popup.trash .close span {
                    color: #262626;
                    font-size: 20px;
                }

            .popup.print .content-header, .popup.email .content-header, .popup.download .content-header, .popup.rss .content-header, .popup.trash .content-header {
                background: #dbe1d5;
                float: left;
                width: 100%;
            }

                .popup.print .content-header h4, .popup.email .content-header h4, .popup.download .content-header h4, .popup.rss .content-header h4, .popup.trash .content-header h4 {
                    float: left;
                    padding-left: 27px;
                    width: auto;
                }

                .popup.print .content-header span, .popup.email .content-header span, .popup.download .content-header span, .popup.rss .content-header span, .popup.trash .content-header span {
                    color: #262626;
                    float: left;
                    font-size: 20px;
                    padding-bottom: 17px;
                    padding-left: 17px;
                    padding-top: 17px;
                }

                    .popup.print .content-header span.icon-icon_emailAlerts, .popup.email .content-header span.icon-icon_emailAlerts, .popup.download .content-header span.icon-icon_emailAlerts, .popup.rss .content-header span.icon-icon_emailAlerts, .popup.trash .content-header span.icon-icon_emailAlerts {
                        cursor: default;
                        font-size: 28px;
                        padding-top: 10px;
                    }

            .popup.print .content-title, .popup.email .content-title, .popup.download .content-title, .popup.rss .content-title, .popup.trash .content-title {
                padding-left: 67px;
                padding-right: 50px;
                float: left;
                width: 100%;
            }

                .popup.print .content-title p, .popup.email .content-title p, .popup.download .content-title p, .popup.rss .content-title p, .popup.trash .content-title p {
                    line-height: normal;
                    font-family: "open_sanssemibold";
                    font-size: 14px;
                }

            .popup.print .email-to, .popup.email .email-to, .popup.download .email-to, .popup.rss .email-to, .popup.trash .email-to {
                padding-left: 67px;
            }

                .popup.print .email-to .input-box input, .popup.email .email-to .input-box input, .popup.download .email-to .input-box input, .popup.rss .email-to .input-box input, .popup.trash .email-to .input-box input {
                    width: 250px;
                    font-family: "open_sanssemibold";
                }

                .popup.print .email-to .remember-me, .popup.email .email-to .remember-me, .popup.download .email-to .remember-me, .popup.rss .email-to .remember-me, .popup.trash .email-to .remember-me {
                    min-width: 130px;
                }

                    .popup.print .email-to .remember-me label, .popup.email .email-to .remember-me label, .popup.download .email-to .remember-me label, .popup.rss .email-to .remember-me label, .popup.trash .email-to .remember-me label {
                        font-family: "open_sansregular";
                        font-weight: normal;
                    }

            .popup.print .radio-listing, .popup.email .radio-listing, .popup.download .radio-listing, .popup.rss .radio-listing, .popup.trash .radio-listing {
                margin-bottom: 30px;
                padding-left: 67px;
                padding-top: 0;
            }

                .popup.print .radio-listing li label, .popup.email .radio-listing li label, .popup.download .radio-listing li label, .popup.rss .radio-listing li label, .popup.trash .radio-listing li label {
                    font-family: "open_sansregular";
                }

            .popup.print .btn-gray, .popup.email .btn-gray, .popup.download .btn-gray, .popup.rss .btn-gray, .popup.trash .btn-gray {
                margin-right: 5px;
            }

            .popup.download .email-to .input-box, .popup.rss .email-to .input-box {
                width: 100%;
            }

                .popup.download .email-to .input-box input, .popup.rss .email-to .input-box input {
                    width: 90%;
                }

        .popup .content-title {
            padding: 17px 18px 0 17px;
        }

            .popup .content-title p {
                margin-bottom: 10px;
            }

            .popup .content-title h5 {
                margin: 0 0 10px;
            }

        .popup .email-to {
            padding: 0 18px 0 17px;
            margin-bottom: 20px;
        }

            .popup .email-to .input-box {
                display: inline-block;
            }

                .popup .email-to .input-box input {
                    border: 2px solid #adbaa3;
                    height: 40px;
                    padding-left: 10px;
                    width: 285px;
                }

            .popup .email-to .remember-me {
                display: inline-block;
                margin-left: 20px;
                min-width: 130px;
            }

                .popup .email-to .remember-me label {
                    margin-top: 3px !important;
                }

            .popup .email-to .help-icon {
                display: inline-block;
                margin-left: 10px;
            }

                .popup .email-to .help-icon button {
                    background-image: url("../../../gfx/cabicd4/icon-help.png");
                    background-color: transparent;
                    background-repeat: no-repeat;
                    background-position: 0px 0px;
                    border: medium none;
                    height: 20px;
                    padding: 0;
                    width: 20px;
                }

        .popup .filter-header {
            background-color: #dbe1d5;
            display: flex;
            align-items: stretch;
        }

            .popup .filter-header .close {
                width: 20%;
                position: relative;
                text-align: center;
            }

                .popup .filter-header .close a {
                    position: absolute;
                    top: 33%;
                    width: 100%;
                    left: 0;
                }

                .popup .filter-header .close span {
                    color: #000000;
                }

            .popup .filter-header.green {
                background-color: #7cc243;
            }

            .popup .filter-header .icon-link span {
                font-size: 14px;
                margin-right: 0;
            }

        .popup .filter-title {
            border-right: 1px solid #ffffff;
            padding: 16px 16px 6px 16px;
            width: 80%;
        }

        .popup .filter-content {
            padding: 0px 16px 0px 16px;
        }

            .popup .filter-content a {
                font-family: "open_sanssemibold";
                color: #262626;
            }

        .popup .close {
            color: #262626;
            font-family: "open_sansbold";
            font-size: 16px;
            font-weight: normal;
            z-index: 999;
            line-height: normal;
            text-shadow: none;
            opacity: 1;
        }

            .popup .close:hover {
                text-decoration: none;
            }

        .popup hr {
            border-width: 1px 0 0;
            float: left;
            width: 100%;
        }

        .popup .buttons-bar {
            padding: 9px 18px 10px 18px;
            text-align: right;
            width: 100%;
            float: left;
        }


            .popup .buttons-bar .icon-link, .popup .buttons-bar .item-count {
                line-height: 20px;
            }



            .popup .buttons-bar .show-all {
                text-decoration: none;
            }

                .popup .buttons-bar .show-all:focus {
                    text-decoration: none;
                }

        .popup.sign-in {
            width: 95%;
            top: 35px;
            left: 50%;
            display: none;
            margin-left: -47.5%;
        }



            .popup.sign-in .popup-title span {
                font-family: "open_sansbold";
            }



            .popup.sign-in .column-half {
                width: 50%;
                float: left;
                padding-left: 5px;
            }

            .popup.sign-in .column-full {
                width: 100%;
                float: left;
                padding-left: 5px;
            }

            .popup.sign-in .remove-before:before {
                display: none !important;
            }





            .popup.sign-in .popup-content .column-half, .popup.sign-in .popup-content .column-full {
                padding: 0px 20px;
            }

            .popup.sign-in .popup-content .block h4 {
                background: none;
                margin: 12px 0px;
                padding: 0px;
                font-size: 20px;
                font-weight: normal;
            }

                .popup.sign-in .popup-content .block h4 a {
                    color: #cd4400;
                }

            .popup.sign-in .popup-content label, .popup.sign-in .popup-content strong {
                font-family: "open_sansbold";
                font-weight: normal;
            }

            .popup.sign-in .bullets {
                margin-top: 12px;
            }

                .popup.sign-in .bullets li {
                    margin-bottom: 16px;
                    line-height: 18px;
                }

            .popup.sign-in .sign-in-directcabi {
                display: none;
            }

                .popup.sign-in .sign-in-directcabi .popup-title:before {
                    display: none !important;
                }

    ul.checkbox-listing {
        margin: 0px;
        float: left;
        width: 100%;
        padding: 15px 18px 0px 18px;
        margin-bottom: 10px;
    }

        ul.checkbox-listing li {
            list-style: none;
            float: left;
            width: 100%;
            margin-bottom: 5px;
            display: none;
        }

            ul.checkbox-listing li label {
                font-family: "open_sansbold";
                font-size: 15px;
                font-weight: normal;
                width: 185px;
            }

    div.row div.force-min-height {
        min-height: auto;
    }

    .modal-dialog.map {
        width: 96%;
    }

    #profile .profile-column .col1 {
        width: 100%;
        float: left;
    }

    #profile .profile-column .col2 {
        width: 308px;
        display: inline-block;
        margin-top: 15px;
    }

    #profile .text-left {
        display: inline-block;
        margin-top: -25px;
        float: right;
    }

        #profile .text-left.drop-newline {
            margin-top: 14px !important;
            float: none !important;
        }

    .my-profile ul.right-tabs {
        margin-left: 6px;
    }

    #my-works {
        min-height: 200px;
    }

    .my-works-container {
        padding: 0 15px;
    }

    p.message {
        padding: 0 15px;
    }

    .reverse-children {
        display: flex;
        flex-direction: column-reverse;
    }

    #my-cabi-section .password-reset-section label {
        width: 125px;
    }

    #my-cabi-section .password-reset-section input {
        width: 100%;
    }

    .records-table .listing .list-content {
        width: 88%;
    }


    #my-record-detail .record-detail .list-content {
        width: 100%;
    }

    #my-record-detail .record-detail .check-mark {
        width: 100%;
    }

        #my-record-detail .record-detail .check-mark .custom-control {
            margin-left: 0px;
        }

    #refinerOverlay {
        visibility: hidden;
    }

    .refineby-content-inner-chart {
        display: none !important;
        visibility: hidden;
    }

    .refineby-content-inner-facets {
        width: 100% !important;
    }

    .checkbox-listing li {
        width: 100% !important;
    }

    #my-record-detail div.light-green, .my-profile div.light-green {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    #my-record-detail .nav.mobile li {
        width: 45% !important;
    }


    .my-profile .nav.mobile li, .my-records .nav.mobile li, .my-projects-overview .nav.mobile li {
        width: 100% !important;
    }

    #my-record-detail aside.a-refiner {
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

    .my-records .form-control, .my-records .form-group {
        margin-bottom: 0px !important;
    }

    .my-records .nav.mobile li, .my-projects-overview .nav.mobile li {
        margin-bottom: 10px;
    }

    .my-records .check-all {
        border-right: none !important;
    }

    .modal-dialog .dropdown-menu > li > a {
        text-align: left !important;
    }

    .search-container ul.project-action-list {
        margin-bottom: 0px;
    }

    .search-container .light-green.icon-bar-n {
        background-color: #f0f0f0;
        margin-bottom: 10px;
    }

    .search-container .bars {
        margin-bottom: 10px;
    }

    .search-container ul.gh-tab-bar li:not(:active):hover a {
        color: #fff;
        background-color: #333;
        border-bottom: 0px;
        margin-bottom: 0px;
        opacity: .8;
    }

    .search-container ul.project-action-list li:nth-child(2) {
        padding-left: 0px;
    }

    .project-action .btn-action {
        background-color: #333;
        border-radius: 0;
        color: white;
        font-family: open_sansbold;
        min-width: 100% !important;
    }

    .project-action .btn-new-project {
        background-color: #D6D6D6 !important;
        border-radius: 0;
        color: black;
        font-family: open_sansbold;
        min-width: 100% !important;
    }

    .create-new-button, .change-view-button {
        display: none !important;
    }

    .project-nav-tab {
        background-color: transparent;
        padding: 15px 0;
    }

    ul.project-nav-tab li a {
        margin: 0 10px;
    }

        ul.project-nav-tab li a:not(.helpicon):hover {
            color: #368729;
            border-bottom: none;
        }

    ul.project-nav-tab li.active a:not(.helpicon), ul.project-nav-tab li.active a:hover, ul.project-nav-tab li.active a:focus {
        color: #368729;
        border-bottom: none;
    }

    .project-title-text {
        display: none;
    }
    
    .edit-project-title-block .save-project-title input {
        width: 75%
    }

    .edit-project-title-block .edit-project-title h3 {
        width: 88%;
    }

    .project-tabs {
        margin-bottom: 0;
    }
    
    .project-grid-view li {
        width: 100%;
    }

        .project-grid-view li .custom-control {
            position: relative;
            top: 0;
            left: 0;
            margin: 0 8px 0 0;
            float: left;
            display: block;
        }

    .project-grid-view .project-grid-cell {
        border: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 10px;
        padding: 15px 0 0;
    }

        .project-grid-view .project-grid-cell:hover {
            border: none;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
        }

        .project-grid-view .project-grid-cell hr {
            display: block;
        }

    .project-custom-form-list {
        display: block;
        width: 100%;
        padding-top: 14px;
        background: #f0f0f0;
        padding: 10px;
        margin-bottom: 10px;
    }

    .project-select-record {
        display: inline-block;
    }

    #myproject th:nth-child(4), #myproject th:nth-child(5), #myproject th:nth-child(6) {
        display: none;
    }

    #myproject td:nth-child(4), #myproject td:nth-child(5), #myproject td:nth-child(6) {
        display: none;
    }

    #activitySummary th:nth-child(2), #activitySummary th:nth-child(4), #activitySummary th:nth-child(7) {
        display: none;
    }

    #activitySummary td:nth-child(2), #activitySummary td:nth-child(4), #activitySummary td:nth-child(7) {
        display: none;
    }

    #projectRecords th:nth-child(2) {
        display: none;
    }

    #projectRecords td:nth-child(2) {
        display: none;
    }

    #projectSearches th:nth-child(4), #projectSearches th:nth-child(5), #projectSearches th:nth-child(6) {
        display: none;
    }

    #projectSearches td:nth-child(4), #projectSearches td:nth-child(5), #projectSearches td:nth-child(6) {
        display: none;
    }

    .reacord-nav-tab {
        background-color: transparent;
        padding-top: 15px;
    }

    ul.reacord-nav-tab li.active a:not(.helpicon), ul.reacord-nav-tab li.active a:hover, ul.reacord-nav-tab li.active a:focus {
        color: #368729;
        border-bottom: none !important;
    }

    .my-records ul.reacord-nav-tab li a:not(.helpicon):hover {
        background: #7cc243;
        color: #368729;
        border-bottom: 0px;
        text-decoration: none;
    }

    .hidden-md-down {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hidden-md-up {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .main-header .container > .row > .col-sm-12 {
        padding: 0px !important;
    }
}

@media (max-width: 992px) {
    .theme-tab .navbar-nav > li {
        min-width: auto;
    }

    .right-container {
        padding-right: 15px;
    }

    #advance-search .content-search {
        padding: 0 0 10px 0px;
    }

    #advance-search p.text-right {
        text-align: left;
        display: inline-block;
        padding-top: 10px;
        margin-bottom: 0px;
        width: auto;
    }

    .md-margin-top-n15 {
        margin-top: -15px;
    }

    .aside aside:last-child {
        margin-bottom: 20px;
    }

    #profile .profile-column .col2 {
        margin-top: 15px;
    }

    .new-popup .modal-content {
        width: 100%;
    }

    .popup {
        top: 54.4px;
        left: 17px;
        right: 17px;
        width: auto;
        line-height: 1.4;
    }

        .popup .buttons-bar .clear-all {
            float: left !important;
        }

        .popup .custom-form-list {
            margin-left: 0px !important;
        }

    #my-record-detail div.light-green, .my-profile div.light-green {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    #my-record-detail .nav.mobile li {
        width: 45%;
    }

    #my-record-detail #refineby-listing {
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 930px;
    }

    div.row div.force-min-height {
        min-height: 1200px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 930px;
    }

    .md-margin-top-n15 {
        margin-top: -15px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-nav > li {
        min-width: 120px;
    }

    .filter .filter-list {
        margin-top: 10px;
    }

    .main-header .filter .filter-control #normal-search > div:not(.clearsearch) #search-query-container {
        width: 81%;
    }
}