@media(min-width: 1550px){
    .container{
        max-width: 1520px;
        margin-inline: auto;
    }
}

@media(max-width: 1620px){
    .hero-page-list{
        z-index:999;
    }
    ul.dropdown{
        gap:20px;
    }
    .dropdown a{
        font-size: 2.3vw;
    }
    .bi-hero {
        height: 825px;
    }

    .content-wrapper .text-wrapper p {
        font-size: 40px;
    }

    .bi-about .text-section {
        padding-right: 100px;
    }

    .service-wrapper {
        justify-content: center;
    }

    .service-class h4 {
        font-size: 37px;
    }

    .client-col.second {
        max-width: 8.552vw !important;
        width: 8.552vw !important;
    }

    .client-item.three h2 {
        font-size: 52px;
    }

    .client-item.margins {
        margin-top: 300px;
    }

    .case-study-content h4 {
        font-size: 52px;
    }
    .case-study-content {
        flex: 4;
    }

    .case-study-wrapper small {
        flex: 2;
    }

    .bi-testimonials .client-col.first {
        width: 22.646vw;
    }

    .bi-testimonials .client-item.first h2 {
        font-size: 50px;
    }

    .concept-wrapper h4 {
        font-size: 30px;
    }

    .bi-testimonials .client-item.first {
        width: 22.271vw;
    }

    .footer-row.footer-top img {
        max-width: 37.5vw !important;
    }

    .footer-top-content-wrapper h5 {
        font-size: 28px;
    }

    .footer-row.footer-bottom p {
        font-size: 22px;
    }
    .client-col.thrid {
        width: 29.938vw;
    }
    .client-col.four {
        width: 41.938vw;
    }
    .client-main-wrapper .client-col.first {
        width: 27.356vw;
    }
    section.bi-hero.inner p {
        font-size: 26px;
        width: 100%;
    }

    .content-wrapper {
        gap: 30px;
    }
    .bi-about h2 {
        font-size: 53px;
    }

    .bi-about h3 {
        font-size: 32px;
    }
    .service-inner .client-col.four {
        margin-left: 0;
        width: 43.938vw;
    }
    .bi-btn.package-btn {
        text-align: center;
        font-size: 14px;
    }
    .bi-turning-concept.service-inner {
        height: 850px;
    }
}

@media(max-width: 1299px){
    ul.dropdown {
        height: 80vh;
        gap: 20px;
        bottom: -100px;
    }


    ul.dropdown a {
        font-size: 2.2vw;
    }
    .hero-content-wrapper h1 {
        font-size: 52px;
        letter-spacing: -1px;
    }

    .bi-hero {
        height: 865px;
    }

    .lines {
        left: 26%;
    }

    .lines.line-two {
        left: 38%;
    }

    .lines.line-three {
        left: 65%;
    }

    .client-main-wrapper .client-col.first {
        width: 30.26vw !important;
    }
    .client-item img {
        height: 380px;
    }

    .client-item {
        width: 100%;
    }

    .client-item h3 {
        font-size: 30px;
    }

    .client-item p {
        font-size: 17px;
    }

    .client-col.second {
        max-width: 9.771vw !important;
        width: 9.771vw !important;
    }

    .client-item.three h2 {
        font-size: 40px;
    }

    .client-item.three:nth-child(2) .bi-btn {
        font-size: 14px;
    }

    .case-study-content h4 {
        font-size: 40px;
    }

    .case-study-content p {
        font-size: 22px;
    }

    .case-study-wrapper small {
        font-size: 18px;
    }

    .bi-testimonials .client-item.first h2 {
        font-size: 40px;
    }

    .bi-testimonials .client-col.first {
        width: 30.325vw !important;
    }

    .bi-testimonials .client-item.first {
        width: 18.854vw;
    }

    .concept-wrapper {
        padding: 10px 20px;
    }

    .concept-wrapper p {
        font-size: 14px;
    }

    .concept-wrapper h4 {
        font-size: 25px;
    }

    .bi-testimonials .client-item.first {
        width: 100%;
    }

    .bi-testimonials .client-item.first.testimonial-wrapper {
        width: 22.781vw;
    }

    .testimonial-item {
        padding: 35px 20px;
    }

    .bi-client.bi-testimonials {
        padding: 120px 0 0;
    }

    .footer-row.footer-top img {
        max-width: 32.292vw !important;
    }

    .footer-top-content-wrapper {
        padding-left: 100px;
    }

    .footer-phone {
        font-size: 40px;
    }
    .content-wrapper .text-wrapper p {
        font-size: 32px;
    }

    .bi-about h3 {
        font-size: 30px;
        letter-spacing: -1px;
    }
    .content-wrapper {
        margin-top: 40px;
    }

    section.bi-hero.inner p {
        font-size: 24px;
    }
    .bi-about h2 {
        font-size: 44px;
    }

    .bi-about h3 {
        font-size: 27px;
    }

    .bi-about .col-md-6 img {
        max-width: 85%;
    }
    .package-price-wrapper .price {
        font-size: 38px;
    }

    .package-price-wrapper .price sub {
        font-size: 16px;
    }
    .bi-turning-concept.service-inner {
        height: 700px;
    }
    .bi-about.service-inner p {
        font-size: 18px;
    }

    .bi-about.no-bottom-padding {
        padding-bottom: 50px;
    }
}

