@media only screen and (max-width: 1180px) {}

@media only screen and (max-width: 1000px) {}


/*
990px
768px
640px
480px
320px

*/
@media only screen and (max-width: 990px) {


    .ourthinking,
    .client,
    .about,
    .information,
    .sa-what-we-r,
    .brands,
    .footer,
    .copy {
        padding: 30px 60px;
    }

    .menu {
        display: none;
    }

    .slide1 {
        width: 100%;
        height: 100%;
    }

    .slide1 .content {}

    .slide2 {
        width: 100%;
        height: 100%;
    }

    .slide3 {
        width: 100%;
        height: 100%;

    }

    .slide3 .content {
        width: 800px;
        margin: 0% auto;
        margin-top: 55%;
        text-align: left;
    }

    .slide3 .content h2 {
        font-size: 40px;
    }

    .slide3 .content .btn {
        margin-left: 2%;
    }

    .slide4 {
        padding: 30px 0px;
        padding-bottom: 0px;
    }

    .ourthinking .box {
        width: 100%;
        height: auto;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        margin-top: 20px;
    }

    .client .imgs {
        width: 100%;
        height: auto;
        margin: 0% auto;
        float: left;
    }

    .client .imgs img {
        float: left;
        width: 100px;
        margin-left: 30px;
    }

    .about h1 {
        color: #16bcb6;
        font-size: 40px;
        text-align: left;
        margin-bottom: 10px;
        font-weight: 200;
    }

    .about h5 {
        color: rgba(0, 0, 0, 0.5);
        font-size: 30px;
        font-weight: 100;
        text-align: left;
        margin-bottom: 20px;
    }

    .about p {
        width: 100%;
        font-size: 20px;
        text-align: left;
    }

    .about .btn {
        color: #16bcb6;
        border: 1px solid #16bcb6;
        margin-left: 0%;
    }

    .information h1 {
        font-size: 45px;
        text-align: left;
    }



}


@media only screen and (max-width: 768px) {
    .menu {
        display: none;
    }


    .menu-bar {
        width: 40%;
        height: 100%;
    }

    .slide1 .content {
        display: none;
    }


}


@media only screen and (max-width: 640px) {



    .slide1 h1 {
        font-size: 55px;
    }

    .slide1 .content {
        display: none;
    }
}



@media only screen and (max-width: 320px) {


    .slide1 {
        width: 100%;
        height: 100%;
    }

}