@media (max-width:1199px) {
    .mobile_relative {
        position: relative
    }

    .topbar-office {
        margin-bottom: 0;
        padding: 8px 0;
        line-height: 30px;
    }
    .header-transparent .site-header, .header-transparent .topbar {
        position: relative;
    }
    .navbar-icon {
        position: absolute;
        right: 0;
        top: 0%;
        transform: translateY(-50%);
    }
    .site-header {
        background-color: #fff;
        position: relative;
        padding: 10px 0px 0px 0px;
    }

    .topbar .topbar-left, .topbar .topbar-right {
        float: none;
        text-align: center
    }

    .header-transparent .page-header .header-title {
        padding-top: 240px
    }

    .header-sticky .site-header.minimized .navbar-icon .navbars-line, .header-sticky .site-header.minimized .navbar-icon .navbars-line:after, .header-sticky .site-header.minimized .navbar-icon .navbars-line:before {
        background-color: #fff
    }

    .header-v3 .site-contact {
        padding: 25px 0
    }

    .header-v3 .site-header.minimized {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        position: fixed;
        z-index: 9999;
        background-color: #fff
    }

    .header-v3.admin-bar .site-header.minimized {
        top: 32px
    }

    .header-v3 .fh-header-minimized {
        display: none
    }

    .header-v4 .navbar-icon {
        right: 30px
    }

    .header-v4 .site-header.minimized {
        top: 0 !important;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: 100%;
        position: fixed;
        z-index: 9999
    }

    .header-v4.admin-bar .site-header.minimized {
        top: 32px !important
    }

    .site-header .site-header-widget, .site-header .site-menu {
        display: none
    }

    .site-header .navbar-toggle {
        display: block
    }

    body .mobile_no_background {
        background-image: none !important
    }

    body .fh-service-box-2.box-style-2 .box-header .fh-icon {
        display: none
    }

    body .fh-service-box-2.box-style-2 .box-content, body .fh-service-box-2.box-style-2 h4 {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    body .fh-service-box-2.box-style-2 .read-more {
        opacity: 1
    }

    .blog-grid .blog-wrapper.col-4 {
        width: 50%
    }

        .blog-grid .blog-wrapper.col-4:nth-child(2n+1) {
            clear: left
        }

    .blog-grid .blog-wrapper.col-md-3:nth-child(4n+1) {
        clear: none
    }
}

@media (max-width:1024px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    

    .fh-price-table .price-box .unit {
        text-align: left;
        padding-left: 10px
    }

    .mobile_no_background {
        background-image: none !important
    }

    body .fh-icon-box.style-3 .fh-icon, body .fh-icon-box.style-3 .img-icon {
        float: none;
        padding-top: 0;
        padding-bottom: 20px
    }

    body .fh-icon-box.style-3 .desc, body .fh-icon-box.style-3 h4 {
        padding-left: 0
    }

    .single-left.blog-grid .blog-wrapper, .single-right.blog-grid .blog-wrapper {
        width: 50%
    }

        .single-left.blog-grid .blog-wrapper.col-md-3:nth-child(4n+1), .single-left.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1), .single-left.blog-grid .blog-wrapper.col-md-6:nth-child(2n+1), .single-right.blog-grid .blog-wrapper.col-md-3:nth-child(4n+1), .single-right.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1), .single-right.blog-grid .blog-wrapper.col-md-6:nth-child(2n+1) {
            clear: none
        }

        .single-left.blog-grid .blog-wrapper:nth-child(2n+1), .single-right.blog-grid .blog-wrapper:nth-child(2n+1) {
            clear: left !important
        }
}

