.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:rgba(52,52,60,.8);border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:35px;height:35px;line-height:1.4;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:26px;border-radius:3px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{position:absolute;top:50px;right:10px;color:#fff;text-align:center}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-15px;padding:2px;width:35px;height:35px;border-radius:3px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{font-family:FontAwesome;font-size:18px;line-height:1.7;color:#fff;margin-left:12px}.mfp-arrow-left{left:60px}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{content:"\f104"}.mfp-arrow-right{right:60px}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{content:"\f105"}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width: 900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}/* Media Queries
-------------------------------------------------------------- */
@media only screen and (max-width: 1870px) {
    .form-contact .text:nth-child(odd) {
        margin-right: 4%;
    }
    #mainnav ul.sub-menu {
        width: 215px;
        left: -90px;
    }
    #mainnav ul.sub-menu:before {
        left: 110px;
    }
    #header.header.header-default .inner-header,
     .themesflat-top.default .container,
      .header-default .themesflat-top.style-01 {
        padding: 0px;
    }
}

@media only screen and (max-width: 1750px) {
    .header-02 #header,
    .header-02 .themesflat-top {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 1600px) {
    .info-header {
        display: none;
    }
    .comments-area ul.children {
        list-style: none;
        margin-left: 40px;
    }
    .themesflat-action-box {
        padding: 60px 45px;
        padding-bottom: 24px;
    }
}

@media only screen and (max-width: 1440px) {
    #mainnav > ul > li {
        margin: 0 5px;
    }

}

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

    .wrap-btn-header .btn-header {
        padding: 22px 20px;
        margin-left: 20px;
    }
}

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

    #header .header-wrap .nav-wrap {
        margin: 0 15px;
    }

    .themesflat-boxed {
        overflow: hidden;
    }
}

@media only screen and (max-width: 1255px) {
    .header-cart-wrapper {
        display: none;
    }
    .header-01 .wrap-btn-header .btn-header {
        padding: 22px 20px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1220px) {
    #header.header-style1 .nav-wrap {
        padding-left: 0px;
    }

    #mainnav ul.sub-menu {
        padding: 15px;
        width: 200px;
    }
    #header.header.header-02,
    #header.header.header-02 .inner-header {
        padding: 0 0px;
        padding-right: 0;
    }
}

@media only screen and (max-width: 1210px) {
    #header .inner-header,
    #header.header.header-default .inner-header,
     .themesflat-top.default .container,
     .class-name-page-home-03 #header.header.header-default .inner-header {
        padding: 0px;
    }
    .action-btn {
        right: 15px;
    }
    .header-default .header-wrap .header-ct-left,
    .header-default .header-wrap .header-ct-right {
        padding: 0px;
        border: unset;
    }
    .modal-menu-left-btn {
        right: 15px;
    }
    #mainnav > ul > li > a {
        padding: 3px 10px;
    }
    .single .entry-footer .tags-links a {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1170px) {
    .btn-header {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1150px) {
    #header.header-style1 .logo {
        min-width: unset;
        min-height: unset;
        background: transparent;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        box-shadow: none;
    }

    .header-01 .themesflat-top .container-inside .content-left {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1100px) {
    .header-02 .flat-language {
        margin-right: 0px;
    }
    .wrap-btn-header .btn-header {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    .blog-post.has-post-thumbnail .content-post .featured-post {
        padding-left: 10px;
    }
    .blog-post.has-post-thumbnail .content-post .featured-post::before {
        left: -7%;
        top: -10%;
    }
    .themesflat-action-box h4 {
        margin-top: 20px;
    }
    .widget.widget-recent-news .thumb, .widget.widget_latest_news .thumb  {
        margin-right: 20px;
    }
    .page-title {
        background-position: center center;
    }
    .blog-single .featured-post {
        margin-left: 0px;
    }
    .page-wrap.sidebar-left .content-area, .page-wrap.sidebar-right .content-area {
        padding-right: 50px;
    }
    blockquote {
        margin: 0px 40px 37px 40px;
    }
    article .bottom-blog {
        margin-top: 15px;
    }
    .blog-list article, .item article {
        margin-bottom: 60px;
    }
    #header .header-wrap .header-ct-right .phone-header-box h3 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {
    .info-header {
        display: flex;
    }
    .error404 #themesflat-content,
    .single-post #themesflat-content,
    .single-product #themesflat-content,
    .blog #themesflat-content,
    .woocommerce-shop #themesflat-content {
        padding-bottom: 70px;
    }
    #themesflat-content {
        padding-top: 70px;
    }

    #footer {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .page-wrap.sidebar-left .content-area, .page-wrap.sidebar-right .content-area {
        border: none;
    }

    .header-modal-menu-left-btn {
        display: none;
    }

    .header-01 .wrap-btn-header,
    .header-modal-menu-left-btn,
    .wrap-btn-header .btn-header {
        display: block;
    }

    #header.header-style1 .logo {
        min-width: unset;
        min-height: unset;
        background: transparent;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0;
        box-shadow: none;
    }

    #header.header-style1 #logo-mobi {
        min-width: 220px;
        min-height: 110px;
        background: var(--theme-secondary-color);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 0px;
        margin-bottom: 0px;
    }

    .header-02 #header .inner-canvas-nav .logo {
        margin-top: 0;
        justify-content: left;
        padding-right: 0;
        padding-left: 20px;
    }

    .btn-menu {
        display: block;
    }

    #mainnav-mobi .menu {
        overflow-y: auto;
        max-height: 100vh;
    }

    #mainnav,
    .header-02 .bottom-header {
        display: none;
    }

    #mainnav-mobi .megamenu.col-2,
    #mainnav-mobi .megamenu.col-3,
    #mainnav-mobi .megamenu.col-4,
    #mainnav-mobi .megamenu.col-5,
    #mainnav-mobi .megamenu.col-6 {
        -webkit-box-flex: unset;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

    .page-wrap.sidebar-left .content-area,
    .page-wrap.sidebar-right .content-area {
        padding-left: 0;
        padding-right: 0;
    }

    #secondary .sidebar {
        margin-top: 50px;
    }

    /* header-widget */

    .header-widget .header-top .wrap-logo .logo {
        padding-bottom: 0;
    }

    /* header-left */
    .header-left .adv-section {
        margin-left: 0;
    }

    .admin-bar.header-left #header,
    .page-wrap.sidebar-right .widget-area {
        padding: 0;
    }

    .header-left .header-wrap {
        width: 100%;
    }

    .header-left .logo {
        text-align: left;
        display: inline-block;
        margin: 15px 0px;
    }

    .header-left .btn-menu {
        float: right;
        margin: 32px 0px;
    }

    .header-left #header {
        width: 100%;
        max-width: 100%;
        height: auto;
        top: auto;
        position: relative;
        overflow-y: unset;
        -webkit-overflow-scrolling: unset;
        -webkit-transition-duration: 0.8s;
        transition-duration: 0.8s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }

    .header-left header {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header-left #mainnav-mobi {
        left: 0;
    }

    .header-left .themesflat-boxed {
        margin: 0 auto;
    }

    .flat-social-header {
        padding-top: 0px;
    }

    .header-left #header .themesflat-socials {
        padding: 15px 0;
    }

    .comments-area ul.children {
        margin-left: 30px;
    }

    /* sidebar */
    .single .page-wrap.sidebar-right .content-area,
    .single .page-wrap.sidebar-left .content-area,
    .page-wrap.sidebar-left .content-area,
    .page-wrap.sidebar-right .content-area,
    .page-wrap.sidebar-left .widget-area,
    .page-wrap.sidebar-right .widget-area {
        float: none;
        width: 100% !important;
        padding-right: 0;
        padding-left: 0;
        position: relative;
    }

    .page-wrap.sidebar-left .content-area,
    .page-wrap.sidebar-right .content-area {
        margin-bottom: 0px;
    }

    footer .widget {
        margin-bottom: 40px;
    }

    footer .wrap-widgets-4 .widget:last-child,
    .footer .widgets-areas:last-of-type {
        margin-bottom: 0;
    }

    .footer-widgets .wrap-widgets-3 {
        margin-left: 0px;
    }

    .blog-grid.columns-4 > .item,
    .blog-grid-simple.columns-4 > .item {
        float: left;
        width: 50%;
    }

    .blog-grid-simple article .entry-meta ul li > i {
        font-size: 17px;
        padding-right: 5px;
    }

    .blog-grid-simple article .content-post {
        padding: 20px 20px;
    }

    .portfolio-single .entry-content {
        padding-right: 0px;
        margin-bottom: 40px;
    }

    .footer #widget_latest_news-3,
    .footer_s3 #mc4wp_form_widget-2,
    .footer_s3 #widget_themesflat_socials-10 {
        margin-left: 0;
    }

    .vertical-center {
        display: block;
    }

    .page-template-comming-soon-s1.admin-bar
        .section-comming-soon
        .box-comming-soon {
        top: 46px;
    }

    .mobi-2column {
        width: 50%;
        float: left;
    }

    .mobi-mgb30 {
        margin-bottom: 30px;
    }

    .mobi-mgb40 {
        margin-bottom: 40px;
    }

    .mobi-mgt30 {
        margin-top: 30px;
    }

    .mobi-mgt40 {
        margin-top: 40px;
    }

    .footer-widgets .wrap-widgets-4,
    .footer-widgets .wrap-widgets-2 {
        padding-left: 0px;
    }

    .footer-widgets .wrap-widgets-1,
    .footer-widgets .wrap-widgets-2 {
        margin-bottom: 40px;
    }

    .footer-widgets .wrap-widgets-2 {
        margin-left: 0px;
    }

    .sidebar .widget-instagram-feed .item {
        height: auto;
    }

    .mobi-center {
        text-align: center !important;
    }

    .mobi-left {
        text-align: left !important;
    }

    .desk-mt-117px {
        margin-top: 0px;
    }

    .desk-top-117px {
        top: 0px;
        background-image: none !important;
        background-color: #f4f4ff;
    }

    .vc_custom_1565857093600,
    .desk-mt-100px {
        margin-top: 0px !important;
    }

    ul.box-contact,
    .page-wrap.sidebar-right .widget-area {
        margin: 0;
    }

    .bg-text:before,
    .border-style2 > .inner:before,
    .border-style3 > .inner:before,
    .flat-calendar:before,
    .mobi-none {
        display: none !important;
    }

    .image-100-percent img,
    .width_55Percent,
    .width_45Percent {
        width: 100%;
    }

    .width_55Percent {
        margin-bottom: 50px;
    }

    .custom-search .search-form .search-submit {
        width: 80px;
    }

    .mobi-heading-lh14 .heading,
    .mobi-sub-heading-lh14 .sub-heading {
        line-height: 1.4 !important;
    }

    .mobi-heading-lh117 .heading,
    .mobi-sub-heading-lh117 .sub-heading {
        line-height: 1.17 !important;
    }

    .mobi-font30 {
        font-size: 30px !important;
    }

    .page-title .wrap-button-page-title {
        justify-content: center;
        margin-top: 30px;
    }

    #header .header-text,
    #header .header-wrap .header-ct-center .inner-center,
    .header-modal-menu-left-btn ,
    #header.header-default .header-wrap .header-ct-center .inner-center     {
        display: none;
    }

    .blog-list article .content-post p {
        padding-right: 0px;
    }

    .error-404-text h2 {
        font-size: 250px;
        letter-spacing: -15px;
        background-position: top center;
    }

    .footer-widgets #nav_menu-2,
    .footer-widgets .wrap-widgets-3 .widget.widget_latest_news {
        margin-left: 0;
    }

    .footer-widgets .wrap-widgets-4 > .widget:last-child,
    .footer-widgets .wrap-widgets-3 > .widget:last-child {
        margin-bottom: 0;
    }

    .sidebar .wpcf7-form-control-wrap {
        display: block;
    }

    .block-get-a-quote {
        min-height: unset;
    }

    .themesflat-top .container-inside .content-right,
    .themesflat-top .container-inside .content-left,
    .themesflat-top .container-inside{
        flex-wrap: wrap;
        justify-content: center;
    }
    .themesflat-top.style-01 .container-inside .content-left {
        justify-content: left;
    }
    .themesflat-top.style-01 .container-inside .content-right {
        justify-content: right;
    }
    .themesflat-top .container-inside .content-left {
        margin-bottom: 10px;
    }
    .themesflat-top.style-01 .infor-topbar {
        padding: 0px;
    }
    .themesflat-top.style-01 .container-inside .content-left {
        margin-bottom: 0;
    }
    .form-email button {
        padding: 17px 10px;
        font-size: 13px;
    }
    .form-email button i,
    #header .header-info-item,
    .header-03 .bottom-header {
        display: none;
    }
    .themesflat-action-box .inner .heading-wrap {
        width: 70%;
    }
    #header.header.header-02 {
        padding: 0 0px;
        padding-right: 0;
    }
    #header.header-02 .logo {
        justify-content: left;
    }
    .contact-form-ip {
        padding: 55px 35px;
    }
    .contact-form-ip .tf-title-section .title-section .heading {
        margin: 0 10%;
    }
}

