@media screen and (min-width: 1450px) {
    html {
        font-size: 1.05vw !important;
    }

    .container {
        max-width: 80rem !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    html {
        font-size: 1.1vw;
    }
}

@media only screen and (width: 1024px) and (height: 1366px) {
    html {
        font-size: 1.1vw;
    }

    /* body .slick-list,
    body .slider-style-2.variation-2 {
        height: 70vh !important;
    } */
}

@media (max-width:1199px) {
    .header-default .header-right {
        margin-left: -0.625rem;
    }

    body .mainmenu-nav .mainmenu li>* {
        font-size: 0.875rem;
        padding: 0 0.3125rem;
    }

    body .mainmenu-nav .mainmenu li.has-droupdown.has-menu-child-item {
        padding-right: 0.625rem;
    }

    body .mainmenu-nav .mainmenu li.has-droupdown.has-menu-child-item a {
        padding-right: 0.625rem;
    }

    .about-area.about-style-4 .small-iamge-area.images-left-right-float {
        width: 16.25rem;
        left: 2.5rem;
    }

    .machines .crane-block span {
        min-height: 5.8125rem;
    }

    .tmp-counterup-area .count-box>div :is(.count-number, .count-number span) {
        font-size: 2.625rem;
    }

    .tmp-counterup-area .count-box>div i {
        width: 3.125rem;
        height: 3.125rem;
    }

    .machines:is(.tmp-jump__item, .tmp-jump__item [class*='col-']) {
        height: 100%;
    }

    .machines .crane-block span {
        min-height: 5.8125rem;
    }

    .call-to-action-modern-wrapper {
        gap: 6.25rem;
    }

    /* Product List */
    .top-spacing,
    .product-list {
        padding-top: 7.5rem !important;
    }


    .tmp-portfolio-area .slide-title-wrapper {
        font-size: 22px;
    }
}


@media (max-width:991px) {
    header.tmp-header {
        padding: 0.625rem 0;
    }

    header.tmp-header.sticky {
        height: auto;
    }

    body .slick-list,
    body .slider-style-2.variation-2 {
        /* height: 80vh !important; */
        padding-bottom: 0;
    }

    body .slick-list .slick-track .inner.text-left h1.title.display-one,
    body .slider-style-2.variation-2 .inner .title {
        font-size: 3rem !important;
    }

    .machines .crane-block span {
        min-height: unset;
    }

    .bg-cta-modern.large-height .right-wrapper p {
        font-size: 1.375rem;
    }

    .bg-cta-modern.large-height .right-wrapper p br {
        display: none;
    }

    .call-to-action-modern-wrapper .right-wrapper {
        margin-bottom: 0 !important;
    }

    body .popup-mobile-menu .mainmenu li a.active {
        color: var(--inovic-yellow) !important;
    }

    /* White Theme */
    .hamberger-button {
        color: var(--inovic-yellow);
    }

    .side-nav-opened body::before,
    .close_side_menu,
    .popup-mobile-menu,
    .tmp-offcanvas-side-menu {
        background: rgb(255 255 255 / 20%);
    }

    .popup-mobile-menu .inner {
        background: var(--inovic-dark-white-gradient);
    }

    .popup-mobile-menu .mainmenu li a {
        color: var(--inovic-black);
    }

    .popup-mobile-menu .mainmenu li {
        border-top-color: #ddd !important;
    }

    .popup-mobile-menu .inner .header-top .close-menu .close-button {
        background-color: var(--inovic-yellow);
        color: var(--inovic-black);
    }

    body .tmp-portfolio-area .slider-container .slick-slider .slick-list {
        height: 490px !important;
    }

    .tmp-portfolio-area .header {
        margin-bottom: 30px;
    }

    .tmp-portfolio-area .header-content h3 {
        font-size: 12px;
    }
    .ab-hero img.img-left-bottom {
        opacity: .25;
    }
    .tmp-portfolio-area .nav-btn { width: 30px; height: 30px; } .tmp-portfolio-area .slider-nav { margin-top: 20px; }
}



@media screen and (min-width:768px) and (max-width:768px) {
    .thumbImgShowCase .slider .slick-next {
        right: 15px;
    }

    .thumbImgShowCase .slider .slick-prev {
        left: 35px;
    }
}

@media (max-width:767px) {

    /* body .slick-list,
    body .slider-style-2.variation-2 {
        height: 100vh !important;
    } */

    body .header-default .logo a {
        width: 130px;
    }

    body .tmp-btn.btn-primary {
        padding: 9px 14px;
        margin-right: 5px;
    }

    body .slick-list .slick-track .inner.text-left .tag-title {
        font-size: 12px;
    }

    body .slick-list .slick-track .inner.text-left h1.title.display-one,
    body .slider-style-2.variation-2 .inner .title {
        font-size: 32px !important;
    }

    body .slick-list .slick-track .inner.text-left h1.title.display-one br,
    body .slider-style-2.variation-2 .inner .title br {
        display: none;
    }

    body .slick-list .slick-track .inner.text-left h1.title.display-one span,
    body .slider-style-2.variation-2 .inner .title span {
        padding-right: 5px;
        display: inline-block;
    }

    .tmp-section-gapBottom {
        padding-bottom: 50px !important;
    }

    .tmp-section-gapTop {
        padding-top: 50px !important;
    }

    h2.title.w-700.tmp-title-split {
        font-size: 28px;
        margin-bottom: 40px;
    }

    .trusted .clients-logos .clients-logos-wrap .client-logo {
        padding: 0 16px;
    }

    .trusted h2 {
        margin-bottom: 20px;
    }

    :is(.machines, .tmp-counterup-area, .tmp-portfolio-area) .row {
        margin-top: -20px !important;
    }

    .machines .crane-block span {
        text-align: center;
    }

    body h2.title.w-700.tmp-title-split {
        margin-bottom: 20px;
    }

    .tmp-counterup-area .count-box {
        padding: 20px 24px;
    }

    .counter-style-4 .counter-title {
        margin-bottom: 0;
    }

    .crane-move .crane-wrap {
        transform: scale(0.42) translate(-570px, -250px);
    }

    .crane-move {
        height: 300px;
    }

    .popup-mobile-menu .inner .header-top .close-menu .close-button i {
        margin-bottom: 1px;
    }

    .popup-mobile-menu .mainmenu .has-menu-child-item>a:is(:hover, :active, :focus) {
        color: var(--inovic-yellow);
    }

    .popup-mobile-menu .mainmenu .has-droupdown .submenu li a:is(:hover, :active, :focus) {
        color: var(--inovic-yellow);
    }

    .tmp-portfolio-area .row {
        margin-top: 0 !important;
        margin-bottom: -10px !important;
    }

    .call-to-action-modern-wrapper .title {
        font-size: 26px;
    }

    .bg-cta-modern.large-height .right-wrapper p {
        font-size: 18px;
    }

    .call-to-action-modern-wrapper {
        gap: 20px !important;
    }

    .footer-form-wrap h4 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .footer-form-wrap form button.tmp-btn.btn-primary {
        width: 100%;
        margin: 0;
    }

    .footer-form-wrap form {
        flex-wrap: wrap;
        gap: 10px;
    }

    .popup-mobile-menu .inner .header-top .close-menu .close-button {
        background: var(--inovic-yellow);
        color: var(--inovic-black);
    }

    /* About Page */
    .about-banner-area {
        padding-top: 90px !important;
    }

    .bl-section.tmp-counterup-area .row {
        margin-top: 0px !important;
    }

    /* Product List */
    .top-spacing,
    .product-list {
        padding-top: 90px !important;
    }

    body .single-project-style-three .inner-content::before,
    body .single-project-style-three .inner-content::after {
        display: none;
    }

    body .single-project-style-three:hover .inner-content,
    body .single-project-style-three .inner-content {
        backdrop-filter: blur(5px);
        width: 100%;
        opacity: 1;
        bottom: 30px;
        background-color: #f8a420;
        border-radius: 0;
        left: 50%;
        top: auto;
    }

    body .single-project-style-three:hover .inner-content {
        background-color: #000;
    }

    body .single-project-style-three .inner-content {
        text-align: center;
    }

    body .single-project-style-three .thumbnail img {
        min-height: 250px;
        object-fit: cover;
    }

    /* Catalouge */
    .tmp-default-tab .tab-button {
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .tmp-default-tab .tab-button .tabs__tab .nav-link {
        white-space: nowrap;
        padding: 15px;
    }

    .tmp-default-tab .tab-button .tabs__tab {
        white-space: nowrap;
        width: 230px;
    }

    .tmp-default-tab .tab-button::-webkit-scrollbar {
        display: none;
    }

    .tmp-default-tab .tab-button {
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .ht-spacing {
        padding-top: 110px !important;
    }

    .tmp-blog-area .mt_dec--30 {
        margin-top: 0px;
    }

    .tmp-portfolio-details-bento-image-area ul {
        flex-wrap: wrap;
    }

    .tmp-portfolio-details-bento-image-area ul li {
        width: 100%;
    }

    .thumbImgShowCase .slider.slider-content {
        height: 350px !important;
    }

    .thumbImgShowCase .slider.slider-thumb div {
        height: 150px !important;
    }

    .thumbImgShowCase .slider.slider-thumb {
        background-color: transparent;
    }

    .thumbImgShowCase .slider .slick-prev,
    .thumbImgShowCase .slider .slick-next {
        border-color: transparent #ddd;
    }

    .thumbImgShowCase .slider .slick-next {
        right: 0px;
        border-color: transparent var(--inovic-yellow);
    }

    .thumbImgShowCase .slider .slick-prev {
        left: 0px;
        border-color: transparent var(--inovic-yellow);
    }

    .career-content-area.even .row {
        flex-direction: column-reverse;
    }

    /* cta */
    .clltoaction-style-default.style-5 .content-wrapper {
        padding: 30px;
    }

    /* timeline About page*/
    .tmp-timeline-area {
        padding-top: 30px !important;
    }

    .single-timeline {
        padding-left: 16px;
    }

    .tmp-timeline-wrapper .single-timeline .single-content {
        padding: 20px;
    }





    /* Product Listing Page */
    .career-content-area {
        overflow: hidden;
    }

    .career-content-area {
        padding-top: 100px;
        padding-bottom: 20px !important;
    }

    .career-content-area .row [class*='col-']:last-child {
        margin-top: 20px;
    }

    .tmp-portfolio-details-bento-image-area .row {
        padding-top: 40px !important;
    }


    /* Project Listing Page */
    .tmp-portfolio-details-bento-image-area.project-overview {
        padding-top: 50px;
    }

    .thumbImgShowCase.pb--160 {
        padding-bottom: 70px !important;
    }

    .tmp-case-studies.related-projects {
        margin-top: 0;
        padding: 10px 0 0;
    }

    .tmp-case-studies.related-projects .tmp-portfolio-area {
        padding: 20px 0 0 !important;
    }

    .tmp-case-studies.related-projects .tmp-portfolio-area .row {
        gap: 30px;
        margin-bottom: 0 !important;
    }

    /* KL Page */
    .main-content.knowledge-hub .row {
        gap: 30px 0;
        margin-bottom: 10px;
    }

    .main-content.knowledge-hub .row [class*='col-'] {
        margin-top: 0;
    }

    /* KD Page */
    .career-content-area {
        padding-top: 0;
    }

    .content-area-single-career .d-flex {
        flex-wrap: wrap;
        gap: 0rem !important;
    }

    img.img-left-bottom {
        position: absolute;
        left: -40px;
        bottom: 0px;
        width: 33rem;
        opacity: 0.5;
        max-width: none;
    }

    .footer-style-default .footer-top .db-col .tmp-footer-widget .footer-link {
        column-count: 1;
        margin-bottom: 0;
    }

    body .slick-list .slick-track .inner.text-left h1.title.display-one,
    body .slider-style-2.variation-2 .inner .title {
        width: 100%;
    }

    .tmp-portfolio-area .hover-title {
        font-size: 26px;
    }

    .tmp-portfolio-area .hover-content {
        padding: 40px 20px;
    }

    .tmp-portfolio-area .cta-btn {
        padding: 6px 24px;
        font-size: 14px;
        letter-spacing: 0.2px;
    }

    .tmp-portfolio-area .slide-inner {
        height: 300px;
    }

    body .tmp-portfolio-area .slider-container .slick-slider .slick-list {
        height: 350px !important;
    }

    .tmp-portfolio-area .header {
        gap: 0;
    }

    .footer-form-wrap {
        width: 100%;
    }
    .cn-banner .tmp-section-title-border {
        margin-bottom: -40px;
    }
    .ab-hero .tmp-star-images.right-left {
        z-index: 0;
    }

    .ab-hero .inner .title br {
        display: block;
    }

    .ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap {
        margin-top: 0;
    }

    .ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap .timeline-line {
        display: none;
    }

    .ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap .single-timeline {padding-left: 0;}

    .ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap :is(.timeline-dot::before,.timeline-dot::after) {top: 0;left: 0;transform: none;}

    .ab-timeline.tmp-timeline-area.tmp-section-gapBottom.tmp-section-gap .timeline-dot {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

    .ab-info-blocks.tmp-service-area {
        overflow: hidden;
    }

    .ab-info-blocks.tmp-service-area .tmp-section-title-border {
        margin-bottom: -30px;
    }

    .ab-info-blocks.tmp-service-area {
        margin-bottom: 80px;
    }
    .cn-banner .tmp-address { flex-direction: column; text-align: center; gap: 1rem; } .cn-banner .tmp-address .icon { margin: 0; }
    .cn-banner .tmp-address .inner p a,.cn-banner .tmp-address .inner p{font-size: 14px;}
    .about-banner-area::after{height:80px;bottom:50px;}
    .machines.product-list.tmp-portfolio-area { padding-bottom: 130px !important; }

}

@media (max-width:430px) {
    .crane-move .crane-wrap {
        transform: scale(0.50) translate(-310px, -250px);
    }
}

@media (max-width:414px) {
    .crane-move .crane-wrap {
        transform: scale(0.50) translate(-320px, -250px);
    }
}

/* @media (max-width:400px){.crane-move .crane-wrap{transform:scale(0.45) translate(-400px,-330px);}} */
@media (max-width:390px) {
    .crane-move .crane-wrap {
        transform: scale(0.50) translate(-350px, -260px);
    }
}

@media (max-width:375px) {
    .crane-move .crane-wrap {
        transform: scale(0.45) translate(-400px, -330px);
    }
}

@media (max-width:360px) {
    .crane-move .crane-wrap {
        transform: scale(0.45) translate(-420px, -250px);
    }

    .header-top-bar p,
    .header-top-bar .header-right .address-content p {
        font-size: 0.7rem !important;
    }

    .header-top-bar .header-left p a {
        font-size: inherit;
    }

    .header-top-bar .header-right .address-content p+p::before {
        width: 0.085rem;
    }
}

@media (max-width:320px) {
    .crane-move .crane-wrap {
        transform: scale(0.4) translate(-520px, -260px);
    }
}