@media (max-width:991px) {
    .cargo-office-location-widget .office-switcher {
        float: none;
        display: inline-block;
        margin-bottom: 10px
    }

    .cargo-office-location-widget .topbar-office.active {
        float: none;
        background: #0b0e4e;
        padding-top: 58px
    }

    .cargo-office-location-widget .topbar-office li:last-child {
        padding-right: 20px
    }

    body .fh-icon-box.show-button .button-box {
        bottom: 25px
    }

    body .fh-icon-box.style-3 {
        text-align: center
    }

    body .fh-service .item-service.col-md-3:nth-child(4n+1), body .fh-service .item-service.col-md-4:nth-child(3n+1) {
        clear: none
    }

    body .fh-service .item-service:nth-child(2n+1) {
        clear: left !important
    }

    .project-wrapper .project-thumbnail {
        display: inline-block
    }

    .all-project ul.filter {
        display: block
    }

    .metas {
        padding-left: 15px;
        margin-top: 30px
    }

    .service.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .service:nth-child(2n+1) {
        clear: left !important
    }

    .site-breadcrumb {
        margin-bottom: 15px
    }

    .single-left .blog-sidebar .cargohub-widget, .single-right .blog-sidebar .cargohub-widget {
        border: none
    }

    .blog.single-left .blog-sidebar .cargohub-widget, .blog.single-right .blog-sidebar .cargohub-widget, .category.single-left .blog-sidebar .cargohub-widget, .category.single-right .blog-sidebar .cargohub-widget, .single-post.single-left .blog-sidebar .cargohub-widget, .single-post.single-right .blog-sidebar .cargohub-widget, .tag.single-left .blog-sidebar .cargohub-widget, .tag.single-right .blog-sidebar .cargohub-widget {
        padding-top: 0
    }

    .footer-sidebars {
        padding-bottom: 50px
    }

    .footer-sidebar {
        margin-bottom: 30px
    }

    .site-footer .footer-copyright, .site-footer .footer-text {
        width: 100%;
        text-align: center
    }

    .site-footer .footer-copyright {
        margin-bottom: 10px
    }

    .abotimglft {
        margin-bottom: 30px
    }
}

@media (max-width:782px) {
    .header-v3.admin-bar .site-header.minimized {
        top: 46px
    }
}

@media (max-width:768px) {
    body .fh-testimonials-carousel.column-1 .testi-item {
        width: 100%
    }

    body .fh-testimonials-carousel .owl-dots {
        right: 60px;
        bottom: 150px
    }

    .page-header .header-title {
        padding-top: 90px;
        padding-bottom: 90px
    }

    .page-header h1 {
        font-size: 40px
    }

    .page-header .breadcrumb-area .site-social-share, .page-header .breadcrumb-area nav {
        text-align: center
    }

    .page-header .site-social-share .socials-share {
        position: relative;
        right: auto;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        transform: translate(0);
        opacity: 1;
        margin-top: 10px
    }

    .header-transparent .page-header .header-title {
        padding-top: 190px
    }

    .backtotop {
        bottom: 40px;
        right: 40px;
        width: 40px;
        height: 40px;
        line-height: 30px
    }

    .tparrows {
        display: none !important
    }

    .contact_servbox h2 {
        font-size: 38px
    }
}

@media (max-width:767px) {
    .single-left.blog-grid .blog-wrapper, .single-right.blog-grid .blog-wrapper {
        width: 100%
    }

    .blog-grid .blog-wrapper.col-4 {
        width: 100%
    }
}

@media (max-width:600px) {
    .header-sticky.header-transparent.admin-bar .site-header.minimized {
        top: 0 !important
    }

    .header-sticky.admin-bar.header-v1 .site-header.minimized, .header-sticky.admin-bar.header-v2 .site-header.minimized {
        top: 0
    }

    .header-v3.admin-bar .site-header.minimized {
        top: 0
    }

    .ch_button, .tp-caption.ch_button {
        min-width: 140px !important;
        padding: 13px 25px !important
    }

    .fh-section-title h2 {
        font-size: 25px !important
    }

    .comment-list .children {
        padding-left: 0
    }
}

