@media (max-width:1750px) {
    .pt-260-cmn {
        padding-top: 235px;
    }

    .sree-img {
        width: 400px;
    }

    .elephent {
        top: 108px;
    }

    .parrot {
        top: 89px;
        width: 116px;
    }

    .bird {
        top: 30px;
    }

    .deer {
        top: 270px;
        width: 140px;
    }

    .kingfisher {
        width: 140px;
    }


    .kingfisher {

        bottom: 345px;
        width: 110px;

    }

    .bird {
        position: absolute;
        left: 160px;
        top: 106px;

    }

    .port-fol {
        padding-bottom: 12px;
    }

    .parrot {
        right: 280px;
    }
}

@media (max-width:1700px) {
    .logo-area {
        padding-right: 100px;
    }

    .ftr-logo-width {
        width: 410px;
    }


    .cmn-txt-abt-sec {

        font-size: 16px;

        line-height: 24px;
    }
}

@media (max-width:1600px) {
    .logo-section {
        display: flex;
    }

    .para-ban {

        width: 95%;

    }

    .sree-img {
        width: 350px;
    }

    .pt-260-cmn {
        padding-top: 340px;
    }

    .about-banner-section {

        height: 700px;

    }

    .intro-cntnt {

        font-size: 18px;

        line-height: 27px;
    }

    .intro-cus {

        font-size: 42px;

    }
}

@media (max-width:1500px) {
    .container-common {
        max-width: 85%;
        margin: auto;
    }

    .sree-img {
        width: 320px;
    }

    .parrot {
        right: 250px;

    }

    .abt-header-page {

        font-size: 22px;

    }
}


@media (max-width:1400px) {
    .logo-section {
        display: flex;
    }

    .gl-pb-120-cus {
        padding-bottom: 50px;
    }

}

@media (max-width:1366px) {
    .xxl-w {
        width: 100%;
        object-fit: cover;
    }

    .special-wid {
        width: 35%;
    }

    .cmn-head-main {
        font-size: 40px;
    }

    .cmn-head-sub {
        font-size: 14px;
    }

    .gl-w-30-cus {
        width: 32%;
    }

}

@media (max-width:1200px) {
    .logo-area {
        padding-right: 60px;
    }



    .header .menu>ul>li>a {
        font-size: 14px;
    }

    .abt-cntnts {
        font-size: 20px;
    }

    .abt-cntnts-two {
        font-size: 15px;
        line-height: 24px;
    }


    .creative-hd {

        font-size: 13px;

    }

    .para-ban {

        font-size: 13px;

    }

    .work-head {

        font-size: 25px;

    }
}

@media (max-width: 1100px) {
    .story-head {
        font-size: 100px;
        line-height: 110px;
    }

    .indicator {
        width: 150px;
    }


    .deer {
        width: 100px;
    }

    .parrot {
        width: 100px;
    }

    .kingfisher {
        width: 100px;
    }

    .grid-cmn-head {

        font-size: 14px;

    }
}

@media (max-width:991px) {
    .pad-btm-con {
        padding-bottom: 30px;
    }

    .contact_form_home input,
    .contact_form_home textarea {

        padding: 11px 12px;

        font-size: 13px;

    }

    .contact_form_home_submit {

        padding: 10px 30px;
        font-size: 14px;

    }

    .label-size {
        font-size: 14px;
    }

    .gl-gap-50 {
        gap: 20px;
    }

    .gl-pt-150 {
        padding-top: 75px;
    }


    .dis-none-991 {
        display: none !important;
    }


}