@media only screen and (max-width: 870px) {
    .info-header {
        display: none;
    }
}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {
    .btn-video {
        padding-left: 65px;
    }

    .btn-video::before {
        width: 50px;
        height: 50px;
    }

    .header-01 .themesflat-top,
    .header-03 .themesflat-top {
        height: auto;
        line-height: unset;
        padding: 10px 0;
    }
    .themesflat-top.style-01 .container-inside .content-left,
    .themesflat-top.style-01 .container-inside .content-right {
        justify-content: center;
    }

    .themesflat-top.style-01 .themesflat-socials li { 
        border: unset !important;
    }

    .form-contact .text:nth-child(odd) {
        margin-right: 0;
    }

    .themesflat-action-box .heading-wrap,
    .themesflat-action-box .button-wrap {
        width: 100%;
        display: block;
        text-align: center;
    }

    .themesflat-top.style-01 .container-inside .content-left {
        margin-bottom: 15px;
    }

    .themesflat-action-box .heading-wrap {
        margin-bottom: 20px;
    }

    .footer-widgets .wrap-widgets-1,
    .footer-widgets .wrap-widgets-2,
    .footer-widgets .wrap-widgets-3 > .widget:last-child {
        margin-bottom: 60px;
    }

    .form-contact .text input,
    .form-contact .text {
        width: 100%;
    }

    .header-02 .themesflat-top .content-left ul li {
        margin-right: 10px;
        padding-right: 10px;
    }

    .header-02 .themesflat-top .content-left ul li:last-child {
        margin-right: 0;
        padding-right: 0;
    }
    /* header */

    .pagination > span,
    .navigation.paging-navigation span,
    .page-links a,
    .page-links > span {
        margin-bottom: 15px;
    }

    .navigation.paging-navigation .pagination,
    .navigation.paging-navigation.pager,
    .themesflat-action-box .inner,
    .contact-page .group-ip {
        display: block;
    }

    .comment-respond .comment-left .name-container,
    .comment-respond .comment-left .email-container,
    .themesflat-action-box .inner .heading-wrap,
    .themesflat-action-box .inner .image-acb  {
        width: 100%;
    }

    .page-wrap.fullwidth-small .wrap-content-area .blog-grid > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid-simple > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid-simple > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-2
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-2
        > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-3 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-3
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-3 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-3
        > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-4 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-4
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-4 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-4
        > .item,
    .page-wrap.fullwidth-small .wrap-content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .wrap-content-area
        .blog-grid-simple.columns-2
        > .item,
    .page-wrap.fullwidth-small .content-area .blog-grid.columns-2 > .item,
    .page-wrap.fullwidth-small
        .content-area
        .blog-grid-simple.columns-2
        > .item {
        float: none;
        width: 100%;
    }

    .blog-grid.columns-2 > .item,
    .blog-grid-simple.columns-2 > .item,
    .blog-grid.columns-3 > .item,
    .blog-grid-simple.columns-3 > .item,
    .blog-grid.columns-4 > .item,
    .blog-grid-simple.columns-4 > .item {
        float: none;
        width: 100%;
    }

    .blog-grid-simple article .content-post {
        padding: 25px 30px;
    }

    .page-title.inline .page-title-container h1,
    .page-title.inline .breadcrumbs {
        display: block;
    }

    .page-title.inline .page-title-container h1 {
        margin-bottom: 10px;
    }

    .page-title.inline .breadcrumbs {
        text-align: left;
    }

    .box-comming-soon {
        padding: 15px;
    }

    .comming-soon-countdown .square .numb {
        font-size: 30px;
    }

    .one-haft {
        width: 100%;
        float: none;
    }

    .mobi-mb20 {
        margin-bottom: 20px;
    }

    .mobi-mb30 {
        margin-bottom: 30px;
    }

    .themesflat_sc_vc-icon-box.one-haft {
        margin-bottom: 30px;
    }

    .author-post .themesflat-socials {
        margin-top: 10px;
    }

    .infor-topbar {
        text-align: center;
        padding: 0 15px;
    }
    .bottom .themesflat-socials {
        margin-top: 0px;
        margin-right: 0px;
    }
    .form-ac-footer .content-left {
        justify-content: center;
        margin-bottom: 20px;
    }

    .mobi-small-hide,
    #header .header-wrap .header-ct-right .phone-header-box,
    article .entry-footer .social-share-article h5 {
        display: none;
    }

    .mmobi-center {
        text-align: center !important;
    }

    .mmobi-left {
        text-align: left !important;
    }

    .footer-widgets .widget.widget_nav_menu ul li {
        float: none;
    }

    .smobi-hide,
    .doubleline:before,
    .doubleline:after,
    .border-style1:before,
    .mmobi-none,
    .header-02 .themesflat-top.style-01 .container-inside .content-right {
        display: none;
    }

    .wrap-job-list .title-job,
    .wrap-job-list .info-job,
    .wrap-job-list .button-job {
        width: auto;
        display: block;
        float: none;
        margin: 0 0 15px 0;
    }

    .blog-post.post_format-post-format-image.has-post-thumbnail .content-post {
        padding: 25px;
    }

    .blog-list article .post-meta,
    .item article .post-meta {
        margin-bottom: 10px;
    }

    .single-portfolios .entry-content .image-content-left .img-bottom img,
    .single-portfolios .entry-content .image-content-left .img-top img,
    .footer-widgets .widget.widget_nav_menu ul li {
        width: 100%;
    }

    .single-portfolios .entry-content .image-content-left .img-bottom {
        margin-bottom: 30px;
    }

    .button-topbar {
        margin-left: 0;
    }

    .bottom .container-inside {
        display: block;
        justify-content: unset;
        align-items: unset;
        text-align: center;
    }

    .bottom .container-inside .content-right {
        margin-top: 10px;
    }

    .wrap-info-item {
        display: block;
        align-items: unset;
        width: 100%;
        position: relative;
        padding: 46px 15px 23px 15px;
    }

    .info-item {
        flex-grow: unset;
        justify-content: unset;
        display: block;
        align-items: unset;
        margin-bottom: 15px;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .elementor-widget-container .mc4wp-form input[type="email"] {
        padding: 16px 20px;
        margin-bottom: 10px;
    }

    .elementor-widget-container .mc4wp-form input[type="submit"] {
        position: unset;
        right: auto;
        top: auto;
        transform: translateY(0%);
        max-width: 100%;
    }

    .transparent-form p,
    .dark-form p {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .related-post .box-title {
        font-size: 60px;
    }

    .related-post.related-posts-box {
        margin-top: 80px;
    }

    .themesflat-action-box {
        padding: 60px 20px;
    }
    .blog-single .post-meta {
        padding: 15px;
    }
    blockquote {
        margin: 0px 0px 37px 0px;
    }
    .single .author-post {
        padding: 30px 15px;
    }
    .nav-links .previous-post {
        width: 100%;
        float: unset;
        text-align: left;
    }
    .nav-links .next-post {
        width: 100%;
        float: unset;
    }
    .navigation.posts-navigation .nav-links li {
        margin-bottom: 30px;
    }
    #header.header-02 .logo {
        justify-content: left;
    }
    .contact-form-ip .tf-title-section .title-section .heading {
        margin: 0 0%;
        font-size: 30px;
    }
    .contact-form-ip .top {
        display: block;
        margin-left: 0;
    }
    .contact-form-ip .top .wpcf7-form-control-wrap {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 30px;
    }
    .contact-form-ip .top .wpcf7-form-control-wrap input {
        margin-bottom: 15px;
    }
    .contact-form-ip .top {
        margin-bottom: 0;
    }
    .comment-reply-title a#cancel-comment-reply-link {
        padding-left: 0px;
        float: left;
    }
    .blog-single .content-post-single .post-meta {
        padding: 0;
        margin-bottom: 5px;
    }
    .portfolio-filter li {
       margin-bottom: 25px !important;
    }
}