@media (max-width:480px) {
    .fh-form .first-row, .fh-form .last-row {
        width: 100%;
        float: none;
        padding: 0
    }

    .site-logo {
        width: 75%
    }

    body .fh-testimonials .testi-item {
        padding: 30px
    }

    body .fh-testimonials .testi-icon {
        position: static;
        display: inline-block;
        margin-bottom: 20px
    }

    .socials-share {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    .post-navigation {
        float: none;
        text-align: center
    }

    .contact-widget {
        padding-bottom: 20px
    }
}

@media (max-width:414px) {
    .comment .comment-author {
        float: none
    }

    .comment .comment-meta {
        margin-left: 0;
        margin-top: 15px
    }
}

@media (max-width:375px) {
    .primary-mobile-nav {
        width: 280px;
        right: -280px
    }
}

@media (max-width:1366px) {
    a.backtotop {
        right: 20px
    }

    .error404 .site-content {
        background-image: none !important
    }

        .error404 .site-content div[class*=col-] {
            width: 100%;
            text-align: center
        }

        .error404 .site-content .search-form {
            margin: 0 auto
        }
}

@media (max-width:1199px) {
    .tp-parallax-wrap {
        padding-left: 20px
    }

    .header-v1 .tp-parallax-wrap {
        padding-left: 0
    }

    .site-extra-text .item-2 {
        padding-right: 40px
    }

    .site-extra-text .item-3 {
        padding: 0 20px
    }

        .site-extra-text .item-3.certified {
            padding-right: 20px
        }

    .site-header .site-menu .extra-item {
        display: none
    }

    .site-header .site-menu .site-nav {
        width: 100%
    }

    .site-header .extra-item {
        text-align: left
    }

        .site-header .extra-item .item-button {
            display: none
        }

        .site-header .extra-item .social {
            padding-left: 20px
        }

    .header-v3.header-transparent .site-extra-text .social {
        display: none
    }

    .header-v4 .main-nav ul.menu > li {
        padding: 15px 10px
    }

    .header-transparent .main-nav {
        text-align: left
    }

        .header-transparent .main-nav ul.menu > li > a {
            padding-left: 0;
            padding-right: 15px
        }

            .header-transparent .main-nav ul.menu > li > a:after {
                right: 0
            }

    .single-left .blog-wrapper, .single-right .blog-wrapper {
        width: 50%
    }

    .single-left.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1), .single-right.blog-grid .blog-wrapper.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .single-left.blog-grid .blog-wrapper.col-md-4:nth-child(2n+1), .single-right.blog-grid .blog-wrapper.col-md-4:nth-child(2n+1) {
        clear: left
    }

    .topbar .topbar-widgets {
        width: 100%;
        text-align: center
    }

    .project-wrapper.col-4 {
        width: 50%
    }

    .project-inner .project-summary {
        padding: 5px 20px;
        width: 100%;
        bottom: 0;
        opacity: 1
    }

    .project-inner .project-icon, .project-inner:before {
        display: none
    }

    body .fh-latest-post .owl-pagination, body .fh-service .owl-pagination, body .fh-testimonials .owl-pagination {
        right: 50%;
        top: inherit;
        bottom: -50px;
        transform: translateX(50%);
        width: 100%
    }

    body .fh-service.service-carousel {
        padding-bottom: 30px
    }

    body .fh-latest-post, body .fh-testimonials {
        padding-bottom: 30px
    }

    body .project-inner .project-summary h2 {
        font-size: 20px
    }

    body .project-inner .project-cat a {
        font-size: 16px
    }

    .fh-form-1 .form-button, .fh-form-1 .note {
        width: 100%
    }

    .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce .widget_price_filter .price_slider_amount .price_label {
        float: none
    }

    div.no-background-img {
        background-image: none !important
    }

    .tp-caption.leftpadd {
        padding-left: 30px !important
    }

    .tp-caption.leftmarg {
        margin-left: 30px !important
    }

    .header-sticky.header-v3 .site-header.minimized .header-main {
        padding: 0 0
    }

    .header-v4 .minimized .site-contact {
        padding: 15px 30px
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .fh-counter .counter {
        font-size: 40px
    }
}

@media (max-width:1024px) {
    /*.hide-topbar-mobile .topbar {
        display: contents
    }*/

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .fh-section-title .container {
        padding-left: 0;
        padding-right: 0
    }

    .site-menu {
        display: none
    }

    .navbar-toggle {
        display: inline-block
    }

    .header-v4 .menu-item-search {
        display: none
    }

    .primary-mobile-nav .menu-item-search {
        display: block
    }

    .header-sticky .site-header.minimized {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
        transition: top .5s;
        border-bottom: 1px solid #f2f2f2
    }

        .header-sticky .site-header.minimized .site-menu {
            position: static;
            top: inherit;
            width: 50%
        }

    .header-sticky.admin-bar .site-header.minimized {
        top: 32px
    }

        .header-sticky.admin-bar .site-header.minimized .site-menu {
            top: inherit
        }

    .header-sticky.header-v2 .site-header.minimized .site-menu {
        transform: translate(0)
    }

    .header-sticky.header-v3 .site-header.minimized {
        border: none
    }

        .header-sticky.header-v3 .site-header.minimized .header-main {
            padding: 0 0
        }

            .header-sticky.header-v3 .site-header.minimized .header-main .site-logo, .header-sticky.header-v3 .site-header.minimized .header-main .site-menu {
                width: 50%
            }

        .header-sticky.header-v3 .site-header.minimized .site-menu {
            position: static;
            top: inherit;
            width: inherit
        }

    .header-sticky.header-v3.admin-bar .site-header.minimized .header-main {
        top: 32px
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu {
        top: inherit
    }

    .header-sticky.header-v4 .site-header.minimized {
        border-bottom: 1px solid #f2f2f2
    }

        .header-sticky.header-v4 .site-header.minimized .site-menu {
            border: none
        }

    .header-v3.header-transparent .site-contact {
        padding-bottom: 0
    }

    .site-extra-text {
        display: none
    }

    .header-v1 .site-header .site-contact, .header-v1 .site-header .site-menu, .header-v2 .site-header .site-contact, .header-v2 .site-header .site-menu {
        width: 50%
    }

        .header-v1 .site-header .site-contact .container, .header-v1 .site-header .site-menu .container, .header-v2 .site-header .site-contact .container, .header-v2 .site-header .site-menu .container {
            width: 100%
        }

    .header-v1 .site-header .site-logo, .header-v2 .site-header .site-logo {
        width: 100%
    }

    .header-v1 .site-header .site-contact, .header-v2 .site-header .site-contact {
        padding: 15px 0
    }

    .header-v3.hide-topbar-mobile .page-header .header-title {
        padding-top: 170px
    }

    .header-v1 .page-header .header-title, .header-v3 .page-header .header-title {
        padding-top: 140px
    }

    .widgets-area {
        padding-top: 60px
    }

    .service-sidebar .download .item-download span {
        font-size: 10px
    }

    .service-sidebar .download .item-download a {
        font-size: 12px
    }

    .project .entry-thumbnail {
        width: 100%;
        text-align: center;
        margin-bottom: 30px
    }

    .project .entry-info {
        width: 100%
    }

    .service .service-thumbnail a i, .service .service-thumbnail a:after, .service .service-thumbnail a:before {
        display: none
    }

    .backtotop {
        width: 40px;
        height: 40px;
        line-height: 34px;
        font-size: 24px;
        border-width: 2px
    }

    body .fh-testimonials.style-2 .testi-star:after, body .fh-testimonials.style-2 .testi-star:before {
        display: none
    }

    body .fh-team.style-1 .socials-1 {
        opacity: 1;
        transform: translateY(0) scale(1);
        top: inherit;
        bottom: 0
    }

        body .fh-team.style-1 .socials-1 ul li a, body .fh-team.style-1 .socials-1 ul li a:hover {
            color: #73b21a;
            border-color: #73b21a
        }

    body .fh-team.style-1:hover .socials-1 {
        transform: translateY(0) scale(1)
    }

    body .no-background-img {
        background-image: none !important
    }

        body .no-background-img .fh-form-2 {
            margin-top: 50px
        }

    body .el-margin {
        margin-right: 0 !important
    }

    body .fh-service-2 .item-service {
        display: inline-block
    }

    body .fh-service-2 div.service-content {
        text-align: center
    }

    body .fh-service-2.style-2 .service-content .content-bonus {
        padding: 20px
    }

        body .fh-service-2.style-2 .service-content .content-bonus h2 {
            padding-top: 15px
        }

    body .fh-latest-project .item-project .project-summary {
        top: auto !important;
        bottom: 0;
        transform: translate(0,0) !important;
        background-color: #73b21a;
        opacity: 1
    }

        body .fh-latest-project .item-project .project-summary h3 {
            font-size: 18px;
            margin-bottom: 0
        }

    body .fh-latest-project .item-project .overlay, body .fh-latest-project .item-project i, body .fh-latest-project .item-project:after {
        display: none
    }

    body .fh-latest-project.style-1 .item-project .project-summary {
        padding: 5px
    }

    body .fh-latest-project.style-2 .item-project .project-summary {
        padding: 10px 5px
    }

        body .fh-latest-project.style-2 .item-project .project-summary p {
            display: none
        }
}

@media (max-width:991px) {
    .single-left .blog-sidebar .factoryhub-widget, .single-right .blog-sidebar .factoryhub-widget {
        padding-right: 0;
        padding-left: 0;
        padding-top: 0;
        border: none
    }

    .single-right.blog-classic .site-main, .single-right.single-post .site-main {
        padding-left: 0;
        padding-right: 0
    }

    .blog-grid .blog-wrapper.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .metas {
        padding-left: 15px
    }

    .single-project .entry-content {
        padding-right: 15px;
        border: 0
    }

    .project-wrapper {
        text-align: center
    }

        .project-wrapper.col-4 {
            width: 100%
        }

    body .fh-icon-box-2.radius {
        border-radius: 0
    }

    body .fh-project {
        margin-top: 100px
    }

        body .fh-project.style-2 ul.filter, body .fh-project.style-3 ul.filter {
            text-align: center
        }

        body .fh-project ul.filter {
            text-align: center;
            margin-bottom: 40px
        }

            body .fh-project ul.filter li {
                margin-bottom: 10px
            }

    body .fh-testimonials-carousel .owl-nav {
        display: none
    }

    body .fh-testimonials-carousel .owl-dots.disable {
        display: block;
        padding-top: 30px
    }

        body .fh-testimonials-carousel .owl-dots.disable .owl-dot span {
            border-color: #222;
            width: 12px;
            height: 12px
        }

        body .fh-testimonials-carousel .owl-dots.disable .owl-dot.active span {
            background-color: #222
        }

    body .fh-testimonials-carousel.style-1 .owl-dots .owl-dot span {
        border-color: #fff;
        width: 12px;
        height: 12px
    }

    body .fh-testimonials-carousel.style-1 .owl-dots .owl-dot.active span {
        background-color: #fff
    }

    body .fh-testimonials-carousel.style-2 .testi-item {
        padding: 0
    }

    body .fh-latest-post.carousel .item-latest-post .entry-summary, body .fh-latest-post.carousel .item-latest-post .entry-thumbnail {
        padding: 0;
        width: 100%;
        float: none
    }

    body .fh-latest-post.carousel .item-latest-post .entry-thumbnail {
        margin-bottom: 30px
    }

    body .fh-latest-post.carousel .owl-nav {
        display: none
    }

    body .fh-latest-post.carousel .owl-dots .owl-dot {
        padding-top: 30px
    }

        body .fh-latest-post.carousel .owl-dots .owl-dot span {
            border-color: #fff;
            width: 12px;
            height: 12px
        }

        body .fh-latest-post.carousel .owl-dots .owl-dot.active span {
            background-color: #fff
        }

    .service-sidebar {
        margin-top: 50px
    }

        .service-sidebar .download .item-download span {
            font-size: 14px
        }

        .service-sidebar .download .item-download a {
            font-size: 16px
        }

    .single-project .entry-thumbnail {
        margin-bottom: 25px
    }

    .single-project .info-left, .single-project .info-right {
        width: 50%
    }

    .single-project .info-left {
        float: left
    }

    .single-project .info-right {
        float: right
    }

    .footer-widgets .footer-3 {
        clear: left
    }

    .site-footer .footer-copyright, .site-footer .footer-text, .site-footer div[class*=col-] {
        text-align: center
    }

    .woocommerce ul.products li.product.first {
        clear: none
    }

    .woocommerce ul.products li.product .product-inner {
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.05)
    }

        .woocommerce ul.products li.product .product-inner img {
            border-color: transparent
        }

        .woocommerce ul.products li.product .product-inner .product-quick-view {
            opacity: 1
        }

        .woocommerce ul.products li.product .product-inner:hover img {
            border-color: transparent
        }

    .woocommerce ul.products li.product .product-header::after {
        display: none
    }

    .woocommerce ul.products li.product .product-header img {
        width: 100%
    }

    .woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .added_to_cart {
        opacity: 1;
        color: #73b21a;
        border-color: #73b21a
    }

    .woocommerce table.shop_table.wishlist_table .product-stock-status, .woocommerce table.shop_table.wishlist_table .product-stock-stauts {
        display: none
    }

    .woocommerce .shop-sidebar {
        padding-top: 50px
    }

    .woocommerce form.checkout .col2-set .col-2 {
        clear: both
    }

    .woocommerce form.checkout #payment, .woocommerce form.checkout table.shop_table {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .woocommerce-account .form.login {
        margin-bottom: 50px
    }

    .service.col-md-4:nth-child(3n+1) {
        clear: none
    }

    .service.col-sm-6:nth-child(2n+1) {
        clear: left
    }

    .footer-social {
        padding-top: 20px
    }

    .footer-widgets {
        padding-bottom: 15px
    }

    .footer-sidebar {
        padding-bottom: 0
    }

    div.fh-service .item-service.col-md-4:nth-child(3n+1), div.fh-service .item-service.col-md-6:nth-child(2n+1) {
        clear: none
    }

    .fh-service .item-service.col-sm-6:nth-child(2n+1), .fh-service .item-service.col-xs-6:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width:782px) {
    .header-transparent.admin-bar .site-header {
        padding-top: 10px
    }

    .admin-bar .primary-mobile-nav {
        top: 46px;
        padding-bottom: 60px
    }

    .header-sticky.admin-bar .site-header.minimized {
        top: 46px
    }
}