@media(max-width: 1099px){
    .d-none-mobile{
        display: none;
    }
    .hero-page-list a {
        font-size: 20px;
    }

    .bi-hero {
        height: 800px;
    }

    .hero-content-wrapper h1 {
        font-size: 44px;
    }

    .content-wrapper .text-wrapper p {
        font-size: 28px;
        opacity: 1 !important;
        filter: brightness(1);
    }

    .bi-about h3 {
        font-size: 26px;
    }

    .bi-turning-concept {
        padding: 60px 0;
    }

    .service-class h4 {
        font-size: 30px;
    }

    .service-item {
        height: 380px;
    }

    .service-class p {
        font-size: 15px;
    }

    .client-main-wrapper .client-col.first {
        order: 1;
    }

    .client-col.four {
        order: 3;
    }

    .client-col.thrid {
        order: 2;
    }

    .client-col.second {
        order: 4;
        display: none;
    }

    .client-item.three {
        margin-bottom: 30px;
    }

    .client-item.margins {
        margin-top: 100px;
    }

    .client-item.three:nth-child(2) {
        height: 365px;
        text-align: left;
    }

    .client-item.three:nth-child(2) .bi-btn {
        font-size: 11px;
    }

    .client-item.three h2 {
        font-size: 31px;
    }

    .client-item p {
        font-size: 15px;
    }

    .client-item img {
        height: 320px;
    }

    .client-item h3 {
        font-size: 27px;
    }

    .case-study-content h4 {
        font-size: 33px;
    }

    .bi-case-study {
        height: fit-content !important;
    }

    .bi-testimonials .client-col.thrid {
        margin-top: 200px;
    }

    .bi-testimonials .client-col.four .client-item img {
        height: fit-content;
        width: 100%;
        text-align: left;
        object-position: left;
    }

    .concept-wrapper {
        margin-top: -20px;
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .footer-phone {
        font-size: 30px;
    }

    .footer-top-content-wrapper h5 {
        font-size: 22px;
    }

    .footer-page-link-wrapper li a {
        font-size: 20px;
    }

    .footer-row.footer-top {
        padding-bottom: 60px;
    }

    .bi-footer {
        padding: 70px 0 40px;
    }

    .footer-email {
        font-size: 18px;
        margin-top: 30px;
    }

    .footer-page-link-wrapper.social-media {
        padding-left: 40px;
    }

    .footer-row.footer-bottom p {
        font-size: 18px;
    }
    section.bi-hero.inner .hero-content-wrapper {
        padding-top: 270px;
    }

    .content-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .content-wrapper :is(.col-md-4, .col-md-8) {
        width: 100% !important;
        flex: 1 0 100% !important;
        max-width: 100% !important;
    }

    h2.small-heading {
        margin-left: 0;
    }
    ul.bullet li {
        font-size: 16px;
    }

    .bi-about h2 {
        font-size: 38px;
    }

    .bi-about h3 {
        font-size: 24px;
    }
    .turning-content-wrapper.no-anim {
        margin-top: 40px;
    }
    .home .content-wrapper {
        flex-direction: column;
        text-align: left;
        margin-top: 0;
    }
    .hidden-with-no-gsap{
        display: none;
    }
    .bi-turning-concept.service-inner {
        height: 600px;
    }
    .service-inner .client-col.first {
        width: 100% !important;
    }

    .service-inner .client-main-wrapper {
        flex-wrap: wrap;
    }

    .package-wrapper-mobile {
        order: 2 !important;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-items: start;
        gap: 50px;
    }

    .package-wrapper-mobile .package-info-wrapper {
        background-color: #121212 !important;
        position: relative;
        width: 46%;
    }

    .package-wrapper-mobile .package-info-wrapper .package-name {
        color: #fff;
    }

    .package-para {
        color: #fff;
    }

    .package-wrapper-mobile .bi-btn.package-btn {
        margin-top: 30px;
        width: 100%;
        margin-bottom: 30px;
        background-color: #fff;
        color: #000;
    }

    .package-info-wrapper .package-list-wrapper {
        padding: 0;
    }
}
@media(min-width: 1098px){
    .package-wrapper-mobile{
        display: none;
    }
}
@media(max-width: 1038px){
    .service-item {
        width: 45%;
    }
    .footer-page-link-wrapper {
        padding-right: 0px;
    }
    .bi-turning-concept.inner .turning-content-wrapper {
        width: 100%;
        text-align: center !important;
    }

    .bi-turning-concept.inner .turning-content-wrapper h2 {
        text-align: center;
        width: 100%;
    }

    .bi-turning-concept.inner .turning-content-wrapper.right {
        margin-top: 0px;
    }
}

@media(max-width: 767px){
    .bi-btn {
        font-size: 12px;
        height: fit-content;
        padding: 12px 15px;
    }

    .bi-btn.white img {
        width: 20px;
    }

    .bi-hero {
        height: 700px;
    }

    .hero-content-wrapper .special-heading {
        font-size: 18.833vw;
        letter-spacing: 3px;
    }

    .hero-content-wrapper h1 {
        font-size: 32px;
    }

    .heading-small {
        transform: translate(0px, 25px) !important;
    }

    .hero-page-list {
        right: 30px;
    }

    .hero-page-list a {
        font-size: 17px;
    }

    .content-wrapper {
        flex-direction: column;
        gap: 20px;
    }

    .bi-about h3 {
        font-size: 22px;
        letter-spacing: 0px;
    }

    .bi-about .text-section {
        padding-right: 0;
    }

    .content-wrapper .text-wrapper p {
        font-size: 25px;
        margin: 12px 0;
    }

    .content-wrapper .text-wrapper a {
        font-size: 16px;
    }

    .bi-about {
        padding: 70px 0;
    }

    .service-class h4 {
        font-size: 26px;
    }

    .service-item {
        height: 320px;
    }

    .client-item img {
        height: 250px;
        object-fit: cover;
    }

    .bi-client {
        padding: 80px 0;
    }

    .client-item p {
        font-size: 14px;
    }

    .client-item.three p {
        width: 100%;
    }

    .client-item.three:nth-child(2) {
        height: 200px;
    }

    .client-item h3 {
        font-size: 23px;
    }

    .case-study-content h4 {
        font-size: 27px;
    }

    .case-study-content p {
        font-size: 17px;
    }

    .divider {
        flex: 5;
    }

    .bi-testimonials .client-item.first h2 {
        font-size: 30px;
    }

    .client-item.three h2 {
        font-size: 26px;
    }

    .concept-wrapper {
        margin-top: 0px;
    }

    .bi-testimonials .client-main-wrapper {
        gap: 15px;
    }

    .client-col.four {
        margin-left: 0px;
    }

    .client-main-wrapper .client-col.first {
        width: 30.325vw !important;
    }

    .bi-testimonials .client-item.first.testimonial-wrapper {
        width: 26.781vw;
    }

    .author-box h5 {
        font-size: 15px;
    }

    .bi-client.bi-testimonials {
        padding: 70px 0 0;
    }

    .footer-top-content-wrapper {
        padding-left: 30px;
        padding-right: 30px;
    }
    .footer-page-link-wrapper li a {
        font-size: 16px;
    }
    .footer-row.footer-bottom p {
        font-size: 15px;
    }
    .header-wrapper{
        align-items: center;
    }
    .bi-about .col-md-6 img {
        max-width: 380px;
    }

    .bi-about h3 {
        margin-top: 30px;
    }

    .bi-about h2 {
        font-size: 34px;
    }
    .bi-about.contact h2 {
        margin-bottom: 0;
    }

    .bi-about.contact h3 {
        margin-bottom: 30px;
    }
    .package-wrapper-mobile {
        gap: 10px;
    }
    .package-wrapper-mobile .package-info-wrapper {
        width: 100%;
    }
    .bi-turning-concept.service-inner {
        height: 500px;
    }
    .bi-about.service-inner p {
        font-size: 16px;
    }
    ul.dropdown {
        right: 60px;
    }

    .menu-wrapper {
        padding: 30px;
    }

    .close-icon {
        font-size: 20px;
        padding: 7px 13px;
        right: 30px;
    }
}

@media(max-width: 590px){
    .bi-header a.bi-btn.white {
        display: none;
    }

    .header-wrapper {
        flex-direction: row-reverse;
        padding-inline: 20px;
    }

    .bi-hero {
        height: 560px;
    }

    .hero-content-wrapper h1 {
        font-size: 27px;
    }

    .heading-small {
        transform: translate(0px, 10px) !important;
    }

    .content-wrapper {
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .bi-about h3 {
        font-size: 18px;
        margin-bottom: 0;
        width: 100%;
    }

    .content-wrapper .text-wrapper p {
        font-size: 22px;
    }
    .service-class {
        bottom: 20px;
    }

    .service-class h4 {
        font-size: 22px;
    }

    .service-item {
        width: 100%;
    }


    .client-main-wrapper {
        flex-direction: column;
        gap: 15px;
        flex-wrap: wrap;
    }

    .bi-client .client-main-wrapper .client-col {
        width: 100% !important;
    }

    .client-item.margins {
        margin-top: 30px;
    }

    .client-item.three:nth-child(2) {
        align-items: start;
        text-align: left;
        height: fit-content;
    }

    .client-item.three:nth-child(2) .bi-btn {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .divider {
        display: none;
    }

    .bi-testimonials .client-item.first.testimonial-wrapper {
        width: 100%;
    }

    .bi-testimonials .client-col.thrid {
        margin-top: 30px;
    }

    .footer-row.footer-top {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 20px;
        padding-bottom: 40px;
        flex-direction: column;
        text-align: center;
    }

    .footer-top-content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .footer-row.footer-middle {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 25px;
    }

    .footer-page-link-wrapper {
        width: 100%;
    }

    .footer-page-link-wrapper.social-media {
        padding-left: 0;
        border-left: 0;
    }

    .footer-page-link-wrapper.social-media ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .footer-row.footer-bottom {
        padding-top: 30px;
    }

    .footer-row.footer-bottom p {
        font-size: 13px;
    }

    .footer-page-link-wrapper li a {
        font-size: 14px;
    }

    .footer-phone {
        font-size: 24px;
    }

    .footer-email {
        font-size: 15px;
    }

    .footer-top-content-wrapper h5 {
        font-size: 20px;
    }

    .turning-content-wrapper .turning-heading {
        opacity: .78;
        font-size: 24.833vw;
        line-height: 1em;
        letter-spacing: 3px;
    }

    .turning-content-wrapper.right {
        text-align: center !important;
        margin-top: 0;
        margin-bottom: 0;
    }

    .content-wrapper .text-wrapper {
        width: 100%;
    }
    .header-wrapper .logo img {
        max-width: 190px;
    }
    section.bi-hero.inner .hero-content-wrapper {
        padding-top: 170px;
    }

    section.bi-hero.inner p {
        font-size: 17px;
    }
    .bi-about .col-md-6 h3 {
        margin-bottom: 30px;
    }

    .bi-about p {
        font-size: 16px;
    }

    .bi-about h2 {
        font-size: 28px;
    }
    .bi-about .col-md-6 img {
        max-width: 90%;
    }
    .bi-turning-concept.service-inner {
        height: 300px;
        padding: 0;
    }
    ul.dropdown {
        right: 0;
    }

    ul.dropdown a {
        font-size: 3.8vw;
    }
    .package-wrapper-mobile li {
        font-size: 14px !important;
    }

    .package-wrapper-mobile .package-list-wrapper ul li:before {
        top:0px;
        bottom:unset ;
    }
    .bi-form input {
        font-size: 15px;
    }

    .bi-form textarea {
        font-size: 15px;
    }
}