/* Landing */
.landing-search-container {
    width: 100%;
    max-width: 55%;
}
.landing-search-wrapper {
    height: 340px;
    justify-content: center;
    margin: 0 auto;
    width:100%;
}

.search-banner-area {
    background: url(../imgs/atoms-bg-tech-dir-desktop.png) no-repeat scroll center top;
    height: 340px;
    position: relative;
    background-size: cover;
}

.banner-search-text {
    max-width: 75%;
    /*text-align: center;*/
    margin: 0 auto;
}

.search-banner-area h1 {
    font-family: Mukta;
    font-size: 60px;
    font-weight: 800;
    color: #222;
    text-transform: uppercase;
    margin: 0 auto;
}

.search-banner-area p {
    font-family: Mukta;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 2rem 0;
}

.landing-search-widget {
    display: flex;
}

.landing-search-container.sticky .landing-search-widget {
    justify-content: center;
    height: 60px;
    align-items: center;
    max-width: 55%;
    margin: 0 auto;
}

.landing-search-container.sticky .jc-theme .input-group-text {
    background: #fff;
}

.search-banner-area .field-job-details {
    height: 40px;
    width: 100%;
}

.search-banner-area .form-control {
    height: inherit;
}

.search-banner-area .btn-search {
    height: 40px;
    line-height: 1;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 5px;
}

.landing-tech-firms-area {
    background: #f3f2ef;
    padding: 3rem 0 4rem 0;
    position: relative;
    z-index: 0;
}

