/* CSS Document */

/******************************
[Table of Contents]

1. Media 991
2. Media 768
3. Media 640
4. Media 567
5. Media 480
6. Media 375
******************************/
@media (max-width:1370px) {
    /*.search-wrapper .searchBar .btn{padding-left: 17px; padding-right: 17px;}*/
}




/*********************************
1. Media 991
*********************************/
@media (max-width:991px) {
    .header li a {
        font-size: 20px !important;
    }

    .search-wrapper .searchBar .btn {
        margin-top: 20px;
    }

    .search-wrapper .searchResult ul {
        flex-direction: column;
    }

        .search-wrapper .searchResult ul li:first-child {
            width: 100%;
            border-right: none;
            border-bottom: #fff 2px solid;
        }

        .search-wrapper .searchResult ul li:last-child {
            width: 100%;
        }

            .search-wrapper .searchResult ul li:last-child br {
                display: none;
            }

        .search-wrapper .searchResult ul li h3 {
            margin-bottom: 10px;
        }

        .search-wrapper .searchResult ul li p {
            margin-top: 10px;
        }

    .search-wrapper .applicant-wrap ul {
        flex-direction: column;
    }

        .search-wrapper .applicant-wrap ul li {
            width: 100%;
        }

            .search-wrapper .applicant-wrap ul li:first-child {
                border-right: none;
                border-bottom: #fff 2px solid;
            }

                .search-wrapper .applicant-wrap ul li:first-child p {
                    margin-bottom: 10px;
                }

            .search-wrapper .applicant-wrap ul li:last-child p {
                margin-top: 10px;
            }

                .search-wrapper .applicant-wrap ul li:last-child p br {
                    display: none;
                }

    .search-wrapper .applicant-wrap.listing-wrap ul li {
        width: 100%;
        border-right: none;
        border-bottom: #fff 2px solid;
        padding: 10px 0px;
    }

        .search-wrapper .applicant-wrap.listing-wrap ul li:last-child {
            border-bottom: none;
        }

    .search-lg-hide {
        display: none;
    }

    .search-lg-show {
        display: block;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .search-wrapper .searchBar .btn {
        padding-left: 39px;
        padding-right: 39px;
    }

    .search-wrapper .searchResult ul li:nth-child(2) {
        width: 100%;
        border-bottom: #FFF 2px solid;
    }
}
/*********************************
2. Media 768
*********************************/
@media (max-width:768px) {

    /*.header li {
        text-align: right;
    }*/

    footer ul.links-wrap {
        margin-bottom: 20px;
    }
    .ISOlogo > p {
        text-align: center;
        margin-right: 0;
    }
}
/*********************************
3. Media 768
*********************************/
@media (min-width:768px) {
    /*.header li p > a {
        width: auto;
    }
    .header li {
        position: relative;
    }

        .header li a {
            font-size: 18px;
            font-weight: lighter;
            padding: 15px 35px;
            width: 100%;
        }

    .header .menu {
        clear: none; 
        max-height: none;
        display: flex;
        justify-content: flex-end;
    }

    .header .menu-icon {
        display: none;
    }

    .header li a.active {
        color: #606161;
        text-decoration: underline;
        font-weight: bold;
    }

    .header ul {
        overflow: inherit;
    }*/
}
/*********************************
3. Media 640
*********************************/
@media (max-width:640px) {
}
/*********************************
4. Media 567
*********************************/
@media (max-width:567px) {
}
/*********************************
5. Media 480
*********************************/
@media (max-width:480px) {
    .glbl-btn {
        padding: 8px 20px 8px 20px;
        font-size: 16px;
        width: auto !important;
    }

    /*.header .menu-btn:checked ~ .menu {
        max-height: 400px;
    }*/
}
/*********************************
6. Media 375
*********************************/
@media (max-width:375px) {

    /*.search-wrapper .searchBar .btn{padding-left: 25px; padding-right: 25px;}*/

}

@media (max-width:1920px) {
    footer .col-xl-6 a:nth-child(2) img, footer .col-xl-6 a:nth-child(3) img {
        width: 39.9%;
    }

    footer .col-xl-6 a:first-child img {
        width: 18.8%;
    }
}

@media (max-width:1480px) {
    footer .col-xl-6 a:nth-child(2) img, footer .col-xl-6 a:nth-child(3) img {
        width: 39%;
    }

    footer .col-xl-6 a:first-child img {
        width: 18.4%;
    }
}

@media (min-width:992px) {
    footer .container .row .col-xl-3 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    footer .container .row .col-xl-6 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

@media (min-width:1370px) {
    footer .container .row .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
        -ms-flex: 0 0 25%;
    }

    footer .container .row .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width:1920px) {
    footer .col-xl-6 a:nth-child(2) img, footer .col-xl-6 a:nth-child(3) img {
        width: 39.9%;
    }

    footer .col-xl-6 a:first-child img {
        width: 18.8%;
    }
}