@media (min-width: 1400px) {
     .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 25%;
    }
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner,
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(4) .ttgr-item-inner {
        margin-top: 6vw;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 25%;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n + 5),
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n + 6),
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(7n + 7) {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 25%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n + 1),
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n + 2),
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(7n + 3) {
        width: 33.33333%;
    }
}
@media (min-width: 1280px) {
    .sec-title h3 {
        font-size: 11rem;
        line-height: 8.1rem;
        font-family: "Dirtyline";
        text-transform: lowercase;
    }
    h3.expertise-title {
        font-size: 6rem;
        line-height: 4rem;
        margin-bottom: 5rem;
        text-align: center;
    }
    .sec-title h2 {
        font-size: 4.5rem;
        line-height: 8.1rem;
        font-family: "Dirtyline";
        text-transform: lowercase;
    }
    .sec-title .testimonials-title,.sec-title .team-title {
        font-size: 5rem;
        line-height: 4rem;
    }
    .sec-title h3 span {
        padding-top: 1.3rem;
        padding-right: 0.5rem;
        margin-bottom: -0.5rem;
    }
    .sec-title h2 span {
        padding-top: 1.3rem;
        padding-right: 0.5rem;
        margin-bottom: -0.5rem;
        line-height: 4rem;
    }
    .services-left h2 {
        font-size: 4rem;
        line-height: 1;
    }
    p {
        font-size: 1.055rem;
    }
    h6,
    p {
        line-height: 1.5rem;
    }
    h5 {
        font-size: 2rem;
        line-height: 3rem;
    }
    .about-section .sub-title {
        max-width: 45rem;
    }
}
@media (min-width: 1200px) {
    .tt-grid.ttgr-layout-3 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-3.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw;
    }
     .tt-grid.ttgr-layout-3-2 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n + 4),
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(5n + 5) {
        width: 50%;
    }
     .tt-grid.ttgr-layout-2-3 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n + 1),
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(5n + 2) {
        width: 50%;
    }
}
@media (min-width: 1140px) {
    .vt__container {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}
@media (min-width: 1080px) {
    .services-block {
        padding: 6rem 5rem;
    }
}
@media (min-width: 1025px) {
    #page-header.ph-center .page-header-inner {
        max-width: 100%;
        padding-left: 4% ;
        padding-right: 4% ;
    }
    #page-header.ph-full {
        display: flex;
        align-items: center;
        min-height: 100vh;
    }
    #page-header.ph-full .page-header-inner {
        padding-top: 10% ;
        padding-bottom: 5% ;
    }
    #page-header.ph-full.ph-center .page-header-inner {
        padding-top: 5% ;
        padding-bottom: 5% ;
    }
    #page-header.ph-full .ph-image {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        bottom: 0;
        height: 100%;
    }
    #page-header.ph-full:not(.ph-bg-image).ph-image-cropped .ph-image-inner {
        padding-bottom: 140%;
    }
    #page-header.ph-cap-xxlg.ph-stroke .ph-caption-title {
        -webkit-text-stroke-width: 3px;
    }
    .ph-share-inner {
        text-align: right;
    }
    .ph-share-trigger {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 10px, 0);
        transition: all 0.3s ease;
    }
    .ph-share-text {
        letter-spacing: 1px;
        transform: rotate(-90deg);
    }
    .ph-share-icon {
        margin-top: 15px;
    }
    .ph-share:hover .ph-share-trigger {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -30px, 0);
    }

    .ph-share .social-buttons {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -10%, 0);
        transition: all 0.3s ease;
    }
    .ph-share:hover .social-buttons {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, -60%, 0);
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even) {
        margin-left: 35%;
        margin-right: 17%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 17%;
        margin-right: 35%;
    }
    .tt-page-nav.tt-pn-stroke .tt-pn-title {
        font-weight: bold;
        font-weight: 700;
        opacity: 0.8;
        -webkit-text-stroke-width: 3px;
        -webkit-text-stroke-color: #fff;
        -webkit-text-fill-color: transparent;
    }
    .tt-pn-link:hover .tt-pn-title {
        transform: translate3d(0, -100%, 0);
        transition-delay: 0.1s;
    }
    .tt-pn-link:hover .tt-pn-hover-title {
        transform: translate3d(0, 0, 0);
        transition-delay: 0.1s;
    }
    /* If Firefox */
    body.is-firefox .tt-page-nav.tt-pn-stroke .tt-pn-title {
        -webkit-text-stroke-width: 3px;
    }
     .tt-page-nav.tt-pn-center .tt-pn-link:hover .tt-pn-hover-title {
        transform: translate3d(-50%, 0, 0);
    }
     body.tt-np-image-on .tt-np-caption {
        padding: 10% 17% 40px 17%;
    }
    body.tt-np-image-on .tt-next-project {
        height: 100vh;
    }
    .tt-image.tti-fixed-height img {
        width: 100%;
        height: 80vh;
        object-fit: cover;
        object-position: 50% 50%;
    }
    .tt-content-carousel .swiper-slide {
        height: 100%;
        width: auto;
    }
    .tt-content-carousel-item {
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .tt-content-carousel .tt-cc-image,
    .tt-content-carousel .swiper-slide .tt-cc-video {
        position: relative;
        width: 100%;
        height: 28vw;
        width: auto;
    }
    .tt-content-carousel.cc-shifted .swiper-slide:nth-child(2n) {
        padding-top: 7%;
    }
    .tt-content-carousel.cc-hide-pagination .tt-cc-pagination {
        display: none ;
    }
    .vt-testimonials-slider.ts-hide-pagination {
        margin-bottom: 0;
    }
    .vt-testimonials-slider.ts-hide-pagination .tt-ts-pagination {
        display: none ;
    }
    figcaption {
        position: absolute;
        right: 5%;
        bottom: 5%;
        margin-left: 5%;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .tt-heading.tt-heading-xlg.tt-heading-stroke .tt-heading-title {
        -webkit-text-stroke-width: 1px;
    }
    .tt-heading.tt-heading-xxlg.tt-heading-stroke .tt-heading-title {
        -webkit-text-stroke-width: 2px;
    }
    .tt-main-menu {
        pointer-events: initial;
    }
    .tt-main-menu-list {
        margin: 0;
        padding: 0;
        list-style: none;
        font-size: 0; /* inline list cap fix */
    }
    .tt-main-menu-list > li {
        display: inline-block;
        font-size: inherit; /* inline list cap fix */
        padding: 0 20px;
        transition: opacity 0.2s;
    }
    .tt-main-menu-list > li:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    .tt-main-menu-list > li:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    .tt-main-menu-list > li > a,
    .tt-main-menu-list > li > .tt-submenu-trigger > a {
        display: block;
        padding: 20px 5px;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        transition: color 0.3s, opacity 0.3s;
    }
    /* Main menu hover */
    .tt-main-menu-list.tt-mm-hover > li > a,
    .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a {
        opacity: 0.6;
    }
    .tt-main-menu-list.tt-mm-hover > li > a:hover,
    .tt-main-menu-list.tt-mm-hover > li > .tt-submenu-trigger > a:hover,
    .tt-main-menu-list.tt-mm-hover > li.active > a,
    .tt-main-menu-list.tt-mm-hover > li.active > .tt-submenu-trigger > a,
    .tt-main-menu-list.tt-mm-hover > li.tt-submenu-open > .tt-submenu-trigger > a {
        opacity: 1;
        color: #fff;
    }
    /* Submenu 
	============ */
    .tt-submenu-wrap {
        position: relative;
    }
    .tt-submenu {
        position: absolute;
        display: block ;
        top: 100%;
        left: 0;
        width: 220px;
        background-color: #fff;
        text-align: left;
        visibility: hidden;
        opacity: 0;
        z-index: 99999;
        border-radius: 3px;
        transform: translate3d(0, 10px, 0);
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
    }
    /* Open submenu on hover */
    .tt-submenu-wrap.tt-submenu-open > .tt-submenu {
        visibility: visible;
        opacity: 1;
        transform: translate3d(0, 0, 0);
        transition-delay: 0.1s;
    }
    /* submenu links */
    .tt-submenu-list {
        margin: 0;
        padding: 15px 0;
        list-style: none;
    }
    .tt-submenu-list li {
        width: 100%;
    }
    .tt-submenu-list li:first-child {
    }
    .tt-submenu-list li:last-child {
    }
    .tt-submenu-list li a {
        position: relative;
        display: block;
        padding: 8px 25px 8px 20px;
        text-decoration: none;
        font-size: 15px;
        font-weight: normal;
        font-weight: 400;
        line-height: 1.4;
        color: #111;
        transition: all 0.2s ease-in-out;
    }
    .tt-submenu-list > li a:hover,
    .tt-submenu-list > li > .tt-submenu-trigger:hover a,
    .tt-submenu-list > li.active > a,
    .tt-submenu-list > li.active > .tt-submenu-trigger a {
        background-color: rgba(0, 0, 0, 0.05);
    }
    /* Set submenu position to right on last menu list element */
    .tt-main-menu-list > li:last-child > .tt-submenu {
        left: auto;
        right: 0;
    }
    /* Submenu toggle */
    .tt-m-caret {
        display: none;
    }
    /* Sub-submenu */
    .tt-submenu .tt-submenu-wrap > .tt-submenu {
        left: 100%;
        right: auto;
        margin-top: -50px;
        margin-left: 0;
    }
    /* Caret (requires FontAwesome: https://fontawesome.com/) */
    .tt-submenu-trigger > a::after {
        margin-left: 7px;
        font-size: 9px;
        line-height: 0;

        font-family: "Font Awesome 5 Free";
        content: "\f063";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    /* Caret in sub-submenus */
    .tt-submenu-wrap .tt-submenu-wrap .tt-submenu-trigger > a::after {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 11px;
        transform: translate3d(0, -50%, 0) rotate(-90deg);
    }
    /* Hide ".tt-submenu-trigger-m" on desktop */
    .tt-submenu-trigger .tt-submenu-trigger-m {
        display: none;
    }
    /* Submenu styles 
	================== */
    /* Submenu dark style */
    .tt-submenu-dark .tt-submenu {
        background-color: #212121;
        color: #a9a9a9;
    }
    .tt-submenu-dark .tt-submenu .tt-submenu-list li a {
        color: #a9a9a9;
    }
    .tt-submenu-dark .tt-submenu .tt-submenu-list > li a:hover,
    .tt-submenu-dark .tt-submenu .tt-submenu-list > li > .tt-submenu-trigger:hover a,
    .tt-submenu-dark .tt-submenu .tt-submenu-list > li.active > a,
    .tt-submenu-dark .tt-submenu .tt-submenu-list > li.active > .tt-submenu-trigger a {
        color: #fff;
        background-color: transparent;
    }
    #tt-m-menu-toggle-btn-wrap {
        /* Hide on desktop */
        display: none;
    }
     #tt-footer {
        padding: 30px 0;
    }
    #tt-footer.footer-absolute {
        position: absolute;
        left: 0;
        bottom: 30px;
        padding: 0;
        pointer-events: none;
    }
    #tt-footer.footer-absolute a {
        pointer-events: initial;
    }
    .tt-footer-inner {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    /* Footer columns */
    .footer-col {
        flex: 1;
        padding: 0 15px;
        margin: 0 5px;
    }
    .footer-col:first-child {
        margin-left: 0;
        padding-left: 0;
    }
    .footer-col:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    .footer-col-inner {
    }

    /* Align footer column content */
    .footer-col.tt-align-top-center {
        display: flex;
        justify-content: center;
    }
    .footer-col.tt-align-top-right {
        display: flex;
        justify-content: flex-end;
    }
    .footer-col.tt-align-center-left {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .footer-col.tt-align-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-col.tt-align-center-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .footer-col.tt-align-bottom {
        display: flex;
        align-items: flex-end;
    }
    .footer-col.tt-align-bottom-center {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .footer-col.tt-align-bottom-right {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }

    /* Footer social */
    #tt-footer .footer-social {
        position: relative;
        line-height: 50px;
        height: 50px;
        pointer-events: auto;
        color: #fff;
    }
    #tt-footer .footer-social:before {
        /* expands the hover area */
        position: absolute;
        content: "";
        top: 0;
        bottom: -30px;
        left: 0;
        right: 0;
        z-index: -1;
    }
    #tt-footer .footer-social .footer-social-text {
        display: block;
        text-align: right;
        font-size: 15px;
        cursor: pointer;
        opacity: 1;
        visibility: visible;
    }
    #tt-footer .footer-social .footer-social-text > span {
        margin-right: 13px;
    }
    #tt-footer .footer-social .social-buttons {
        opacity: 0;
        visibility: hidden;
        transform: translate3d(0, -50%, 0);
    }
    #tt-footer .footer-social .footer-social-text,
    #tt-footer .footer-social .social-buttons {
        transition: all 0.3s ease;
    }

    #tt-footer .footer-social:hover .footer-social-text {
        transform: translate3d(0, -50%, 0);
        opacity: 0;
        visibility: hidden;
    }
    #tt-footer .footer-social:hover .social-buttons {
        transform: translateY(-100%);
        opacity: 1;
        visibility: visible;
    }
    .vt-blog-carousel.tt-blc-shifted:not([data-loop="true"]) .swiper-slide:nth-child(even) {
        padding-top: 5%;
    }
    #blog-list.bli-compact .blog-list-item {
        display: flex;
        margin-bottom: 100px;
    }
    #blog-list.bli-compact .bli-image-wrap {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    #blog-list.bli-compact .bli-image {
        padding-bottom: 0;
    }
    #blog-list.bli-compact .bli-image,
    #blog-list.bli-compact .anim-image-parallax-wrap {
        height: 100%;
    }
    #blog-list.bli-compact .bli-info {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
        padding-top: 0;
    }
    #blog-list.bli-compact .bli-image-wrap + .bli-info {
        padding: 0 0 0 5%;
    }
    #blog-list.bli-compact .bli-categories {
        margin-bottom: 10px;
    }
    #blog-list.bli-compact .bli-title {
        margin-bottom: 15px;
        font-size: clamp(28px, 3vw, 38px);
    }
    #blog-list.bli-compact .bli-desc {
        margin: 20px 0;
    }
    #blog-list.bli-compact .bli-read-more {
        margin: 30px 0 0 0;
    }

    /* Counter (no effect if sidebar exist!) */
    body:not(.tt-sidebar-on) #blog-list.bli-compact {
        counter-reset: bli-compact-counter;
    }
    body:not(.tt-sidebar-on) #blog-list.bli-compact .bli-info::before {
        position: absolute;
        counter-increment: bli-compact-counter;
        content: "" counter(bli-compact-counter, decimal-leading-zero);
        top: -30%;
        left: 30%;
        line-height: 1;
        font-size: clamp(40px, 37vw, 360px);
        font-weight: normal;
        color: #fff;
        opacity: 0.1;
        z-index: -1;
    }

    /* If sidebar exist */
    body.tt-sidebar-on #blog-list.bli-compact .bli-title {
        font-size: 30px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n + 4),
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n + 5) {
        width: 50%;
    }
    .tt-grid.ttgr-layout-4-3 .ttgr-height {
        padding-bottom: 70% ;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n + 4) .ttgr-height,
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(5n + 5) .ttgr-height {
        padding-bottom: 60% ;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 33.33333%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n + 1),
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n + 2) {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3-4 .ttgr-height {
        padding-bottom: 70% ;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n + 1) .ttgr-height,
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(5n + 2) .ttgr-height {
        padding-bottom: 60% ;
    }
}
@media (min-width: 992px) {
    .ttgr-cat-list {
        counter-reset: ttgr-cat-list-counter;
    }
    .ttgr-cat-list .ttgr-cat-item::before {
        position: absolute;
        counter-increment: ttgr-cat-list-counter;
        content: "" counter(ttgr-cat-list-counter, decimal-leading-zero);
        top: 5px;
        left: -40px;
        line-height: 1;
        font-size: 14px;
        font-weight: normal;
        color: #fff;
        opacity: 0.4;
    }
    .team-grid {
        width: 85%;
        margin: 0 auto;
    }
    .tt-overlay-menu.tt-ol-menu-count .tt-ol-menu-list {
        counter-reset: ol-menu-list-counter;
        display: flex;
        flex-wrap: wrap;
    }
    .tt-ol-menu-list > li {
        width: calc(100% / 2);
    }
     .vt-accordion.tt-ac-lg .tt-ac-head-title {
        font-size: calc(24px + 1vw);
    }

    .vt-accordion.tt-ac-xlg .tt-ac-head-title {
        font-size: calc(24px + 1.5vw);
    }

    .vt-accordion.tt-ac-xxlg .tt-ac-head-title {
        font-size: calc(24px + 2vw);
    }
}
@media (min-width: 960px) {
    .vt__container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .state-grid {
        padding-bottom: 10rem;
    }
    .box-dark:nth-child(2n) {
        margin-top: 10rem;
        margin-bottom: -10rem;
    }
}
@media (min-width: 769px) {
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) .pli-caption {
        left: 85%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) .pli-counter {
        left: auto;
        right: -30%;
    }
    .portfolio-list.pli-hover .pli-image,
    .portfolio-list.pli-hover .pli-video,
    .portfolio-list.pli-hover .pli-caption-front {
        transition: all 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
        clip-path: inset(0 0 0 0);
    }
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-image,
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-video,
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-caption-front {
        clip-path: inset(3% 3% 3% 3%);
    }

    /* Image zoom */
    .portfolio-list.pli-hover .pli-image-hover-zoom {
        transition: all 1s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    .portfolio-list.pli-hover .portfolio-list-item:hover .pli-image-hover-zoom {
        transform: scale(1.05);
    }
    .pli-caption {
        position: absolute;
        left: -15%;
        bottom: 15%;
        width: 100%;
        max-width: 600px;
    }
    .pli-caption-front {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 3;
    }
    .pli-caption.pli-caption-back {
        z-index: 1;
        pointer-events: none;
    }
}
@media (min-width: 768px) {
    body.ttgr-cat-nav-open .ttgr-item-inner {
        transition: transform 0.6s ease-in-out;
    }
    .ttgr-cat-classic-nav.ttgr-cat-classic-center {
        text-align: center;
    }
    .ttgr-cat-classic-nav.ttgr-cat-classic-right {
        text-align: right;
    }
     .tt-grid.ttgr-layout-2 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-1-2 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-1-2 .tt-grid-item:nth-child(3n + 1) .ttgr-height {
        padding-bottom: calc(60% - 20%);
    }
    .tt-grid.ttgr-layout-2-1 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-2-1 .tt-grid-item:nth-child(3n + 0) .ttgr-height {
        padding-bottom: calc(60% - 20%);
    }
    .tt-grid.ttgr-layout-1-2 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-1-2 .tt-grid-item:nth-child(3n + 1) .ttgr-height {
        padding-bottom: calc(60% - 20%);
    }
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n + 1),
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n + 5) {
        width: 60%;
    }
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n + 2),
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-of-type(6n + 4) {
        width: 40%;
        padding-top: 12vw;
    }
    .tt-grid.ttgr-layout-creative-1 .tt-grid-item:nth-child(3n + 3) {
        width: 100%;
        padding: 0 14vw;
    }
    .tt-grid.ttgr-layout-creative-1:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:nth-child(3n + 3) .ttgr-height {
        padding-bottom: 55%;
    }
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n + 1),
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n + 4) {
        width: 58%;
    }
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n + 2),
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:nth-of-type(4n + 3) {
        width: 42%;
        padding-top: 9.8vw;
    }
    .tt-grid.ttgr-layout-creative-2 .tt-grid-item:last-child:nth-child(odd) {
        width: 100%;
        padding: 0 14vw;
    }
    .tt-grid.ttgr-layout-creative-2:not(.ttgr-portrait):not(.ttgr-not-cropped) .tt-grid-item:last-child:nth-child(odd) .ttgr-height {
        padding-bottom: 55%;
    }
    .tt-grid.ttgr-shifted:not([class*="ttgr-layout-"]) .tt-grid-item:nth-child(even) .ttgr-item-inner {
        margin-left: 20vw;
    }
    .tt-grid.ttgr-shifted:not([class*="ttgr-layout-"]) .tt-grid-item:nth-child(odd) .ttgr-item-inner {
        margin-right: 20vw;
    }
    .tt-grid.ttgr-layout-2.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 8vw;
    }
    .tt-grid.ttgr-layout-3.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 13vw;
    }
    .tt-grid.ttgr-gap-1 .ttgr-item-inner {
        margin: 0 0.2vw 0.4vw 0.2vw;
    }
    .tt-grid.ttgr-gap-4 .ttgr-item-inner {
        margin: 0 3vw 6vw 3vw;
    }
    .tt-grid.ttgr-gap-5 .ttgr-item-inner {
        margin: 0 4vw 8vw 4vw;
    }
    .tt-grid.ttgr-gap-6 .ttgr-item-inner {
        margin: 0 5vw 10vw 5vw;
    }
    .tt-ol-menu-social {
        position: fixed;
        top: 50%;
        transform: translateY(-50%);
    }
    .vt-blog-carousel-item {
        margin-left: 1.5vw;
        margin-right: 1.5vw;
    }
     .portfolio-list-item.pli-image-is-light .pli-image[class*="cover-opacity-"]::before,
    .portfolio-list-item.pli-image-is-light .pli-video[class*="cover-opacity-"]::before {
        display: none;
    }
    .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-title {
        color: #111;
    }
    .portfolio-list-item.pli-image-is-light .pli-caption-front .pli-category {
        color: #111;
    }
    .tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item-inner {
        clip-path: inset(0 0 0 0);
        overflow: hidden;
        transition: clip-path 0.8s cubic-bezier(0.07, 0.72, 0.29, 0.96);
    }
    .tt-gallery.ttga-hover [class*="ttgr-gap-"]:not(.ttgr-gap-1) .tt-gallery-item:hover .tt-gallery-item-inner {
        clip-path: inset(3% 3% 3% 3%);
    }
    .tt-gallery.ttga-hover .tt-gallery-image-hover-zoom {
        transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
    }
    .tt-gallery.ttga-hover .tt-gallery-item:hover .tt-gallery-image-hover-zoom {
        transform: scale(1.05);
    }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
     .tt-grid.ttgr-layout-2-3 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(3n + 1) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-2-3 .ttgr-height {
        padding-bottom: 70% ;
    }
    .tt-grid.ttgr-layout-2-3 .tt-grid-item:nth-child(3n + 1) .ttgr-height {
        padding-bottom: calc(60% - 20%) ;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(3n + 0) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-3-2 .ttgr-height {
        padding-bottom: 70% ;
    }
    .tt-grid.ttgr-layout-3-2 .tt-grid-item:nth-child(3n + 0) .ttgr-height {
        padding-bottom: calc(60% - 20%) ;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .tt-grid.ttgr-layout-4 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-4.ttgr-shifted .tt-grid-item:nth-child(2) .ttgr-item-inner {
        margin-top: 13vw;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(3n + 0) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-4-3 .ttgr-height {
        padding-bottom: 70% ;
    }
    .tt-grid.ttgr-layout-4-3 .tt-grid-item:nth-child(3n + 0) .ttgr-height {
        padding-bottom: calc(60% - 20%) ;
    }
     .tt-grid.ttgr-layout-3-4 .tt-grid-item {
        width: 50%;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(3n + 1) {
        width: 100%;
    }
    .tt-grid.ttgr-layout-3-4 .ttgr-height {
        padding-bottom: 70% ;
    }
    .tt-grid.ttgr-layout-3-4 .tt-grid-item:nth-child(3n + 1) .ttgr-height {
        padding-bottom: calc(60% - 20%) ;
    }
}
@media (min-width: 720px) {
    .vt__container {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (min-width: 640px) {
    p {
        font-size: 1.25rem;
        line-height: 1.65rem;
    }
}
@media (min-width: 540px) {
    .vt__container {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .about-right {
        max-width: 40rem;
        margin-left: auto;
    }
}
@media (max-width: 1920px) {
    .page-header-inner {
        padding-top: 300px;
        padding-bottom: 200px;
    }
    body.ph-image-on #page-header .page-header-inner {
        padding-top: 200px;
        padding-bottom: 140px;
    }
    /* If page header image does not exist or project info list exist */
    body:not(.ph-image-on) #page-header .page-header-inner,
    body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
        padding-top: 240px;
        padding-bottom: 200px;
    }
     .ph-image {
        width: 380px;
    }
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 440px;
    }
}
@media (max-width: 1600px) {
    .ph-image,
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 25vw;
    }
    .tt-row.tt-lg-row-reverse .tt-sidebar {
        margin-right: 10px;
    }
    .tt-sidebar {
        margin-left: 10px;
    }
}
@media (min-width: 1440px) {
    .vt__container {
        padding-left: 4rem;
        padding-right: 4rem;
    }
     body.tt-boxed .tt-wrap .tt-page-nav {
        padding-left: 8%;
        padding-right: 8%;
    }
    .about-main p {
        font-size: 1.5rem;
    }
    h6,
    p {
        line-height: 2rem;
    }
}
@media (max-width: 1400px) and (min-width: 769px) {
    body:not(.is-mobile).tt-sliding-sidebar-left-on #content-wrap {
        padding-left: 40px;
    }
    body:not(.is-mobile).tt-sliding-sidebar-right-on #content-wrap {
        padding-right: 40px;
    }
    body:not(.is-mobile).tt-sliding-sidebar-left-on .tt-header-inner {
        padding-left: 50px;
    }
    body:not(.is-mobile).tt-sliding-sidebar-right-on .tt-header-inner {
        padding-right: 50px;
    }
}
@media (max-width: 1400px) {
    body.tt-boxed .page-header-inner.tt-wrap {
        padding-left: 8%;
        padding-right: 5%;
    }
}
@media (min-width: 1320px) {
    .vt__container {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}
@media (max-width: 1300px) {
    .tt-ol-menu-social {
        right: 5%;
    }
}
@media (max-width: 1140px) {
    .sec-title h3 {
        font-size: 7rem;
        line-height: 7rem;
    }
    .sec-title h2 {
        font-size: 4rem;
        line-height: 4rem;
    }
    .tt-ac-head-title {
        font-size: 26px;
    }
}
@media (max-width: 1024px) {
    #page-header {
        padding-top: 10rem;
        padding-bottom: 8rem;
    }
    #page-header .page-header-inner {
        padding-top: 250px;
        padding-bottom: 250px;
    }
    body:not(.tt-boxed) .page-header-inner,
    .page-header-inner:not(.tt-wrap) {
        padding-left: 5%;
        padding-right: 5%;
    }
    .ph-image,
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        right: 10vw;
    }
    #page-header.ph-stroke .ph-caption-title {
        -webkit-text-stroke-width: 1px;
    }
    .tt-scroll-down {
        bottom: 0%;
        left: 6%;
    }
    .tt-sd-text {
        display: none;
    }
    .tt-sd-arrow {
        width: 15px;
    }
    .tt-sd-arrow::before,
    .tt-sd-arrow::after {
        width: 10px;
    }
    .ph-share {
        right: 2%;
        bottom: 1%;
        height: auto;
    }
    .ph-share-inner {
        display: flex;
        align-items: center;
    }
    .ph-share-text {
        margin-right: 15px;
    }
    .ph-share-text::after {
        content: ":";
        margin-left: 1px;
    }
    .ph-share-icon {
        display: none;
    }
    .tt-header-inner {
        padding-top: 20px;
    }
    .tt-logo img {
        max-height: 42px; 
    }
    .tt-main-menu {
        pointer-events: initial;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: var(--tt-main-bg-color);
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
    }
     .portfolio-list-item {
        margin-left: 32%;
        margin-right: 5%;
    }
    .portfolio-list.pli-cropped .pli-image img,
    .pli-video video {
        height: 45vw;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even) {
        margin-left: 30%;
        margin-right: 5%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 5%;
        margin-right: 30%;
    }
    .tt-main-menu-holder {
        position: relative;
        height: 100%;
        width: calc(100% + 17px);
        overflow-y: scroll;
        z-index: 2;
    }
    body.is-mobile .tt-main-menu-holder {
        padding-right: 17px;
    }
    .tt-next-project {
        height: 50vh;
    }
    body:not(.tt-np-image-on) .tt-next-project {
        height: auto;
    }
    .tt-pn-hover-title {
        display: none;
    }
     .tt-page-nav {
        text-align: center;
    }
    .tt-pn-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tt-main-menu-inner {
        display: table;
        width: 100%;
        height: 100%;
        padding: 20% 7%;
    }
    .tt-main-menu-content {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
     .tt-pagin-item {
        width: 35px;
        height: 35px;
        font-size: 21px;
    }
    /* Mobile menu list */
    .tt-main-menu-list {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .tt-main-menu-list > li {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .tt-main-menu-list > li:first-child {
        margin-top: 0;
    }
    .tt-main-menu-list > li:last-child {
        margin-bottom: 0;
    }
    .tt-main-menu-list > li a {
        position: relative;
        display: inline-block;
        font-size: 34px;
        font-weight: 700;
        line-height: 1.2;
        color: #818181;
    }
    .tt-next-project.tt-np-stroke .tt-np-title {
        -webkit-text-stroke-width: 1px;
    }
     body:not(.tt-np-image-on) .tt-np-ghost {
        font-size: 32vw;
    }
    .tt-np-caption {
        padding: 140px 10% 40px 10%;
    }
    body:not(.tt-np-image-on) .tt-np-caption {
        padding: 15% 10%;
    }
    /* Mobile menu list active (master parent) */
    .tt-main-menu-list > li.active > a,
    .tt-main-menu-list > li.active > .tt-submenu-trigger a,
    .tt-main-menu-list > li > .tt-submenu-trigger.tt-m-submenu-open a,
    .tt-main-menu-list > li.active > .tt-submenu-trigger .tt-m-caret {
        color: #fff;
    }
    .tt-main-menu-list > li.active > a,
    .tt-main-menu-list > li.active > .tt-submenu-trigger a,
    .tt-main-menu-list > li > .tt-submenu-trigger.tt-m-submenu-open a {
        transform: skew(-15deg, 0deg);
    }
    /* Mobile submenu */
    .tt-submenu-wrap {
        position: relative;
    }
    .tt-submenu-trigger {
        position: relative;
        display: inline-block;
    }
    .tt-submenu-trigger > a {
        position: relative;
        z-index: 1;
    }
    .tt-submenu-trigger .tt-submenu-trigger-m {
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        cursor: pointer;
    }
    .tt-submenu {
        display: none;
        position: relative;
        top: auto;
        left: 0 ;
        min-width: 100%;
        background-color: transparent;
        margin-top: 15px;
        margin-bottom: 15px;
        color: #a9a9a9;
    }
    .tt-submenu-list {
        margin: 0 0 0 20px;
        padding: 0;
        list-style: none;
    }
    .tt-submenu-list .tt-submenu {
        margin-top: 10px;
    }
    .tt-submenu-list > li {
    }
    .tt-submenu-list > li a {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 18px;
        font-weight: 500;
        color: #aaa;
        -webkit-text-stroke: 0;
    }
    /* Mobile submenu list hover/active */
    .tt-submenu-list > li a:hover,
    .tt-submenu-list > li > .tt-submenu-trigger:hover a,
    .tt-submenu-list > li > .tt-submenu-trigger:hover .tt-m-caret,
    .tt-submenu-list > li > .tt-submenu-trigger.tt-m-submenu-open a,
    .tt-submenu-list > li > .tt-submenu-trigger.tt-m-submenu-open .tt-m-caret,
    .tt-submenu-list > li.active > a,
    .tt-submenu-list > li.active > .tt-submenu-trigger a,
    .tt-submenu-list > li.active > .tt-submenu-trigger .tt-m-caret {
        color: #fff;
    }
    /* Mobile submenu caret (requires FontAwesome: https://fontawesome.com/) */
    .tt-m-caret {
        position: absolute;
        top: 55%;
        right: -40px;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #818181;
        cursor: pointer;
        z-index: 9;
        border-radius: 100%;
        transform: translate3d(0, -50%, 0);
    }
    .tt-m-caret::after {
        font-family: "Font Awesome 5 Free";
        content: "\f063";
        font-weight: 900;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        transition: all 0.2s ease-in-out;
    }
    .tt-submenu-trigger.tt-m-submenu-open .tt-m-caret::after {
        transform: rotate(180deg);
    }
    /* Mobile sub-submenu caret */
    .tt-submenu-list > li > .tt-submenu-trigger .tt-m-caret {
        color: #8a8a8a;
    }
    .tt-content-carousel-item {
        margin-left: 2vw;
        margin-right: 2vw;
    }
    .tt-content-carousel .tt-cc-image,
    .tt-content-carousel .swiper-slide .tt-cc-video {
        position: relative;
        width: 100%;
        height: 60vw;
        object-fit: cover;
        object-position: 50% 50%;
    }
    /* Mobile menu toggle button */
    #tt-m-menu-toggle-btn-wrap {
        position: relative;
        display: flex;
        align-items: center;
        pointer-events: initial;
        cursor: pointer;
        z-index: 9;
    }
    .tt-m-menu-toggle-btn-holder {
        float: left;
    }

    .tt-m-menu-toggle-btn {
        position: relative;
        display: block;
        width: 50px;
        height: 50px;
    }
    .tt-m-menu-toggle-btn span {
        position: absolute;
        display: block;
        top: 52%;
        left: 50%;
        height: 2px;
        width: 24px;
        background-color: transparent;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease-in-out;
    }
    .tt-m-menu-toggle-btn span::before,
    .tt-m-menu-toggle-btn span::after {
        position: absolute;
        display: block;
        content: "";
        height: 2px;
        width: 24px;
        background-color: #fff;
        transition: all 0.3s ease-in-out;
    }
    .tt-m-menu-toggle-btn span::before {
        top: -4px;
        width: 24px;
    }
    .tt-m-menu-toggle-btn span::after {
        top: auto;
        bottom: -4px;
        width: 18px;
    }
    /* Toggle button text */
    .tt-m-menu-toggle-btn-text {
        float: left;
        padding-right: 5px;
        overflow: hidden;
        text-align: right;
        font-size: 16px;
        color: #fff;
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-menu {
        display: none;
    }
    /* Toggle button close */
    body.tt-m-menu-open .tt-m-menu-toggle-btn span {
        width: 20px;
        background-color: transparent;
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn span::before {
        top: 0;
        width: 20px;
        transform: rotate(45deg);
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn span::after {
        bottom: 0;
        width: 20px;
        transform: rotate(-45deg);
    }
    .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
        display: none;
    }
    body.tt-m-menu-open .tt-m-menu-toggle-btn-text .tt-m-menu-text-close {
        display: block;
    }
    /* Disable menu toggle button click until the animations last */
    body.tt-m-menu-toggle-no-click #tt-m-menu-toggle-btn-wrap {
        pointer-events: none;
    }
    /* Align mobile menu to center */
    .tt-main-menu.tt-m-menu-center .tt-main-menu-content {
        text-align: center;
    }
    .tt-main-menu.tt-m-menu-center .tt-submenu-list {
        margin: 0;
    }
    .tt-ts-pagination {
        bottom: -50px;
    }
    .tt-ts-nav-prev,
    .tt-ts-nav-next {
        display: none;
    }
    .vt-testimonials-slider .swiper-slide {
        width: 100% ;
        margin-left: 3vw;
        margin-right: 3vw;
    }
    .vt-testimonials-slider-item {
        padding: 20px;
    }
    .tt-content-carousel.cc-pagination-outside {
        overflow: visible;
        margin-bottom: 65px;
    }
    .tt-content-carousel.cc-pagination-outside .tt-cc-pagination {
        bottom: -65px;
    }
    #tt-footer {
        padding: 60px 0;
    }
    .tt-footer-inner {
        display: flex;
        flex-direction: column;
    }

    /* Footer columns */
    .footer-col {
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-col:first-child {
    }
    .footer-col:last-child {
    }
    .footer-col-inner {
    }

    /* Order footer columns */
    .footer-col.order-m-first {
        order: -1;
    }
    .footer-col.order-m-last {
        order: 10;
    }
    .footer-col.order-m-1 {
        order: 1;
    }
    .footer-col.order-m-2 {
        order: 2;
    }
    .footer-col.order-m-3 {
        order: 3;
    }
    .footer-col.order-m-4 {
        order: 4;
    }
    .footer-col.order-m-5 {
        order: 5;
    }
    .footer-col.order-m-6 {
        order: 6;
    }
    .footer-col.order-m-7 {
        order: 7;
    }
    .footer-col.order-m-8 {
        order: 8;
    }
    .footer-col.order-m-9 {
        order: 9;
    }
    .footer-col.order-m-10 {
        order: 10;
    }

    /* Footer copyright */
    #tt-footer .tt-copyright .tt-btn-link {
        height: auto;
    }

    /* Footer social */
    #tt-footer .footer-social {
        margin-bottom: 10px;
    }
    #tt-footer .footer-social .footer-social-text {
        display: none;
    }
    #tt-footer .social-buttons > ul > li a {
        width: 34px;
        height: 34px;
    }
}
@media (max-width: 992px) {
    .lg-sub-html {
        padding: 10px 10px 40px 10px;
        font-size: 14px;
    }
    .tt-heading {
        margin-bottom: 30px;
    }
}
@media (max-width: 991px) {
    .tt-section {
        padding: 10% 0;
    }
    .tt-sidebar {
        margin: 60px 0 0 0 ;
    }
    .vt-accordion.tt-ac-borders .tt-ac-head {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .vt-accordion-caret {
        width: 25px;
        height: 4px;
    }
    .vt-accordion-caret:before,
    .vt-accordion-caret:after {
        width: 20px;
        height: 4px;
    }
    .tt-ac-head-title {
        font-size: 28px;
    }
    .social-buttons ul > li {
        margin: 0px;
    }
}
@media (max-width: 800px) {
    .gallery-grid .item {
        width: 26rem;
        min-width: 20.5rem;
        height: 19rem;
    }
    .gallery-grid {
        height: 20rem;
    }
    .work-title {
        font-size: 2.3rem;
    }
    .about-main {
        padding: 4rem 0;
    }
}
@media (max-width: 768px) {
    .pt-50{padding-top:3rem;}
    .pb-50{padding-bottom:3rem;}
    .ttgr-cat-trigger-wrap.ttgr-cat-fixed {
        bottom: 20px;
    }
    .ttgr-height {
        position: relative;
        padding-bottom: 60%;
    }
     .tt-grid.ttgr-gap-4 .ttgr-item-inner {
        margin: 0 1.5vw 5vw 1.5vw;
    }
    .tt-row.contact-group [class*="tt-col-"],.contact-main [class*="tt-col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .contact-main .tt-row{
        flex-direction: column-reverse;
        gap: 30px;
    }
    .pli-image[class*="cover-opacity-"]::before,
    .pli-video[class*="cover-opacity-"]::before {
        display: none ;
    }
    .portfolio-list-item {
        margin-left: 5%;
        margin-right: 5%;
    }
    .portfolio-list.pli-cropped .pli-image img,
    .pli-video video {
        height: 60vw;
    }
    .pli-counter{top: -5%;left: 0;z-index: 11;}
    .pli-counter{font-size: calc(30px + 7vw);}
     .portfolio-list-item::before {
        display: none;
    }
    .pli-caption-front {
        margin-top: 20px;
    }
    .pli-caption.pli-caption-back {
        display: none;
    }
    .pli-categories-wrap {
        margin-bottom: 10px;
    }
    .pli-category {
        color: #999;
    }
     .tt-cc-pagination-progressbar {
        max-width: 90%;
    }
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(even),
    .portfolio-list.pl-alter .portfolio-list-item:nth-child(odd) {
        margin-left: 3%;
        margin-right: 3%;
    }
    .portfolio-list-item{margin-bottom: 25%;}
    blockquote {
        margin-left: 0;
        margin-right: 0;
    }
    .tt-comment-reply {
        top: 0;
        right: 0;
    }
    .tt-comment-text {
        font-size: 16px;
    }
    .tt-ol-menu-social {
        margin-top: 80px;
        text-align: left;
    }
    .tt-comment-body {
        display: block;
    }
    #page-header {
        padding-top: 13rem;
        padding-bottom: 10rem;
    }
    .state_block-1 {
        color: #fff;
        background: #b92f04 ;
    }
    .state_block-2 {
        color: #121315;
        background: #c8d0d0 ;
    }
    .state_block-3 {
        color: #121315;
        background: #a0c9b8 
    }
    .state_block-4 {
        color: #121315;
        background: #dece3d ;
    }
    .tt-section {
        padding: 10% 0;
    }
    .vt__container {
        padding: 0 2rem;
    }
    .grid-work1 {
        display: flex ;
        flex-direction: column-reverse;
    }
    .grid-work2 {
        display: flex ;
        flex-direction: column;
    }
    .content-left,
    .content-right {
        padding: 2rem 0 0;
        align-content: center;
        flex-wrap: wrap;
        align-items:center;
    }
    .service-main {
        padding: 3rem 0 0;
    }
    .work-sec .tt-btn {
        display: none;
    }
    .state-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr)) ;
    }
    h3.testimonials-title {
        font-size: 3rem ;
        line-height: 3rem ;
    }
    .sec-title {
        text-align: center;
    }
    .sec-title h3 {
        font-size: 5rem;
        line-height: 5rem;
    }
    .block-wrapper-left {
        font-size: 8rem ;
        height: 6rem ;
        margin-bottom: 5rem ;
    }
    .about-text {
        font-size: 1.2rem ;
        line-height: 2rem ;
    }
    .about-sub {
        font-size: 1.8rem;
    }
    .line-wrapper {
    display: inline;
    }
    .line-wrapper .line {
        display: inline;
    }
    .services-blocks{
        display: block;
    }
    .sec-title h2 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }
    .sec-title h3 {
        font-size: 3rem ;
        line-height: 3rem ;
    }
    .vt-testimonials-slider-item{margin:0;}
    .vt-testimonials-slider-item{padding:0 ;}
    .services-block {flex-direction: column;padding-left: 2rem;padding-right: 2rem;padding-top: 3.5rem;padding-bottom: 3.5rem;}
    .services-block-text {flex-direction: column;}
    .services-block h5 {
        font-size: 1.25rem ;
        line-height: 0.65rem ;
    }
    .services-block-right {margin-top: -15px;}
    .services-left h2 {
        font-size: 3rem ;
        line-height: 1 ;
        margin-bottom: 1rem;
    }
    #blog-list.bli-compact .blog-list-item {
        margin-bottom:40px;
    }
    .bli-title {font-size:clamp(22px, 3vw, 42px) ;}
    .tt-btn{
        padding: 10px 13px ;
        font-size: 14px ;
        line-height: 14px ;
    }
    .tt-ts-item-inner{padding: 4vw;}
    h5.sub-title {font-size: 1.3rem;}
    .about-right p {
        font-size: 1.2rem;
        line-height: normal;
    }
    .page-header-inner,
    body:not(.ph-image-on) #page-header .page-header-inner,
    body.ph-image-on.ph-bg-image-on #page-header .page-header-inner {
        padding-top: 200px;
        padding-bottom: 140px;
    }
    .vt-blog-carousel[data-pagination-type] {
        padding-bottom: 80px;
    }
     .tt-blc-pagination-progressbar {
        max-width: 90%;
    }
    .tt-blc-nav-prev,
    .tt-blc-nav-next {
        top: -65px;
    }
    .tt-blc-nav-prev {
        right: 55px;
    }
    .tt-blc-nav-arrow {
        width: 50px;
        height: 50px;
    }
    [class*="tt-arrow"] {
        width: 17px;
    }
    [class*="tt-arrow"]:before,
    [class*="tt-arrow"]:after {
        width: 10px;
    }
    .tt-sliding-sidebar-trigger {
        top: auto;
        left: auto;
        right: 12px ;
        bottom: 12px ;
        width: 44px ;
        height: 44px ;
        background-color: var(--tt-main-color) ;
        color: #fff;
        border-radius: 100px;
        z-index: 2;
    }
    body.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon {
        display: none;
    }
    body.tt-sliding-sidebar-open .tt-sliding-sidebar-trigger .tt-ss-icon-close {
        display: block;
    }
     .tt-sliding-sidebar {
        width: 90%;
    }
}
@media (max-width: 767px) {
    .tt-grid.ttgr-gap-1 .ttgr-item-inner {
        margin: 0 1vw 1vw 1vw;
    }
    .tt-grid.ttgr-gap-5 .ttgr-item-inner {
        margin-bottom: 5vw;
    }
    .tt-grid.ttgr-gap-6 .ttgr-item-inner {
        margin-bottom: 6vw;
    }
     .tt-logo-wall > li {
        width: 33%;
    }
    .tt-main-menu-inner {
        padding-top: 35%;
        padding-bottom: 35%;
    }
    .tt-main-menu-list > li a {
        font-size: 34px;
    }
    .tt-ol-menu-content {
        /*padding-top: 40%;*/
        padding-top: 30%;
        padding-bottom: 35%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .tt-ol-menu-list > li {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .tt-ol-submenu-caret-wrap {
        right: -40px;
    }
    .contact-group {
        padding: 0;
        flex-direction: column-reverse !important;
    }
    .contact-group .form-sec{padding-top:3rem;}
}
@media (max-width: 680px) {
    .tt-bp-nav-title {
        display: none;
    }
    .tt-bp-nav-text {
        margin-bottom: 0;
        font-size: 19px;
        color: #fff;
    }
    .tt-logo-wall > li {
        width: 50%;
    }
}
@media (max-width: 540px) {
    body:not(.ph-center-on).ph-image-on #page-header .page-header-inner {
        padding-top: 240px;
        padding-bottom: 40vw;
    }
    .ph-image,
    #page-header.ph-full:not(.ph-center):not(.ph-bg-image) .ph-image {
        width: 50%;
    }
    .team-grid{justify-content: center;}
    .team-grid .teamgrid:nth-child(3n + 1),
    .team-grid .teamgrid:nth-child(2n),.team-grid .teamgrid:nth-child(3n){
        width: 80%;
        margin-bottom: 3rem;
    }
    .team-desc strong,.team-desc p{font-size:1.3rem}
    .team-grid .teamgrid:nth-child(3n){margin-top:0;}
    .services-left h2 {font-size: 2rem;}
    .services-right p {font-size: 1.2rem;}
    .expertise-main .marquee-item{padding:3rem 2rem !important;}
    .services-block h5 {
        font-size: 1rem;
        margin-bottom: 20px;
    }
    .pb-80 {
        padding-bottom: 3rem;
    }
    .pt-80 {
        padding-top: 3rem;
    }
    .pb-40 {
        padding-bottom: 1rem;
    }
    .pt-40 {
        padding-top: 1rem;
    }
}
@media (max-width: 480px) {
    /*.tt-section {*/
    /*    padding: 15% 0;*/
    /*}*/
    #page-header.ph-cap-lg .ph-caption-title {
        font-size: clamp(32px, 6vw, 112px);
    }
    .ph-caption-title-ghost {
        font-size: calc(16px + 16.5vw);
    }
    .block-wrapper-left {
        font-size: 5rem ;
        height: 4rem ;
        margin-bottom: 3rem ;
    }
    .about-sub {
        font-size: 1.5rem;
    }
    .ph-caption-title-ghost{font-size:calc(16px + 15vw) ;}
    .work-title {
        font-size: 1.8rem;
    }
    .block-wrapper-right {font-size: 1.5rem;line-height: 1.5rem;}
     #page-header.ph-cap-lg .ph-caption-title {
        font-size: clamp(32px, 6vw, 112px);
    }
    .sec-title h3 {
        font-size: 2.5rem;
        line-height:2.5rem;
    }
    .tt-ac-head-title {
        font-size: 22px;
    }
}