/* Sidebar */
.sidebar {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

    .sidebar .card {
        border-radius: 3px;
        border: 1px solid #e4e4e4;
    }

    .sidebar .card-header:first-child {
        border-radius: 3px;
    }

.filter-group {
    border-bottom: 1px solid #e4e4e4;
}

    .filter-group .card-header a {
        display: flex;
        justify-content: space-between;
    }

    .filter-group .card-header a,
    .filter-group .card-header h6 {
        color: #222;
        font-family: Mukta;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        margin-bottom: 0;
        line-height: 1;
    }

    .filter-group.reset a, .filter-group.reset h6 {
        color: #a5a5a5;
        font-size: 12px;
        font-weight: normal;
    }

    .filter-group .card-header {
        border-bottom: 0;
        background: #fff;
        padding: 25px 20px;
    }

    .filter-group .fa {
        float: right;
    }

    .filter-group ul.list-menu {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .filter-group .badge-light {
        background: #e5f2fa;
    }

.filter-content .card-body {
    padding-top: 10px;
}

.main-container {
    -ms-flex: 0 0 67%;
    flex: 0 0 67%;
    max-width: 67%;
    margin-left: 3%;
}

    .main-container .m-filter-widget {
        display: none;
    }

    .main-container .list-sort label {
        color: #666;
        font-weight: 600;
        font-size: 10px;
        text-transform: uppercase;
    }

    .main-container .list-sort select {
        height: 40px;
    }

    .main-container .list-sort .bootstrap-select {
        margin-left: 10px;
        width: 175px !important;
    }

        .main-container .list-sort .bootstrap-select button {
            border-color: #aaa !important;
            background: #fff !important;
            font-family: Mukta;
            font-size: 14px;
            color: #333;
        }

        .main-container .list-sort .bootstrap-select .dropdown-item {
            font-family: Mukta;
            font-size: 14px;
            color: #333;
        }

            .main-container .list-sort .bootstrap-select .dropdown-item.active,
            .main-container .list-sort .bootstrap-select .dropdown-item:active {
                background: #f0ede8 !important;
                font-family: Mukta;
                font-size: 14px;
                color: #333;
            }

ul.landing-firm-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

    ul.landing-firm-list > li {
        background: #fff;
        border-radius: 3px;
        border: 1px solid #e4e4e4;
        margin-bottom: 15px;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        max-width: 48%;
        position: relative;
        width: 100%;
        float: left;
    }

        ul.landing-firm-list > li:hover {
            box-shadow: 0 2px 30px 0 rgba(195, 176, 97, 0.3);
            border: solid 1px #c3b061;
        }

        ul.landing-firm-list > li a {
            text-decoration: none;
        }

.landing-firm-info {
    display: flex;
    flex-direction: row;
}

    .landing-firm-info .header-logo {
        padding: 15px;
    }

        .landing-firm-info .header-logo img {
            max-width: 60px;
            max-height: 60px;
        }

    .landing-firm-info .info-container {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 15px;
    }

        .landing-firm-info .info-container .title-wrap {
            border-bottom: 1px solid #f1f2f5;
        }

        .landing-firm-info .info-container h3 {
            font-size: 10px;
            font-weight: 600;
            color: #c3a52b;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .landing-firm-info .info-container .inner .sub-head {
            display: block;
            margin: 8px 0;
            font-size: 18px;
            font-family: Mukta;
            font-weight: bold;
            color: #222;
        }

    .landing-firm-info .inner ul.tech-tags {
        list-style-type: none;
        color: #333;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        padding: 0;
    }

        .landing-firm-info .inner ul.tech-tags > li {
            margin-bottom: 5px;
        }


@media (max-width: 992px) {
    .d-filter {
        display: none;
    }

    .navbar-brand .logo {
        height: 36px;
    }

    .nav-open {
        overflow: hidden;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none;
    }

        .nav-open .mobile-navi-area {
            background: #111 !important;
            width: 100%;
            height: 290px;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9999;
        }

        .nav-open .menu-body-overlay {
            overflow-y: hidden;
            background: rgba(255, 255, 255, 0.4);
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 3000;
        }

    .mobile-navi-area .container {
        padding: 0;
        position: relative;
    }

    #navMobileMenu .navbar-nav {
        padding-top: 2.5rem;
        padding-bottom: 0;
    }

    #navMobileMenu .mobile-menu-close {
        margin-right: 1.2em;
        float: right;
        padding: 10px 0px;
    }

        #navMobileMenu .mobile-menu-close [role=img] {
            color: #c3a52b;
            font-size: 30px;
            z-index: 9999;
            position: absolute;
            width: 30px;
            opacity: 1;
            text-shadow: none;
        }

    #navMobileMenu .navbar-nav .nav-link {
        padding-left: 0;
        padding-right: 0;
    }

    #navMobileMenu ul.navbar-nav li.nav-item a {
        font-size: 20px;
        display: inline-block;
    }

    #navMobileMenu ul.navbar-nav li.active > a::after {
        content: "";
        display: block;
        border-bottom: 1px solid #c3a52b;
        margin-top: 5px;
    }

    .landing-search-container.sticky {
        height: auto;
    }

        .landing-search-container.sticky .landing-search-widget {
            padding: 0.75rem 0;
            height: 100%;
            max-width: 540px;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

    .search-banner-area {
        background: url(../imgs/atoms-bg-tech-dir-mobile.png) no-repeat scroll center top;
        height: 100%;
        position: relative;
        background-size: cover;
    }

        .search-banner-area h1 {
            font-size: 50px;
        }

    .banner-search-text {
        max-width: 720px;
    }

    .landing-search-widget {
        display: block;
    }

    .landing-search-wrapper {
        height: 100%;
        padding-top: 5rem;
        padding-bottom: 3rem;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .landing-search-container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 720px;
    }

    .jc-theme .input-group-text {
        padding-left: 5px;
        padding-right: 5px;
    }

    .search-banner-area .form-control {
        height: 40px;
        padding: 0;
    }

    .search-banner-area .btn-search {
        margin: 15px 0 0 0;
        width: 100%;
    }

    ul.landing-firm-list > li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    ul.landing-firm-list h3, .landing-firm-info em.salary {
        font-size: 16px;
    }

    .sidebar {
        display: none;
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        padding: 0
    }

    .main-container {
        -ms-flex: 1;
        flex: 1;
        max-width: 100%;
        margin-left: 0;
    }

    button.ddl-filter {
        background: #fff;
        outline: 0;
        border: 1px solid #aaaaaa;
        border-radius: 3px;
        color: #333;
        font-family: Mukta;
        font-size: 14px;
        font-weight: normal;
        text-align: left;
    }

        button.ddl-filter .fa {
            float: right;
            position: relative;
            top: 3px;
        }

    .main-container .m-filter-widget {
        display: flex;
        justify-content: space-between;
    }

    .m-filter-widget .bootstrap-select.ddl-sortby {
        width: 100% !important;
        margin-left: 0;
    }

    .m-filter-widget button.ddl-filter, .m-filter-widget .bootstrap-select.ddl-sortby {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%;
    }

    .landing-firm-info .info-container {
        padding: 15px 0;
    }

    /* Modal */
    #filterModal .modal-title {
        font-family: Mukta;
        color: #222;
        font-size: 20px;
        font-weight: bold;
    }

    #filterModal .modal-header {
        align-items: center;
        padding: 0.5rem 1rem;
    }

        #filterModal .modal-header .close {
            color: #c3a52b;
            font-size: 40px;
        }

    #filterModal .modal-dialog {
        max-width: 100%;
        margin: 0 auto;
    }

    #filterModal .modal-content {
        border: none !important;
        border-radius: 0 !important;
    }

    #filterModal .modal-body {
        padding: 0;
    }

    #filterModal .modal-footer {
        /*border-top: 0 !important;*/
        /*flex-direction: column;*/
        justify-content: space-between;
        text-align: center;
    }

    #filterModal .btnApply {
        display: block;
        width: 200px;
    }

    #filterModal a.reset-link {
        display: inline-block;
        color: #2b95c8 !important;
        text-decoration: none;
        font-family: Mukta;
        /*font-size: 12px;*/
    }

    #filterModal .filter-group.reset {
        display: none;
    }

    #filterModal .filter-group:nth-last-child(2) {
        border-bottom: 0;
    }

    #filter-html .card {
        border: 0 !important;
    }

    ul.ft-usefullink-list, ul.ft-sociallinks-list, ul.ft-supported-list, footer h5 {
        text-align: center;
        margin: 0 auto;
    }

    ul.ft-usefullink-list {
        margin-bottom: 2rem;
    }

    ul.ft-sociallinks-list {
        display: flex;
        justify-content: space-around;
        width: 100px;
    }

        ul.ft-sociallinks-list li {
            margin: 0;
        }

    footer h5 {
        margin-bottom: 0.5rem;
    }

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

@media (max-width: 768px) {
    .banner-search-text, .landing-search-container {
        max-width: 540px;
    }
}

@media (max-width: 576px) {
    .mobile-navi-area .container {
        padding: 0 20px;
        ;
        position: relative;
    }

    .banner-search-text, .landing-search-container {
        max-width: unset;
    }

    .banner-search-text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .landing-tech-firms-area .col-12 {
        padding: 0;
    }
}