/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Laptop Size */
@media screen and (max-width: 1366px) {

}

/* Tablet Size Portrait + Larger Tablet Width */
@media screen and (max-width: 1025px) {
    /* Font Styles */
    h1{
        font-size: 2.5rem;
    }
    /* Latest Jobs Carousel */
    .latest-jobs-carousel.owl-carousel .owl-stage-outer{
        overflow: hidden;
    }
}

/* Tablet Landscape */
@media screen and (max-width: 768px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* HOMEPAGE */
    /* Welcome Content */
    .welcome-content .content {
        top: 20%;
    }
    .welcome-content .content .tagline h1{
        font-size: 2.5rem;
    }
    .welcome-content .related-jobs-wrap .btn{
        padding: 7px 11px;
    }
    /* About Us Block */
    .about-us-wrap {
        padding-bottom: 1rem;
    }
    /* Featured Jobs */
    
}

/* Mobile Size */
@media screen and (max-width: 550px) {
    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* HOMEPAGE */
    /* Welcome Content */
    .welcome-content .content{
        top: 20%;
    }
    .welcome-content .content .content-wrap {
        flex-direction: column;
    }
        .welcome-content .content .content-wrap .tagline {
            margin-bottom: 3rem;
        }
        .welcome-content .content .content-wrap .search .search-box-wrap {
            width: 100%;
        }
            .welcome-content .content .content-wrap .search .search-box-wrap .temp-search-box {
                width: 100%;
            }
    .latest-jobs-carousel .owl-nav button.owl-prev {
        left: -130px;
    }
    .latest-jobs-carousel .owl-nav button.owl-next {
        right: -130px;
    }
    .latest-jobs-carousel .owl-dots{
        width: 100%;
    }
    /* Featured Jobs */
    .latest-jobs-carousel .owl-dots {
        position: relative;
    }
    /* Referral CTA Block */
    .referral-cta-home .ref-info-block {
        flex-direction: column;
    }

        .referral-cta-home .ref-info-block .ref-img {
            text-align: center;
        }

    .referral-cta-home .ref-info-block {
        margin-top: 1.3rem;
    }
    

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* Content Page Head */
    .content-page-top-head .header-wrap h1{
        font-size: 2rem;
    }
    .content-page-top-head .header-wrap{
        margin: 5rem auto 1rem;
    }


    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    /* Referral Page */
    /* Rewards */
    .referral .reward-table-wrap {
        margin-bottom: 1rem;
    }

    .table-detail{
        padding-left: 20px;
    }
        .table-detail li{
            padding-bottom: 0.5rem;
        }
}