@media (max-width:767px) {
    .page-header .breadcrumb-area nav {
        text-align: center
    }

    .all-service .service {
        text-align: center
    }

    .owl-carousel .owl-item {
        text-align: left
    }

    .fh-project-carousel .owl-carousel .owl-item, .fh-related-project .owl-carousel .owl-item, .fh-testimonials .owl-carousel .owl-item {
        text-align: center
    }

    .modal {
        display: none
    }

    .woocommerce .shop-toolbar div[class*=col-] {
        text-align: center
    }

    .woocommerce .shop-toolbar form {
        display: inline-block
    }

    .woocommerce ul.products li.product .product-inner .product-quick-view {
        display: none
    }

    .woocommerce form.checkout table.shop_table thead td, .woocommerce form.checkout table.shop_table thead th {
        padding: 10px 15px
    }

    .woocommerce form.checkout table.shop_table td, .woocommerce form.checkout table.shop_table th {
        padding: 15px 10px
    }

        .woocommerce form.checkout table.shop_table td span.amount, .woocommerce form.checkout table.shop_table th span.amount {
            font-size: 14px
        }

    .woocommerce form.checkout table.shop_table .cart_item td, .woocommerce form.checkout table.shop_table tfoot th:first-child {
        font-size: 14px
    }

    .woocommerce ul#shipping_method li label {
        font-size: 14px
    }

    .woocommerce-checkout .woocommerce-info {
        font-size: 14px
    }

        .woocommerce-checkout .woocommerce-info a {
            font-size: 12px
        }

    .fh-form {
        margin-top: 30px
    }

    .fh-team {
        margin-bottom: 15px
    }

    div.no-padding-top {
        padding-top: 0 !important
    }

    body .fh-project.style-3 .item-project {
        width: 25%
    }

    .fh-testimonials-carousel .owl-dots {
        display: none !important
    }

    .footer-widgets .contact {
        margin-bottom: 15px
    }

    .abotimglft {
        margin-bottom: 10px;
    }

    .header-v3 .site-footer .footer-copyright, .header-v4 .site-footer .footer-copyright {
        float: none;
        text-align: center
    }

    .header-v3 .site-footer .footer-text, .header-v4 .site-footer .footer-text {
        text-align: center
    }

    .faqpagesec::after {
        display: none
    }

    .tracksidebar {
        margin-top: 50px;
        border: 0;
        padding: 0
    }
}