@media only screen and (max-width: 700px) {
    .header-02 .themesflat-top .container-inside .content-left {
        text-align: center;
    }
    .header-02 .themesflat-top .content-left ul li {
        border: none;
    }
    .blog-post.post_format-post-format-image.has-post-thumbnail .featured-post {
        margin-bottom: -105px;
    }
    .blog-post.post_format-post-format-image.has-post-thumbnail .content-post {
        position: relative;
        top: unset;
        left: unset;
        margin: 0 5.3%;
        width: auto;
        transform: unset;
    }

    .blog-post.post_format-post-format-image.has-post-thumbnail
        .content-post
        .post-meta
        .item-meta.post-date
        a {
        margin-left: -46px;
    }
}

@media only screen and (max-width: 635px) {
    .blog-single .content-post-single {
        display: block;
    }
    .video-video-box-button-sm {
        top: 4%;
    }
    .wrap-btn-header .btn-header {
        display: none;
    }
    .themesflat-top .content-left ul li {
        margin-right: 5px;
        padding-right: 5px;
    }
    article .post-meta .item-meta.post-date {
        margin-right: 10px;
    }
    article .entry-meta ul li,
    article .post-meta .item-meta {
        margin-right: 25px;
    }
    article .post-meta .item-meta.post-comments::after,
    article .post-meta .item-meta.post-author::after {
        right: -12px;
    }
    article .post-meta .item-meta .meta-icon {
        margin-right: 5px;
        font-size: 16px;
    }
    .blog-post.has-post-thumbnail .content-post .featured-post::before {
        display: none;
    }
    article .entry-title {
        font-size: 25px;
    }
}

/* Mobile Portrait Size */
@media only screen and (max-width: 600px) {
    .modal-menu-left .modal-menu__body {
        width: calc(100% - 50px);
    }

    .modal-menu__panel-body,
    .modal-menu__panel-footer {
        padding: 60px 30px 60px 30px;
    }

    .modal-menu__panel-header {
        padding: 10px 10px 10px 10px;
    }

    #mainnav-secondary .menu .menu-item-has-children > span {
        right: 0;
    }

    .comments-area ol.comment-list article .gravatar {
        float: none;
        display: block;
        border-radius: 50%;
    }

    .comments-area ol.comment-list article {
        position: relative;
        padding-left: 0px;
    }

    .comments-area ol.comment-list article .gravatar {
        top: auto;
        left: auto;
        position: relative;
    }

    .themesflat-top .flat-information {
        text-align: center;
    }

    .themesflat-top .content-left ul li {
        border: none;
    }

    .go-top {
        bottom: 200px;
        width: 40px;
        height: 40px;
    }

    .go-top i {
        line-height: 40px;
    }

    .btn-video {
        padding-left: 45px !important;
    }

    .btn-get-started.rev-btn {
        padding: 17px 43px 17px 15px !important;
    }

    .btn-get-started.rev-btn i {
        right: 15px;
    }

    .btn-video::before {
        width: 40px;
        height: 40px;
    }
    
}

@media only screen and (max-width: 575px) {
    .video-video-box-button-sm.video-box-button-lg button {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }
    .comments-area ul.children {
        margin-left: 20px;
    }

    ul.box-contact li .wrap-icon {
        float: none;
        margin-right: 0px;
    }

    ul.box-contact li .wrap-info {
        overflow: hidden;
        margin-top: 15px;
    }

    .box-contact li {
        padding: 43px 30px 40px;
    }

    .error-404-text h2 {
        font-size: 200px;
        letter-spacing: -10px;
    }

    .wrap-btn-header {
        display: none;
    }

    .single .entry-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .single .entry-footer .social-share-article {
        margin-top: 20px;
    }

    article .post-meta .item-meta.post-date a,
    article .post-meta .item-meta {
        font-size: 12px;
    }
}

@media (max-width: 499px) {
    .header-02 #header #logo a img {
        width: 130px;
    }
    .header-02 .themesflat-top .content-left ul li,
    .header-02 .themesflat-top .content-left ul li > i {
        font-size: 12px;
    }

    .bottom .content-left,
    .bottom .content-right {
        display: block;
        text-align: center !important;
    }

    .bottom .content-left {
        margin-bottom: 15px;
    }

    .bottom .content-right .text-left {
        margin-bottom: 10px;
    }

    .comments-area ol.comment-list article:after,
    .comments-area ol.comment-list article:before {
        display: none;
    }

    .comments-area blockquote {
        margin: 10px 0px 30px 0px;
        padding: 10px 15px 20px 15px;
    }

    .comments-area ol.comment-list article .comment_content .comment_text {
        overflow-x: auto;
    }

    .comments-area ol.comment-list article,
    .comment-list-wrap .comment-respond {
        margin-bottom: 30px;
    }

    .page-wrap.fullwidth-small .wrap-content-area,
    .page-wrap.fullwidth-small .content-area {
        width: 100%;
        max-width: 100%;
    }

    .section-comming-soon .title-comming-soon {
        font-size: 35px;
    }

    .mobi-supper-small-hide {
        display: none;
    }

    .smobi-center {
        text-align: center !important;
    }

    .smobi-left {
        text-align: left !important;
    }

    .header-style1 .flat-language {
        margin-left: 0;
    }

    .themesflat_sc_vc-headings.left-icon-testimonial {
        padding-left: 0;
    }

    .themesflat_sc_vc-headings.left-icon-testimonial:before {
        position: relative;
        margin-bottom: 10px;
    }

    .desk-pd-left81px {
        padding: 0 30px;
    }

    .header-style2 #header .header-wrap .header-ct-left,
    .header-style2 #header .header-wrap .header-ct-center,
    .header-style2 #header .header-wrap .header-ct-right {
        min-width: auto;
    }

    #header.header-style3 .logo {
        min-width: 230px;
    }
    article .post-meta .item-meta.post-comments::after,
    article .post-meta .item-meta.post-author::after {
        display: none;
    }
    article .post-meta .item-meta {
        margin-right: 15px;
    }
    article .post-meta .item-meta {
        line-height: 35px;
    }
}

@media (max-width: 460px) {
    .video-video-box-button-sm {
        right: 1%;
    }
}

@media (max-width: 425px) {
    .wrap-cart-count .content-text {
        display: none !important;
    }

    .error-404-text h2 {
        font-size: 160px;
        letter-spacing: -5px;
    }
    .header-modal-menu-left-btn {
        display: none;
    }
}

@media (max-width: 375px) {
    .comments-area
        ol.comment-list
        article
        .comment_content
        .comment_meta
        .comment_author {
        margin-right: 5px;
    }

    .top-search {
        width: 250px;
    }

    .header-style1 .flat-language {
        display: none;
    }

    .box-contact li {
        padding: 43px 20px 40px;
    }

    ul.box-contact li .wrap-info p {
        font-size: 24px;
    }

    .button-topbar {
        padding: 15px 45px 10px 45px;
    }

    .button-topbar:after {
        width: 107%;
    }

    .canvas-nav-wrap .inner-canvas-nav {
        width: 80%;
    }

    .error-404-text h2 {
        font-size: 150px;
        letter-spacing: -5px;
    }

    .related-post .box-title {
        font-size: 50px;
    }
    #header.header-style3 .header-cart-wrapper {
        display: none;
    }
}
/* Portfolios Single
-------------------------------------------------------------- */
.single-portfolios .featured-post {
    margin-bottom: 50px;
    position: relative;
}
.single-portfolios .featured-post img {
    border-radius: 3px;
    width: 100%;
    height: 480px;
    object-fit: cover;
}
.single-portfolios .portfolio-information {
    margin-top: 58px;
}
.single-portfolios .navigation .nav-links {
    margin-top: 0;
    border-top: none;
    padding: 20px 0;
    border-bottom: 1px solid #f2f2f2;
}

.single-portfolios .entry-footer .tags-links a {
    min-width: 60px;
    text-align: center;
    display: inline-block;
    margin: 5px;
    background: #f2f7ff;
    border-radius: 5px;
    font-weight: 500;
}
.single-portfolios .entry-footer .tags-links a:first-of-type {
    margin-left: 0;
}

.single-portfolios .entry-footer {
    padding-bottom: 13px;
    margin-top: 50px;
    border-bottom: 1px solid #f2f7ff;
}
.single-portfolios .entry-footer .social-share-article {
    display: flex;
    align-items: center;
}
.single-portfolios .entry-footer .social-share-article h6 {
    margin: 0 12px 0 0;
    font-weight: 400;
}
.single-portfolios .entry-footer .social-share-article a {
    color: #ffffff;
}
.single-portfolios .entry-footer .social-share-article .themesflat-socials li {
    margin: 8px;
}
.single-portfolios
    .entry-footer
    .social-share-article
    .themesflat-socials
    li:last-child {
    margin-right: 0;
}

.single-portfolios .entry-content .porfolio-inner {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-top: 30px;
    margin-bottom: 50px;
}

.single-portfolios .entry-content .porfolio-inner .img-portfolio-detail {
    flex-shrink: 0;
    margin-right: 30px;
    width: 740px;
    height: auto;
}

.single-portfolios .entry-content .meta-post {
    display: flex;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    margin-right: 31px;
    margin-top: -233px;
}
.single-portfolios .entry-content .meta-post .inner-meta-post {
    width: 370px;
    background: #f6f6f6;
    padding: 41px 35px 40px 40px;
    border-radius: 5px;
    border-right: 3px solid var(--theme-accent-color);
    border-bottom: 3px solid var(--theme-accent-color);
}

