/* =========== 1200 PX ================ */

@media only screen and (max-width: 1200px) {
    
    .sticky.scroll-header {
        margin-left: -1px;
        padding-right: 11.5rem;
    }
    .scroll-header {
        position: fixed;
        z-index: 1;
        padding: 0rem 1rem;
        padding-right: 1rem;
    }
    .bg-2 {
        width: 104rem;
        height: 48rem;
        position: absolute;
        top: 52%;
        left: 50%;
        border-radius: 1rem;
        transform: translate(-50%, -50%);
        color: #fff;
    }
    .about-us {
        height: 46rem;
        width: 60rem;
        position: absolute;
        bottom: 0;
        left: 60rem;
        color: #fff;
    }
    .about-us-title {
        padding: 1rem 1rem;
        border-radius: 0.5rem;
        display: inline-block;
        margin-left: 12%;
        margin-top: 5%;
        color: #fff;
        font-size: 3rem;
        font-weight: 600;
    }
    .vision-and-mission-box {
        height: 45rem;
        width: 74rem;
        position: absolute;
        bottom: 0;
        left: 40rem;
        color: #fff;
    }
    .crew-sourcing-box {
        background: rgba(64, 64, 64, 0.678);
        height: 48rem;
        width: 70rem;
        position: absolute;
        bottom: 0;
        left: 46rem;
        color: #fff;
    }
    .carerrs-box {
        background: rgba(64, 64, 64, 0.836);
        height: 48rem;
        width: 65rem;
        position: absolute;
        bottom: 0;
        left: 46rem;
        color: #fff;
    }
   
}
/* =========== 1024 PX ================ */

@media only screen and (max-width: 1024px) {
    .mobile-menu span {
        display: block;
    }

    nav {
        display: none;
        
    }
    html {
        font-size: 57%;
    }

    .logo-home {
        height: 4rem;
        width: auto;
        margin-top: 2.2rem;
        margin-left: 2.2rem;
        float: left;
    }

    

.bg-2 {

    width: 88rem;
    height: 42rem;
    position: absolute;
    top: 52%;
    left: 50%;
    border-radius: 1rem;
    transform: translate(-50%, -50%);
    color: #fff;

}
h1 {
    font-size: 1.2em;
    margin: 0.67em 0;
}

.about-us {
    height: 46rem;
    width: 60rem;
    position: absolute;
    bottom: 0;
    left: 47rem;
    color: #fff;
}
h3 {
    font-size: 2.5rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.crew-title {
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
}
.crew-sourcing-box {
    box-sizing: border-box;
    background: rgba(64, 64, 64, 0.678);
    height: 48rem;
    width: 70rem;
    position: absolute;
    bottom: 0;
    left: 37rem;
    color: #fff;
}
.vision-and-mission-box {
    height: 45rem;
    width: 74rem;
    position: absolute;
    bottom: 0;
    left: 33rem;
    color: #fff;
}
.career-title {
    background: rgba(0, 0, 0, 0.637);
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    position: absolute;
    margin-top: 7rem;
    margin-left: 30%;
    text-transform: uppercase;
    font-size: 3rem;
    color: #fff;
}
.carerrs-box {
    box-sizing: border-box;
    background: rgba(64, 64, 64, 0.836);
    height: 48rem;
    width: 65rem;
    position: absolute;
    bottom: 0;
    left: 40rem;
    color: #fff;
}

}
@media only screen and (max-width: 980px) {
    .mobile-menu span {
        display: block;
    }
    html {
        font-size: 50%;
    }

    h1 {
        font-size: 1em;
        margin: 0.37em 0;
    }
    .about-us {
        height: 46rem;
        width: 60rem;
        position: absolute;
        bottom: 0;
        left: 31rem;
        color: #fff;
    }
    .little-description {
        font-size: 1.5rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
    .servises-icon {
        height: 24rem;
        width: 24rem;
        border-radius: 50%;
    }
    .crew-sourcing-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.678);
        height: 48rem;
        width: 70rem;
        position: absolute;
        bottom: 0;
        left: 22rem;
        color: #fff;
    }
    .vision-and-mission-box {
        box-sizing: border-box;
        height: 45rem;
        width: 74rem;
        position: absolute;
        bottom: 0;
        left: 19rem;
        color: #fff;
    }
    .carerrs-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.836);
        height: 48rem;
        width: 65rem;
        position: absolute;
        bottom: 0;
        left: 28rem;
        color: #fff;
    }



    .span_1_of_4 {
        width: 49.2%;
        text-align: center;
    }
    .span_1_of_4:nth-child(3) {
        margin-left: 0;
    }
    html {
        font-size: 62.5%;
    }
}