@media (max-width:667px) {
    .single-post .entry-footer {
        text-align: center
    }

        .single-post .entry-footer .post-navigation {
            float: none;
            margin-top: 15px
        }

    .site-content {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .woocommerce form.checkout #payment, .woocommerce form.checkout table.shop_table {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0
    }

    .header-v1 .page-header .header-title, .header-v3 .page-header .header-title {
        padding: 140px 0 80px
    }

        .header-v1 .page-header .header-title h1, .header-v3 .page-header .header-title h1 {
            font-size: 32px
        }

    .page-header .header-title {
        padding: 80px 0
    }

        .page-header .header-title h1 {
            font-size: 32px
        }

    .header-v3.hide-topbar-mobile .page-header .header-title {
        padding-top: 130px
    }

    .blog-wrapper .cat-link, .blog-wrapper .comments-link {
        display: none
    }

    .woocommerce table.shop_table .product-price {
        display: none
    }

    .woocommerce table.shop_table thead th {
        font-size: 16px
    }

    .woocommerce table.shop_table tr td, .woocommerce table.shop_table tr th {
        padding: 10px 15px
    }

    .woocommerce table.shop_table td a img, .woocommerce table.shop_table td img {
        width: 45px
    }

    .woocommerce table.shop_table td.product-name a {
        font-size: 12px
    }

    .woocommerce table.shop_table td.product-subtotal {
        font-size: 14px
    }

    .woocommerce table.shop_table.wishlist_table .product-price {
        display: table-cell
    }

    .woocommerce-cart a.remove {
        font-size: 14px
    }

        .woocommerce-cart a.remove .fa {
            font-size: 12px;
            margin-right: 5px
        }
}