@media (max-width:991px) {

    .sree-img {
        width: 285px;
    }

    .marquee span {
        font-family: "Inter Tight", sans-serif;
        font-size: 90px;

    }

    .mar-top-neg {
        margin-top: -110px;
    }

    .pb-cus-cp-cmn {
        padding-bottom: 140px;
    }

    .pt-260-cmn {
        padding-top: 190px;
    }

    .eagle {
        bottom: 215px;
        width: 60px;
    }

    .deer {
        width: 70px;
    }

    .bird {
        left: 100px;
        width: 80px;
    }

    .parrot {
        right: 156px;
        top: 70px;
        width: 80px;
    }

    .kingfisher {
        bottom: 263px;
        width: 70px;
    }

    .deer {
        top: 175px;

    }

    .header {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .counter_number {

        font-size: 16px;

    }

    .counter_label {

        font-size: 16px;

    }


    .only-res {
        display: block;
    }

    .wht-abt {
        color: #000000 !important;
    }

    .para-ban {
        width: 100%;
    }


    .abt_slide_item {

        margin-right: 35px;
    }



    .blk {
        background-color: #000000;
    }

    .abt_slide_item {
        font-family: "Inter Tight", sans-serif;
        font-size: 15px;

    }

    .contact_form_home_row {
        display: flex;
        gap: 8px;
    }
}

@media (min-width:991px) {
    .only-res {
        display: none !important;
    }
}

@media (max-width:850px) {
    .cmn-head-main {
        font-size: 26px;
    }

    .special-wid {
        width: 45%;
    }

    .gap-cus-wor {
        gap: 30px;
    }
}

@media (max-width: 768px) {
    .container-common {
        max-width: 95%;
        margin: auto;
    }

    .sm-gap {
        gap: 20px;
    }

    .top-cus-abt {
        padding-top: 30px;
    }

    .gl-pb-130 {
        padding-bottom: 35px;
    }

    .dis-none-cmn {
        display: none;
    }

    .gap-50-cus {
        gap: 25px;
    }


    .gl-w-48 {
        width: 80%;
    }




}

@media (max-width: 700px) {

    .nav-left a {
        font-size: 14px;
    }

    .work-head {
        font-size: 20px;
    }

    .wrk-sub-hd {

        font-size: 14px;

    }

    .gap-cus-wor {
        gap: 20px;
    }

    .work-grids {

        padding-bottom: 30px;
    }


}

@media (max-width: 650px) {
    .top-bar {
        flex-direction: column;
        align-items: center;
        gap: 20px;


    }

    .copyright-text {

        flex-direction: column;
        text-align: center;
        gap: 5px;

    }

    .nav-right {
        display: flex;
        flex-direction: column;
        align-items:center;
        gap: 20px;

    }

    .gl-w-48 {
        width: 100%;
    }

    .intro-cus {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    .common-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact_form_home_submit {
        width: 100%;
        justify-content: center;
    }

    .pad-btm-con {
        padding-bottom: 15px;
    }

    .none-575 {
        display: none;
    }

    .special-wid {
        width: 100%;
    }

    .cmn-head-sub {

        text-align: left;

        font-size: 14px;

    }

    .gl-pt-150 {
        padding-top: 30px;
    }

    .cmn-head-main {
        font-size: 32px;
    }

    .copyright-text {
        gap: 5px;
    }

    .gl-w-30-cus {
        width: 100%;
    }

    .gl-pb-120-cus {
        padding-bottom: 20px;
    }

    .about-banner-section {
        height: 530px;
    }



    .intro-cntnt {
        font-size: 15px;
        line-height: 22px;
    }


    .counter_item::before {
        display: none;
    }
}

@media (min-width:575px) {
    .dude-width-res {
        display: none;
    }

    .dude-width {
        display: flex;
    }
}

@media (max-width:575px) {

    .sree-img {
        width: 270px;
    }

    .pt-260-cmn {
        padding-top: 170px;
    }

    .marquee span {
        font-family: "Inter Tight", sans-serif;
        font-size: 70px;
    }

    .marquee span {

        padding-right: 10px;
        color: #000;
    }

    .mar-top-neg {
        margin-top: -86px;
    }

    .eagle {
        display: none;
    }

    .kingfisher {
        display: none;
    }

    .bird {
        left: 65px;
        width: 45px;
        top: 70px;
    }


    .elephent {
        width: 50px;
        top: 250px;

    }

    .parrot {
        right: 49px;
        top: 113px;
        width: 55px;
    }

    .deer {
        width: 60px;
        left: 0px;
    }

    .header .mobile-menu-triggers {

        margin-left: 0px;

    }

    .social-icons {
        display: flex;
        gap: 20px;
    }



}

@media (max-width:575px) {

    .des-view {
        display: none;
    }

    .res-view {
        display: block;
    }

    .back-to-top {
        position: fixed;
        right: 10px;
        bottom: 75px;
        width: 40px;
        height: 40px;

    }

    .whatsapp-float {
        position: fixed;
        right: 10px;
        bottom: 150px;
        z-index: 999;
        background-color: #ffffff;
        border-radius: 50%;
    }

    .logo-section {
        margin-left: -10px;
    }

    .gap-40-grids{
    gap: 20px;
}

}

@media (min-width:575px) {

    .des-view {
        display: block;
    }

    .res-view {
        display: none;
    }




}

@media (max-width:500px) {

    .counter_text {

        flex-direction: column;
    }

    .counter_number {

        min-width: 0px;

    }


    .intro-cus {
        font-size: 26px;
    }

}


@media (max-width:380px) {

    .intro-cus {
        font-size: 24px;
    }

}