/* 320px */

@media(min-width:320px) {
    body {
        /* position: relative; */
        /* overflow-x: hidden !important; */
    }

    .home {
        /* padding: 40em 0 0 0 !important; */
    }

    .main {
        font-size: 2em !important;
    }

    .sub-main {
        font-size: 2em !important;
    }

    #slideshow img {
        /* width: 1400px; */
        /* z-index: -1; */
    }
}

/* 765px */

@media(max-width:765px) {
    /* Client logos */

    .row>.client-img>img {
        margin: 0 auto;
        padding-top: 10%;
        padding-bottom: 20%;
    }

    .transpo {
        width: 100%;
    }

    .umm-qura {
        width: 35%;
    }

    .wadi {
        width: 50%;
    }

    .masdar {
        width: 80%;
    }

    .kinnarps {
        width: 60%;
    }

    .wakame {
        width: 35%;
    }

    .dar {
        width: 35%;
    }

    .bc {
        width: 60%;
    }

    .slider-title {
        position: absolute;
        font-size: 12px;
        top: 35em;
    }
}

/* 767px */

@media(min-width:766px) {
    .home {
        /* padding: 60em 0 0 0 !important; */
    }

    .main {
        font-size: 4em !important;
    }

    .sub-main {
        font-size: 4em !important;
    }

    #home h1 {
        line-height: 50% !important;
    }

    #slideshow img {
        /* width: 3900px; */
        /* z-index: -1; */
    }

    /* Client logos */

    .alj-land {
        margin-top: 14%;
    }

    .transpo {
        padding-top: 15%;
    }

    .umm-qura {
        padding: 37%;
        margin-top: -30%;
    }

    .wadi {
        padding: 25%;
        margin-top: -20%;
    }

    .masdar {
        padding-top: 7%;
    }

    .kinnarps {
        padding: 15%;
        margin-top: -8%;
    }

    .wakame {
        padding: 32%;
        margin-top: -30%;
    }

    .dar {
        padding: 32%;
        margin-top: -30%;
    }

    .bc {
        padding: 15%;
        margin-top: -2%;
    }
}

/* 768px */

@media(min-width:768px) {}

/* 769px */

@media(min-width:769px) {}

/* 780px */

@media(min-width:780px) {
    .home {
        /* padding: 48em 0 0 0; */
    }
}

/* 781px */

@media(min-width:781px) {
    .main {
        font-size: 6em !important;
    }

    .sub-main {
        font-size: 6em !important;
    }
}

/* 1900px */

@media(min-width:1900px) {
    #slideshow img {
        /* width: 100%; */
        /* min-height: 60em; */
        /* z-index: -1; */
    }
}