@media (max-width:600px) {
    .admin-bar .primary-mobile-nav {
        top: 0
    }

    .topbar .widget {
        margin-bottom: 10px
    }

    .header-sticky.admin-bar .site-header.minimized {
        top: 0 !important
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .header-main {
        top: 0
    }

    .header-sticky.header-v3.admin-bar .site-header.minimized .site-menu {
        top: inherit
    }

    .single-left .blog-wrapper, .single-right .blog-wrapper {
        width: 100%
    }

        .single-left .blog-wrapper .wrapper, .single-right .blog-wrapper .wrapper {
            border: none
        }

    .single-left.blog-grid .blog-wrapper, .single-right.blog-grid .blog-wrapper {
        margin-bottom: 20px
    }

        .single-left.blog-grid .blog-wrapper .entry-content, .single-left.blog-grid .blog-wrapper .entry-footer, .single-left.blog-grid .blog-wrapper .entry-title, .single-right.blog-grid .blog-wrapper .entry-content, .single-right.blog-grid .blog-wrapper .entry-footer, .single-right.blog-grid .blog-wrapper .entry-title {
            padding-left: 0;
            padding-right: 0
        }

    .blog-wrapper.no-thumb .wrapper {
        padding-top: 0
    }

    .entry-title {
        line-height: 1.2;
        padding-bottom: 10px
    }

    .single-project .entry-thumbnail .owl-controls .owl-pagination {
        bottom: 10px
    }

    .comment-list .children {
        padding-left: 0
    }

    .error404 .error-404 .search-form {
        max-width: 300px
    }

        .error404 .error-404 .search-form label input {
            padding: 0
        }

        .error404 .error-404 .search-form .search-submit, .error404 .error-404 .search-form:after {
            right: 5px
        }

        .error404 .error-404 .search-form:before {
            right: 22px
        }

    .woocommerce div.product .images-product, .woocommerce div.product div.summary {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce div.product .images-product {
        text-align: center
    }

    .woocommerce table.shop_table.wishlist_table .product-price {
        display: table-cell
    }

    .woocommerce table.shop_table.wishlist_table thead th {
        font-size: 14px
    }

    .woocommerce table.shop_table.wishlist_table .product-price > span {
        font-size: 14px
    }

    .woocommerce table.shop_table.wishlist_table .product-add-to-cart a {
        font-size: 12px;
        min-height: 40px;
        line-height: 40px;
        width: 100px;
        padding: 0
    }

    .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 40px
    }

        .woocommerce-account .woocommerce-MyAccount-navigation ul li {
            display: inline-block;
            padding-right: 10px
        }

    body .fh-project.style-3 .item-project {
        width: 33.33%
    }

    body .fh-testimonials-carousel.style-2 .owl-dots {
        position: static;
        padding-top: 30px
    }

    .header-v2 .tp-caption {
        display: none !important
    }

    .fh-team .owl-nav {
        display: none
    }
}

@media (max-width:480px) {
    .header-v1 .site-header .site-contact, .header-v1 .site-header .site-menu, .header-v2 .site-header .site-contact, .header-v2 .site-header .site-menu, .header-v3 .site-header .site-contact, .header-v3 .site-header .site-menu, .header-v4 .site-header .site-contact, .header-v4 .site-header .site-menu {
        width: 100%
    }

    .header-v1 .site-header .site-logo, .header-v2 .site-header .site-logo {
        width: 50%
    }

    .woocommerce ul.products li.product {
        width: 100%
    }

    .page-header .header-title h1, div.fh-section-title h2, div.fh-testimonials h3 {
        font-size: 26px
    }

    .fh-service .item-service {
        width: 100%
    }

    .fh-service-2 div[class*=col-] {
        width: 100%
    }

    .fh-latest-post .item-latest-post, .fh-latest-project .project {
        width: 100%
    }

    .all-project .project-wrapper {
        width: 100%
    }

    body .fh-testimonials.grid .testi-item {
        width: 100%
    }

    body .fh-latest-post {
        padding-top: 0
    }

        body .fh-latest-post .blog-link {
            padding-bottom: 30px;
            text-align: center
        }

    .tp-parallax-wrap {
        padding-left: 10px
    }

    .header-v1 .tp-parallax-wrap {
        padding-left: 0
    }

    .track-form span.end, .track-form span.start {
        width: 40%;
        display: inline-block;
        position: relative
    }
}

@media (max-width:414px) {
    .topbar .topbar-left .widget {
        border: 0;
        padding-right: 0
    }

    .topbar .topbar-right .widget {
        padding-left: 0;
        padding-right: 0
    }

    .single-project .single-project-title {
        font-size: 28px;
        line-height: 1.2
    }

    .single-post .cat-link, .single-post .comments-link {
        display: none
    }

    .single-post .entry-footer .share-title {
        display: block
    }

    .single-post .socials-share {
        margin-left: 0
    }

    .blog-list .blog-wrapper {
        padding-bottom: 25px;
        padding-top: 30px
    }

        .blog-list .blog-wrapper .entry-thumbnail {
            float: none;
            margin-bottom: 15px
        }

        .blog-list .blog-wrapper .entry-content, .blog-list .blog-wrapper .entry-header, .blog-list .blog-wrapper .read-more {
            margin-left: 0
        }

    .comment .comment-author {
        float: none
    }

    .comment .comment-meta {
        margin-left: 0;
        margin-top: 15px
    }

    .all-project ul.filter, div.fh-latest-project ul.filter {
        display: block
    }

        .all-project ul.filter li, div.fh-latest-project ul.filter li {
            display: block;
            margin: 0 auto;
            width: 60%;
            padding-left: 0;
            padding-right: 0
        }

            .all-project ul.filter li:first-child, div.fh-latest-project ul.filter li:first-child {
                margin-left: auto
            }

            .all-project ul.filter li:last-child, div.fh-latest-project ul.filter li:last-child {
                margin-right: auto
            }

    .woocommerce table.shop_table tr td, .woocommerce table.shop_table tr th {
        padding: 10px
    }

    .woocommerce table.shop_table td.product-name a {
        font-size: 0
    }

    .woocommerce div.product div.summary .product-share a {
        margin-bottom: 10px
    }

    .woocommerce form.checkout #payment, .woocommerce form.checkout table.shop_table {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .woocommerce form.checkout .form-row-first, .woocommerce form.checkout .form-row-last {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce table.shop_table.wishlist_table .product-name {
        display: none
    }

    .woocommerce-checkout .woocommerce-coupon-form, .woocommerce-checkout .woocommerce-login-form {
        float: none;
        width: 100%;
        padding: 0
    }

    .woocommerce-cart a.remove {
        font-size: 0
    }

    .woocommerce-cart table.cart td.actions .coupon .button, .woocommerce-cart table.cart td.actions .coupon .input-text {
        float: none;
        width: 100%;
        margin-bottom: 15px
    }

    .woocommerce-cart table.cart td.actions .update-cart {
        float: none;
        width: 100%
    }

    div.fh-form .first-row, div.fh-form .last-row {
        float: none;
        width: 100%;
        padding: 0
    }

    .wpb_wrapper .fh-icon-box:first-child, .wpb_wrapper .fh-icon-box:last-child {
        float: none;
        width: 100%
    }

    .related .products .owl-controls .owl-buttons div, div.fh-related-project .owl-controls .owl-buttons div {
        display: none
    }

    body .fh-project.style-3 .item-project {
        width: 100%
    }
}

