@media only screen and (min-width: 100px) and (max-width: 1799px){
    .container-fluid {
        max-width: 1550px;
    }
    .head-numb a {
        gap: 7px;
    }
    .head-btns {
        gap: 14px;
    }
    .anim-img.two {
        left: 5%;
    }
    .anim-img.five {
        right: 18%;
    }
    .cr-bold-title {
        padding-right: 180px;
    }
    .cr-side-content {
        width: 40%;
    }
    .round-img {
        top: -30px;
        left: 30px;
    }
    .round-two-img {
        right: 50px;
        bottom: -200px;
    }
    .expert-content {
        padding: 0px 100px;
    }
    .wave-line {
        width: 130px;
    }
    .pack-icon {
        width: 150px;
    }
    .blur-icon {
        left: 0px;
        width: 140px;
    }
    .aud-img-one {
        top: 30px;
        width: 140px;
    }
    .work-img-one {
        left: 150px;
    }
    .work-img-five {
        right: 100px;
    }
    .work-img-two {
        top: 10px;
    }
    .with-us-item-main h2 {
        font-size: 74px;
    }
}
@media only screen and (min-width: 100px) and (max-width: 1549px){
    .container-fluid {
        max-width: 1320px;
    }
    .banner-title h1, .start-item h2 {
        font-size: 110px;
    }
    .anim-img.six {
        right: 18%;
        width: 130px;
    }
    .anim-img.seven {
        right: 8%;
    }
    .anim-img.five {
        width: 140px;
    }
    .anim-img.one {
        width: 140px;
    }
    .anim-img.two {
        width: 160px;
    }
    .head-buton {
        display: none;
    }
    .head-logo a {
        width: 200px;
    }
    .web-title h2 {
        font-size: 48px;
    }
    .cr-bold-title {
        padding-right: 140px;
    }
    .cr-side-content {
        width: 50%;
    }
    .cr-side-cont-main {
        gap: 30px;
        justify-content: end;
    }
    .cr-side-count span.count {
        font-size: 60px;
    }
    .round-two-img {
        width: 140px;
    }
    .expert-content {
        padding: 0px 40px;
    }
    .expert-img img {
        width: 280px;
    }
    .project-title {
        padding-right: 40px;
    }
    .project-btn {
        text-align: end;
    }
    .testi-title {
        padding-right: 150px;
    }
    .pack-icon {
        top: -50px;
    }
    .audience-title {
        padding-right: 50px;
    }
    .aud-img-one {
        top: -40px;
    }
    .start-item {
        padding: 0px 200px;
    }
    .work-img-five {
        right: 50px;
    }
    .work-img-one {
        left: 100px;
    }
    .foot-logo {
        padding-right: 50px;
    }
    .foot-news p {
        padding-right: 0px;
    }
    .counter-icon {
        width: 150px;
        left: 50px;
    }
    .about-cont-box p {
        font-size: 38px;
    }
    .inner-bann-title h1 {
        font-size: 54px;
    }
    .talk-box h3 a {
        font-size: 140px;
        gap: 70px;
    }
    .with-us-item-main h2 {
        font-size: 66px;
    }
    .with-us-item-main {
        padding-right: 120px;
    }
    .with-us-imgs {
        margin-left: 120px;
    }
    .with-us-img img {
        height: 130px;
    }
    .with-us-img {
        height: 260px;
    }
    .talk-box h3 a img {
        width: 100px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 1399px){
    .container-fluid {
        max-width: 1140px;
    }
    .banner-title h1 {
        font-size: 94px;
        margin-bottom: 40px;
    }
    .anim-img.one {
        top: 50px;
        left: 7%;
    }
    .anim-img.two {
        top: 260px;
        left: 3%;
    }
    .anim-img.nine {
        top: 90px;
        width: 110px;
    }
    .anim-img.six {
        right: 12%;
        top: 40px;
    }
    .anim-img.seven {
        right: 4%;
    }
    .anim-img.eight {
        right: 7%;
        bottom: 240px;
    }
    .anim-img.five {
        width: 120px;
        bottom: 70px;
    }
    .anim-img.four {
        width: 120px;
    }
    .anim-img.three {
        left: 14%;
    }
    .nav-bar nav ul {
        gap: 26px;
    }
    .head-logo a {
        width: 180px;
    }
    .spacing {
        padding: 80px 0px;
    }
    .cr-bold-title {
        padding-right: 0px;
    }
    .web-title h2 {
        font-size: 42px;
    }
    p {
        font-size: 17px;
    }
    .cr-side-content span {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .cr-side-count span.count {
        font-size: 50px;
    }
    .round-two-img {
        right: 0px;
        bottom: -150px;
    }
    .creative-img {
        margin-top: 80px;
    }
    .expert-img img {
        width: 220px;
    }
    .expert-content {
        height: 350px;
    }
    .expert-img {
        padding: 35px 0px;
    }
    .web-btn {
        font-size: 17px;
    }
    .project-item .project-img img {
        height: 500px;
    }
    .proj-arrow {
        width: 70px;
        height: 70px;
    }
    .proj-arrow::after {
        font-size: 24px;
    }
    .pack-icon {
        width: 130px;
    }
    .pricing h5 {
        font-size: 38px;
    }
    .package-header span {
        font-size: 20px;
    }
    .package-item {
        padding: 70px 30px 40px 30px;
    }
    .package-list ul li {
        font-size: 17px;
        margin-bottom: 18px;
    }
    .wave-line {
        width: 100px;
    }
    .audience-title {
        padding-right: 20px;
    }
    .aud-img-one {
        top: -60px;
        width: 120px;
    }
    .aud-img-two {
        width: 100px;
        z-index: -1;
    }
    .audience-faqs .accordion-button {
        font-size: 20px;
    }
    .work-img-three {
        width: 100px;
    }
    .start-item h2 {
        font-size: 80px;
    }
    .contact-arrow-btn a {
        width: 100px;
        height: 100px;
        font-size: 44px;
    }
    .contact-arrow-btn {
        bottom: -50px;
    }
    .work-img-two {
        top: 0;
        left: 200px;
        width: 100px;
    }
    .work-img-five {
        top: 200px;
        width: 140px;
    }
    .work-img-four {
        width: 90px;
    }
    .work-img-one {
        width: 100px;
    }
    .testi-item span {
        font-size: 18px;
    }
    .foot-title span {
        font-size: 22px;
    }
    .foot-newsletter input[type="submit"] {
        padding: 8px 20px;
        font-size: 14px;
    }
    .foot-newsletter input[type="email"] {
        font-size: 16px;
    }
    .foot-socials ul li a {
        font-size: 17px;
    }
    .footer-main {
        padding: 120px 0px 40px 0px;
    }
    .footer-logo a {
        width: 200px;
    }
    .inner-banner {
        padding: 120px 0px;
    }
    .inner-bann-title h1 {
        font-size: 46px;
    }
    .about-cont-box p {
        font-size: 28px;
    }
    .counter-item h2 {
        font-size: 60px;
    }
    .counter-item h3 {
        font-size: 22px;
    }
    .counter-icon {
        width: 130px;
        left: 30px;
        top: -50px;
    }
    .counter {
        padding: 120px 0px;
    }
    .with-us-item-main h2 {
        font-size: 54px;
    }
    .with-us-item-main {
        padding-right: 70px;
    }
    .with-us::before {
        top: 140px;
        width: 57%;
    }
    .with-us-btn button {
        font-size: 18px;
    }
    .with-us-imgs {
        margin-left: 60px;
    }
    .with-us-img img {
        height: 110px;
    }
    .with-us-img {
        height: 240px;
    }
    .talk-box h3 a {
        font-size: 130px;
    }
    .talk-box h3 a img {
        width: 80px;
    }
    .serv-detail-content h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }
    .serv-detail-content h3 {
        font-size: 24px;
    }
    .serv-para.first {
        padding-right: 40px;
    }
    .serv-detail-content ul li {
        font-size: 17px;
    }
    .web-port .portfolio-item img {
        height: 420px;
    }
    .combo-item {
        padding-right: 30px;
        margin-right: 10px;
    }
    .combo-item span {
        font-size: 18px;
    }
    .combo-price span {
        font-size: 60px;
    }
    .combo-price del {
        font-size: 40px;
    }
    .serv-detail-content ul li::before {
        top: 2px;
        font-size: 16px;
    }
    .serv-faqs .accordion-item .accordion-button {
        font-size: 20px;
    }
    .ques-title {
        margin-bottom: 50px;
    }
    .portfolio-btns ul li button, .graph-btns ul li a {
        font-size: 16px;
    }
    .portfolio-btns, .graph-btns {
        margin: 40px 0px;
    }
    .nav-bar nav ul li a {
        padding: 28px 0px;
    }
    .nav-bar nav ul li a::before {
        bottom: 17px;
    }
    .simp-serv-item h3 {
        font-size: 22px;
    }
    .simp-serv-item {
        padding: 25px 25px;
    }
    .cs-about-content {
        padding: 60px;
    }
    .cs-about-info-list-box h5 {
        font-size: 18px;
    }
    .cs-about-content h2 {
        font-size: 36px;
    }
    .loading {
        font-size: 80px;
    }
    .testi-title {
        padding-right: 100px;
    }
    .testi-item p {
        font-size: 20px;
    }
    .instruction-sec-content p strong {
        font-size: 26px;
    }
    .instruction-sec-content ul li, .privacy-box h3 {
        font-size: 20px;
    }
    .privacy-box ul li {
        font-size: 17px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 1199px){
    .container-fluid {
        max-width: 960px;
    }
    .banner-title h1 {
        font-size: 80px;
    }
    .web-btn {
        font-size: 16px;
    }
    .main-banner {
        padding: 80px 0px;
    }
    .anim-img.six {
        right: 8%;
        width: 110px;
    }
    .anim-img.one {
        top: 40px;
        left: 5%;
        width: 120px;
    }
    .anim-img.two {
        top: 200px;
        width: 120px;
    }
    .anim-img.five {
        width: 100px;
    }
    .anim-img.eight {
        right: 6%;
        bottom: 160px;
        width: 100px;
    }
    .anim-img.four {
        width: 100px;
    }
    .spacing {
        padding: 70px 0px;
    }
    p {
        font-size: 16px;
    }
    .web-title h2 {
        font-size: 36px;
    }
    .cr-side-cont-main {
        gap: 20px;
    }
    .cr-side-content {
        width: 54%;
    }
    .cr-side-count span.count {
        font-size: 42px;
    }
    .round-two-img {
        width: 110px;
    }
    .expert-img img {
        width: 200px;
    }
    .expert-content {
        padding: 0px 30px;
    }
    .expert-content h4 {
        font-size: 22px;
    }
    .expert-content p {
        margin: 20px 0px 25px 0px;
    }
    .expertise-title {
        margin-bottom: 50px;
    }
    .pack-icon {
        width: 110px;
        right: 40px;
    }
    .package-list ul li {
        font-size: 16px;
        padding-left: 26px;
    }
    .pricing h5 {
        font-size: 34px;
    }
    .package-header span {
        font-size: 18px;
    }
    .pricing del {
        font-size: 18px;
        transform: translate(10px, -3px);
    }
    .creative-img {
        margin-top: 70px;
    }
    .package-list {
        margin: 30px 0px 30px 0px;
    }
    .package-item {
        padding: 70px 25px 40px 25px;
        border-radius: 24px;
    }
    .testi-item p {
        font-size: 20px;
    }
    .testi-item span {
        font-size: 16px;
    }
    .myTesti .swiper-pagination {
        margin-top: 30px;
        gap: 6px;
    }
    .aud-img-one {
        top: -50px;
        width: 100px;
    }
    .start-item h2 {
        font-size: 70px;
    }
    .start-item {
        padding: 0px 180px;
    }
    .work-img-three {
        width: 90px;
        left: 70px;
    }
    .contact-arrow-btn a {
        width: 90px;
        height: 90px;
        font-size: 38px;
    }
    .footer-main .row {
        row-gap: 24px;
    }
    .footer-main {
        padding: 100px 0px 40px 0px;
    }
    .pack-batch {
        font-size: 18px;
    }
    .foot-links ul li a, .foot-contact .foot-links ul li {
        font-size: 16px;
    }
    .inner-banner {
        padding: 100px 0px;
    }
    .inner-bann-title h1 {
        font-size: 40px;
    }
    .about-cont-box p {
        font-size: 24px;
    }
    .counter {
        padding: 100px 0px;
    }
    .counter-item h2 {
        font-size: 52px;
        margin-bottom: 15px;
    }
    .counter-item h3 {
        font-size: 18px;
    }
    .counter-icon {
        width: 110px;
        top: -40px;
    }
    .with-us-item-main {
        padding-right: 30px;
    }
    .with-us-item-main form {
        margin-top: 50px;
    }
    .with-us-item-main h2 {
        font-size: 46px;
    }
    .with-us::before {
        top: 125px;
        width: 58%;
        height: 600px;
    }
    .talk-box h3 a {
        font-size: 110px;
        gap: 40px;
    }
    .talk-box {
        margin-top: 170px;
    }
    .with-us-imgs {
        margin-left: 30px;
    }
    .with-us-item input, .with-us-item textarea {
        font-size: 15px;
    }
    .serv-detail-content h2 {
        font-size: 36px;
    }
    .serv-detail-content h3 {
        font-size: 22px;
    }
    .serv-para.first {
        padding-right: 0px;
        margin-bottom: 15px;
    }
    .serv-detail-content ul li {
        font-size: 16px;
    }
    .web-port .portfolio-item img {
        height: 400px;
    }
    .combo-price span {
        font-size: 46px;
    }
    .combo-price del {
        font-size: 30px;
    }
    .combo-title img {
        width: 170px;
        top: -9px;
    }
    .combo-item {
        padding-right: 20px;
        margin-right: 0px;
    }
    .combo-item span {
        font-size: 17px;
    }
    .combo-item::before {
        height: 110%;
    }
    .combo-items-main {
        padding: 50px 30px 70px 30px;
        border-radius: 0px 0px 20px 20px;
    }
    .combo-item ul li {
        font-size: 15px;
    }
    .combo-title {
        padding: 70px 0px 40px 0px;
        border-radius: 20px 20px 0px 0px;
    }
    .serv-faqs .accordion-item .accordion-button {
        font-size: 18px;
        padding: 24px 25px;
    }
    .head-btns {
        gap: 25px;
    }
    .header {
        padding: 20px 0px;
    }
    .simp-serv-item {
        padding: 20px 20px;
    }
    .simp-serv-item a {
        font-size: 14px;
    }
    .simp-serv-item h3 {
        font-size: 20px;
    }
    .simp-serv-item img {
        height: 60px;
    }
    .cs-about-content {
        padding: 50px;
    }
    .cs-about-content h2 {
        font-size: 30px;
        margin: 15px 0px 30px 0px;
    }
    .cs-about-content h4 {
        font-size: 14px;
    }
    .loading {
        font-size: 70px;
    }
    .privacy-box ul li {
        font-size: 16px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 991px){
    .container-fluid {
        max-width: 720px;
    }
    .banner-title h1 {
        font-size: 64px;
        padding: 0px 60px;
    }
    .anim-img.six {
        right: 5%;
        width: 90px;
    }
    .anim-img.seven {
        right: 4%;
        width: 70px;
        top: 180px;
    }
    .anim-img.five {
        width: 100px;
        right: 14%;
        bottom: 50px;
    }
    .anim-img.two {
        top: 180px;
        width: 100px;
        left: 1%;
    }
    .anim-img.four {
        left: 16%;
    }
    .cr-side-cont-main {
        justify-content: flex-start;
        margin-top: 25px;
    }
    .cr-side-count {
        width: 22%;
    }
    .round-img {
        width: 80px;
    }
    .cr-side-content {
        width: 78%;
    }
    .expert-mob .expert-item {
        display: flex;
    }
    .expert-mob .expert-item .expert-img {
        width: 50%;
    }
    .expert-mob .expert-item .expert-content {
        width: 50%;
    }
    .project-btn {
        text-align: left;
        margin-top: 20px;
    }
    .web-btn {
        font-size: 15px;
        padding: 15px 25px;
    }
    .proj-arrow {
        width: 60px;
        height: 60px;
    }
    .proj-arrow::after {
        font-size: 20px;
    }
    .wave-line {
        width: 90px;
    }
    .testi-title {
        padding-right: 0px;
        margin-bottom: 40px;
    }
    .aud-img-one {
        left: unset;
        right: 60px;
    }
    .audience-title {
        padding-right: 0px;
    }
    .audience-img {
        margin-top: 40px;
    }
    .project-title {
        padding-right: 0px;
    }
    .start-item {
        padding: 0px 40px;
    }
    .start-item h2 {
        font-size: 58px;
    }
    .work-img-five {
        top: 130px;
        width: 90px;
    }
    .work-img-four {
        width: 60px;
        right: 10px;
        bottom: 50px;
    }
    .work-img-three {
        width: 70px;
        left: 50px;
        top: 80px;
    }
    .work-img-one {
        bottom: 30px;
        width: 60px;
        left: 30px;
    }
    .work-img-two {
        top: -10px;
        left: 230px;
        width: 70px;
    }
    .footer-bottom .foot-links ul {
        justify-content: center;
        margin-top: 20px;
    }
    .footer-logo {
        text-align: center;
    }
    .counter .row .col-lg-3:nth-child(2) .counter-item::before{
        visibility: hidden;
        opacity: 0;
    }
    .counter .container-fluid .row {
        row-gap: 50px;
    }
    .counter {
        padding: 80px 0px;
    }
    .with-us-item-main {
        padding-right: 0px;
    }
    .with-us::before {
        width: 100%;
        height: 750px;
    }
    .with-us-item-main h2 {
        padding-right: 140px;
        font-size: 40px;
    }
    .with-us-imgs {
        margin-left: 0px;
        margin-top: 160px;
    }
    .talk-box h3 a {
        font-size: 80px;
        gap: 40px;
    }
    .talk-box h3 a img {
        width: 60px;
    }
    .talk-box {
        margin-top: 90px;
    }
    .with-us-item-main form {
        margin-top: 40px;
    }
    .serv-detail-img {
        border-radius: 20px;
    }
    .serv-detail-content h2 {
        font-size: 32px;
    }
    .combo-items-main .row {
        row-gap: 40px;
    }
    .combo-title {
        padding: 60px 0px 40px 0px;
    }
    .combo-items-main {
        padding: 50px 30px 50px 30px;
    }
    .combo-btn {
        margin-top: 30px;
    }
    .portfolio-btns ul li button, .graph-btns ul li a {
        font-size: 15px;
        padding: 12px 20px;
    }   
    .portfolio-btns, .graph-btns {
        margin: 30px 0px;
    }
    .responsive-menu-inner {
        width: 90%;
    } 
    .respon-logo {
        width: 200px;
    }
    .cs-about-item-main:last-child .row {
        flex-direction: column-reverse;
    }
    .cs-about-content {
        padding: 70px;
    }
    .loading {
        font-size: 60px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 767px){
    .container-fluid {
        max-width: 540px;
    }
    .banner-title h1 {
        font-size: 50px;
        margin-bottom: 30px;
    }
    .web-btn {
        font-size: 14px;
    }
    .anim-img.one {
        top: 30px;
        left: 4%;
        width: 100px;
    }
    .anim-img.two {
        top: 230px;
    }
    .anim-img.four {
        width: 80px;
    }
    .anim-img.five {
        width: 90px;
        right: 8%;
        bottom: 40px;
    }
    .anim-img.seven {
        right: 2%;
    }
    .spacing {
        padding: 50px 0px;
    }
    .web-title h2 {
        font-size: 30px;
    }
    p {
        font-size: 15px;
    }
    .round-two-img {
        width: 90px;
        bottom: -100px;
    }
    .cr-side-count span.count {
        font-size: 36px;
    }
    .expertise-title {
        margin-bottom: 40px;
    }
    .expert-img {
        padding: 40px 0px;
    }
    .expert-img img {
        height: auto;
    }
    .expert-content {
        padding: 40px 20px;
        height: auto;
    }
    .our-expertise .row:nth-child(2) .col-lg-4:nth-child(2) .expert-item {
        flex-direction: column;
    }
    .our-expertise .row:nth-child(2) .col-lg-4:nth-child(3) .expert-item {
        flex-direction: column;
    }
    .our-expertise .row:nth-child(2) .col-lg-4:nth-child(3) .expert-item .expert-img {
        width: 100%;
    }
    .our-expertise .row:nth-child(2) .col-lg-4:nth-child(3) .expert-item .expert-content {
        width: 100%;
    }
    .port-space {
        margin-top: 40px;
    }
    .pack-img {
        width: 100%;
    }
    .footer-bottom .foot-links ul {
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .start-item h2 {
        font-size: 46px;
    }
    .inner-bann-title h1 {
        font-size: 34px;
    }
    .about-cont-box p {
        font-size: 20px;
    }
    .counter-icon {
        width: 100px;
    }
    .with-us-item-main h2 {
        padding-right: 100px;
    }
    .with-us::before {
        top: 98px;
        height: 710px;
    }
    .with-us-item-main form .row {
        row-gap: 30px;
    }
    .talk-box h3 a {
        font-size: 60px;
        gap: 30px;
    }
    .talk-box h3 a img {
        width: 40px;
    }
    .talk-box {
        margin-top: 70px;
    }
    .with-us-btn button {
        font-size: 16px;
    }
    .with-us-btn button::before {
        width: 60px;
        height: 60px;
    }
    .serv-detail-content h2 {
        font-size: 28px;
    }
    .serv-detail-content h3 {
        font-size: 18px;
    }
    .serv-detail-content ul li {
        font-size: 15px;
    }
    .serv-detail-content ul li::before {
        top: -1px;
    }
    .combo-items-main .row {
        row-gap: 20px;
    }
    .combo-title {
        padding: 60px 20px 30px 20px;
    }
    .combo-title img {
        width: 140px;
        top: -7px;
    }
    .serv-faqs .accordion-item .accordion-button {
        font-size: 16px;
        padding: 20px 18px;
    }
    .ques-title {
        margin-bottom: 40px;
    }
    .combo-item::before {
        visibility: hidden;
        opacity: 0;
    }
    .combo-item {
        padding-right: 0px;
    }
    .combo-items-main {
        padding: 30px 25px 30px 25px;
    }
    .portfolio-btns ul, .graph-btns ul {
        gap: 15px;
    }
    .responsive-menu-inner {
        padding: 25px 25px;
    }
    .responsive-links ul li a {
        font-size: 24px;
    }
    .responsive-links ul li:has(ul)::before {
        top: 14px;
    }
    .responsive-links ul li ul li a {
        font-size: 18px;
    }
    .cs-about-content {
        padding: 60px;
    }
    .cs-about-content h4 {
        font-size: 13px;
    }

}

@media only screen and (min-width: 100px) and (max-width: 575px){
    .head-logo a {
        width: 140px;
    }
    .container, .container-fluid {
        width: 98%;
    }
    .banner-title h1 {
        font-size: 38px;
        margin-bottom: 20px;
        padding: 0px;
    }
    .main-banner {
        padding: 50px 0px;
    }
    .banner-title h1 span::before, .web-title h2 span::before, .start-item h2 span::before, .about-cont-box p span::before {
        border-radius: 6px;
    }
    .cr-side-count {
        width: 30%;
    }
    .cr-side-content {
        width: 70%;
    }
    .cr-side-content span {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .round-img {
        width: 60px;
    }
    .creative-img {
        margin-top: 50px;
    }
    .round-two-img {
        width: 70px;
        bottom: -70px;
    }
    .expertise-title {
        margin-bottom: 30px;
    }
    .expertise-title h2 {
        margin-bottom: 15px;
    }
    .expert-content p {
        margin: 15px 0px 20px 0px;
    }
    .expert-content a {
        font-size: 15px;
    }
    .our-expertise .container-fluid .row:nth-child(2) {
        row-gap: 20px;
    }
    .expert-content h4 {
        font-size: 20px;
    }
    .port-space {
        margin-top: 30px;
    }
    .project-item .project-img img {
        height: 400px;
    }
    .pack-icon {
        width: 80px;
        right: 10px;
        top: -30px;
    }
    .proj-arrow-btn {
        margin-top: 25px;
    }
    .proj-arrow {
        width: 50px;
        height: 50px;
    }
    .proj-arrow::after {
        font-size: 16px;
    }
    .package-list ul li::before {
        top: 1px;
    }
    .package-list ul li {
        font-size: 15px;
    }
    .package-item {
        padding: 70px 25px 30px 25px;
    }
    .cust-gap {
        row-gap: 20px;
    }
    .wave-line {
        width: 70px;
    }
    .blur-icon {
        width: 90px;
    }
    .testi-title {
        margin-bottom: 30px;
    }
    .aud-img-one {
        right: 20px;
        width: 70px;
        top: -40px;
    }
    .testi-item p {
        font-size: 18px;
    }
    .audience-faqs {
        margin-top: 30px;
    }
    .audience-faqs .accordion-button {
        font-size: 16px;
    }
    .audience-faqs .accordion-body {
        padding: 15px 0px 0px 0px;
        font-size: 15px;
    }
    .audience-faqs .accordion-item {
        margin-bottom: 30px;
    }
    .start-item {
        padding: 0px;
    }
    .start-item h2 {
        font-size: 38px;
    }
    .work-img-five, .work-img-two {
        visibility: hidden;
        opacity: 0;
    }
    .aud-img-two {
        width: 70px;
        bottom: 0;
    }
    .work-img-three {
        width: 40px;
        left: 20px;
        top: 0;
    }
    .work-img-four {
        width: 40px;
        right: 10px;
        bottom: 20px;
    }
    .work-img-one {
        bottom: 10px;
        left: 20px;
    }
    .contact-arrow-btn a {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
    .contact-arrow-btn {
        bottom: -40px;
    }
    .footer-main {
        padding: 60px 0px 30px 0px;
    }
    .footer-logo a {
        width: 140px;
    }
    .foot-links ul li a, .foot-contact .foot-links ul li {
        font-size: 15px;
    }
    .foot-title span {
        font-size: 20px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .foot-logo {
        padding-right: 0px;
    }
    .footer-main .row {
        row-gap: 20px;
    }
    .footer-bottom .foot-links ul {
        row-gap: 10px;
        column-gap: 25px;
    }
    .footer-bottom {
        padding: 20px 0px;
    }
    .foot-links ul li {
        margin-bottom: 12px;
    }
    .expert-content {
        padding: 30px 20px;
    }
    .inner-banner {
        padding: 70px 0px;
    }
    .inner-bann-title h1 {
        font-size: 30px;
    }
    .counter-item h2 {
        font-size: 40px;
        margin-bottom: 12px;
    }
    .counter-icon {
        width: 80px;
        top: -30px;
        left: 20px;
    }
    .counter {
        padding: 60px 0px;
    }
    .counter .container-fluid .row {
        row-gap: 30px;
    }
    .counter-item h3 {
        font-size: 15px;
    }
    .counter-item::before {
        height: 100%;
        right: -15px;
    }
    .with-us-item-main h2 {
        padding-right: 0px;
        font-size: 30px;
    }
    .with-us::before {
        top: 86px;
        height: 670px;
    }
    .with-us-imgs {
        margin: 120px 20px 0px 20px;
    }
    .with-us-img img {
        height: 80px;
    }
    .with-us-img {
        height: 180px;
    }
    .talk-box h3 a {
        font-size: 40px;
        gap: 20px;
    }
    .talk-box h3 a img {
        width: 30px;
    }
    .talk-box {
        margin-top: 60px;
    }
    .serv-detail-content ul li::before {
        top: 0px;
        font-size: 15px;
    }
    .web-port .portfolio-item img {
        height: 360px;
    }
    .folio-btn {
        margin-top: 25px;
    }
    .combo-title {
        padding: 40px 20px 20px 20px;
    }
    .combo-title img {
        width: 120px;
        top: -6px;
    }
    .combo-items-main {
        padding: 30px 20px 30px 20px;
    }
    .combo-price {
        padding: 20px 0px;
    }
    .ques-title {
        margin-bottom: 30px;
    }
    .port-items-main .tab-pane .row {
        row-gap: 20px;
    }
    .portfolio-btns ul li button, .graph-btns ul li a {
        font-size: 14px;
        padding: 10px 15px;
    }
    .portfolio-btns ul, .graph-btns ul {
        gap: 12px;
    }
    .anim-img {
        visibility: hidden;
        opacity: 0;
    }
    .foot-socials {
        margin-top: 20px;
    }
    .responsive-menu-inner {
        padding: 20px 20px;
        width: 95%;
    }
    .respon-cross a {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    .respon-logo {
        width: 150px;
    }
    .responsive-links ul li a {
        font-size: 22px;
        padding: 8px 0px;
    }
    .responsive-links ul li:has(ul)::before {
        top: 13px;
        font-size: 18px;
    }
    .responsive-links ul li ul li a {
        font-size: 16px;
        padding-left: 25px;
    }
    .responsive-links {
        margin-top: 30px;
    }
    .responsive-socials ul li a {
        font-size: 18px;
    }
    .responsive-socials {
        padding: 10px 0px;
    }
    .responsive-socials ul {
        gap: 25px;
    }
    .responsive-links::-webkit-scrollbar{
        width: 5px;
    }
    .ham-menu-btn a span {
        width: 28px;
        height: 2px;
    }
    .foot-contact .foot-links ul li i {
        top: 4px;
        font-size: 17px;
    }
    .simp-serv-btn {
        margin-top: 25px;
    }
    .cs-about-content::before {
        visibility: hidden;
        opacity: 0;
    }
    .cs-about-content {
        padding: 30px 30px;
    }
    .cs-about-content h2 {
        font-size: 26px;
    }
    .cs-about-info-list-box h5 {
        font-size: 16px;
    }
    .cs-about-info-list-box h5:before {
        top: 2px;
    }
    .cs-about-info-list-box:not(:last-child)::before {
        top: 20px;
        left: -1px;
    }
    .loading {
        font-size: 40px;
    }
    .instruction-sec-content p strong {
        font-size: 24px;
    }
    .instruction-sec-content ul li, .privacy-box h3 {
        font-size: 18px;
    }
    .instruction-sec-content h5 {
        margin-bottom: 6px;
        font-size: 16px;
    }
    .privacy-box ul li {
        font-size: 15px;
    }

}