@media screen and (max-width: 1880px) {}

@media screen and (max-width: 1740px) {}

@media screen and (max-width: 1536px) {


    .navbar .navbar-nav .nav-link {
        font-size: 20px;
        font-weight: 500 !important;
        margin: 0 8px;
    }


}

@media screen and (max-width: 1440px) {
    .tc-projects-style7 .project-card .info {
        padding: 23px;
    }

    .tc-projects-style7 .project-card .info h6 {
        font-size: 14px;
    }

    .tc-projects-style7 .project-card .info h3 {
        font-size: 28px;
        font-weight: 400;
    }

    .main-container {
        padding: 60px 0 70px;
    }

    p {
        font-size: 17px;
    }

    section.p-0.footer-top-sections {
        display: none;
    }

}

@media screen and (max-width: 1300px) {
    .navbar .container-fluid {
        padding: 0 15px;
    }

    section {
        padding: 35px 0;
    }

    .middle-item .staff-details-box {
        width: 48%;
        height: 100%;
    }

    .staff-details-box .content {
        opacity: 1;
        display: block;
        margin-left: 0;
        padding-top: 20px;
        padding-right: 0;
    }

    .staff-details-box {
        margin: 0 12px 38px 18px;
        display: block;
    }





}

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    .staff-details-box.responsive {
        display: none;
    }

    .staff-details-box .content .social-list li {
        display: block;
    }
}

@media screen and (max-width: 1200px) {
    .navbar-brand {
        max-width: 26%;
    }

    .navbar .navbar-nav .nav-link {
        margin: 0 10px;
        font-size: 20px;
    }

    .page-header-box h1 {
        font-size: 62px;
    }




}

@media screen and (max-width:1024px) {
    .staff-card2.staff-details-box.responsive {
        display: flex;
    }

    .middle-item .staff-details-box {
        display: flex;
    }

    .staff-warp .middle-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .staff-details-box .content {
        margin-left: 25px;
    }

    .staff-details-box {
        width: 100%;
    }

    .staff-details-box {
        margin: 0 0px 38px 0px;
    }

    .staff-warp .staff-widget {
        flex-wrap: wrap;
    }

    .middle-item .staff-details-box {
        width: 100%;
        height: 100%;
    }

    .staff-card.staff-details-box.responsive {
        display: flex;
    }

    .staff-details-box .responsive {
        display: flex;
    }

    .staff-details-box.active {
        width: 100%;
        height: 100%;
    }

    .staff-details-box .content .social-list li {
        display: block;
        padding-right: 12px;
        width: 100%;
    }

    .feature-counter-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 30px 25px;
        margin: 24px 0;
    }

    .feature-counter-item {
        position: relative;
        max-width: 50%;
    }

    .feature-item-list {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        margin: 16px 0;
    }

    .why-choose-us-section .row .col-xl-6:nth-child(2) {
        order: 0;
    }

    .why-choose-images {
        margin: 40px 0;
    }

    .page-header-box h1 {
        font-size: 60px;
    }
}


@media screen and (max-width:991px) {

    section {
        padding: 40px 0;
    }

    .staff-card.staff-details-box.responsive {
        display: flex;
        flex-wrap: wrap;
    }

    .title h2 span {
        font-size: 38px;
    }

    .st-copyright-title {
        font-size: 84px;
    }

    .pt-115 {
        padding-top: 50px;
    }

    .tc-projects-style7 .project-card {
        height: 430px;
    }

    .page-header-box h1 {
        font-size: 55px;
    }

    .service-single-content .services-titles {
        font-size: 35px;
    }

    .single-services .services-content h3 {
        font-size: 22px;
        text-align: center;
        margin: 0;
    }

    .single-services .services-content {
        padding: 20px;
        width: 100%;
        border-radius: 0 0 20px 20px;
    }

    .single-services img {
        border-radius: 25px 25px 0 0;
    }
     .sub-send-inquiry-form {
        display: none;
    }

}