@media only screen and (max-width: 768px) {
    .mobile-menu span {
        display: block;
    }
    html {
        font-size: 53%;
    }
    .bg-2 {
        width: 78rem;
        height: 49rem;
        position: absolute;
        top: 52%;
        left: 50%;
        border-radius: 1rem;
        transform: translate(-50%, -50%);
        color: #fff;
    }
    .about-us-title {
        padding: 1rem 1rem;
        border-radius: 0.5rem;
        display: inline-block;
        margin-left: 12%;
        margin-top: 5%;
        color: #fff;
        font-size: 2.6rem;
        font-weight: 600;
    }

    .about-us {
        height: 46rem;
        width: 60rem;
        position: absolute;
        bottom: 0;
        left: 25rem;
        color: #fff;
    }

    .crew-title {
        color: #fff;
        font-size: 2.7rem;
        font-weight: 600;
    }

    .crew-sourcing-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.678);
        height: 48rem;
        width: 70rem;
        position: absolute;
        bottom: 0;
        left: 16rem;
        color: #fff;
    }

    .vision-and-mission-box {
        height: 47rem;
        width: 66rem;
        position: absolute;
        bottom: 0;
        left: 16rem;
        color: #fff;
    }

    .carerrs-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.836);
        height: 48rem;
        width: 65rem;
        position: absolute;
        bottom: 0;
        left: 19rem;
        color: #fff;
    }
}

@media only screen and (max-width: 576px) {
    html {
        font-size: 40%;
    }
    .bg-2 {
        width: 56rem;
        height: 58rem;
        position: absolute;
        top: 52%;
        left: 51%;
        border-radius: 1rem;
        transform: translate(-50%, -50%);
        color: #fff;
    }

    .about-us-title {
        padding: 1rem 1rem;
        border-radius: 0.5rem;
        display: inline-block;
        margin-left: 12%;
        margin-top: 5%;
        color: #fff;
        font-size: 2rem;
        font-weight: 600;
    }
    .about-us {
        height: 46rem;
        width: 51rem;
        position: absolute;
        bottom: 0;
        left: 14rem;
        color: #fff;
    }
    .crew-title {
        color: #fff;
        font-size: 2rem;
        font-weight: 600;
    }
    .crew-sourcing-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.678);
        height: 52rem;
        width: 61rem;
        position: absolute;
        bottom: 0;
        left: 5rem;
        color: #fff;
    }
    .vision-and-mission-title {
        position: absolute;
        margin-top: 5rem;
        margin-left: 30%;
        text-transform: uppercase;
        font-size: 3.5rem;
        font-weight: 400;
        color: #fff;
    }
    .vision-and-mission-box {
        box-sizing: border-box;
        height: 53rem;
        width: 58rem;
        position: absolute;
        bottom: 0;
        left: 8rem;
        color: #fff;
    }
    .career-title {
        background: rgba(0, 0, 0, 0.637);
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-weight: 400;
        position: absolute;
        margin-top: 7rem;
        margin-left: 21%;
        text-transform: uppercase;
        font-size: 3rem;
        color: #fff;
    }
    .carerrs-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.836);
        height: 43rem;
        width: 53rem;
        position: absolute;
        bottom: 0;
        left: 12rem;
        color: #fff;
    }

}

@media only screen and (max-width: 480px) {
   
    html {
        font-size: 45%;
    }
    .span_1_of_4 {
        width: 49.2%;
        text-align: center;
    }

    .bg-2 {
        width: 55rem;
        height: 49rem;
        position: absolute;
        top: 52%;
        left: 50%;
        border-radius: 1rem;
        transform: translate(-50%, -50%);
        color: #fff;
    }
    .about-us-title {
        padding: 1rem 1rem;
        border-radius: 0.5rem;
        display: inline-block;
        margin-left: 12%;
        margin-top: 5%;
        color: #fff;
        font-size: 2rem;
        font-weight: 600;
    }
    .about-us {
        height: 46rem;
        width: 60rem;
        position: absolute;
        bottom: 0;
        left: 4rem;
        color: #fff;
    }
    .servises-icon {
        height: 24rem;
        width: 24rem;
        border-radius: 50%;
        margin-left: 27%;
    }
    .crew-title {
        color: #fff;
        font-size: 2rem;
        font-weight: 400;
    }
    h3 {
        font-size: 2rem;
        text-transform: uppercase;
        font-weight: 400;
        color: #fff;
        text-align: center;
    }
    .crew-sourcing-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.678);
        height: 52rem;
        width: 64rem;
        position: absolute;
        bottom: 0;
        left: 1rem;
        color: #fff;
    }
    .vision-and-mission-title {
        position: absolute;
        margin-top: 3rem;
        margin-left: 32%;
        text-transform: uppercase;
        font-size: 3.5rem;
        font-weight: 400;
        color: #fff;
    }
    .vision-and-mission-box {
        height: 51rem;
        width: 63rem;
        position: absolute;
        bottom: 0;
        left: 2rem;
        color: #fff;
    }
    .career-title {
        background: rgba(0, 0, 0, 0.637);
        padding: 0.5rem 1rem;
        border-radius: 0.5rem;
        font-weight: 600;
        position: absolute;
        margin-top: 4rem;
        margin-left: 19%;
        text-transform: uppercase;
        font-size: 3rem;
        color: #fff;
    }
    .carerrs-box {
        box-sizing: border-box;
        background: rgba(64, 64, 64, 0.836);
        height: 48rem;
        width: 60rem;
        position: absolute;
        bottom: 0;
        left: 4rem;
        color: #fff;
    }
}