@media (min-width: 1650px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1290px !important;
    }
}
@media (max-width: 1399px) {
    .client-style .featured-wrapper,
    .client-hover-img,
    .client-style .client-hover-img {
        padding: 18px 20px;
    }
    .emily,
    .FreelanceCopyright {
        font-size: 50px;
    }
    .section2-img1 {
        height: 220px;
        z-index: 1;
    }
    .projectdone {
        z-index: 2;
    }
    .section-three,
    .section-five-row,
    .section-six,
    .section-seven,
    .section-ten-blog,
    .section-breadcrumb-img,
    .about-section-two,
    .about-section-three,
    .about-section-four,
    .about-section-five {
        padding: 70px 0;
    }
    .section-nine {
        padding: 70px 0 100px 0;
    }
    .projectSwiper {
        padding: 30px 0 70px 0;
    }
    .our-servicestext-main,
    .footer-sub {
        padding-top: 70px;
    }
    .list-blog-main {
        gap: 50px;
    }
}
@media (max-width: 1199px) {
    .clients-logos {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-items: center;
    }
    ul#menu {
        gap: 20px;
    }
    .emily,
    .FreelanceCopyright {
        font-size: 40px;
        line-height: 60px;
        padding-top: 0;
    }
    .text-img-section-main-grid {
        margin-top: 20px;
    }
    .Since {
        margin-bottom: 25px;
    }
    .section-heading-text {
        font-size: 40px;
        line-height: 60px;
    }
    .project-done-main-group {
        margin-left: 12px;
    }
    .seo-optimized {
        font-size: 27px;
        line-height: 40px;
    }
    .home-page-services-main {
        gap: 20px;
        padding-bottom: 15px;
    }
    .home-page-services-header {
        margin-bottom: 30px;
    }
    .home-page-services-main img {
        width: 70px;
    }
    .clients-work {
        padding-bottom: 30px;
    }
    .section-four {
        height: 580px;
    }
    .working-process-woman {
        display: none;
    }
    .woman-img3-main {
        position: relative;
        display: flex;
        justify-content: center;
        padding-bottom: 110px;
    }
    .union {
        position: absolute;
        left: 180px;
        bottom: 110px;
    }
    .worked-box {
        position: absolute;
        bottom: 22px;
        right: 230px;
    }
    .happyclient-main {
        margin-top: 40px;
        justify-items: center;
    }
    .footer-img-woman {
        width: 350px;
    }
    .footer-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 30px 0 30px 0;
    }
    .top-navbar-title {
        gap: 20px;
    }
    .view-work-circle {
        width: 160px;
        height: 160px;
    }
    .circle-text-png {
        width: 130px;
    }
    .skill-bars {
        margin-top: 30px;
    }
    .progresbar-counter {
        margin-bottom: 35px;
    }
    .single-services1-row {
        justify-content: center;
        gap: 50px;
    }
    .single-services2-row {
        flex-direction: column-reverse;
        align-items: center;
    }
    .project-box-main {
        padding: 25px;
    }
    .steps {
        font-size: 25px;
    }
    .list-blog-main {
        gap: 30px;
    }
}
@media (max-width: 991px) {
    .navbar {
        display: none;
    }
    .burger {
        display: block;
        opacity: 1;
        visibility: visible;
    }
    .header-button {
        display: none;
    }
    .video-container1 {
        display: none;
    }
    .projectSwiper {
        padding: 30px 0 50px 0;
    }
    .section-three,
    .section-five-row,
    .section-six,
    .section-seven,
    .section-ten-blog,
    .section-breadcrumb-img,
    .about-section-two,
    .about-section-three,
    .about-section-four,
    .about-section-five {
        padding: 50px 0;
    }
    .section-nine {
        padding: 50px 0 80px 0;
    }
    .section-one-row {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .section-four {
        padding: 50px 0;
        height: 610px;
    }
    .our-servicestext-main,
    .footer-sub {
        padding-top: 50px;
    }
    .welcome-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .welcome-main {
        text-align: center;
        margin-top: 30px;
    }
    .hire-me-btn-main {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .audience {
        max-width: 100%;
        width: 100%;
        padding-bottom: 5px;
        text-align: center;
    }
    .passages {
        color: #FFF;
        max-width: 630px;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .audience-documet-main {
        flex-direction: column;
    }
    .emily,
    .FreelanceCopyright {
        text-align: center;
    }
    .Since {
        text-align: center;
        margin-bottom: 30px;
    }
    .text-img-section-main-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        gap: 30px;
    }
    .text-img-section-main-grid {
        margin-top: 10px;
    }
    .logos {
        transform: rotate(0deg);
        bottom: 30px;
    }
    .marquee-img-main p {
        font-size: 26px;
        line-height: 34px;
        margin-left: 25px;
        letter-spacing: 0.96px;
    }
    .marquee__content {
        padding: 5px 0 0;
    }
    .marquee-img-main {
        gap: 25px;
    }
    .marquue-flower {
        width: 25px;
    }
    .secton-two-col-bg-position {
        position: unset;
        transform: none;
    }
    .secton-two-col-bg {
        background: transparent;
        max-width: 100%;
        padding: 30px 0px 0 0px;
        margin: 0 auto;
    }
    .section2-img1 {
        max-width: 100%;
        height: 100%;
    }
    .project-done-main-group {
        margin-left: 0px;
    }
    .section-heading-text {
        text-align: center;
    }
    .libero {
        text-align: center;
        padding: 0px 0 25px;
    }
    .more-service-text {
        text-align: center;
    }
    .services-list-col-main {
        padding-top: 50px;
    }
    .projectdone {
        left: -58px;
    }
    .clients-work {
        padding-bottom: 10px;
    }
    a.button.button5 {
        margin-bottom: 15px;
    }
    .passages {
        margin: 0 auto;
    }
    .section-five-header-srvices {
        top: -170px;
    }
    .our-servicestext-main {
        padding-bottom: 10px;
    }
    .facilisi {
        padding-top: 5px;
        margin: 0 auto;
        text-align: center;
    }
    .working-process-svg-main {
        justify-content: center;
    }
    .section-six-col2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .working-process-svg-main1 {
        margin-top: 30px;
    }
    .working-process-row {
        gap: 30px 0;
    }
    .why-choose-list {
        padding: 10px 0 15px 0;
    }
    .union {
        position: absolute;
        left: 0;
        bottom: 100px;
    }
    .pro-img-slider-main h2 {
        font-size: 20px;
        line-height: 27px;
        padding: 10px 0 5px 0;
    }
    .latestProjects-heading {
        padding-bottom: 6px;
    }
    .clientSaySwiper {
        margin-top: 30px;
    }
    .home-blog-row {
        margin-top: 30px;
        gap: 30px 0;
    }
    .footer-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 15px 0 15px 0;
    }
    .footer-col1 {
        padding-bottom: 160px;
    }
    .about-h1-text {
        font-size: 60px;
        line-height: 70px;
    }
    .about-section-two-row {
        flex-direction: column-reverse;
        gap: 35px;
        text-align: center;
    }
    .since {
        text-align: center;
    }
    .svg-icon-main {
        justify-content: center;
    }
    .experienced-text-box1 {
        margin: 30px 0;
    }
    .about-section-four-row {
        gap: 40px;
    }
    div#accordion2 {
        margin-top: 30px;
    }
    .page-not-found {
        font-size: 50px;
    }
    .waviy span {
        font-size: 120px;
        line-height: 130px;
    }
    .suptext404 {
        font-size: 20px;
        line-height: 30px;
        padding-top: 15px;
    }
    .contact-row {
        gap: 40px;
    }
    .map-iframe {
        width: 100%;
        height: 300px;
    }
    .artist__exhibition-thumb {
        display: none;
    }
    .new-services {
        padding: 30px 0px;
        flex-direction: column;
        gap: 20px;
    }
    .contact-side-bar {
        margin: 30px 0 0;
    }
    .Singleservices-text-main {
        font-size: 40px;
        padding: 30px 0 10px;
    }
    .Singleservices-text-main2 {
        font-size: 40px;
        line-height: 50px;
    }
    .project-num-name {
        margin-top: 20px;
        justify-content: center;
    }
    .project-box-main {
        padding: 20px;
    }
    .project-box-main-text {
        font-size: 20px;
    }
    .numbers-projects {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .list-blog-main {
        flex-direction: column;
        padding: 30px 0;
    }
    .category-main {
        margin: 30px 0;
    }
    .button-container {
        margin-top: 25px;
    }
    .video-container2 {
        height: 400px;
    }
}
@media (max-width: 767px) {
    .clients-logos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
    .secton-two-col-bg {
        padding-top: 20px;
    }
    .section-heading-text {
        font-size: 35px;
        line-height: 45px;
    }
    .project-done-main-group {
        flex-direction: column;
        gap: 20px;
    }
    .projectdone {
        position: unset;
        transform: rotate(0deg);
    }
    .services-list-col-main {
        padding-top: 35px;
    }
    .logos {
        bottom: 0;
    }
    .section-three,
    .section-four,
    .section-five-row,
    .section-six,
    .section-seven,
    .section-ten-blog,
    .about-section-two,
    .about-section-three,
    .about-section-four,
    .about-section-five {
        padding: 30px 0;
    }
    .projectSwiper {
        padding: 30px 0 30px 0;
    }
    .section-four {
        height: 100%;
    }
    .our-servicestext-main,
    .footer-sub {
        padding-top: 30px;
    }
    .section-five-header-srvices {
        position: unset;
    }
    .section-five-row {
        gap: 20px 0;
    }
    .worked-box {
        position: absolute;
        bottom: 22px;
        right: 0;
    }
    .happyclient-main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
    .pro-img-slider-main h3 {
        font-size: 16px;
    }
    .pro-img-slider-main h2 {
        font-size: 18px;
    }
    .section-nine {
        padding: 30px 0 60px 0;
    }
    .swiper-pagination.btn-pagination {
        position: absolute;
        bottom: -40px;
    }
    .copyrights-container {
        flex-direction: column-reverse;
        gap: 15px;
    }
    .copy-right,
    .copy-right a {
        text-align: center;
    }
    .footer-col2 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-img-woman {
        display: none;
    }
    .footer-col1 {
        padding-bottom: 20px;
    }
    .copyrights-footer-main {
        margin-top: 20px;
    }
    .about-h1-text {
        font-size: 50px;
        line-height: 60px;
    }
    .svg-icon {
        width: 60px;
    }
    .svg-icon-main {
        gap: 13px;
    }
    .about-section-two-row {
        gap: 25px;
    }
    .subscribe-input-main {
        gap: 25px;
        margin-top: 25px;
    }
    .coming-soon-text {
        text-transform: uppercase;
        font-size: 55px;
        line-height: 60px;
        margin-bottom: 40px;
    }
    .countdown .figure>span {
        font-size: 65px;
    }
    .countdown .figure {
        height: 85px;
        width: 85px;
        margin-bottom: 20px;
    }
    .countdown {
        gap: 20px;
    }
    .new-services {
        gap: 10px;
    }
    .services-heading,
    .numbers-services {
        font-size: 25px;
    }
    .check-list-main-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 25px 0 15px;
    }
    .single-services1-row {
        gap: 30px;
    }
    .single-services-imgs-group {
        margin: 15px 0;
    }
    .single-services-imgs-group {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .Singleservices-text-main {
        font-size: 30px;
        line-height: 35px;
    }
    .Singleservices-text-main2 {
        font-size: 30px;
        line-height: 40px;
    }
    .project-page2-row {
        gap: 20px 0;
        margin-top: 30px;
    }
    .project-box-main {
        padding: 15px;
    }
    .list-blog-main {
        padding: 20px 0;
        gap: 20px;
    }
    .book {
        display: none;
    }
    .coming-soon-logo {
        margin-bottom: 30px;
    }
    .coming-soon-subscribe {
        margin: 40px auto 30px;
    }
    .video-container2 {
        height: 300px;
    }
    .video-container2 img.play-button {
        width: 70px;
    }
    .cursor-shadow {
        display: none;
    }
}
@media (max-width: 600px) {
    .countdown {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        flex-direction: column;
    }
    .count-title-sub {
        font-size: 18px;
    }
    .countdown .count-title {
        font-size: 18px;
    }
    .coming-soon-text {
        font-size: 45px;
        line-height: 60px;
        margin-bottom: 30px;
    }
    .waviy span {
        font-size: 90px;
        line-height: 100px;
    }
    .page-not-found {
        font-size: 35px;
    }
    .suptext404 {
        font-size: 18px;
        line-height: 26px;
        padding-top: 10px;
    }
    .back-btn {
        margin-top: 25px;
    }
}
@media (max-width: 575px) {
    .emily,
    .FreelanceCopyright {
        font-size: 30px;
        line-height: 43px;
    }
    .section-heading-text {
        font-size: 30px;
        line-height: 40px;
    }
    .Since {
        margin-bottom: 20px;
        font-size: 18px;
    }
    .text-img-section-main-grid {
        gap: 25px;
    }
    .section-one-row {
        flex-direction: column-reverse;
        gap: 30px;
    }
    .section-sub-text {
        font-size: 18px;
        line-height: 26px;
    }
    .non {
        font-size: 18px;
        line-height: 26px;
    }
    .seo-optimized {
        font-size: 20px;
        line-height: 34px;
    }
    .home-page-services-main img {
        width: 60px;
    }
    .home-page-services-main {
        padding-bottom: 10px;
    }
    .our-servicestext-main,
    .footer-sub {
        padding-top: 20px;
    }
    .featured-wrapper img,
    .client-hover-img img {
        max-width: 100%;
    }
    .arcu {
        padding: 13px 0;
        text-align: center;
    }
    .CustomizeOrderBox {
        padding: 20px;
    }
    .content-text {
        padding-bottom: 4px;
    }
    .why-choose-list li {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 7px;
    }
    .happyclient-main {
        margin-top: 25px;
        justify-items: start;
    }
    .happyclient-sub h3 {
        font-size: 33px;
    }
    .working-process-svg-main-center {
        margin: 25px 0;
    }
    .Sample-content-btn-main {
        text-align: center;
    }
    .home-blog-row {
        margin-top: 20px;
        gap: 25px 0;
    }
    .footer-menu {
        gap: 25px;
        flex-direction: column;
    }
    .blog-text {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0 10px 0;
    }
    .great {
        font-size: 20px;
        line-height: 30px;
        padding: 10px 0 5px 0;
    }
    .cotte-main {
        padding-top: 20px;
    }
    .clientSaySwiper {
        margin-top: 20px;
    }
    .order-total-box-main {
        padding: 20px;
    }
    .about-h1-text {
        font-size: 30px;
        line-height: 40px;
    }
    .experienced-text {
        font-size: 25px;
    }
    .vision-box {
        padding: 20px 15px;
    }
    .vision-icons {
        margin-bottom: 10px;
        width: 60px;
    }
    .vision {
        font-size: 25px;
    }
    .FAQ-accordion button.accordion-button {
        font-size: 18px;
        margin: 10px 0;
        padding: 15px 15px;
        font-weight: 400;
    }
    .contact-row {
        gap: 30px;
    }
    .strategy {
        font-size: 18px;
        line-height: 27px;
    }
    .new-services {
        padding: 20px 0px;
    }
    .new-services .tag-button-services {
        margin: 0 3px;
        padding: 12px;
    }
    .side-bar-main,
    .contact-side-bar {
        padding: 25px;
    }
    .servisces-list-arrow-main h4 {
        font-size: 18px;
    }
    .servisces-list-arrow-main {
        gap: 10px;
    }
    .project-card-body {
        padding: 15px;
    }
    .project-card-body .profile-title {
        font-size: 22px;
    }
    .steps {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 0;
    }
    .other-services-main {
        padding: 25px;
    }
    .contact-side-bar h4 {
        font-size: 30px;
        padding: 20px 0 12px 0;
    }
    .small_blog {
        padding: 20px;
    }
    .pen {
        position: absolute;
        right: 30px;
        top: 73px;
        animation: mover 1s infinite alternate;
        width: 80px;
    }
    .video-container2 {
        height: 210px;
    }
}
@media (max-width:425px) {
    .working-process-svg-main {
        gap: 20px;
        flex-direction: column;
    }
    .get-started-sub {
        text-align: center;
    }
    .welcome span {
        font-size: 22px;
    }
}
@media (max-width: 375px) {
    .happyclient-main {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .breadcrumb-list {
        flex-wrap: wrap;
        gap: 6px 0;
    }
}