@media screen and (max-width:767px) {
    p {
        font-size: 17px;
    }

    .middle-item .staff-details-box {
        display: flex;
        flex-wrap: wrap;
    }

    .staff-details-box .image,
    .staff-details-box .image img {
        width: 100%;
        height: 100%;
    }

    .staff-card2.staff-details-box.responsive {
        flex-wrap: wrap;
    }

    .mod-interactive-illustration__image-container-inner img {
        width: 100%;
        max-width: 100%;
    }

    .mod-interactive-illustration__image-container .mod-interactive-illustration__item.state-show {
        position: fixed;
        z-index: 99;
    }

    .mod-interactive-illustration[data-editmode=false] .mod-interactive-illustration__image {
        vertical-align: top;
        -webkit-user-drag: none;
        user-select: none;
        pointer-events: none;
        /* optional */
    }

    .mod-interactive-illustration__image-container-inner {
        touch-action: none;
        /* important for mobile drag */
        cursor: grab;
    }

    .mod-interactive-illustration__image-container {
        overflow: hidden;
        position: relative;
    }

    .mod-interactive-illustration__image-container-inner {
        display: inline-block;
        touch-action: pan-y;
        will-change: transform;
    }

    .mod-interactive-illustration__image {
        width: 100%;
        max-width: none;
        /* important if image bigger than container */
        user-select: none;
        -webkit-user-drag: none;
    }

    .st-copyright-title {
        font-size: 53px;
    }

    h2.text-anime-style-3 {
        font-weight: 500;
        font-size: 30px;
    }

    .about-us-content h3 {
        margin-bottom: 11px;
        font-weight: 500;
        font-size: 16px;
    }

    .page-header-box h1 {
        font-size: 42px;
    }

    .feature-counter-item {
        position: relative;
        max-width: 100%;
    }

    .why-choose-us .section-footer-text {
        margin-top: 0;
    }

    .section-footer-text p a {
        display: block;
        text-align: center;
    }

    .feature-item {
        padding: 25px 15px;
        width: 100%;
    }

    .feature-counter-item h2 {
        font-size: 40px;
        font-weight: 600;
        margin: 0;
    }

    .feature-counter-item::before {
        display: none;
    }

    .satisfy-client-images {
        display: none;
    }

    .our-features .title h2 span {
        font-size: 36px;
    }

    .single-services .services-content .default-btn {
        font-size: 15px;
        align-items: center;
        justify-content: center;
        margin-top: 10px;
    }

    h2.text-anime-style-3 {
        font-size: 19px;
    }

    section.section-layers .title h2 span {
        font-size: 28px;
    }

    .project-wrapper .service-entry p {
        margin-bottom: 5px;
        font-size: 16px;
        text-align: left;
    }

    .service-entry ul {
        margin: 10px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
    }

    .service-why-choose-box,
    .service-process-box {
        margin-top: 0;
    }

    .service-entry ul li {
        padding-left: 0;
    }

    .service-entry ul li img {
        width: 24px;
    }

    .service-entry h2 {
        font-size: 21px;
        margin-bottom: 5px;
    }

    .service-entry .col-lg-3,
    .service-entry .col-lg-4 {
        margin-bottom: 20px;
    }

    .service-entry {
        margin-bottom: 0;
    }

    .project-wrapper .service-single-content .services-titles {
        font-size: 24px;
        margin-bottom: 12px;
    }

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

    .staff-details-box .content h3 {
        font-size: 24px;
    }
}


@media (max-width:664px) {
    .about-us-image-box-1 {
        width: 100%;
    }

    .about-us-image-box-2 {
        position: relative;
        width: 100%;
        z-index: 1;
    }

    .about-us-image-title h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.2;
        text-transform: uppercase;
        writing-mode: horizontal-tb;
        cursor: none;
        text-align: center;
        background-clip: text;
        -webkit-background-clip: text;
        /* -webkit-text-stroke: 1px var(--primary-color); */
        margin: 0;
    }

    .about-us-image-box-2 .about-us-image figure {
        border: 10px solid var(--white);
        border-radius: 30px;
        margin-left: 0;
    }

    .why-choose-image-box-1 {
        width: 100%;
    }

    .why-choose-image-box-2 {
        width: 100%;
        padding-bottom: 15px;
    }

    .why-choose-image-box-2 .why-choose-image figure {
        margin-left: 0;
    }

    .why-choose-counter-box {
        display: none;
    }

    .about-us-item-title h3 {
        font-size: 26px;
        margin: 0;
    }

    .about-us-item {
        padding: 20px;
    }

    .title h2 span {
        font-size: 34px;
        line-height: 1.3;
        font-weight: 500;
    }

    .service-single-content .services-titles {
        font-size: 28px;
    }
}

@media (max-width:575px) {
    section {
        padding: 25px 0;
    }

    .stat-number {
        font-size: 2rem;
        font-weight: bold;
        color: #000;
        margin: 0;
    }

    .stats-col {
        margin-bottom: 20px;
    }

    .stat-label {
        font-size: 13px;
        text-transform: capitalize;
        letter-spacing: 1px;
        text-align: center;
        line-height: 1.2;
        margin-top: 10px;
    }

    p {
        font-size: 16px;
        text-align: justify;
    }

    .staff-details-box .content {
        margin-left: 0;
    }

    .staff-details-box .content p {
        font-size: 16px;
        padding-bottom: 5px;
        width: 100%;
        margin-bottom: 5px;
        border-bottom: solid 1px #c5b8e338;
    }

    .staff-details-box .content .social-list {
        margin-top: 15px;
    }

    .page-service-single-wrapper {
        margin: 38px 0;
    }

    .page-service-single-wrapper:nth-child(2) .row .col-lg-6:nth-child(1) {
        order: 1;
    }

    .st-copyright-title {
        font-size: 32px;
        letter-spacing: 0;
        font-weight: 400;
    }

}

@media (max-width:480px) {}

@media (max-width:375px) {}

@media (max-width:320px) {}