@media (max-width:375px) {
    .primary-mobile-nav {
        width: 280px;
        right: -280px
    }

        .primary-mobile-nav .menu-item-text .text-1 {
            font-size: 16px
        }

        .primary-mobile-nav .menu-item-text i, .primary-mobile-nav .menu-item-text i:before {
            font-size: 26px
        }

        .primary-mobile-nav .menu-item-text i {
            margin-top: -4px
        }

    div.el-padding {
        padding: 10px !important
    }

    .woocommerce div.product form.cart .qty-label {
        display: none
    }

    .woocommerce div.product form.cart div.quantity {
        margin-right: 15px
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        padding: 10px 20px
    }

    .woocommerce table.shop_table.wishlist_table .product-add-to-cart a {
        min-width: 100px;
        width: 100px
    }

    .woocommerce form.checkout table.shop_table tfoot td, .woocommerce form.checkout table.shop_table tfoot th {
        padding: 10px
    }
}

@media only screen and (max-width:1200px) {
    .fh-project.style-1 {
        margin-top: 0
    }

    .fh-service-2.style-2 .service-content .entry-thumbnail {
        min-height: 180px
    }
}

@media only screen and (max-width:992px) {
    .woocommerce ul.products li.product .product-inner {
        box-shadow: none
    }
}

@media only screen and (max-width:767px) {
    .scroll-to-top {
        width: 35px;
        height: 35px;
        line-height: 30px;
        font-size: 17px
    }

    .projects4 .fh-project.style-3 .item-project {
        width: 50%
    }
}

@media (min-width:320px) and (max-width:479px) {
    .navbar-icon {
        right: 15px;
        top: -26px !important;
    }
}

@media (min-width:480px) and (max-width:639px) {
    .navbar-icon {
        position: absolute;
        right: 0;
        top: 0%;
        transform: translateY(-20%);
    }
}

@media (min-width:640px) and (max-width:767px) {
    .navbar-icon {
        position: absolute;
        right: 0;
        top: 0%;
        transform: translateY(-130%);
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-icon {
        position: absolute;
        right: 0;
        top: 0%;
        transform: translateY(-140%);
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .navbar-icon {
        position: absolute;
        right: 0;
        top: 0%;
        transform: translateY(-150%);
    }
}

@media (min-width:1025px) and (max-width:1199px) {
    .navbar-icon {
        position: absolute;
        right: 0;
        top: 0%;
        transform: translateY(-23%);
    }
    .site-logo .show-logo {
        display: inline-block;
        margin-top: 12px;
    }
}