@media (max-width:1900px) {
    .skills-wrapper .skills-image {
        position: relative;
        height: 581px !important;
    }

    .theme-btn {
        padding: 20px 15px;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area {
        padding: 0px 30px;

    }

}

@media (max-width: 1600px) {
    .skills-wrapper .skills-image {
        position: relative;
        height: 636px;
        object-fit: cover;
    }
}

@media (max-width: 1399px) {
    .about-section .about-shape-1 {
        display: none;
    }

    .about-section .about-shape-2 {
        display: none;
    }

    .about-wrapper {
        margin-bottom: 0;
    }

    .about-wrapper .about-image .about-image-2 {
        right: 0;
        bottom: 0;
    }

    .about-wrapper-2 .about-image .about-image-2 {
        right: -24%;
    }

    .about-wrapper-2 .about-content .about-author {
        flex-wrap: wrap;
        gap: 20px;
    }

    .contact-section .contact-image {
        display: none;
    }

    .achivements-wrapper .achivements-image .achivements-image-2 {
        left: 0;
    }

    .achivements-wrapper-2 .achivements-right-items .border-shape {
        display: none;
    }

    .contact-info-area {
        flex-wrap: nowrap;
        gap: 43px;
        justify-content: initial;
    }

    .header-top-wrapper-2::before {
        display: none;
    }

    .header-top-wrapper-2 .social-icon a {
        color: var(--white);
    }

    .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items {
        border-right: none;
        padding-right: 0;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items .icon::before {
        width: 54px;
        height: 54px;
    }

    .header-1 .header-main .main-menu ul li {
        margin-inline-end: 40px;
    }

    .header-2 .mega-menu-wrapper::before {
        display: none;
    }

    .header-2 .mega-menu-wrapper .header-main {
        gap: 30px;
    }

    .header-2 .mega-menu-wrapper .header-main .main-menu ul li {
        margin-inline-end: 25px;
    }

    .header-2 .mega-menu-wrapper .header-main .main-menu ul li a {
        font-size: 16px;
    }

    .header-2 .header-right {
        gap: 30px !important;
    }

    .header-2 .header-right .search-item {
        margin-right: 0;
    }

    .header-2 .header-right .search-item .search-icon {
        color: var(--header);
    }

    .header-2 .header-right .search-item .sidebar__toggle {
        color: var(--header);
    }

    .header-3 .header-main .header-right {
        gap: 20px;
    }

    .header-main .header-right {
        gap: 20px;
    }

    .margin-top-60 {
        margin-top: -25px;
    }

    .hero-1 .container-fluid {
        padding: 0 25px;
    }

    .hero-1 .hero-content {
        padding: 70px 40px;
    }

    .hero-1 .hero-content h1 {
        font-size: 74px;
    }

    .hero-2 {
        padding: 235px 0 150px;
    }

    .hero-2 .hero-image {
        display: none;
    }

    .hero-2 .hero-image-2 {
        display: none;
    }

    .hero-2 .hero-content {
        text-align: center;
        margin-top: 0;
        margin-left: 0;
    }

    .hero-2 .hero-content h1 {
        font-size: 80px;
    }

    .hero-2 .hero-text {
        position: static;
        text-align: center;
        margin: 30px auto 0;
    }

    .hero-3 .swiper-dot-2 {
        display: none;
    }

    .hero-3 .hero-image {
        margin: 0 0;
        border-radius: 0;
    }

    .hero-3 .hero-content {
        padding: 210px 30px 170px;
    }

    .news-right-items .news-card-items .news-image {
        padding-left: 30px;
        padding-bottom: 30px;
    }

    .main-sidebar .service-sidebar-widget .contact-bg .theme-btn {
        padding: 22px 30px;
    }

    .project-section .container-fluid {
        padding: 0 30px;
    }

    .service-section-33 .container-fluid {
        padding: 0 40px;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        max-width: 500px;
		width:100%;
    }

    .hero-2 {
        padding: 235px 0 150px;
    }
}

@media (max-width: 1366px) {
    .main-header-wrapper {
        gap: 5px;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area {
        padding: 0px 20px;
        padding-left: 30px;
    }



    .contact-info-area .contact-info-items .content h3 {
        font-size: 17px;
        color: var(--white);
        text-transform: initial;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area .contact-info-items {
        padding: 25px 0px;
    }

    .project-wrapper .main-box .box .project-content {
        position: absolute;
        bottom: -100px;
        /* left: 30px; */
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease-in-out;
        background-color: var(--white);
        padding: 20px 25px;
        right: 30px;
        display: block;
        /* align-items: center; */
        justify-content: space-between;
    }

    .project-wrapper .main-box .box.active {
        width: 1200px !important;
        border: 10px solid var(--theme);
    }
}

@media (max-width: 1199px) {
    .about-wrapper .about-image .about-line-shape {
        display: none;
    }

    .about-wrapper .about-content .about-author {
        flex-wrap: wrap;
        gap: 20px;
    }

    .about-wrapper-2 .about-image {
        max-width: 750px;
    }

    .about-wrapper-2 .about-image::before {
        display: none;
    }

    .about-wrapper-2 .about-image .about-image-2 {
        right: 0;
        bottom: 0;
    }

    .about-wrapper-2 .about-image .about-image-2 img {
        width: 100%;
        height: 100%;
    }

    .about-wrapper-2 .about-image .video-items {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        bottom: initial;
    }

    .about-wrapper-2 .about-image .video-items .video-text {
        color: var(--white);
    }

    .about-wrapper-2 .about-image .bar-shape {
        display: none;
    }

    .about-section-3 {
        margin: 0;
        border-radius: 0;
    }

    .about-wrapper-3 .about-content .about-author {
        flex-wrap: wrap;
        gap: 20px;
    }

    .contact-form-items {
        padding: 100px 40px;
    }

    .cta-banner-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }

    .cta-banner-wrapper .cta-img {
        display: none;
    }

    .cta-banner-wrapper-2 {
        flex-wrap: wrap;
        gap: 30px;
        padding-top: 60px;
        justify-content: center;
        text-align: center;
    }

    .faq-wrapper .section-title br {
        display: none;
    }

    .faq-wrapper .faq-accordion {
        margin-left: 0;
    }

    .skills-wrapper .skill-content {
        margin-left: 30px;
    }

    .achivements-wrapper.style-3 .achivements-content .counter-items-area {
        flex-wrap: wrap;
        gap: 30px;
    }

    .achivements-wrapper-2 {
        padding-right: 40px !important;
        padding-left: 40px !important;
    }

    .achivements-wrapper-2 .bg-shape {
        display: none;
    }

    .achivements-wrapper-2 .achivements-content .section-title h6 {
        color: var(--theme);
    }

    .achivements-wrapper-2 .achivements-content .section-title h2 {
        color: var(--header);
    }

    .work-process-section-3 {
        margin: 0;
        border-radius: 0;
    }

    .work-process-wrapper-3 .work-process-content .work-process-box {
        gap: 30px;
        flex-wrap: wrap;
    }

    .work-process-wrapper-3 .work-process-content .work-process-box.style-2 {
        margin-left: 0;
    }

    .work-process-wrapper-3 .work-process-content .work-process-box.style-3 {
        margin-left: 0;
    }

    .footer-section.style-radius {
        margin: 0;
        border-radius: 0;
    }

    .footer-section.style-radius::before {
        border-radius: 0;
    }

    .contact-info-area .contact-info-items {
        flex-wrap: wrap;
    }

    .header-top-wrapper-2 {
        display: none;
    }

    .header-top-section .container-fluid {
        padding: 0 20px;
    }

    .header-section .container-fluid {
        padding: 0 20px;
    }

    .header-section-2 .container-fluid {
        padding: 0 20px;
    }

    .main-header-wrapper {
        padding: 15px 0;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area {
        display: none;
    }

    .menu-thumb {
        display: none !important;
    }

    .breadcrumb-wrapper {
        padding-top: 80px;
    }

    .ml-50 {
        margin-left: 0;
    }

    .margin-top-60 {
        margin-top: -27px;
    }

    .hero-1 .hero-content h1 br {
        display: none;
    }

    .hero-1 .hero-content h1 {
        font-size: 64px;
    }

    .hero-3 .hero-content h1 {
        font-size: 82px;
    }

    .mean-container .mean-nav>ul .homemenu-items {
        flex-wrap: wrap;
    }

    .mean-container .mean-nav>ul .homemenu-items .homemenu {
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid var(--border);
        padding: 10px;
    }

    .main-sidebar .service-sidebar-widget .contact-bg {
        padding: 50px 30px;
    }

    .news-standard-wrapper .news-standard-items .news-content .date-list {
        gap: 20px;
        flex-wrap: wrap;
    }

    .news-standard-wrapper .news-standard-items .array-button {
        display: none;
    }

    .pricing-section .pricing-arrow-shape {
        display: none;
    }

    .pricing-section .pricing-circle-shape {
        display: none;
    }

    .project-section .container-fluid {
        padding: 0 20px;
    }

    /* .project-wrapper .main-box {
        flex-wrap: wrap;
        justify-content: center;
        gap: 0 30px;
    } */

    /*     .project-wrapper .main-box .box {
        width: 570px !important;
    }
 */
    .project-wrapper-2 {
        margin-left: 0;
        margin-right: 0;
    }

    .section-padding {
        padding: 100px 0;
    }

    .service-section .container-fluid {
        padding: 0 20px;
    }

    .service-section .array-button {
        display: none;
    }

    .service-section-33 .container-fluid {
        padding: 0 30px;
    }

    .service-section-33 .shape-1 {
        display: none;
    }

    .team-section .shape-1 {
        display: none;
    }

    .team-section .shape-2 {
        display: none;
    }

    .testimonial-section .testimonial-images {
        position: static;
        margin-bottom: 40px;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        /*         position: static; */
        /*         margin-bottom: 40px; */
        max-width: 500px !important;
    }


    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        height: 700px;
    }

    .testimonial-section-3 {
        margin: 0;
        border-radius: 0;
    }

    .header-main .sidebar__toggle {
        cursor: pointer;
        font-size: 40px;
        color: var(--header);
    }

    /**/
    .header-main .sidebar__toggle {
        cursor: pointer;
        font-size: 40px;
        color: var(--header);
    }

    /* .contact-info-area {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: initial;
    }

    .contact-info-area {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 30px;
        padding: 40px 20px;
        text-align: center;
    }


    .contact-info-area .logo-img {
        flex: 1 1 100%;
        display: flex;
        justify-content: center;
    }

    .contact-info-area .logo-img img {
        max-width: 180px;
        height: auto;
    }


    .contact-info-items {
        flex: 1 1 calc(33.333% - 30px);
        max-width: calc(33.333% - 30px);
        display: flex;
        flex-direction: column;
        gap: 5px;
    } */
.skills-wrapper .skills-image {
        position: relative;
        height: 664px !important;
    }


}

@media (max-width: 991px) {
    .header-main {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
        padding: 10px 0;
    }

    .about-wrapper {
        margin-bottom: 0;
    }

    .about-wrapper .about-image {
        max-width: 760px;
    }

    .contact-box-items {
        flex-wrap: wrap;
        padding: 40px 50px;
    }

    .contact-form-items {
        padding: 80px 30px;
    }

    .cta-banner-wrapper {
        padding: 60px 50px;
        text-align: center;
    }

    .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 44px;
    }

    .skills-wrapper .skills-image {
        height: 600px;
    }

    .skills-wrapper .skill-content {
        margin-left: 0;
    }

    .achivements-wrapper .achivements-image {
        height: 650px;
    }

    .header-main .main-menu ul li .has-homemenu .homemenu-items {
        flex-wrap: wrap;
    }

    .breadcrumb-wrapper {
        padding-top: 160px;
        padding-bottom: 0;
    }

    .breadcrumb-wrapper .shape-image {
        display: none;
    }

    .breadcrumb-wrapper .page-heading h1 {
        font-size: 60px;
    }

    .breadcrumb-wrapper .breadcrumb-wrapper-items {
        flex-wrap: wrap;
    }

    .breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image {
        margin-bottom: 0;
    }

    .breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image img {
        width: 100%;
        height: 100%;
    }

    .breadcrumb-wrapper .breadcrumb-wrapper-items .breadcrumb-image .bar-shape {
        display: none;
    }

    .pt-100 {
        padding-top: 80px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }

    .margin-top-60 {
        margin-top: -75px;
    }

    .hero-1 .hero-content {
        padding: 70px 50px;
    }

    .hero-1 .hero-content h1 {
        font-size: 54px;
    }

    .hero-1 .hero-content p {
        font-size: 21px;
    }

    .hero-1 .hero-image-items {
        margin-right: 0;
    }

    .hero-1 .hero-image-items .hero-image {
        height: 539px;
    }

    .hero-1 .hero-image-items .array-button {
        justify-content: center;
    }

    .hero-2 .hero-content h1 {
        font-size: 70px;
    }

    .hero-3 .hero-content h1 {
        font-size: 70px;
    }

    .news-right-items .news-card-items .news-image {
        padding: 0;
    }

    .main-sidebar .service-sidebar-widget .contact-bg {
        padding: 50px 30px;
    }

    .search-wrap .search-field-holder {
        width: 70%;
    }

    .project-wrapper-2 .project-thumb .project-content h3 {
        font-size: 32px;
    }

    .section-title-area {
        flex-wrap: wrap;
        gap: 30px;
    }

    .section-padding {
        padding: 80px 0;
    }

    .team-card-items .team-content {
        margin-top: 20px;
        opacity: 1;
        visibility: visible;
    }

    .team-card-items .team-image {
        transform: rotate(0) !important;
    }

    .team-box-items .team-image {
        max-width: 500px;
    }

    .team-details-wrapper .team-details-items .details-image img {
        width: 100%;
        height: 100%;
    }

    .team-details-wrapper .team-details-items {
        flex-wrap: wrap;
        gap: 30px;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        max-width: initial;
        height: 600px;
    }

    .testimonial-wrapper .testimonial-content .client-img-items {
        justify-content: center;
        margin-top: 30px;
    }

    .testimonial-wrapper .testimonial-content .client-img-items .array-button {
        display: none;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        max-width: initial !important;
        height: 600px;
    }
}

@media (max-width: 767px) {
    .theme-btn {
        padding: 20px 32px;
    }

    .location-menu {
        padding-left: 12px;
        padding-top: 0px;
    }

    h2 {
        font-size: 36px;
    }

    .about-wrapper .about-content .about-author {
        margin-top: 35px;
    }

    .about-wrapper-2 .about-content .about-author {
        margin-top: 35px;
    }

    .about-wrapper-3 .about-content .about-author {
        margin-top: 35px;
    }

    .cta-banner-wrapper {
        padding: 50px 40px;
    }

    .cta-banner-wrapper h2 {
        font-size: 34px;
    }

    .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 40px;
    }

    .skills-wrapper .skills-image {
        height: 500px;
    }

    .achivements-wrapper .achivements-image {
        height: 550px;
    }

    .achivements-wrapper-2 {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head h5 {
        font-size: 23px;
    }

    .header-2 .header-right .search-item {
        gap: 20px;
    }

    br {
        display: none;
    }

    .page-nav-wrap ul li .page-numbers {
        margin-top: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }

    .margin-top-60 {
        margin-top: -65px;
    }

    .hero-1 .hero-content {
        padding: 70px 40px;
    }

    .hero-1 .hero-content h1 {
        font-size: 46px;
        line-height: 126%;
    }

    .hero-1 .hero-content p {
        font-size: 19px;
    }

    .hero-1 .hero-image-items .hero-image {
        height: 569px;
    }

    .hero-2 {
        padding: 195px 0 120px;
    }

    .hero-2 .hero-content h1 {
        font-size: 55px;
    }

    .hero-3 .hero-content {
        padding: 170px 30px 170px;
    }

    .hero-3 .hero-content h1 {
        font-size: 52px;
    }

    .hero-3 .hero-content .hero-button {
        margin-top: 30px;
    }

    .news-right-items .news-card-items .news-image {
        padding-left: 30px;
        padding-bottom: 30px;
    }

    .news-right-items .news-card-items {
        flex-wrap: wrap;
        gap: 0;
    }

    .news-standard-wrapper .news-standard-items {
        margin-bottom: 30px;
    }

    .news-standard-wrapper .news-standard-items .news-content {
        padding: 30px;
    }

    .news-standard-wrapper .news-standard-items .news-content h3 {
        font-size: 27px;
    }

    .preloader .animation-preloader .spinner {
        width: 7.5em;
        height: 7.5em;
        margin: 0 auto 1.5em auto;
    }

    .preloader .animation-preloader .txt-loading {
        font-size: 2.5em;
    }

    .pricing-card-items .header-button .theme-btn.style-2 span::before {
        left: -32px;
    }

    .project-section .project-dot {
        display: none;
    }

    .project-details-wrapper .project-details-content h2 {
        font-size: 42px;
    }

    .section-title {
        margin-bottom: 0;
    }

    .service-section .service-pagi-items {
        justify-content: center;
        margin-top: 20px;
    }

    .service-section .service-pagi-items .service-dot {
        display: none;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        height: 500px;
    }

    .testimonial-wrapper .testimonial-content .testi-content h4 {
        color: var(--white);
        font-weight: 600;
        line-height: 175%;
        font-style: italic;
        margin-top: 0px;
    }

    .contact-info-area {
        flex-wrap: wrap;
        gap: 25px;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        max-width: initial !important;
    }

    .counter-container {
        display: block !important;
    }

    .counter-box {
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    .skills-wrapper .skill-content {
        margin-left: 0px !important;
    }

    .hero-1 .hero-image-items .hero-image {
        height: 539px !important;
    }

    .contact-info-area {
        flex-wrap: nowrap;
        gap: 43px;
        justify-content: initial;
    }

    .header-main {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
        padding: 10px 0;
    }
}


@media (max-width: 575px) {
    .theme-btn {
        padding: 18px 30px;
        font-size: 14px;
    }

    .location-menu {
        padding-left: 12px;
        padding-top: 0px;
    }

    h3 {
        font-size: 20px;
    }

    .about-wrapper .about-image .about-image-2 {
        max-width: 200px;
    }

    .about-wrapper .about-content .list-items li {
        font-size: 16px;
    }

    .about-wrapper .about-content .about-author {
        margin-top: 25px;
    }

    .about-wrapper-2 .about-image .about-image-2 {
        max-width: 200px;
    }

    .about-wrapper-2 .about-content .list-items li {
        font-size: 16px;
    }

    .about-wrapper-2 .about-content .about-author {
        margin-top: 25px;
    }

    .about-wrapper-3 .about-content .about-author {
        margin-top: 25px;
    }

    .contact-form-items .form-clt input,
    .contact-form-items .form-clt textarea {
        padding: 12px 20px;
    }

    .contact-form-items .form-clt textarea {
        padding: 12px 20px 90px;
    }

    .cta-banner-wrapper {
        padding: 40px 30px;
    }

    .cta-banner-wrapper h2 {
        font-size: 30px;
    }

    .cta-banner-wrapper-2 .cta-content h2 {
        font-size: 36px;
    }

    .skills-wrapper .skills-image {
        height: 400px;
    }

    .achivements-wrapper .achivements-image {
        height: 450px;
    }

    .achivements-wrapper-2 .achivements-right-items .achivements-item {
        flex-wrap: wrap;
        gap: 30px;
    }

    .achivements-wrapper-2 .achivements-right-items .achivements-item .counter-items {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .contact-info-area {
        gap: 30px;
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head {
        margin-bottom: 20px;
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head h5 {
        font-size: 20px;
    }

    .footer-widgets-wrapper .single-footer-widget .footer-content .social-icon {
        margin-top: 20px;
    }

    .footer-widgets-wrapper .single-footer-widget .footer-gallery .gallery-wrap .gallery-item .thumb {
        width: 100px;
    }

    .header-top-section {
        display: none;
    }

    .main-header-wrapper .main-header-items .header-contact-info-area {
        gap: 30px;
    }

    .offcanvas__wrapper {
        padding: 20px;
    }

    .breadcrumb-wrapper .page-heading h1 {
        font-size: 42px;
    }

    .breadcrumb-wrapper .page-heading .breadcrumb-items {
        margin-top: 15px;
    }

    .hero-1 .hero-content {
        padding: 60px 30px;
    }

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

    .hero-1 .hero-content p {
        font-size: 17px;
    }

    .hero-1 .hero-content .hero-button {
        flex-wrap: wrap;
        margin-top: 30px;
    }

    .hero-1 .hero-image-items .hero-image {
        height: 420px !important;
    }

    .hero-2 {
        padding: 175px 0 100px;
    }

    .hero-2 .hero-content h1 {
        font-size: 42px;
    }

    .hero-3 .hero-content h1 {
        font-size: 42px;
    }

    .news-standard-wrapper .news-standard-items .news-content h3 {
        font-size: 25px;
    }

    .blog-post-details .single-blog-post .post-content h3 {
        font-size: 24px;
    }

    .blog-post-details .tag-share-wrap .tagcloud a {
        margin-bottom: 5px;
    }

    .blog-post-details .comments-area .comments-heading {
        margin-bottom: 20px;
    }

    .blog-post-details .comments-area .comments-heading h3 {
        font-size: 22px;
    }

    .blog-post-details .comments-area .blog-single-comment {
        flex-wrap: wrap;
        gap: 20px;
    }

    .blog-post-details .comment-form-wrap h3 {
        margin-bottom: 20px;
    }

    .search-wrap .search-field-holder {
        width: 80%;
    }

    .search-wrap .main-search-input {
        height: 50px;
        padding: 0 0;
        line-height: 50px;
        font-size: 18px;
    }

    input.main-search-input::placeholder {
        font-size: 18px;
    }

    .project-wrapper .main-box .box {
        height: 420px;
        object-fit: cover;
    }

    .project-wrapper .main-box .box .project-content {
        opacity: 1;
        visibility: visible;
        bottom: 30px;
    }

    .project-details-wrapper .project-details-content h2 {
        font-size: 34px;
    }

    .service-details-wrapper .service-details-content h4 {
        font-size: 32px;
    }

    .team-box-items .team-image {
        max-width: 700px;
        height: 400px;
    }

    .team-box-items .team-image img {
        object-fit: cover;
    }

    .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-title {
        position: static;
    }

    .team-details-wrapper .team-details-items .team-details-content .team-details-info .text-data {
        margin-left: 0;
        display: block;
        margin-top: 10px;
    }

    .team-details-wrapper .team-details-items .team-details-content .social-icon {
        margin-top: 20px;
    }

    .testimonial-section .testimonial-image,
    .testimonial-section .testimonial-images {
        height: 400px !important;
    }

    .testimonial-card-items {
        padding: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .testimonial-card-items .client-info-items {
        flex-wrap: wrap;
        gap: 20px;
    }

    /**/
    .header-main .sidebar__toggle {
        cursor: pointer;
        font-size: 35px;
        color: var(--header);
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        font-size: 20px;
    }

    .contact-info-area {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: initial;
    }

    .counter-container {
        display: block !important;
    }

    .counter-box {
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    .skills-wrapper .skill-content {
        margin-left: 0px !important;
    }

    .header-main {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
        padding: 10px 0;
    }

}


@media (max-width: 480px) {
    .header-main {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
        padding: 10px 0;
    }

    .header-main .sidebar__toggle {
        cursor: pointer;
        font-size: 35px;
        color: var(--header);
    }

    .header-main .sidebar__toggle {
        cursor: pointer;
        font-size: 35px;
        color: var(--header);
    }

    .dgGlobal-location__menu-offices .accordion-flush>.accordion-item {
        border: none !important;
        margin-bottom: 8px;
        border-radius: 0px;
        overflow: hidden;
        position: relative;
        transition: all 0.5s ease-in-out;
    }

    .header-main .sidebar__toggle {
        cursor: pointer;
        font-size: 35px;
        color: var(--header);
    }

    .dgGlobal-location__menu-offices .accordion-flush>.accordion-item {
        border: none !important;
        margin-bottom: 8px;
        border-radius: 0px;
        overflow: hidden;
        position: relative;
        transition: all 0.5s ease-in-out;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-family: swiper-icons;
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
        font-size: 20px;
    }

    .contact-info-area {
        flex-wrap: wrap;
        gap: 15px;
        justify-content: initial;
    }

    h2 {
        font-size: 30px;
    }

    h4 {
        font-size: 16px;
        font-weight: 700;
    }

    .hero-1 .hero-content p {
        font-size: 14px;
        font-weight: 500;
        color: var(--white);
        margin-top: 20px;
    }

    images {
        height: 300px;
    }

    .skills-wrapper .skill-content {
        margin-left: 0px;
    }

    .swiper-pointer-events {
        touch-action: pan-y;
        margin-top: 40px;
    }

    .contact-info-area .contact-info-items {
        flex-wrap: nowrap;
    }

    .hero-1 .hero-image-items .hero-image {
        height: 340px !important;
    }

    .contact-info-area .contact-info-items {
        flex-wrap: nowrap !important;
    }

    .counter-container {
        display: block !important;
    }

    .counter-box {
        width: 100% !important;
        margin-bottom: 16px !important;
    }

    .skills-wrapper .skill-content {
        margin-left: 0px !important;
    }

    .section-title {
        margin-bottom: 10px;
    }

}