.single-portfolios .entry-content .meta-post .inner-meta-post .inner-title {
    font-size: 20px;
    margin-bottom: 33px;
}

.single-portfolios .entry-content .meta-post .meta-post-item {
    background-color: #fff;
    padding: 19px 0px 11px 19px;
    margin-bottom: 6px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.single-portfolios
    .entry-content
    .meta-post
    .meta-post-item.meta-post-category
    a {
    color: #494a4d;
}

.single-portfolios .entry-content .meta-post .meta-post-item.meta-post-website {
    margin-bottom: 30px;
}

.single-portfolios .entry-content .meta-post .meta-post-title {
    font-size: 16px;
    font-family: "Roboto Slab";
    font-weight: 500;
    margin-bottom: 9px;
    color: var(--theme-primary-color);
    width: 43%;
}

.single-portfolios .entry-content .meta-post .meta-post-title .post-icon {
    margin-right: 7px;
    color: var(--theme-accent-color);
}

.single-portfolios .entry-content .inner-meta-post .social {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.single-portfolios .entry-content .meta-post .social a {
    color: var(--theme-primary-color);
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 20px;
}
.single-portfolios .entry-content .meta-post .social a:last-child {
    margin-right: 0;
}

.single-portfolios .entry-content .meta-post .social a:first-child ,
.single-portfolios .entry-content .meta-post .social a:hover {
    background-color: var(--theme-accent-color);
    color: #fff;
}

.single-portfolios .entry-content .post-title {
    font-family: "Nunito";
    font-size: 48px;
    line-height: 60px;
    margin-bottom: 29px;
}

.single-portfolios .top-content {
    display: flex;
    margin-bottom: 100px;
}

.single-portfolios .top-content .content-left {
    width: 34%;
}

.single-portfolios .top-content .content-right {
    width: 66%;
    padding-left: 100px;
}

.single-portfolios .top-content .content-left h2 {
    font-weight: 700;
font-size: 40px;
line-height: 1.25em;
margin-bottom: 30px;
}

.single-portfolios .top-content .content-left .infor-box {
    background: #F2EDDC;
border-radius: 3px;
padding: 35px 35px 35px 35px;
}

.single-portfolios .top-content .content-left .infor-box h5 {
    font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #9C9EA6;
margin-bottom: -1px;
}

.single-portfolios .top-content .content-left .infor-box a {
    font-weight: 600;
font-size: 14px;
line-height: 21px;
color: #535656;
}

.single-portfolios .top-content .content-left .infor-box .portfolios-infor:not(:last-child) {
    margin-bottom: 24px;
}

.single-portfolios .top-content .content-right h3 {
    font-style: italic;
font-weight: 700;
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;
}

.single-portfolios .top-content .content-right p:not(:last-child) {
    margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
    .portfolio-single .entry-content {
        padding-right: 0;
    }
    .single-portfolios .portfolio-information ul li {
        width: 100%;
    }
}

/* portfolios Related */
.portfolios-related,
.portfolios-related .portfolios-box .portfolios-wrap {
    overflow: hidden;
}
.portfolios-related .title_related_portfolio {
    margin-top: 30px;
    margin-bottom: 25px;
}

/* Portfolios Archive
-------------------------------------------------------------- */

.tf-portfolio-wrap  .owl-carousel .owl-stage-outer {
    padding: 20px;
    margin: -20px;
}

.portfolios-post {
    position: relative;
}

.portfolios-post .content {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.portfolios-post .content {
    padding: 4px 40px 22px 40px;
}

.tf-portfolio-wrap.style1 .portfolios-post {
    display: flex;
}

.tf-portfolio-wrap.style1 .portfolios-post .content {
    background: #F9F9F9;
    padding: 40px 30px 30px 40px;
}

.tf-portfolio-wrap.style1 .portfolios-post .content .title {
    font-weight: 600;
font-size: 22px;
line-height: 33px;
color: var(--theme-primary-color);
padding-right: 25px;
}

.tf-portfolio-wrap.style1 .portfolios-post .content .description {
    font-weight: 400;
font-size: 14px;
line-height: 24px;
margin-bottom: 22px;
}

.tf-portfolio-wrap.style1 .portfolios-post .portfolios-infor:not(:last-child) {
    margin-bottom: 23px;
}

.tf-portfolio-wrap.style1 .portfolios-post .portfolios-infor h5 {
    font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #9C9EA6;
margin-bottom: -1px;
}

.tf-portfolio-wrap.style1 .portfolios-post .portfolios-infor a {
    font-weight: 600;
font-size: 14px;
line-height: 21px;
color: #535656;
}

.tf-portfolio-wrap.style1 .portfolios-post .tf-button-container a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    background: var(--theme-primary-color);
}

.tf-portfolio-wrap.style1 .portfolios-post .tf-button-container a:hover {
    color: var(--theme-primary-color);
    background: var(--theme-secondary-color);
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post .item .portfolios-post,
.tf-portfolio-wrap.style1 .portfolios-post {
    margin-bottom: 0;
}

.tf-portfolio-wrap.style1 .portfolios-post .content,
.tf-portfolio-wrap.style1 .portfolios-post .featured-post {
   width: 50%;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout1 .item.box-reverse .portfolios-post {
    flex-direction: row-reverse;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .item:nth-child(even) .portfolios-post {
    flex-direction: row-reverse;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post {
    align-items: center;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .content {
    background: #fff;
    padding: 0 195px;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .category {
    margin-bottom: 4px;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .category a {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: var(--theme-secondary-color);
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .category a:hover {
    color: var(--theme-primary-color);
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .content .title {
    font-weight: 700;
font-size: 40px;
line-height: 1.25em;
margin-bottom: 30px;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .content .title a {
    -webkit-line-clamp: 3;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .content .description {
    margin-bottom: 24px;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .portfolios-infor:not(:last-child) {
    margin-bottom: 24px;
}


.tf-portfolio-wrap.style1 .portfolios-post .content .inner-content {
 
}

.tf-portfolio-wrap.style1 .portfolios-post:hover .content,
.tf-portfolio-wrap.style1 .item.active .portfolios-post .content,
.tf-portfolio-wrap.style1 .portfolios-post:hover .featured-post::after,
.tf-portfolio-wrap.style1 .item.active .portfolios-post .featured-post::after {
  
}

.tf-portfolio-wrap.style1 .portfolios-post .featured-post {
}

.tf-portfolio-wrap.style1 .portfolios-post .featured-post::after {
    
}

.portfolios-post .featured-post img {
    object-fit: cover;
    display: inline-block;
}

.portfolios-post .featured-post a {
    width: 100%;
}


.portfolios-post .content .inner-content {
    position: relative;
}

.portfolios-post .content .title a {
    color: var(--theme-primary-color);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}
.portfolios-post .content .title {

}

.portfolios-post .content .title a:hover {
}

.portfolios-post .content .portfolios-category {
    margin-bottom: 5px;
}

.portfolios-post .content .portfolios-category {
    
}

.portfolios-post .content .portfolios-category a {
   
}

.portfolios-post .content .portfolios-category a:hover {
}

.portfolios-post .content .tf-button-container a {

}

.portfolios-post .content .tf-button-container a:hover {
   
}

.wrap-portfolios-post .item .portfolios-post,
.wrap-portfolios-post .item .title-section {
    margin-bottom: 30px;
}

.tf-portfolio-wrap.style1 .owl-carousel .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin: 0 15px;
}

/*Style 2*/


.tf-portfolio-wrap.style2 .portfolios-post {
    overflow: hidden;
}

.tf-portfolio-wrap.style2 .portfolios-post .content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    background: #4f595583;
    padding: 23px 100px 19px 21px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 5;
}

.tf-portfolio-wrap.style2 .portfolios-post .content .title,
.tf-portfolio-wrap.style2 .portfolios-post .content .title a {
    color: #fff;
}

.tf-portfolio-wrap.style2 .portfolios-post .tf-button-pj2 {
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-portfolio-wrap.style2 .portfolios-post .tf-button-pj2 a {
    width: 110px;
    height: 75px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 16px;
    border-left: 1px solid #606966;
    background: transparent !important;
}

.tf-portfolio-wrap.style2 .portfolios-post .tf-button-pj2 a i {
    display: inline-block;
}

.tf-portfolio-wrap.style2 .portfolios-post .tf-button-pj2 a:hover i {
    animation: toRightFromLeft .3s forwards;
}

.tf-portfolio-wrap.style2 .portfolios-post .content .title {
    color: #fff;
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
}

.tf-portfolio-wrap.style2 .portfolios-post .content .title a:hover {
    color: var(--theme-accent-color);
}

.tf-portfolio-wrap.style2 .portfolios-post .content .portfolios-category a {
    color: #fff;
    font-weight: 400;
font-size: 14px;
line-height: 24px;
}

.tf-portfolio-wrap.style2 .portfolios-post .featured-post {
    position: relative;
}

.tf-portfolio-wrap.style2 .portfolios-post .featured-post a img {
    height: 480px;
    object-fit: cover;
}

.tf-portfolio-wrap.style2 .portfolios-post .featured-post a {
    position: relative;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post .featured-post .icon-plus::after,
.tf-portfolio-wrap.style2 .layout2 .portfolios-post .featured-post .icon-plus::before {
    content: '';
    position: absolute;
    top: 40%;
    left: 50%;
    background: #fff;
        transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 5;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post .featured-post .icon-plus::after {
    height: 120px;
    width: 1px;
    top: 0;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post .featured-post .icon-plus::before {
    width: 120px;
    height: 1px;
    left: 0;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post:hover .featured-post .icon-plus::after {
    top: 40%;
    opacity: 1;
}
.tf-portfolio-wrap.style2 .layout2 .portfolios-post:hover .featured-post .icon-plus::before {
    left: 50%;
    opacity: 1;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post .featured-post a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #000;
    z-index: 1;
}

.tf-portfolio-wrap.style2 .layout1 .portfolios-post:hover  .content {
    background: var(--theme-primary-color);
    padding: 39px 100px 34px 40px;
}

.tf-portfolio-wrap.style2 .portfolios-post:hover .tf-button-pj2 {
    opacity: 1;
    visibility: visible;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post:hover .featured-post a::after {
    opacity: 0.5;
    visibility: visible;
}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post {

}

.tf-portfolio-wrap.style2 .layout2 .portfolios-post:hover .content {
    background: var(--theme-primary-color);
}

/* style 3 */

.tf-portfolio-wrap.style3 .portfolios-post {
    border-radius: 3px;
    overflow: hidden;
}

.tf-portfolio-wrap.style3 .portfolios-post .featured-post img {
    height: 220px;
    object-fit: cover;
}

.tf-portfolio-wrap.style3 .portfolios-post .content {
    padding: 26px 25px 20px 25px;
    background: #fff;
}

.tf-portfolio-wrap.style3 .portfolios-post .content h4 {
    font-weight: 700;
font-size: 18px;
line-height: 27px;
margin-bottom: 4px;
}

.tf-portfolio-wrap.style3 .portfolios-post .content .portfolios-category {
    margin-bottom: 0;
}

.tf-portfolio-wrap.style3 .portfolios-post .content .portfolios-category a {
    font-weight: 400;
font-size: 14px;
line-height: 24px;
color: #9C9EA6;
}

/* style 4 */

.tf-portfolio-wrap.style4 .posttype-filter li a {
    padding: 15px 40px;
    background: #F2EDDC;
    border-radius: 3px;
    color: var(--theme-primary-color);
    font-weight: 700;
}

.tf-portfolio-wrap.style4 .posttype-filter {
    margin: 0 0 60px 0;
}

.tf-portfolio-wrap.style4 .posttype-filter li a:hover,
.tf-portfolio-wrap.style4 .posttype-filter li.active a {
    background: var(--theme-primary-color);
    color: var(--theme-secondary-color);
}

.tf-portfolio-wrap.style4 .portfolios-post .content {
    background: #FFFFFF;
border: 1px solid #ECECEC;
border-radius: 3px;
padding: 20px 20px 15px 20px;
border-top: unset;
}

.tf-portfolio-wrap.style4 .portfolios-post .content .title {
    font-size: 22px;
line-height: 33px;
margin-bottom: 4px;
}

.tf-portfolio-wrap.style4 .portfolios-post .content .portfolios-category i {
    margin-right: 7px;
}

.tf-portfolio-wrap.style4 .portfolios-post .content .portfolios-category,
.tf-portfolio-wrap.style5 .portfolios-post .content .portfolios-category {
    display: flex;
    align-items: center;
}

/* style 5 */

.tf-portfolio-wrap.style5 .featured-post {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}

.tf-portfolio-wrap.style5 .featured-post .content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding: 20px 20px 15px 20px;
    z-index: 5;
}

.tf-portfolio-wrap.style5 .featured-post .content a {
    color: #fff;
}

.tf-portfolio-wrap.style5 .featured-post .content a:hover {
    color: var(--theme-secondary-color);
}

.tf-portfolio-wrap.style5 .portfolios-post .featured-post::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .6s cubic-bezier(.77,0,.175,1);
    background: linear-gradient(180deg, rgba(79, 89, 85, 0) 0%, #4f5955d6 81.1%);
    z-index: 1;
}

.tf-portfolio-wrap.style5 .portfolios-post:hover .featured-post::after {
    height: 150%;
}

.tf-portfolio-wrap.style5 .portfolios-post .content .title {
    font-size: 22px;
line-height: 28px;
margin-bottom: 9px;
}

.tf-portfolio-wrap.style5 .portfolios-post .content .portfolios-category svg {
    margin-right: 7px;
}

/* style 6 */

.tf-portfolio-wrap.style6 .owl-stage-outer {
    overflow: unset;
}

.tf-portfolio-wrap.style6 .owl-carousel .owl-nav .owl-prev {
    left: -30px;
    background: #fff;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.102);
}

.tf-portfolio-wrap.style6 .owl-carousel .owl-nav .owl-next {
    left: unset;
    right: -30px;
    background: #fff;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.102);
}

.tf-portfolio-wrap.style6 .owl-carousel .owl-nav .owl-prev:hover,
.tf-portfolio-wrap.style6 .owl-carousel .owl-nav .owl-next:hover {
    background: var(--theme-secondary-color);
}

.tf-portfolio-wrap.style6 .owl-carousel .owl-item.active .content {
    opacity: 1;
    visibility: visible;
}

.tf-portfolio-wrap.style6 .portfolios-post .content {
    text-align: center;
    padding: 30px 20px 20px 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-portfolio-wrap.style6 .portfolios-post .content .title {
    font-size: 30px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.tf-portfolio-wrap.style6 .portfolios-post .content .meta-post a {
    color: #9C9EA6;
}

.tf-portfolio-wrap.style6 .portfolios-post .content .meta-post {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tf-portfolio-wrap.style6 .portfolios-post .content .meta-post span:not(:last-child) {
    margin-right: 15px;
}

.tf-portfolio-wrap.style6 .portfolios-post .content .meta-post a:hover {
    color: var(--theme-secondary-color);
}

@media only screen and (max-width: 1700px) {
    .tf-portfolio-wrap.style2 .owl-carousel .owl-nav {
        top: 110%;
        right: 129%;
    }
}
@media only screen and (max-width: 1400px) {
    .tf-portfolio-wrap.style2 .owl-carousel .owl-nav {
        top: 115%;
        right: 125%;
    }
}

@media only screen and (max-width: 1300px) {
    .tf-portfolio-wrap.style2 .owl-carousel .owl-nav {
        top: 115%;
        right: 125%;
    }
}

@media only screen and (max-width: 1024px) {
    .tf-portfolio-wrap.style2 .owl-carousel .owl-nav {
        top: -100px;
        right: 100px;
    }
}

/*Carousel*/
.tf-portfolio-wrap.has-carousel .wrap-portfolios-post .item .portfolios-post,
.tf-portfolio-wrap.has-carousel .wrap-portfolios-post .item .title-section {
    margin-bottom: 0px;
}
.tf-portfolio-wrap.has-carousel .row {
    margin-left: 0;
    margin-right: 0;
}
.tf-portfolio-wrap.has-carousel .row > * {
    padding-left: 0px;
    padding-right: 0px;
}
.tf-portfolio-wrap.has-carousel .wrap-portfolios-post .item {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.tf-portfolio-wrap .owl-carousel .owl-nav {
    position: absolute;
}
.tf-portfolio-wrap .owl-carousel .owl-nav .owl-next,
.tf-portfolio-wrap .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: var(--theme-primary-color);
    text-align: center;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F2EDDC;
}

.tf-portfolio-wrap .owl-carousel .owl-nav .owl-next {
    left: unset;
    right: 0;
}

.tf-portfolio-wrap .owl-carousel .owl-nav .owl-prev::after,
.tf-portfolio-wrap .owl-carousel .owl-nav .owl-next:after,
.tf-portfolio-wrap .owl-carousel .owl-dots .owl-dot:after,
.tf-portfolio-wrap .owl-carousel .owl-nav .owl-prev:before,
.tf-portfolio-wrap .owl-carousel .owl-nav .owl-next:before,
.tf-portfolio-wrap .owl-carousel .owl-dots .owl-dot:before {
    display: none;
}

.tf-portfolio-wrap .owl-dots {
    position: absolute;
}
/* Justified */
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/* Services Single
-------------------------------------------------------------- */
.single-services .services-information ul {
    list-style: none;
    margin: 0;
}
.single-services .services-information ul li {
    color: #999;
    font-size: 15px;
    font-weight: 500;
    border-bottom: 1px solid #ececec;
    padding: 15.5px 0px;
}
.single-services .services-information ul li:last-child {
    border-bottom: none;
}
.single-services .services-information ul li span {
    display: inline-block;
    color: #222;
    font-size: 15px;
    font-weight: 600;
    margin-right: 25px;
    width: 80px;
    max-width: 100%;
}
.single-services .entry-content .featured-post {
    margin: 0 0 20px 0;
}
.single-services .entry-content .featured-post img {
    border-radius: 5px;
    width: 100%;
}
.single-services .entry-content .post-title {
    font-size: 48px;
    font-weight: 700;
    margin: 40px 0px 27px 0px;
}

/* Services Archive
-------------------------------------------------------------- */
.wrap-team-post .item,
.wrap-services-post .item,
.wrap-portfolios-post .item,
.wrap-project-post .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
}

.tf-portfolio-wrap.style1 .wrap-portfolios-post .item {
    padding-left: 0px;
    padding-right: 0px;
}

.wrap-team-post.column-1 .item,
.wrap-services-post.column-1 .item,
.wrap-portfolios-post.column-1 .item,
.wrap-project-post.column-1 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.wrap-team-post.column-3 .item,
.wrap-services-post.column-3 .item,
.wrap-portfolios-post.column-3 .item,
.wrap-project-post.column-3 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.wrap-team-post.column-4 .item,
.wrap-services-post.column-4 .item,
.wrap-portfolios-post.column-4 .item,
.wrap-project-post.column-4 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.wrap-team-post.column-5 .item,
.wrap-services-post.column-5 .item,
.wrap-portfolios-post.column-5 .item,
.wrap-project-post.column-5 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.wrap-team-post.column-6 .item,
.wrap-services-post.column-6 .item,
.wrap-portfolios-post.column-6 .item,
.wrap-project-post.column-6 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666667%;
    flex: 0 0 16.6666667%;
    max-width: 16.6666667%;
}


.wrap-services-post .item .services-post {
    /* margin-bottom: 39px; */
    position: relative;
}

.wrap-team-post.column-1 .item .team-post,
.wrap-services-post.column-1 .item .services-post,
.wrap-portfolios-post.column-1 .item .portfolios-post,
.wrap-project-post.column-1 .item .project-post {
    margin-bottom: 0;
}

.team-post .featured-post,
.services-post .featured-post,
.project-post .featured-post {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.services-post .tf-button-container a,
.services-post .post-icon .icon-2,
.services-post .post-icon .icon-1,
.services-post:hover .description,
.services-post:hover .title,
.services-post:hover,
.services-post:hover .post-icon i,
.services-post .description,
.services-post .title,
.services-post,
.services-post .post-icon i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.services-post {
    padding: 39px 30px 29px 30px;
    border: 1px solid #ECECEC;
    border-radius: 3px;
    border-bottom: 3px solid #D1D1D1;
    text-align: center;
    background: #fff;
}

.services-post:hover {
    border: 1px solid transparent;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.102);
    border-bottom: 3px solid var(--theme-secondary-color);
}

.sv-page .services-post {
    padding: 0px;
    margin-bottom: 30px;
}

.sv-page .services-post .featured-post img {
    height: 300px;
    object-fit: cover;
}

.sv-page .services-post .post-icon {
    margin-bottom: 10px;
    font-size: 40px;
    margin-top: 20px;
}

.sv-page .services-post .content {
    padding: 20px 20px;
}

.sv-page .services-post .content .title {
    margin-bottom: 10px;
}

.sv-page .services-post .content .desc {
    margin-bottom: 20px;
}

.sv-page .services-post:hover .tf-button-container a {
    color: var(--theme-primary-color);
}

.pj-page .portfolios-post .content {
    padding: 20px 0;
}

.pj-page .portfolios-post .content h2 {
    font-size: 20px;
    margin-bottom: 20px;
}

.pj-page .portfolios-post .content .post-meta {
    margin-bottom: 10px;
}

.pj-page .portfolios-post .content .tf-button-container a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    background: var(--theme-primary-color);
}

.pj-page .portfolios-post .content .tf-button-container a:hover {
    color: var(--theme-primary-color);
    background: var(--theme-secondary-color);
}

.pj-page .portfolios-post .featured-post img {
    height: 200px;
    border-radius: 5px;
    object-fit: cover;
}

.team-page .team-post {
    text-align: center;
}

.team-page .navigation {
    text-align: center;
    margin-top: 50px;
}

.services-post .post-icon {
    position: relative;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 32px;
}

.services-post .post-icon .icon-1 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    font-size: 40px;
    background: var(--theme-accent-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 1px 5px 0 var(--theme-primary-color);
}

.services-post .post-icon .icon-2 {
    font-size: 55px;
    position: absolute;
    bottom: -10px;
    right: 0px;
    color: rgba(0, 176, 252, 0.1);
}

.services-post:hover .post-icon .icon-2 {
    color: rgba(255, 255, 255, 0.1);
}

.services-post .content {
    position: relative;
}

.services-post .title {
    font-weight: 600;
    font-size: 22px;
    line-height: 33px;
    color: var(--theme-primary-color);
    margin-bottom: 20px;
}

.services-post .title a {
    color: inherit;
}

.tf-services-wrap  .services-post .title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.services-post .description {
    font-weight: 400;
font-size: 14px;
line-height: 24px;
margin-bottom: 18px;
}

.tf-services-wrap.style1 .services-post .icon-img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #F8F5ED 0%, rgba(247, 247, 247, 0) 100%);
}

.tf-services-wrap.style1 .services-post .icon-img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.services-post .meta-category a {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 13px;
    line-height: 28px;
    color: #fff;
    padding: 6px 15px 6px 15px;
    border-radius: 5px;
    background: var(--theme-secondary-color);
}

.services-post .meta-category {
    position: relative;
    margin-bottom: 26px;
}

.services-post .tf-button-container a {
    font-weight: 600;
    font-size: 14px;
    color: #535656;
    position: relative;
    -webkit-transition: all 0.5s ease, color 0s;
    -moz-transition: all 0.5s ease, color 0s;
    -ms-transition: all 0.5s ease, color 0s;
    -o-transition: all 0.5s ease, color 0s;
    transition: all 0.5s ease, color 0s;
}

.services-post .tf-button-container a i {
    font-size: 10px;
    margin-left: 5px;
    display: inline-block;
    color: var(--theme-secondary-color);
}

.services-post:hover .tf-button-container a:hover i {
    animation: toRightFromLeft .3s forwards;
}

.wrap-services-post.show-filter.column-2 .item,
.wrap-portfolios-post.show-filter.column-2 .item,
.wrap-project-post.show-filter.column-2 .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49.99%;
    flex: 0 0 49.99%;
    max-width: 49.99%;
}

/* style-2 */

.tf-services-wrap.style2 .services-post {
    padding: 0px;
    border: unset;
    border-bottom: 3px solid #D1D1D1;
    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.102);
    text-align: left;
}

.tf-services-wrap.style2 .services-post .title {
    padding: 25px 10px 5px 30px;
}

.tf-services-wrap.style2 .services-post .content {
    padding: 20px 30px 25px 30px;
}

.tf-services-wrap.style2 .services-post .description {
    margin-bottom: 0;
}

.tf-services-wrap.style2 .services-post .post-icon {
}

.group-navigation {
    display: flex;
    align-items: center;
    justify-content: right;
    padding-right: 25% !important;
    margin-bottom: 7px;
}
.group-navigation .slideState {
    margin-right: 30px;
}
.ivySlideTxt{ display: none;}
.group-navigation .slideState{ height: 3px; width: 186px; background: #D4D4D4; position: relative; flex-shrink: 0;}
.group-navigation .slideState span{ position: absolute; height: 100%; background: #D9C3A9; left: 0; top: 0; transition: all 0.5s ease; color: #FFF; padding-left: 15px;}
.group-navigation #counter {
    font-weight: 600;
    font-size: 22px;
    color: #D4D4D4;
    width: 80px;
    text-align: center;
}
.group-navigation #counter span {
font-size: 40px;
color: var(--theme-primary-color);
}
/* style-3 */

.tf-services-wrap.style3 .services-post {
   padding: 0px;
   border-radius: 3px;
   overflow: hidden;
   border: unset;
}

.tf-services-wrap.style3 .services-post .content {
    text-align: left;
    padding: 25px 50px 29px 28px;
}

.tf-services-wrap.style3 .services-post .content .icon-3 {
    width: 40px;
    height: 40px;
    background: #F2EDDC;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tf-services-wrap.style3 .services-post .content .icon-3 i {
    font-size: 20px;
}

.tf-services-wrap.style3 .services-post .content .group-title {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.tf-services-wrap.style3 .services-post .content .post-icon3 {
    margin-right: 9px;
}

.tf-services-wrap.style3 .services-post .title {
    margin-bottom: 0;
}

.tf-services-wrap.style3 .services-post .features-image {

}

.tf-services-wrap.style3 .services-post .features-image img {
    height: 220px;
    width: 100%;
}

.tf-services-wrap .services-post .features-image img {
    object-fit: cover;
}

.tf-services-wrap.style3 .layout-2 .services-post .content {
    padding: 0px 50px 29px 25px;
}

.tf-services-wrap.style3 .layout-2 .services-post .content .icon-3 {
    width: 73px;
    height: 73px;
}

.tf-services-wrap.style3 .layout-2 .services-post .content .post-icon3 {
    margin-top: -38px;
    margin-bottom: 11px;
}

.tf-services-wrap.style3 .layout-2 .services-post .title {
    margin-bottom: 8px;
}

.tf-services-wrap.style3 .layout-2 .services-post .description {
    margin-bottom: 8px;
}

.tf-services-wrap.style3 .layout-2 .services-post .content .icon-3 i {
    font-size: 35px;
}

.tf-services-wrap.style3 .layout-2 .services-post .content {
    border: 1px solid #ECECEC;
    border-top: unset;
    border-bottom: 3px solid #D1D1D1;
}

/* style 4 */

.tf-services-wrap.style4 .services-post {
    padding: 26px 22px 24px 22px;
    border-radius: 0px;
    border: unset;
    text-align: left;
    background: #fff;
    display: flex;
}

.tf-services-wrap.style4 .services-post .post-icon3 .icon-3 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    margin-right: 16px;
}

.tf-services-wrap.style4 .services-post .post-icon3 i {
    font-size: 45px;
}

.tf-services-wrap.style4 .services-post .content .title {
    font-weight: 600;
font-size: 22px;
line-height: 1.5em;
margin-bottom: 8px;
}

.tf-services-wrap.style4 .services-post .content .description {
    font-weight: 400;
font-size: 14px;
line-height: 24px;
margin-bottom: 0px;
}

/* style 5 */

.tf-services-wrap.style5 .services-post {
    padding: 0;
    border: unset;
    box-shadow: unset;
}

.tf-services-wrap.style5 .services-post .features-image img {
    width: 100%;
    object-fit: cover;
}

.tf-services-wrap.style5 .services-post .content .icon-3 {
    width: 108px;
    height: 108px;
    border: 6px solid #fff;
    background: #F2EDDC;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 40px;
    margin-top: -55px;
}

.tf-services-wrap.style5 .services-post .content .post-icon3 {
    margin-bottom: 12px;
}

.tf-services-wrap.style5 .services-post .content .title {
    margin-bottom: 13px;
}

/* style 6 */

.tf-services-wrap.style6 .services-post {
    border: unset;
    background: #fff;
    border-radius: 3px;
    padding: 29px 20px 25px 33px;
}

.tf-services-wrap.style6 .services-post .content {
    display: flex;
    align-items: center;
}

.tf-services-wrap.style6 .services-post .content .icon-img {
    max-width: 75px;
    height: 75px;
    margin-right: 20px;
    flex-shrink: 0;
}

.tf-services-wrap.style6 .services-post .content .inner {
    text-align: left;
}

.tf-services-wrap.style6 .services-post .content .inner .title {
    margin-bottom: 14px;
}

.tf-services-wrap.style6 .services-post .content .inner .description {
    margin-bottom: 0;
}

.tf-services-wrap.style6 .services-post.layout2 {
    padding: 74px 100px 72px 100px;
    border-radius: 0;
}

.tf-services-wrap.style6 .services-post.layout2 .content .inner .description {
    margin-bottom: 8px;
}

.tf-services-wrap.style6 .services-post.layout2 .content {
    display: block;
    text-align: center;
}

.tf-services-wrap.style6 .services-post.layout2 .content .inner {
    text-align: unset;
}
.tf-services-wrap.style6 .services-post.layout2 .content .icon-img {
    max-width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 31px;
}

.tf-services-wrap.style6 .services-post.layout2:hover {
    box-shadow: unset;
}

.tf-services-wrap.style6 .services-post.layout2 {
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
}

@keyframes routate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Navigation
-------------------------------------------------------------- */
.paging-navigation.portfolios,
.paging-navigation.services,
.paging-navigation.project {
    margin-top: 35px;
    text-align: center;
}

.navigation.loadmore.portfolios a,
.navigation.loadmore.services a,
.navigation.loadmore.project a {
    font-size: 15px;
    font-weight: 500;
    padding: 11px 61px;
    border-radius: 5px;
    border: none;
}

/* Filter
-------------------------------------------------------------- */
.portfolio-filter,
.services-filter,
.project-filter {
    padding: 0;
    margin: 0 0 41px 0;
    list-style: none;
    width: 100%;
    height: max-content;
    text-align: center;
}

.tf-portfolio-wrap.style1 .portfolio-filter {
    text-align: left;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-filter li,
.services-filter li,
.project-filter li {
    display: inline-block;
    position: relative;
    margin: 5px 31px;
}

.portfolio-filter li a,
.services-filter li a,
.project-filter li a {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
color: #9C9EA6;
}

.portfolio-filter li.active a,
.services-filter li.active a,
.project-filter li.active a {
    position: relative;
    font-size: 18px;
    line-height: 27px;
    color: var(--theme-secondary-color);
    font-weight: 700;
}

.portfolio-filter li:first-child,
.services-filter li:first-child,
.project-filter li:first-child {
    margin-left: 0px;
}

.portfolio-filter li:last-child,
.services-filter li:last-child,
.project-filter li:last-child {
    margin-right: 0px;
}

/* Carousel
-------------------------------------------------------------- */

.wrap-team-post .owl-carousel .item,
.wrap-services-post .owl-carousel .item,
.wrap-portfolios-post .owl-carousel .item,
.wrap-project-post .owl-carousel .item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.owl-carousel.row {
    margin: 0 !important;
}

/* Team */
.single-team .team-wrap-infor {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    padding: 0px 65px 70px 70px;
    background-color: #fff;
    margin-bottom: 60px;
    margin-top: -32px;
}

.single-team .team-wrap-infor .featured-post {
    position: relative;
    flex-shrink: 0;
    max-width: 410px;
    margin-right: 170px;
    border-radius: 5px;
    height: 490px;
    z-index: 5;
}

.single-team .team-wrap-infor .featured-post::after {
    position: absolute;
    content: '';
    top: -49px;
    left: -50px;
    background: #fff;
    border: 2px solid var(--theme-primary-color);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.single-team .team-wrap-infor .featured-post::before {
    position: absolute;
    content: '';
    bottom: -51px;
    right: -50px;
    background: var(--theme-accent-color);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.single-team .team-wrap-infor .featured-post img {
    width: 100%;
    object-fit: cover;
    z-index: 5;
    height: 100%;
}

.single-team .team-wrap-infor .inner-team {
    padding-top: 22px;
}

.single-team .team-wrap-infor .inner-team .team-category a {
font-weight: 600;
font-size: 30px;
line-height: 140%;
color: var(--theme-accent-color);
margin-bottom: 0;
}

.single-team .team-wrap-infor .inner-team .post-title {
font-weight: 600;
font-size: 30px;
line-height: 140%;
color: var(--theme-primary-color);
margin-bottom: 0;
}

.single-team .team-wrap-infor .inner-team .post-description {
font-weight: 600;
font-size: 30px;
line-height: 140%;
color: var(--theme-primary-color);
margin-bottom: 30px;
}

.single-team .team-wrap-infor .inner-team .meta-team {
    padding-right: 75px;
    margin-bottom: 42px;
}

.single-team .team-wrap-infor .inner-team .meta-team .list-info {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    margin-bottom: 28px;
}

.single-team .team-wrap-infor .inner-team .meta-team .list-info .icon {
    margin-right: 18px;
}

.single-team .team-wrap-infor .inner-team .meta-team .list-info .post-icon {
    width: 60px;
height: 60px;
background: var(--theme-accent-color);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: 5px 5px var(--theme-secondary-color);
font-size: 30px;
color: #fff;
}

.single-team .team-wrap-infor .inner-team .meta-team .list-info h4 {
font-weight: 400;
font-size: 30px;
line-height: 120%;
color: var(--theme-accent-color);
margin-bottom: 0;
}

.single-team .team-wrap-infor .inner-team .meta-team .list-info h5 {
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--theme-primary-color);
margin-bottom: 0;
}

.single-team .team-wrap-infor .inner-team .meta-team .list-info .content {
    margin-top: 8px;
}

.single-team .team-wrap-infor .inner-team .social {
    display: inline-flex;
    padding: 14px 28px 14px 29px;
    background: #FFF4E7;
    border: 1px solid #000000;
    margin-top: 7px;
}

.single-team .team-wrap-infor .inner-team .social a {
    color: var(--theme-primary-color);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--theme-secondary-color);
    margin-right: 11px;
    color: #fff;
}
.single-team .team-wrap-infor .inner-team .social a:last-child {
    margin-right: 0;
}

.single-team .team-wrap-infor .inner-team .social a:first-child,
.single-team .team-wrap-infor .inner-team .social a:hover {
    background-color: var(--theme-accent-color);
    color: #fff;
    box-shadow: 2px 2px var(--theme-primary-color);
}



/* style 1 */
.team-post:hover .featured-post img,
.team-post .featured-post img,
.team-post:hover .featured-post::after,
.team-post .featured-post::after,
.team-post:hover .featured-post,
.team-post:hover .content::after,
.team-post .content::after,
.team-post .featured-post,
.team-post:hover .content .title,
.team-post:hover .content .social a,
.team-post:hover .content .team-category a,
.team-post:hover .content .title a,
.team-post .content .social a,
.team-post .content .team-category a,
.team-post .content .title a,
.team-post .content,
.team-post:hover .content {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team-post .featured-post {
    position: relative;
}

.team-post .featured-post::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.672);
    opacity: 0;
}

.team-post .featured-post img {
    border-radius: 5px;
}

.team-post:hover .featured-post img {
    -webkit-transform: scale(1.1);
    -khtml-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.team-post:hover .featured-post::after {
    opacity: 1;
}

.tf-team-wrap .team-post {
    margin-bottom: 30px;
}

.tf-team-wrap.style1 .team-post {
    position: relative;
}

.tf-team-wrap.style1 .team-post .content {
    text-align: left;
    padding: 26px 20px 29px 29px;
    background: #f7f0ea;
    position: relative;
}

.tf-team-wrap.style1 .team-post .content .share-button {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-secondary-color);
    color: #fff;
    font-size: 20px;
    position: absolute;
    top: -25px;
    right: 0px;
}

.tf-team-wrap.style1 .team-post .content::after {

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.tf-team-wrap.style1 .team-post .content .title a {
font-weight: 400;
font-size: 22px;
line-height: 25px;
color: #000;
}

.tf-team-wrap.style1 .team-post .content .title a:hover,
.tf-team-wrap.style1 .team-post .content .team-category a:hover {
    color: var(--theme-accent-color);
}

.tf-team-wrap.style1 .team-post .content .title {
    margin-bottom: -6px;
}

.tf-team-wrap.style1 .team-post .content .team-category a {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #757873;
}

.team-post .content .social,
.tf-team-wrap.style3 .team-post .content .social,
.tf-team-wrap.style2 .team-post .content .social,
.tf-team-wrap.style1 .team-post .content .social {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
}

.tf-team-wrap.style1 .team-post .content .social {
    padding-top: 0;
}

.tf-team-wrap.style1 .team-post .content .social::after {
    display: none;
}

.team-post .content .social a,
.tf-team-wrap.style3 .team-post .content .social a,
.tf-team-wrap.style2 .team-post .content .social a,
.tf-team-wrap.style1 .team-post .content .social a {
    width: 40px;
    height: 40px;
    font-size: 12px;
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    color: #010c2a;
    background: #f6f6f6;
    border-radius: 50%;
    margin-right: 10px;
}

.team-post .content .social a:last-child,
.tf-team-wrap.style3 .team-post .content .social a:last-child,
.tf-team-wrap.style2 .team-post .content .social a:last-child,
.tf-team-wrap.style1 .team-post .content .social a:last-child {
    margin-right: 0;
}

.tf-team-wrap.style1 .team-post .featured-post .social {
    transition: all .5s ease;
    position: absolute;
    bottom: 38px;
    right: 0;
    background-color: var(--theme-accent-color);
    padding: 25px 16px;
    border-radius: 10px;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    z-index: 5;
    text-align: center;
} 

.tf-team-wrap.style1 .team-post .featured-post .social::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%) rotate(43deg);
    width: 20px;
    height: 20px;
    background: var(--theme-accent-color);
}

.tf-team-wrap.style1 .team-post:hover .featured-post .social  {
    transition: all .5s ease;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.tf-team-wrap.style1 .team-post .featured-post .social a:not(:last-child) {
    margin-bottom: 8px;
    font-size: 16px;
    display: block;
}

.tf-team-wrap.style1 .team-post .featured-post {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tf-team-wrap.style1 .team-post .featured-post a {
    width: 100%;
}

.tf-team-wrap.style1 .owl-carousel .owl-dots .owl-dot {
    margin: 0 15px;
}

.tf-team-wrap.style1 .team-post .featured-post .social a {
    color: #fff;
}

.tf-team-wrap.style1 .team-post .featured-post .social a:hover {
    color: var(--theme-primary-color);
}

/* bullet carousel */
.owl-carousel .owl-dots {
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    position: absolute;
    cursor: default;
}

.owl-carousel .owl-dots .owl-dot::before,
.owl-carousel .owl-dots .owl-dot::after {
    display: none;
}

.owl-carousel .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    line-height: 14px;
    background-color: #C4C4C4;
    margin: 0 8px;
    position: relative;
    display: inline-block;
    overflow: unset;
    box-shadow: none;
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: var(--theme-secondary-color);
}

.tf-services-wrap .owl-carousel .owl-dots .owl-dot::after,
.tf-portfolio-wrap .owl-carousel .owl-dots .owl-dot::after {
    content: '';
    top: 50%;
    left: 50%;
        transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
    position: absolute;
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
}

.tf-services-wrap .owl-carousel .owl-dot.active::after,
.tf-portfolio-wrap .owl-carousel .owl-dot.active::after {
    position: absolute;
        transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    width: 22px;
    height: 22px;
    border: 1px solid #D9C3A9;
    overflow: visible;
}

/* arrow carousel */

/* .wrap-services-post .owl-carousel .owl-stage-outer {
    padding: 25px;
    margin: -25px;
} */

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    font-size: 30px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    background: var(--theme-accent-color);
    border-radius: 50% ;
}

.owl-carousel .owl-nav button.owl-prev.disabled,
.owl-carousel .owl-nav button.owl-next.disabled {
    color: #ffffff;
    background: var(--theme-secondary-color);
    opacity: 1;
    cursor: not-allowed;
}

.text-half .counter-number {
    background: linear-gradient(to top, #FFFFFF 52.5%, var(--theme-primary-color) 52.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.no-padding .item {
    padding-left: 0px;
    padding-right: 0px;
}

.no-padding .item .portfolios-post {
    margin-bottom: 0;
}

/* Responsive
-------------------------------------------------------------- */

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

}

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

}

@media only screen and (max-width: 1200px) {
    .single-portfolios .entry-content .porfolio-inner .img-portfolio-detail {
        flex-shrink: unset;
        margin-right: 30px;
        max-width: 740px;
    }
 
    .single-team .team-wrap-infor .inner-team .meta-team {
        padding-right: 0;
    }

 

    .single-team .team-wrap-infor {
        padding: 50px;
        margin-bottom: 50px;
    }
    .tf-services-wrap.style6 .services-post.layout2 {
        padding: 50px 40px;
    }
}

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

    .group-navigation {
        padding-right: 0 !important;
    }

    .tf-services-wrap.style2 .services-post .title {
        padding: 20px 15px;
        margin-bottom: 0;
        -webkit-line-clamp: 2;
    }

    .tf-services-wrap.style2 .services-post .content {
        padding: 20px 15px;
    }

    .tf-portfolio-wrap.style2 .portfolios-post .content {
        padding: 23px 50px 19px 30px;
    }

    .tf-portfolio-wrap.style2 .portfolios-post .tf-button-pj2 a {
        width: 50px;
        height: 50px;
    }

    .tf-portfolio-wrap.style2 .portfolios-post:hover .content {
        padding: 39px 50px 34px 40px;
    }

    .portfolios-post .content {
        padding: 4px 20px 22px 20px;
    }
    .portfolios-post .featured-post {
        transform: translate(0px, 0px);
    }
    .portfolios-post .content .title {
        padding-right: 20px;
    }

    .tf-portfolio-wrap.style3 .owl-carousel .owl-nav {
        display: none;
    }

    .single-team .team-wrap-infor .featured-post {
        margin-right: 50px;
    }
    .services-post {
        padding: 27px 0px 20px;
    }
    .portfolios-post .content .tf-button-container a {
        right: -25px;
        width: 50px;
        height: 50px;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(4) {
        margin-top: -15.5%;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(6) {
        margin-top: -11.8%;
    }
    .tf-portfolio-wrap.style1 .portfolios-post .content {
        padding: 40px 20px;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post .content {
        padding: 50px 50px;
    }
}

@media only screen and (max-width: 991px) {
    .wrap-team-post.column-4 .item,
    .wrap-services-post.column-4 .item,
    .wrap-portfolios-post.column-4 .item,
    .wrap-project-post.column-4 .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .wrap-team-post.column-5 .item,
    .wrap-services-post.column-5 .item,
    .wrap-portfolios-post.column-5 .item,
    .wrap-project-post.column-5 .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .tf-widget-portfolio-wrap.style1 .wrap-portfolios-post.show-filter.column-2 .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49.99%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .tf-portfolio-wrap.style1 .wrap-portfolios-post .item .portfolios-post,
     .tf-portfolio-wrap.style1 .portfolios-post {
        margin-bottom: 30px;
    }

    .wrap-portfolio-filter .portfolio-filter li,
    .wrap-portfolio-filter .portfolio-filter li:last-child,
    .wrap-portfolio-filter .portfolio-filter li:first-child,
    .wrap-project-post .project-filter li,
    .wrap-project-post .project-filter li:last-child,
    .wrap-project-post .project-filter li:first-child {
        padding: 0 20px;
    }

    .wrap-portfolio-filter .portfolio-filter,
    .wrap-project-filter .project-filter {
        text-align: center;
    }

    .tf-portfolio-wrap.style1 .portfolio-filter {
        text-align: center;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 32px;
    }

    .single-team .team-wrap-infor .featured-post img,
    .single-services .entry-content .featured-post img,
    .tf-pricetable .wrap-button a {
        width: 100%;
    }

    .single-team .team-wrap-infor {
        display: block;
    }

    .single-team .team-wrap-infor .featured-post {
        max-width: 100%;
        margin-right: 0px;
        width: 100%;
    }

    .tf-portfolio-wrap.style2 .layout1 .portfolios-post:hover .content {
        padding: 39px 50px 34px 40px;
    }

    .wrap-services-post .item .services-post {
        margin-bottom: 0px;
    }
    .tf-counter .wrap-counter-inner .icon i {
        font-size: 50px;
    }
    .tf-counter .counter-number-wrapper {
        font-size: 60px;
    }
    .wrap-portfolios-post.show-filter .item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .portfolios-post .content .title {
        font-size: 20px;
    }
    .portfolios-post .content .tf-button-container a {
        right: -19px;
        width: 40px;
        height: 40px;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(4) {
        margin-top: -20.5%;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(6) {
        margin-top: -15.8%;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post {
        margin-bottom: 0;
    }
    .tf-portfolio-wrap.style6 .owl-carousel .owl-nav .owl-next {
        right: 0px;
    }
    .tf-portfolio-wrap.style6 .owl-carousel .owl-nav .owl-prev {
        left: 0px;
    }
    .tf-portfolio-wrap.style4 .posttype-filter li a {
        padding: 10px 20px;
    }
    .tf-services-wrap.style4 .services-post .content .title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .wrap-team-post .item,
    .wrap-services-post .item,
    .wrap-portfolios-post .item,
    .wrap-project-post .item,
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(2),
     .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(5),
      .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(8),
       .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(11),
       .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(3),
        .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(6),
         .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(9),
          .tf-portfolio-wrap.style1 .wrap-portfolios-post.column-3 .item:nth-child(12) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 0 !important;
    }

    .owl-carousel .owl-nav,
    .group-navigation,
    .tf-services-wrap .owl-dots {
        display: none;
    }

    .tf-pricetable .wrap-button  {
        display: inline-block;
    }

    .wrap-team-post.column-3 .item,
    .wrap-services-post.column-3 .item,
    .wrap-portfolios-post.column-3 .item,
    .wrap-project-post.column-3 .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wrap-team-post.column-4 .item,
    .wrap-services-post.column-4 .item,
    .wrap-portfolios-post.column-4 .item,
    .wrap-project-post.column-4 .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .wrap-team-post.column-5 .item,
    .wrap-services-post.column-5 .item,
    .wrap-portfolios-post.column-5 .item,
    .wrap-project-post.column-5 .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .post-type-archive-portfolios .tf-title-section .title-section .wrap-title,
    .post-type-archive-project .tf-title-section .title-section .wrap-title {
        font-size: 30px;
    }

    .post-type-archive-portfolios .tf-title-section .sub-title,
    .post-type-archive-project .tf-title-section .sub-title {
        line-height: 1.2;
        letter-spacing: 2px;
    }

    .single-portfolios .entry-content .porfolio-inner {
        display: block;
    }
    .single-portfolios .entry-content .meta-post {
        display: block;
        margin: 0;
    }
    .single-portfolios .entry-content .porfolio-inner .img-portfolio-detail {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .wrap-portfolios-post.show-filter.column-2 .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .portfolios-post {
        display: block;
    }
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .featured-post,
    .tf-portfolio-wrap.style1 .wrap-portfolios-post.layout2 .content,
    .single-portfolios .top-content .content-left,
    .single-portfolios .top-content .content-right {
        width: 100%;
    }
    .portfolio-filter li, .services-filter li, .project-filter li {
        margin: 15px 6px;
    }
    .single-portfolios .top-content .content-left {
        margin-bottom: 30px;
    }
    .single-portfolios .top-content {
        display: block;
        margin-bottom: 60px;
    }
    .single-portfolios .top-content .content-right {
        padding: 0;
    }

    .tf-portfolio-wrap.style1 .wrap-portfolios-post.layout1 .item .portfolios-post,
    .tf-posts.style2 .blog-post {
        display: block;
    }
    .tf-portfolio-wrap.style1 .portfolios-post .content,
     .tf-portfolio-wrap.style1 .portfolios-post .featured-post,
     .tf-posts.style2 .blog-post .featured-post,
      .tf-posts.style2 .blog-post .content {
        width: 100%;
    }
    .text-half .counter-number {
        background: unset;
        background-clip: unset;
        -webkit-background-clip: unset;
        -webkit-text-fill-color: unset;
    }
}

@media only screen and (max-width: 600px) {
    .single-team .team-wrap-infor {
        padding: 30px;
        margin-bottom: 30px;
    }
    .single-team
    .team-wrap-infor
    .inner-team
    .meta-team
    .list-info
    .list-title
    .post-icon {
    font-size: 22px;
    margin-right: 15px;
    }
    
    .single-portfolios .entry-content .meta-post .inner-meta-post ,
    .single-portfolios .entry-content .meta-post .inner-meta-post
    .single-team .team-wrap-infor .inner-team .meta-team .list-info {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 450px) {
    .tf-services-wrap.style3 .services-post {
        display: block;
    }
    .single-team .team-wrap-infor {
        padding: 15px;
    }

    .single-team .team-wrap-infor .inner-team .meta-team .list-info {
        padding: 12px 10px 7px 0;
    }
}

@media only screen and (max-width: 400px) {
    .single-portfolios .entry-content .meta-post .inner-meta-post {
        width: 100%;
    }
}