@media only screen and (max-width: 1399px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px;
    }

    .creative-hero-title-box h2 {
        font-size: 66px;
    }

    .creative-hero-avater-box {
        bottom: -15%;
        right: -22%;
    }

    .creative-hero-avater-box img {
        width: 65%;
    }




}

@media screen and (max-width: 1280px) and (max-height: 800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }

    .tp-header-menu>nav>ul>li {
        margin: 0 18px;
    }

    .tp-header-menu>nav>ul>li>a {
        font-size: 16px;
    }

    .creative-hero-title-box h2 {
        font-size: 55px;
    }

    .creative-hero-avater-box {
        bottom: 0%;
        right: -36%;
    }

    .creative-hero-avater-box img {
        width: 55%;
    }

    .creative-about-area {
        padding-top: 100px;
    }

    .creative-about-title-box h2 {
        font-size: 80px;
    }

    .home-para {
        top: 110px;
        width: 60%;
        right: 42px;
    }

    .home-para p {
        font-size: 17px;
    }

    .tall-bat img {
        width: 280px;
    }

    .power-pur h2 {
        font-size: 28px;
    }

    .power-pur p {
        font-size: 17px;
    }

    .vis-det h3 {
        font-size: 36px;
    }

    .vis-det p {
        font-size: 17px;
    }



}

@media (max-width: 1024px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 950px;
    }

    .tp-header-ptb {
        padding: 0px 0;
    }

    .tp-header-logo {
        padding: 0px 0;
    }

    .creative-hero-title-box {
        top: 25%;
    }

    .creative-hero-title-box h2 {
        font-size: 45px;
    }

    .creative-hero-title-box p {
        color: #fff;
        font-size: 17px;
    }

    .creative-hero-avater-box {
        bottom: 20%;
        right: -53%;
    }

    .creative-hero-avater-box img {
        width: 50%;
    }

    .creative-about-area {
        padding-top: 0px;
    }

    .creative-about-title-box h2 {
        font-size: 60px;
    }

    .home-para {
        top: 8px;
    }

    .home-para p {
        font-size: 14px;
    }

    .circle-btns {
        width: 50px;
        height: 50px;
    }

    .tall-bat img {
        width: 180px;
    }

    .sepcs-list ul li {
        font-size: 15px;
    }



}

@media (max-width: 991px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 950px;
    }








}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1386px;
    }

}

@media (min-width: 1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1550px;
    }


}


@media (min-width: 1920px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1700px;
    }
}