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

    .video-area video {
        height: 250px;
    }
    .cli-con {
        padding: 0 50px;
    }

}



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

    .client-area {
        width: 46%;
    }



}


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

    .gal-img {
        width: 95%;
        margin: 0 auto;
    }



}


@media screen and (max-width: 820px) {
    .client-area {
        width: 75%;
    }
}

@media screen and (max-width: 600px) {
    .client-area {
        width: 90%;
    }
}


@media screen and (max-width: 540px) {
    .client-area {
        width: 100%;
    }
}


@media screen and (max-width: 480px) {
    .cli-con {
        padding: 0 30px;
    }
}


@media screen and (max-width: 375px) {
    .cli-con {
        padding: 0 20px;
    }
    .client-area p {
        font-size: 12px;
    }
    .cli-name h1 {
        font-size: 15px;
    }
    .star {
        font-size: 12px;
    }
    #load {
        padding: 6px 20px;
    }





}