@media(max-width :380px) {
    .search-results main .search-result .search-item.search-item {
        width: calc(100% - 25px) !important
    }

    body.woocommerce .empty-cart-container {
        width: 95%
    }
}

@media(max-width :480px) {
    footer.footer-default .footer-widgets.light .widget-area.classicStyle.border div[class*="col-"]:before {
        display: none
    }

    footer .widget-area.classicStyle:not(.full) {
        padding: 10px
    }

    button.jp-play .play-pause {
        position: relative
    }

    .jp-play .icon.icon-play {
        position: absolute;
        top: 21px;
        left: 20px
    }

    *::-webkit-media-controls-panel {
        display: none !important;
        -webkit-appearance: none
    }

    *::--webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none
    }

    *::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none
    }

    .business-subscribe .subscribe-content {
        text-align: center
    }

    .video.md-align-left>div:first-child,
    .video.md-align-center>div:first-child,
    .video.md-align-right>div:first-child {
        margin: 0 auto
    }

    .device-slider ul li {
        overflow: inherit
    }

    .portfolio .filter.yes li {
        margin-right: 13px
    }

    .woocommerce-account .account-title {
        padding: 0 1px 10px 4px
    }

    .woocommerce-account .account-title h1 {
        margin-right: 30px
    }

    .layout-container>.bg-image {
        position: fixed;
        background-attachment: inherit !important
    }

    .responsive-no-padding-top {
        padding-top: 0 !important
    }

    .responsive-normal-padding {
        padding-top: 30% !important
    }

    .responsive-no-padding-bottom {
        padding-bottom: 0 !important
    }

    .content {
        padding-top: 0
    }

    .md-text-title {
        margin-bottom: 20px
    }

    body .process-panel-main {
        text-align: left
    }

    body .process-panel-main-container:not(:first-child) .process-panel-icon {
        margin-left: .5em;
        margin-top: .4em
    }

    body .process-panel-main-container:not(:first-child) .process-panel-txt {
        margin-left: 5.5em;
        margin-top: 4.5em
    }

    body .process-panel-main-container .process-panel-txt {
        margin-left: 5.5em
    }

    .music-sc .wrap-image .image-album {
        transform: scale(0.6)
    }

    .music-sc .wrap-image .main-album-name {
        margin-top: -40px
    }

    .music-sc .wrap-image .btnSimulate {
        left: -50px
    }

    .music-sc.right-music-panel .wrap-image {
        margin-left: -10%
    }

    .navigation-mobile {
        padding: 0 20px 30px
    }

    h1 {
        font-size: 30px
    }

    h2 {
        font-size: 26px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 20px
    }

    h5 {
        font-size: 18px
    }

    h6 {
        font-size: 16px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.2em
    }

    html body p {
        font-size: 15px;
        line-height: 1.2em
    }

    header {
        height: 70px
    }

    .iconbox-side.iconbox-side .icon-container,
    .iconbox-side.iconbox-side .iconbox-side-container {
        text-align: center;
        float: none;
        display: block;
        margin-bottom: 20px;
        margin-left: 0;
        margin-right: 0
    }

    div.iconbox-side .iconbox-side-container {
        width: 100%
    }

    span.product_compare_price,
    span.product_compare_currency {
        font-size: 30px
    }

    div.product_compare_title_holder .product_compare_title {
        font-size: 20px;
        margin-top: 0;
        font-weight: bold
    }

    .imagebox-full .title {
        font-size: 30px
    }

    .tablet-slider .flex-control-nav {
        text-align: left
    }

    .tablet-slider .flex-control-nav li {
        margin-bottom: 10px
    }

    .recent-project .single_related,
    .recent-project .recent-image,
    .recent-project .recent-overlay {
        width: 100%;
        background-color: transparent;
        margin-left: 0
    }

    .recent-project .recent-image img {
        margin: auto
    }

    .recent-project .recent-title {
        margin-left: 0
    }

    .recent-project {
        padding-bottom: 30px
    }

    .showcase {
        transform: scale(.25)
    }

    footer.footer-default .widget-area.classicStyle.border.boxed div[class*="col-"] {
        height: auto !important
    }

    .smart-sidebar .close-sidebar {
        display: inline-block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 25px;
        height: 25px
    }

    .smart-sidebar .close-sidebar i {
        font-size: 24px;
        line-height: 25px
    }

    .single.single-post .post-content .post-title {
        font-size: 30px;
        line-height: 1.5em
    }

    .single.single-post .author-section .line {
        width: 73%
    }

    .single.single-post p img {
        margin: 10px auto
    }

    .single.single-post p {
        font-size: 19px
    }

    .single.single-post .comment-meta .comment-date {
        font-size: 17px
    }

    .single.single-post .author-section .title {
        font-size: 16px
    }

    .single.single-post .author-section .info .name a {
        font-size: 24px
    }

    .single.single-post .author-section .info .name {
        margin-bottom: 10px
    }

    .single.single-post .post-content .subscribe-section {
        margin-top: 25px
    }

    .single.single-post .subscribe-textbox {
        font-size: 11px;
        width: 100%
    }

    .blog .loop-post-content .post-title {
        font-size: 34px;
        line-height: 1.5em
    }

    .portfolio .heading .title {
        font-size: 34px;
        line-height: 1.2em
    }

    .portfolio .box_size {
        width: 90%
    }

    .portfolio-full .data .attributes {
        height: auto;
        display: block
    }

    .portfolio-full .data .attributes .attribute {
        width: 100% !important;
        display: block;
        border-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2)
    }

    .portfolio-full .data .attributes .attribute:last-child {
        border-bottom: 0
    }

    .portfolio-full .buttons {
        width: 170px
    }

    .portfolio-full .buttons .like,
    .portfolio-full .buttons .sharing {
        width: 100%;
        margin: 0
    }

    .portfolio-full .buttons .like {
        margin-bottom: 20px
    }

    .portfolio-carousel .owl-theme.owl-carousel .item {
        height: 350px
    }

    .portfolio-carousel .owl-theme.owl-carousel .item:not(.video) {
        max-width: 300px
    }

    .portfolio-carousel .owl-theme.owl-carousel {
        max-height: 350px;
        overflow: hidden
    }

    .woocommerce.woocommerce-page.single-product div.product .product_title {
        font-size: 26px
    }

    .woocommerce.woocommerce-page.single-product .summary .short-description p {
        font-size: 18px
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li .comment-text p,
    .woocommerce.woocommerce-page.single-product .summary .woocommerce-review-link {
        font-size: 17px
    }

    .woocommerce.woocommerce-page.single-product p.stars a {
        margin-right: 2px
    }

    .woocommerce.woocommerce-page.single-product .comment_container .avatar {
        display: inline-block
    }

    .woocommerce.woocommerce-page.single-product .comment-text {
        padding-left: 50px !important
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li img.avatar {
        width: 40px
    }

    .woocommerce.woocommerce-page.single-product .comment-text .meta * {
        font-size: 15px
    }

    .woocommerce.woocommerce-page.single-product .summary .button {
        padding: 0 30px !important;
        float: none
    }

    body .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    body .woocommerce-page.columns-2 ul.products li.product,
    body .woocommerce.columns-2 ul.products li.product,
    body .woocommerce-page.columns-3 ul.products li.product,
    body .woocommerce.columns-3 ul.products li.product,
    body .woocommerce-page.columns-5 ul.products li.product,
    body .woocommerce.columns-5 ul.products li.product,
    body .woocommerce-page.columns-6 ul.products li.product,
    body .woocommerce.columns-6 ul.products li.product {
        width: 100% !important;
        margin-right: 0
    }

    .single-product .related.products .product {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%
    }

    div.product-categories .category {
        width: 100% !important
    }

    body div.layout div.blog-masonry-container {
        margin: 0 0 15px 2%;
        width: 95%
    }

    .woocommerce .products ul,
    .woocommerce ul.products {
        text-align: center
    }

    body.woocommerce .content .container ul.products li.product,
    body.woocommerce-page .content .container ul.products li.product {
        width: 90% !important;
        margin: 0 5px 2.992em;
        float: none;
        display: inline-block
    }

    .search-results main .search-result .search-item {
        width: calc(100% / 2 - 25px) !important
    }

    .empty-cart-container {
        width: 95%;
        margin: 65px auto 75px auto
    }

    .shortcode-btn {
        float: none !important
    }

    .iconbox-side2.style2 .heading {
        width: 100%
    }

    .iconbox-side2.style2 .icon-container {
        margin: auto
    }

    .iconbox-side2.style2 .icon-container,
    .iconbox-side2.style2 .heading {
        text-align: center !important;
        display: block
    }

    .iconbox-side2.style2,
    .iconbox-side2.style2 .description {
        text-align: center
    }

    .iconbox-side2.style2 .iconbox-side2-container {
        text-align: center
    }

    .md-text-container.md-align-left,
    .md-text-container.md-align-right {
        justify-content: center
    }

    .iconbox-side.style2 .image-container .iconbox_side2_image {
        background-position: center center
    }

    .iconbox-side2.style2 .image-container .iconbox_side2_image {
        background-position: center center
    }

    .iconbox-side.style2 .image-container {
        width: 50px;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 10px
    }

    .iconbox-side2.style2 .image-container {
        width: 50px;
        display: inline-block;
        margin: 0 auto;
        margin-bottom: 10px
    }

    .md-empty-category-subtitle {
        font-size: 20px;
        letter-spacing: 3px;
        line-height: 2em
    }

    .md-empty-category-title {
        font-size: 80px;
        font-weight: bolder;
        margin-bottom: 16px;
        letter-spacing: 2px
    }

    .md-woocommerce-info {
        margin-top: 10%
    }

    .img-box-fancy .image-box-fancy-container {
        width: calc(100% - 80px)
    }

    .img-box-fancy .image-box-fancy-desc {
        padding: 45px 40px
    }

    .post-carousel-container .post-wrap {
        width: 95%;
        height: 500px
    }

    .post-carousel-container .post-date .post-date-day {
        margin-bottom: 10px
    }

    .post-carousel-container .post-content-container {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px
    }

    .post-carousel-container .flickity-page-dots {
        bottom: 40px
    }

    .modern-subscribe {
        width: 95% !important
    }

    .modern-subscribe .subscribe-content {
        padding: 70px 45px !important
    }

    .modern-subscribe .subscribe-image {
        max-height: 350px !important
    }

    .md-pixflow-slider.classic .pixflow-slide-container {
        max-width: 70%;
        left: 10%
    }

    .md-pixflow-slider.classic .pixflow-slide-container .slide-subtitle {
        font-size: 15px !important;
        line-height: 1.5em !important;
        margin-bottom: 10px
    }

    .md-pixflow-slider.classic .pixflow-slide-container .slide-title {
        font-size: 25px !important;
        line-height: 1.5em !important
    }

    .md-pixflow-slider.classic .shortcode-btn .button-standard.fade-oval {
        padding: 12px 19px !important
    }

    .md-pixflow-slider.classic .shortcode-btn .fade-oval span {
        font-size: 12px !important
    }

    .pixflow-slider .flickity-page-dots {
        height: 30px;
        left: 10%
    }

    body .process-panel-main-container .process-panel-txt,
    body .process-panel-main-container:not(:first-child) .process-panel-txt {
        margin: 0 auto;
        text-align: center;
        width: 100%
    }

    .process-panel-main-container .process-panel-icon,
    body .process-panel-main-container:not(:first-child) .process-panel-icon {
        font-size: 43px;
        position: relative;
        height: 43px;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    body .process-panel-main-container:not(:first-child) .process-panel-icon {
        margin-top: 35px;
        margin-bottom: 10px
    }

    body .process-panel-main-container:not(:first-child):after {
        border-left: 170px solid rgba(180, 40, 40, 0);
        border-top: 50px solid rgba(60, 192, 232, 1);
        border-right: 170px solid rgba(180, 41, 41, 0)
    }

    .pixflow-price-box .price-container {
        line-height: 1.8em;
        text-align: center;
        margin-right: 0
    }

    .pixflow-price-box .lists ul>li {
        max-width: 100%
    }

    .pixflow-price-box .price-box-container {
        padding: 15px;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pixflow-price-box .lists {
        margin-top: 30px;
        position: relative !important
    }

    .pixflow-price-box .offer-box {
        font-size: 13px
    }

    body .process-panel-main-container:not(:first-child) {
        float: none;
        width: 100%;
        height: 230px
    }

    body .process-panel-main-container:first-child {
        width: 100%;
        height: 200px
    }

    .sc-quote {
        margin-top: 20px
    }

    .md-counter-card {
        margin: 10px auto
    }

    .pixflow-price-box .price-box-container {
        display: block
    }

    .pixflow-price-box .price-container .text-part {
        position: relative;
        top: 0
    }

    .price-box-align-wraper {
        width: 90%;
        margin: 0 auto
    }

    .business-subscribe-button,
    form.send .subscribe-textbox {
        width: 93%;
        margin: 10px auto
    }

    .md-statistic .counter {
        width: 100%;
        text-align: center !important;
        margin-top: 30px
    }

    .vc_line-chart .vc_chart-with-legend,
    .vc_line-chart .vc_chart-legend {
        width: 100% !important
    }

    .vc_chart .vc_chart-legend li {
        float: left;
        margin-left: 11px !important;
        margin-top: 20px !important
    }

    .article-box .title-icon {
        margin-top: 16px;
        margin-bottom: 16px
    }

    footer.footer-default {
        min-width: 94% !important
    }

    .list-shortcode {
        width: 95%;
        margin-top: 23px
    }

    .sc-quote {
        margin-bottom: 20px
    }

    .sc-feature_image .main i {
        float: none
    }

    .article-box-content br {
        display: none
    }

    .md-counter .timer {
        font-size: 60px;
        padding-top: 40px;
        line-height: 41px;
        width: 100%
    }

    .md-counter .icon {
        display: block;
        font-size: 55px;
        font-weight: normal;
        margin-top: 60px
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        display: block !important
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active:after {
        display: none
    }

    .team-member-classic {
        max-width: 330px;
        margin: 0 auto
    }

    body .team-member-classic .content {
        width: 100% !important;
        margin: 0;
        max-height: 330px
    }
}

@media(min-width :481px) and (max-width:767px) {
    .team-member-classic {
        max-width: 330px;
        margin: 0 auto
    }

    body .team-member-classic .content {
        width: 100% !important;
        margin: 0;
        max-height: 330px
    }

    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 32px
    }

    h3 {
        font-size: 28px
    }

    h4 {
        font-size: 24px
    }

    h5 {
        font-size: 22px
    }

    h6 {
        font-size: 18px
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        line-height: 1.3em
    }

    html body p {
        font-size: 16px;
        line-height: 1.2em
    }

    .tablet-slider .flexslider {
        transform: scale(0.7);
        margin-top: -70px
    }

    .showcase {
        transform: scale(.35)
    }

    .single.single-post .post-content .post-title {
        font-size: 45px
    }

    .single.single-post .author-section .line {
        width: 83%
    }

    .single.single-post p img {
        margin: 10px auto
    }

    .single.single-post p {
        font-size: 20px;
        line-height: 1.3em
    }

    .single.single-post .comment-meta .comment-date {
        font-size: 17px
    }

    .single.single-post .subscribe-textbox {
        font-size: 11px;
        width: 100%
    }

    .single.single-post .author-section .title {
        font-size: 18px
    }

    .single.single-post .author-section .info .name a {
        font-size: 24px
    }

    .single.single-post .author-section .info .name {
        margin-bottom: 10px
    }

    .single.single-post .post-content .subscribe-section {
        margin-top: 25px
    }

    .single.single-post .subscribe-textbox {
        font-size: 16px
    }

    .blog .loop-post-content .post-title {
        font-size: 38px;
        line-height: 1.5em
    }

    .blog .loop-post-content p {
        font-size: 16px
    }

    .blog .loop-post-content .post-comment-holder,
    .loop-post-content .post-comment-hover,
    .blog .loop-post-content .post-comment {
        height: 35px;
        width: 35px
    }

    .blog .loop-post-content .post-comment,
    .blog .loop-post-content .post-comment-hover {
        background-size: cover
    }

    .blog .loop-post-content blockquote .name {
        font-size: 18px
    }

    .woocommerce.woocommerce-page.single-product div.product .product_title {
        font-size: 26px
    }

    .woocommerce.woocommerce-page.single-product .summary .short-description p {
        font-size: 18px
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li .comment-text p,
    .woocommerce.woocommerce-page.single-product .summary .woocommerce-review-link {
        font-size: 17px
    }

    .woocommerce.woocommerce-page.single-product p.stars a {
        margin-right: 2px
    }

    .woocommerce.woocommerce-page.single-product .comment_container .avatar {
        display: inline-block
    }

    .woocommerce.woocommerce-page.single-product .comment-text {
        padding-left: 60px !important
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li img.avatar {
        width: 50px
    }

    .woocommerce.woocommerce-page.single-product .comment-text .meta * {
        font-size: 15px
    }

    .single-product .related.products .product {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%
    }

    .empty-cart-container {
        margin: 85px auto 85px auto
    }

    .iconbox-side.style2 .image-container .iconbox_side2_image {
        background-position: left center
    }

    .iconbox-side2.style2 .image-container .iconbox_side2_image {
        background-position: left center
    }

    .iconbox-side.style2 .image-container {
        width: 50px;
        margin: 0 auto;
        margin-bottom: 10px
    }

    .iconbox-side2.style2 .image-container {
        width: 50px;
        margin: 0 auto;
        margin-bottom: 10px
    }

    .iconbox-side .description {
        text-align: left
    }

    .post-carousel-container .post-content-container {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px
    }

    .post-carousel-container .post-date .post-date-day {
        margin-bottom: 10px
    }

    .post-carousel-container .post-wrap {
        height: 500px;
        width: 370px;
        margin-right: 38px;
        margin-left: 38px
    }

    .post-carousel-container .flickity-page-dots {
        bottom: 50px
    }

    .process-panel-main .process-panel-main-container {
        width: 100%
    }

    .count-down #date-time .content {
        margin: 50px 1em 50px 1em
    }

    .pixflow-price-box .price-box-container {
        display: block
    }

    .pixflow-price-box .price-container .text-part {
        position: relative;
        top: 0
    }

    .price-box-align-wraper {
        width: 400px;
        margin: 0 auto
    }

    .pixflow-price-box .lists {
        margin-top: 30px;
        width: 300px
    }

    .pixflow-price-box .price-box-container {
        text-align: center
    }

    .pixflow-price-box .price-container .text-part {
        position: relative;
        top: 0;
        text-align: center;
        line-height: 3em
    }

    .pixflow-price-box .lists ul>li {
        max-width: 300px
    }

    .md-statistic .counter {
        width: 100%;
        text-align: center !important;
        margin-top: 30px
    }

    .vc_line-chart .vc_chart-with-legend,
    .vc_line-chart .vc_chart-legend {
        width: 100% !important
    }

    .vc_chart .vc_chart-legend li {
        float: left;
        margin-left: 11px !important;
        margin-top: 20px !important
    }

    .sc-quote {
        margin-bottom: 20px
    }

    footer.footer-default {
        min-width: 95% !important
    }

    footer.footer-default .footer-widgets .widget-area.classicStyle.border div[class*="col-"]:first-child:before {
        display: block
    }

    body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
        padding-top: 1em;
        padding-bottom: 1em
    }

    .md-counter .timer {
        font-size: 60px;
        line-height: 41px;
        width: 100%
    }

    .md-counter .icon {
        display: block;
        font-size: 55px;
        font-weight: normal
    }

    .md-pixflow-slider.classic .pixflow-slide-container {
        max-width: 70%;
        left: 10%
    }

    .md-pixflow-slider.classic .pixflow-slide-container .slide-subtitle {
        font-size: 20px !important;
        line-height: 1.5em !important;
        margin-bottom: 10px
    }

    .md-pixflow-slider.classic .pixflow-slide-container .slide-title {
        font-size: 30px !important;
        line-height: 1.5em !important
    }

    .md-pixflow-slider.classic .shortcode-btn .button-standard.fade-oval {
        padding: 12px 19px !important
    }

    .md-pixflow-slider.classic .shortcode-btn .fade-oval span {
        font-size: 12px !important
    }
}

@media(max-width:1270px) {
    .single-product .product .onsale {
        top: 50px
    }

    .products .product .thumb-image,
    .products .product .hover-image {
        min-height: 400px
    }

    .woocommerce-cart .layout #content .woocommerce table.cart td.actions .coupon>input.input-text {
        width: 160px
    }

    .iconbox-top .icon-holder {
        float: none !important;
        margin: 0 auto !important
    }

    .iconbox-top .description {
        padding-bottom: 35px;
        font-weight: normal;
        width: 90%;
        float: none !important;
        margin: 0 auto !important
    }

    .products .product .onsale {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 11px
    }

    .header-clone {
        display: none
    }

    body:not(.compose-mode) .md-text,
    body.compose-mode.responsive-mode .md-text {
        overflow: hidden
    }

    body .process-panel-main-container h1.title {
        font-size: 18px
    }

    body .process-panel-main-container h3.sub-title {
        font-size: 12px
    }

    div#footer-bottom {
        height: auto
    }

    footer #footer-bottom .content {
        padding: 10px 0;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0)
    }

    #footer-bottom .content .logo {
        float: none;
        top: 0;
        transform: translateY(0);
        margin-bottom: 10px
    }

    #footer-bottom .content .social-icons {
        float: none;
        top: 0;
        margin: 0 auto 10px;
        text-align: center;
        transform: translateY(0)
    }

    #footer-bottom .content .copyright {
        float: none;
        text-align: center;
        transform: translateY(0);
        margin-bottom: 10px;
        top: 0
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li[data-model="md_tabs"] {
        width: 100%;
        text-align: center
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li[data-model="md_tabs"]>a {
        float: none
    }

    footer .widget-area.classicStyle {
        padding: 20px
    }

    .vc_row:not(.row-equal-column-height) .img-box-slider .slides,
    .vc_row:not(.row-equal-column-height) img-box-slider ul,
    .vc_row:not(.row-equal-column-height) .img-box-slider ul>li,
    .vc_row:not(.row-equal-column-height).img-box-slider ul,
    .vc_row:not(.row-equal-column-height) .img-box-slider ul>li {
        max-height: 360px !important
    }

    .vc_row:not(.row-equal-column-height) .img-box-slider ul,
    .vc_row:not(.row-equal-column-height) .img-box-slider ul>li {
        max-height: 250px
    }

    .instagram .statistic .item {
        padding: 0 10px
    }

    .flexslider-controls {
        display: inline-block
    }

    .md-text-title {
        letter-spacing: 0 !important
    }

    .md_hor_tab.wpb_content_element .px_tabs_nav.md-custom-tab,
    .md_hor_tab2.wpb_content_element .px_tabs_nav.md-custom-tab {
        width: 100%;
        margin-bottom: 15px !important
    }

    .md_hor_tab.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
    .md_hor_tab2.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
        width: 100%
    }

    .testimonial-classic.testimonial-classic-left {
        margin: 0 auto;
        text-align: center
    }

    .testimonial-classic .flexslider .detail .paragraph {
        font-size: 18px
    }

    .post-content {
        padding: 40px 10px 30px 10px
    }

    .recent-post .single_related,
    .recent-project .single_related {
        width: 100%;
        margin-bottom: 35px;
        height: auto
    }

    .recent-project .recent-single-title {
        margin-top: 10px
    }

    .recent-post .single_related a,
    .recent-project .single_related a {
        display: block
    }

    .recent-post .recent-image,
    .recent-project .recent-image {
        width: 90%;
        display: inline-block
    }

    .recent-post .recent-image img,
    .recent-project .recent-image img {
        width: 100%
    }

    .portfolio-nav {
        display: none
    }

    .woocommerce p.woocommerce-result-count,
    .woocommerce .woocommerce-ordering {
        float: none;
        display: block;
        margin-top: 0
    }

    body.woocommerce .container ul.products li.product,
    body.woocommerce-page .container ul.products li.product {
        width: calc(100% / 2 - 10px) !important;
        margin: 0 5px 2.992em
    }

    .woocommerce table.shop_table {
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    .container {
        padding-left: 0;
        padding-right: 0
    }

    .client-normal {
        margin-bottom: 5px;
        max-height: 350px
    }

    .search-results main .search-result .search-item {
        margin: 0 25px 25px 0;
        width: calc(100% / 3 - 25px)
    }

    .layout .list-shortcode {
        display: inline-block;
        text-align: left;
        width: 100%;
        margin-bottom: 20px
    }

    .md-counter .text {
        margin-left: 0
    }

    div.product-categories .category {
        margin-bottom: 10px
    }

    div header:not(.header-clone) {
        visibility: visible
    }

    .form-container-modern .input {
        width: 100%;
        float: none;
        max-width: none
    }

    .iconbox-side.iconbox-side .iconbox-side-container,
    .iconbox-top.iconbox-top .description {
        margin: 0 auto !important
    }

    .full-width-button a .title {
        padding-left: 5%;
        padding-right: 5%
    }

    .md-icon {
        text-align: center !important
    }

    body .teammember-classic .description.description {
        display: block !important
    }

    .iconbox-top.md-align-left .iconbox-top-content,
    .iconbox-top.md-align-center .iconbox-top-content,
    .iconbox-top.md-align-right .iconbox-top-content {
        text-align: center
    }

    .business-subscribe-email-input {
        width: 40%;
        height: 55px
    }

    .business-subscribe-button {
        height: 55px
    }

    .pixflow-price-box {
        margin-bottom: 10px
    }

    .article-box {
        margin-bottom: 10px
    }

    body .wpb_md_toggle2 .wpb_toggle_wrapper .wpb_accordion_section .wpb_toggle_content {
        padding: 20px 0 0 0
    }

    body .wpb_md_toggle.wpb_md_toggle .wpb_toggle_wrapper .wpb_accordion_section .wpb_toggle_content {
        padding: 20px 0
    }

    .hidden-xs {
        display: none !important
    }

    .list-shortcode ul,
    .list-shortcode ol {
        display: block;
        max-width: 300px;
        margin: 0 auto
    }

    .md-pie-chart.md-align-right .chart,
    .md-pie-chart.md-align-left .chart {
        margin: 0 auto
    }

    .iconbox-new.md-align-left,
    .iconbox-new.md-align-right {
        text-align: center
    }

    .team-member-modern .description {
        padding: 0 10%
    }

    .woocommerce-account.logged-in .woocommerce .left-col,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        border-right: 0;
        border-bottom: 2px solid #dcdcdc
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        padding: 5px
    }

    .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content h3 {
        font-size: 28px;
        line-height: 39px;
        margin-bottom: 60px
    }

    .woocommerce-account .public-logout {
        top: auto;
        transform: translateX(-50%);
        bottom: 15px;
        left: 50%;
        right: auto
    }
}

@media(max-width:768px) {

    .row-equal-column-height .wrap,
    .row-content-bottom:not(.row-equal-column-height) .wrap,
    .row-content-middle:not(.row-equal-column-height) .wrap,
    .row-content-top:not(.row-equal-column-height) .wrap,
    .row-equal-column-height.row-content-bottom .wrap .vc_column-inner,
    .row-equal-column-height.row-content-middle .wrap .vc_column-inner,
    .row-equal-column-height.row-content-top .wrap .vc_column-inner {
        display: block
    }

    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4 {
        display: block
    }

    .md-icon.md-align-left,
    .md-icon.md-align-right {
        text-align: center
    }
}

@media(max-width:800px) {
    header .logo a {
        height: 100%;
        display: block;
        text-align: center;
        padding: 0 0 !important
    }

    .md-live-text.md-align-left,
    .md-live-text.md-align-right {
        justify-content: center
    }

    .meditor.meditor-responsive.inline-md-editor.meditor-responsive div *,
    .meditor.meditor-responsive.inline-md-editor.meditor-responsive div {
        text-align: center !important
    }

    body .wpb_row.vc_row:not(.fit-to-height),
    body .wpb_row.vc_row.remove-flex,
    body .wpb_row.vc_row.remove-flex .wrap,
    .row-content-middle.vc_row.remove-flex .wrap {
        flex-wrap: wrap
    }

    .video.md-align-left>div:first-child,
    .video.md-align-center>div:first-child,
    .video.md-align-right>div:first-child {
        margin-left: auto;
        margin: 0 auto
    }

    .iconbox-side .iconbox-side-container {
        width: 90%
    }

    .sc-separator.md-align-left {
        margin-left: auto
    }

    footer.footer-default .footer-widgets .widget-area.classicStyle div[class*="col-"]:first-child {
        padding-left: 15px
    }

    .reponsive-bg-left-align {
        background-position: left center
    }

    .reponsive-bg-right-align {
        background-position: right center
    }

    .responsive-full-width {
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .responsive-col-50 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .responsive-full-width,
    .responsive-col-50 {
        padding-bottom: 10px
    }

    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    body {
        text-align: center;
        font-size: 100%;
        line-height: 1.2em
    }

    .layout {
        width: 100% !important
    }

    .layout-container>.bg-image {
        background-size: cover !important;
        z-index: 0
    }

    .row-image-fixed.isParallax:after {
        background-attachment: initial
    }

    .responsive-full-width .shortcode-btn {
        float: none !important
    }

    .full-width-button a .title {
        width: 100%
    }

    .responsive-full-width .md-text-container {
        text-align: center !important;
        justify-content: center !important
    }

    .responsive-full-width .img-box-slider .imgBox-image {
        background-position: center !important
    }

    .contact-form.md-align-left .form-container-business,
    .contact-form.md-align-left .form-container-classic,
    .contact-form.md-align-right .form-container-business,
    .contact-form.md-align-right .form-container-classic {
        float: none
    }

    .md-fancy-text {
        text-align: left
    }

    .md-text-container.md-align-left .md-text,
    .md-text-container.md-align-left .md-text-button {
        align-self: auto
    }

    .call-to-action .content {
        padding: 40px 10%
    }

    .call-to-action .content .title {
        font-size: 30px !important;
        max-width: 100%
    }

    .call-to-action .content .description {
        font-size: 16px;
        line-height: 1.2em;
        margin-bottom: 20px
    }

    .img-box-slider .imgBox-image:not(.cover) {
        background-size: contain !important
    }

    .img-box-fancy.md-align-left .imgBox-image,
    .img-box-fancy.md-align-center .imgBox-image,
    .img-box-fancy.md-align-right .imgBox-image {
        background-position: center
    }

    .iconbox-side,
    .iconbox-top {
        text-align: center !important
    }

    .iconbox-top .icon-holder {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }

    .iconbox-side .icon-container,
    .iconbox-side .iconbox-side-container {
        float: none !important;
        text-align: center !important;
        margin: 0 auto
    }

    .iconbox-side .icon-container {
        margin-bottom: 20px
    }

    .iconbox-side .iconbox-side-container,
    .iconbox-top .description,
    .iconbox-top .title {
        margin: 0 auto !important;
        width: 100% !important;
        text-align: center
    }

    .form-container-classic .form-name,
    .form-container-classic .form-subject,
    .form-container-classic .form-email,
    .form-container-business .inputs-container,
    .form-container-business .message-container {
        width: 100%
    }

    .form-container-classic .form-name input,
    .form-container-classic .form-subject input,
    .form-container-classic .form-email input {
        height: 40px;
        margin-bottom: 10px;
        width: 100%
    }

    .form-container-classic .message-container {
        margin-top: -1px;
        width: 100%
    }

    .form-container-classic .message-container textarea {
        width: 100%
    }

    .contact-form .form-submit input {
        height: 45px !important
    }

    .form-container-business .form-submit input {
        margin-top: 10px
    }

    .form-container-business .form-name,
    .form-container-business .form-email,
    .form-container-business .form-subject {
        margin-bottom: 10px
    }

    .form-container-business .form-name input,
    .form-container-business .form-email input,
    .form-container-business .form-subject input {
        height: 40px !important
    }

    .form-container-business .form-name input,
    .form-container-business .form-email input,
    .form-container-business .form-subject input,
    .form-container-business .form-message textarea,
    .form-container-business .form-submit input {
        width: 100%
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li {
        height: 60px
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li>a {
        padding: 25px 20px 25px 8px
    }

    .flex-direction-nav {
        display: none
    }

    .recent-project .recent-title-seprator {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        border-top-width: 1px;
        width: 100px
    }

    .portfolio .wpb_column {
        padding-left: 10px !important;
        padding-right: 10px
    }

    .portfolio .vc_row:first-of-type {
        margin-top: 0 !important
    }

    .portfolio-carousel .meta {
        border-left: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
        padding-left: 0;
        padding-top: 35px
    }

    .portfolio-carousel .attribute {
        display: inline-block;
        margin-bottom: 10px
    }

    .portfolio-carousel .attribute .left:first-child {
        display: none
    }

    .portfolio-carousel .attribute .left:last-child {
        width: 100%
    }

    .portfolio-carousel .owl-carousel .item {
        max-width: 700px
    }

    .portfolio .buttons.sharing-off {
        text-align: center;
        max-width: 275px;
        margin-left: auto;
        margin-right: auto
    }

    .portfolio .buttons.sharing-on .portfolio-detail-like,
    .portfolio .buttons.sharing-on .sharing {
        max-width: calc(100% /2 - 20px)
    }

    .portfolio .buttons.sharing-on .sharing {
        margin: 0 0 0 20px !important
    }

    .video-overlay .close {
        right: 0;
        top: 0
    }

    .portfolio .heading .title,
    .portfolio .heading .filter {
        float: none
    }

    .classic-blog .loop-post-content .post-title a {
        font-size: 25px !important
    }

    .single.single-post .post-content .post-categories,
    .single.single-post .post-content .post-title,
    .single.single-post .comment-meta .name {
        width: 100%
    }

    .single.single-post .comments {
        text-align: left
    }

    .single.single-post .comment-image {
        margin: 0 auto 10px auto
    }

    .single.single-post .comment-meta .comment-text {
        width: 100%
    }

    .single.single-post .comment-form .submit {
        width: 100%
    }

    .subscribe-title {
        line-height: 1.3em
    }

    .single.single-post .post-content .post-tags {
        width: 100%;
        float: none;
        margin-top: 10px
    }

    .single.single-post .post-share {
        float: none;
        margin: 30px auto 0
    }

    .single-post-media,
    .single-post #content {
        margin-bottom: 0
    }

    .loop-post-content .post-share {
        float: none;
        margin: 10px auto
    }

    div.md-text-content,
    div.md-text-content p,
    div.md-text-title,
    .md-text-button {
        text-align: center !important
    }

    .inline-editor p {
        line-height: initial !important
    }

    div.md-text {
        margin: 0 auto
    }

    div.md-text-title-separator {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .responsive-full-width .testimonial-classic.testimonial-classic-left {
        text-align: center
    }

    .single.single-post .post {
        width: 100% !important
    }

    .single.single-post .post>.comments {
        text-align: left
    }

    .single.single-post .author-section .image {
        float: none;
        margin-left: auto;
        margin-right: auto
    }

    .single.single-post .author-section .info {
        float: none;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        transform: translateY(0);
        position: static
    }

    .single.single-post .comment-reply-link,
    .single.single-post .comment-edit-link {
        float: none;
        padding-right: 10px;
        padding-left: 10px
    }

    .comments-list .children {
        margin-top: 30px
    }

    .single.single-post .comment-content {
        float: none
    }

    .single.single-post .form-container-classic .input-text,
    .single.single-post .input-textarea {
        float: none;
        width: 100%;
        margin: 0 .5% 4.6% 0
    }

    .bar-main-container {
        text-align: left
    }

    .skill-style1:not(.style2) {
        width: 70%;
        margin: 0 auto
    }

    .skill-style1:not(.style2) .bar-percentage {
        margin-top: 10px
    }

    .client-normal {
        background-position: center !important;
        background-size: cover !important
    }

    .calendar-blog .blog-title,
    .calendar-blog .blog-cat {
        text-align: left
    }

    .blog .loop-post-content .post-categories,
    .blog .loop-post-content .post-title,
    .blog .loop-post-content p {
        width: 100%;
        max-width: 100%
    }

    .blog article .video-img {
        width: 100%;
        max-width: 100%
    }

    .blog .loop-post-content .post-meta .post-info p {
        float: none;
        line-height: 1.5em
    }

    .blog .loop-post-content .post-comment-holder {
        float: none;
        margin: 20px auto 0 auto
    }

    .blog article {
        margin-bottom: 30px
    }

    .testimonial-classic {
        width: 100%
    }

    .testimonial-classic .flexslider .detail .paragraph {
        font-weight: normal;
        font-size: 22px;
        line-height: 1.2em
    }

    .testimonial-classic .flexslider .slide-image {
        margin: 0 auto 15px
    }

    .testimonial-classic .flexslider .name-job {
        font-size: 15px
    }

    form.send .subscribe-sub-title {
        line-height: 2em
    }

    form.send .subscribe-title {
        font-size: 30px
    }

    .instagram .left-aligned,
    .instagram .right-aligned {
        float: none
    }

    .instagram .heading {
        margin: 0 13px 60px 13px
    }

    .instagram .heading .avatar,
    .instagram .heading .title-holder {
        float: none;
        margin: 0 auto
    }

    .instagram .heading .avatar {
        margin-bottom: 15px
    }

    .instagram .heading .separator {
        margin: 18px auto
    }

    .instagram .statistic .item {
        float: none;
        display: inline-block
    }

    .instagram .heading .username,
    .instagram .heading .username a {
        font-size: 20px;
        line-height: 1em
    }

    .instagram .statistic .number {
        font-size: 16px
    }

    .instagram .statistic .label {
        font-size: 14px;
        line-height: 14px
    }

    .instagram .photo-list .item .meta .likes,
    .instagram .photo-list .item .meta .comments {
        font-size: 15px
    }

    .instagram .photo-list .item .meta .likes i,
    .instagram .photo-list .item .meta .comments i {
        font-size: 16px
    }

    .instagram .photo-list .item .meta .description {
        font-size: 17px;
        line-height: 1em
    }

    .process-steps {
        padding-left: 0 !important
    }

    .process-steps .step {
        float: none;
        margin: 0 auto;
        width: 80% !important;
        padding-right: 0 !important
    }

    .process-steps .step:last-child {
        margin-right: auto
    }

    .process-steps .step.small .circle,
    .process-steps .step.medium .circle,
    .process-steps .step.large .circle {
        height: 200px !important;
        width: 200px !important;
        margin: 0 auto 30px;
        opacity: 1;
        transform: scale(1)
    }

    .process-steps .step .circle .separator {
        display: none
    }

    .process-steps .step .title,
    .process-steps .step .description {
        opacity: 1;
        padding-top: 0;
        visibility: visible
    }

    .process-steps .step .title {
        font-size: 25px;
        line-height: 1.2em;
        margin-bottom: 30px
    }

    .process-steps .step .description {
        font-size: 18px;
        line-height: 1.2em;
        margin-bottom: 50px
    }

    .woocommerce.woocommerce-page.single-product .summary.entry-summary {
        width: 100% !important;
        text-align: left
    }

    .woocommerce.woocommerce-page.single-product #reviews {
        width: 100%
    }

    .woocommerce.woocommerce-page.single-product .comment-text .meta-holder {
        width: 100%;
        float: none
    }

    .woocommerce.woocommerce-page.single-product .comment-text .description {
        margin-left: 0
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist ul.children {
        margin: 10px auto 0 20px
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li .comment-text p {
        text-align: left
    }

    .woocommerce.woocommerce-page.single-product .images {
        width: 100% !important
    }

    .woocommerce.woocommerce-page.single-product .summary .product_meta>span,
    .single-product .summary .product_meta>span span,
    .woocommerce.woocommerce-page.single-product .summary .product_meta>span a {
        font-size: 15px
    }

    p.stars {
        width: 100%;
        display: block;
        line-height: 2em
    }

    .woocommerce.woocommerce-page.single-product .woocommerce-product-rating .star-rating {
        float: none;
        margin: 10px auto
    }

    .woocommerce.woocommerce-page.single-product #review_form #respond p {
        margin: 0 auto 10px auto;
        text-align: center;
        width: 100%
    }

    .woocommerce.woocommerce-page.single-product #reviews li.comment {
        margin-bottom: 10px !important
    }

    .woocommerce.woocommerce-page.single-product .summary .button {
        padding: 0 30px !important;
        float: none
    }

    .woocommerce.woocommerce-page.single-product p.stock {
        margin-bottom: 10px
    }

    .woocommerce-account .woocommerce form {
        padding: 0 10px
    }

    .woocommerce-account .woocommerce .remember-me,
    .woocommerce-account .woocommerce form>p.lost_password {
        width: 100%
    }

    div.clear-selection {
        margin-left: -6px;
        border-left-style: none
    }

    body.woocommerce ul.products li.product,
    body.woocommerce-page ul.products li.product {
        width: 48% !important;
        margin: 0 0 2.992em
    }

    .woocommerce p.woocommerce-result-count {
        font-size: 15px
    }

    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-info,
    .woocommerce .woocommerce-message {
        line-height: 2.2em
    }

    .products .product h3,
    .modern-style-product .products .product h3 {
        font-size: 18px !important;
        line-height: 1em
    }

    .products .product .price {
        font-size: 16px !important
    }

    body .music-sc .music-main-container {
        width: 73%;
        float: none;
        margin: 20px auto 0;
        text-align: left
    }

    body .music-sc .tracks {
        padding-left: 0
    }

    .music-sc.left-music-panel .music-main-container,
    .music-sc.right-music-panel .music-main-container {
        margin-left: auto
    }

    .md-text-button {
        margin-bottom: 8px
    }

    .music-sc.left-music-panel .wrap-image,
    .music-sc.right-music-panel .wrap-image {
        float: none
    }

    .music-sc.left-music-panel .wrap-image {
        margin-left: 0
    }

    .products .product .thumb-image {
        max-height: 250px
    }

    .woocommerce[class*=columns-]:not(.columns-4) ul.products li.product,
    .woocommerce[class*=columns-]:not(.columns-4) ul.products li.product {
        clear: none;
        margin-right: 18px
    }

    .products .product .onsale {
        width: 60px;
        height: 60px;
        line-height: 63px;
        font-size: 13px
    }

    .woocommerce ul.products li.product:nth-child(2n),
    .woocommerce-page ul.products li.product:nth-child(2n) {
        float: left
    }

    body div.vc_row .products .product {
        text-align: center
    }

    .woocommerce ul.products li.product .star-rating {
        margin: 0 auto
    }

    div.product-categories .category {
        min-width: 50%;
        max-height: 250px
    }

    body.woocommerce-cart div.layout .cart-collaterals,
    body.woocommerce-cart div.layout .woocommerce>form {
        width: 100%
    }

    .woocommerce-page #content table.cart td.actions .input-text+.button,
    .woocommerce-page table.cart td.actions input {
        float: left;
        margin-top: 10px;
        width: 100% !important
    }

    .woocommerce-cart div.layout #content .woocommerce table.cart td.actions .coupon>input.input-text {
        width: 100%
    }

    div.layout .woocommerce table.shop_table,
    div.layout .woocommerce table.shop_table tr,
    div.layout .woocommerce table.shop_table tbody td,
    div.layout .woocommerce table.shop_table tbody,
    div.layout .woocommerce table.shop_table thead,
    div.layout .woocommerce table.shop_table th {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .layout .woocommerce table.shop_table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .layout .woocommerce table.shop_table tr {
        border: 1px solid #ccc
    }

    .layout .woocommerce table.shop_table tr td {
        border: 0;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    .layout .woocommerce table.shop_table tr td:before {
        position: absolute;
        top: 10px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .layout .woocommerce table.shop_table tr td:nth-of-type(1):before {
        content: "Product:"
    }

    .layout .woocommerce table.shop_table tr td:nth-of-type(3):before {
        content: "Quantity:"
    }

    .layout .woocommerce table.shop_table tr td:nth-of-type(4):before {
        content: "Total:"
    }

    .layout .woocommerce table.shop_table tr td:nth-of-type(5):before {
        content: " "
    }

    div.layout .woocommerce td.product-remove a.remove {
        text-align: center;
        color: #af0000 !important
    }

    div.layout .woocommerce td.product-remove a.remove:after {
        content: "Remove";
        font-size: 14px;
        vertical-align: middle
    }

    div.layout .woocommerce td.product-remove {
        padding-left: 0 !important
    }

    .layout .woocommerce table.shop_table tr:last-of-type {
        border: 0
    }

    .layout .woocommerce table.shop_table tr:last-of-type td {
        padding: 0
    }

    .layout .woocommerce table.shop_table tr:last-of-type td:before {
        display: none
    }

    body.woocommerce-cart div.layout .woocommerce .cart-collaterals>.cart_totals {
        width: 100%;
        margin-top: 20px
    }

    div.layout .woocommerce table.woocommerce-checkout-review-order-table,
    div.layout .woocommerce table.woocommerce-checkout-review-order-table tr,
    div.layout .woocommerce table.woocommerce-checkout-review-order-table tbody td,
    div.layout .woocommerce table.woocommerce-checkout-review-order-table tbody,
    div.layout .woocommerce table.woocommerce-checkout-review-order-table thead,
    div.layout .woocommerce table.woocommerce-checkout-review-order-table th {
        padding-bottom: 0;
        padding-top: 0
    }

    .woocommerce .woocommerce-checkout-review-order-table thead {
        position: relative;
        top: 0;
        left: 0
    }

    div.layout div.woocommerce table.woocommerce-checkout-review-order-table thead tr {
        top: 0;
        left: 0;
        position: inherit;
        border-bottom: 1px solid #ccc
    }

    div.layout div.woocommerce table.woocommerce-checkout-review-order-table thead th {
        display: inline-block
    }

    .woocommerce-checkout-review-order-table tfoot tr.order-total td .amount {
        font-size: 15px
    }

    div.layout div.woocommerce table.woocommerce-checkout-review-order-table td:after,
    div.layout div.woocommerce table.woocommerce-checkout-review-order-table th:after {
        display: none
    }

    div.layout div.woocommerce table.woocommerce-checkout-review-order-table tfoot {
        display: block
    }

    .layout .woocommerce table.shop_table tbody tr:last-of-type,
    .layout .woocommerce table.shop_table tfoot tr:last-of-type,
    div.layout div.woocommerce table.woocommerce-checkout-review-order-table tfoot tr {
        border: 0;
        border-bottom: 1px solid #ccc
    }

    .layout .woocommerce table.shop_table tr td:nth-of-type(1):before {
        content: ""
    }

    div.layout div.woocommerce table.woocommerce-checkout-review-order-table tbody td,
    div.layout div.woocommerce table.woocommerce-checkout-review-order-table tfoot th,
    div.layout div.woocommerce table.woocommerce-checkout-review-order-table tfoot td {
        display: inline-block;
        width: 48%;
        position: relative
    }

    footer .footer-widgets .widget-area.modernStyle:after,
    footer .footer-widgets .widget-area.modernStyle .widget-area-column:after,
    footer .footer-widgets .widget-area.modernStyle .widget-area-column:first-child:before {
        display: none
    }

    footer #footer-bottom .content {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    footer div.bg-image {
        z-index: -1;
        background-repeat: no-repeat;
        background-size: cover
    }

    footer .color-overlay {
        z-index: 0
    }

    body div.layout .blog-masonry-container {
        margin: 0 0 10px 2%;
        width: 47.2%;
        text-align: left
    }

    body .team-member-classic .content {
        width: 96% !important;
        margin: 2%;
        max-height: 300px !important
    }

    body .teammember-classic .description {
        display: none !important
    }

    .wrap-teammember-style2 .teammember-hover p {
        padding-top: 35px
    }

    .col-sm-12 .wrap-teammember-style2 .slick-slider {
        max-width: 768px
    }

    .imagebox-full .title,
    .imagebox-full .description {
        max-width: inherit
    }

    .md-counter .text {
        text-align: center
    }

    .md-countbox .timer {
        width: auto;
        float: none;
        text-align: center;
        margin-right: 0
    }

    .md-countbox .countbox-text {
        width: 94%;
        float: none;
        text-align: center;
        margin: auto
    }

    .countbox-button div.shortcode-btn {
        float: none !important
    }

    .md-countbox .title {
        width: 94%;
        margin: 10px auto 20px
    }

    .md-countbox .countbox-title-separator {
        margin-left: auto;
        margin-right: auto
    }

    .widget.widget-md-text .text-widget-desc p {
        font-size: 13px
    }

    .widget.widget-md-recent-portfolio .item-list {
        width: 100%
    }

    .widget.widget-md-recent-portfolio .item-list .item a {
        display: block
    }

    .widget.widget-md-recent-portfolio .item-list .item img {
        width: 100%
    }

    .pinBox-wrapper {
        height: auto !important;
        margin-bottom: 60px
    }

    .portfolio-split .attribute .title {
        text-align: left
    }

    .skill-style1 .bar-percentage {
        top: 73%
    }

    .skill-style1.style2 .bar-title {
        margin-bottom: 8px
    }

    .modern-subscribe {
        display: flex;
        flex-direction: column-reverse;
        width: 85%
    }

    .modern-subscribe .subscribe-content,
    .modern-subscribe .subscribe-image {
        width: 100%;
        float: none
    }

    .modern-subscribe .subscribe-content {
        padding: 100px
    }

    .modern-subscribe .subscribe-image {
        max-height: 450px
    }

    .modern-subscribe .modern-subscribe-title {
        width: 100%
    }

    .portfolio.inside .item-title {
        padding-right: 0;
        margin-left: 0
    }

    .portfolio.inside .item-category {
        margin-left: 0
    }

    .double-slider .double-slider-text-container,
    .double-slider .double-slider-image-container {
        float: none !important;
        width: 100%
    }

    .double-slider .double-slider-text-container {
        position: absolute;
        top: 0;
        z-index: 2
    }

    .double-slider .double-slider-next {
        right: 20px
    }

    .double-slider .double-slider-prev {
        left: 20px
    }

    body:not(.compose-mode) .second-header-bg,
    body.compose-mode.responsive-mode .second-header-bg {
        display: none
    }

    header.top-modern .first-part {
        border-right-color: transparent !important
    }

    header.top-modern .second-part {
        width: 0 !important
    }

    .iconbox-side .iconbox-content {
        margin: 10px auto
    }

    .responsive-full-width .vc_column-inner.vc_column-inner.vc_column-inner {
        padding-left: 0;
        padding-right: 0
    }

    .md-statistic {
        text-align: center !important
    }

    .md-pie-chart.type-2 {
        padding-bottom: 40px
    }

    .splitBox-holder {
        min-height: 650px;
        max-height: 110px
    }

    .splitBox-holder .text-holder,
    .md-splitBox.sb-left .image-holder,
    .md-splitBox.sb-right .image-holder {
        width: 100%;
        left: 0
    }

    .splitBox-holder .image-holder {
        height: 40%
    }

    .splitBox-holder .image-holder {
        position: relative
    }

    .md-splitBox.sb-right .splitBox-holder .text-holder {
        margin-left: 0;
        left: 0
    }

    .splitBox-holder .text-holder {
        padding: 50px 15px 30px 15px;
        align-items: flex-start !important
    }

    .splitBox-holder .text-holder h1 {
        font-size: 18px
    }

    .splitBox-holder .text-holder h2 {
        font-size: 12px
    }

    .splitBox-holder .text-holder p {
        font-size: 14px
    }

    .splitBox-holder .shortcode-btn {
        float: none !important
    }

    .splitBox-holder .fixed-width {
        width: 100% !important
    }

    .md-splitBox.sb-right .splitBox-holder .arrow-right,
    .md-splitBox.sb-left .splitBox-holder .arrow-right {
        transform: rotate(270deg);
        top: 40%;
        margin-top: -20px
    }

    .md-splitBox.sb-right .splitBox-holder:hover .fixed-width,
    .md-splitBox.sb-left .splitBox-holder:hover .fixed-width,
    .md-splitBox.sb-right .splitBox-holder:hover .text-holder {
        margin: 0
    }

    .play-btn {
        margin: 0 auto
    }

    .single-portfolio .attribute.no-icon .left {
        float: none
    }

    .portfolio-split .attribute.no-icon .title {
        text-align: center
    }

    .business-subscribe.md-align-left .subscribe-content,
    .business-subscribe.md-align-right .subscribe-content {
        text-align: center
    }

    body #content .loop-post-content .post-categories,
    body #content .loop-post-content .post-meta * {
        width: 100%;
        max-width: 100%
    }
}

@media(min-device-width:768px) and (max-device-width:1024px) {
    .woocommerce-checkout-review-order {
        width: 40%
    }

    #customer_details {
        width: 59%
    }

    #order_review_heading {
        padding-top: 20px;
        text-align: left;
        float: left !important
    }

    div.layout .woocommerce .cart .button,
    .woocommerce .cart input.button {
        padding: 0 10px
    }

    .layout-container>.bg-image {
        background-attachment: initial !important;
        position: fixed;
        top: 0;
        left: 0
    }

    .recent-post .single_related,
    .recent-project .single_related {
        width: calc(100% /2 - 40px)
    }

    .recent-post .single_related a,
    .recent-project .single_related a {
        display: block
    }

    .recent-post .recent-image,
    .recent-project .recent-image {
        width: 100%
    }

    .recent-post .recent-image img,
    .recent-project .recent-image img {
        width: inherit
    }

    .empty-cart-container {
        margin: 90px auto 55px auto
    }

    .md_hor_tab.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
    .md_hor_tab2.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
        padding: 1em !important
    }

    .iconbox-side.style2 .description {
        text-align: left
    }

    .iconbox-side2.style2 .description {
        text-align: left
    }

    .post-carousel-container .post-wrap {
        width: 365px
    }

    header.top-modern .first-part {
        border-right-color: transparent !important
    }

    header.top-modern .second-part {
        width: 0 !important
    }

    .splitBox-holder {
        min-height: 377px;
        max-height: 1100px
    }

    .splitBox-holder .text-holder {
        padding: 50px 15px 30px 15px
    }

    .splitBox-holder .text-holder h1 {
        font-size: 18px
    }

    .splitBox-holder .text-holder h2 {
        font-size: 12px
    }

    .splitBox-holder .text-holder p {
        font-size: 20px;
        line-height: 1.5em
    }

    .splitBox-holder .shortcode-btn {
        float: none !important
    }

    .pixflow-price-box {
        margin-bottom: 10px
    }

    .pixflow-price-box .lists ul>li {
        max-width: 100%
    }

    .pixflow-price-box .price-box-container {
        padding: 30px
    }

    .pixflow-price-box .lists {
        margin-top: 20px
    }

    .wrap-client-carousel .slick-prev {
        left: 0;
        top: 60%
    }

    .wrap-client-carousel .slick-next {
        right: 0;
        top: 60%
    }

    .iconbox-side .icon-container.icon-background~.iconbox-side-container .title {
        font-size: 15px;
        line-height: 3em
    }

    .md-counter .timer {
        font-size: 60px;
        line-height: 40px
    }

    .md-counter .title {
        padding: 25px 0
    }
}

@media(min-width :768px) and (max-width:991px) {
    .layout footer .widget-area.classicStyle:not(.full) {
        margin-top: 0 !important
    }

    .showcase {
        transform: scale(.65)
    }

    .single.single-post p {
        font-size: 19px;
        line-height: 1.3em
    }

    .single.single-post .author-section .info .name {
        font-size: 22px;
        line-height: 1.3em
    }

    .single.single-post .name a,
    .single.single-post .name {
        font-size: 18px
    }

    .single.single-post .post-tags {
        font-size: 20px
    }

    .single.single-post .post-content .post-title {
        font-size: 40px
    }

    .single.single-post .post-content .post-categories,
    .single.single-post .post-content .post-title,
    .single.single-post .comment-meta .name {
        width: 100%
    }

    .single.single-post .author-section .info {
        width: 80%
    }

    .comment-reply-link,
    .comment-edit-link {
        float: left;
        margin-right: 10px;
        font-size: 17px
    }

    .single.single-post .line {
        width: 90%
    }

    .single.single-post .subscribe-sub-title {
        font-size: 19px
    }

    .single.single-post .form-submit {
        text-align: left
    }

    .single.single-post .comment-meta .comment-date {
        font-size: 16px
    }

    .single.single-post .logged-in-as a {
        font-size: 15px
    }

    .single.single-post .sc-subscribe {
        padding-left: 15px
    }

    .responsive-col-50 {
        width: calc(100% / 2) !important
    }

    .blog .loop-post-content p {
        font-size: 18px;
        line-height: 1.3em
    }

    .blog .loop-post-content .post-title {
        font-size: 42px
    }

    .blog .loop-post-content .post-comment-holder,
    .loop-post-content .post-comment-hover,
    .blog .loop-post-content .post-comment {
        height: 40px;
        width: 40px
    }

    .blog .loop-post-content .post-comment,
    .blog .loop-post-content .post-comment-hover {
        background-size: cover
    }

    .blog .loop-post-content blockquote .name {
        font-size: 20px
    }

    .blog .loop-post-content blockquote {
        font-size: 27px;
        padding: 90px 5% 45px 5%
    }

    .blog .loop-post-content .post-categories,
    .blog .loop-post-content .post-title,
    .blog .loop-post-content p {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .blog .loop-post-content .post-meta .post-info p {
        float: none;
        line-height: 1.5em
    }

    .blog .loop-post-content .post-comment-holder {
        float: none;
        margin: 20px auto 0 auto
    }

    .blog article {
        margin-bottom: 30px
    }

    .blog article .video-img {
        width: 100%;
        max-width: 100%
    }

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images,
    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        text-align: left;
        width: 100% !important;
        float: none
    }

    .woocommerce.woocommerce-page.single-product .woocommerce-product-rating .star-rating {
        float: none;
        margin: 10px auto
    }

    .woocommerce.woocommerce-page.single-product .summary .product_meta>span,
    .woocommerce.woocommerce-page.single-product .summary .product_meta>span span,
    .woocommerce.woocommerce-page.single-product .summary .product_meta>span a {
        font-size: 16px
    }

    .woocommerce.woocommerce-page.single-product div.product form.cart .button {
        float: none
    }

    .woocommerce.woocommerce-page.single-product #reviews {
        width: 100%
    }

    .woocommerce.woocommerce-page.single-product #reviews li.comment {
        margin-bottom: 20px !important
    }

    .woocommerce.woocommerce-page.single-product div.product .product_title {
        font-size: 35px
    }

    .woocommerce.woocommerce-page.single-product .summary .short-description p {
        font-size: 22px;
        line-height: 1.3em
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li .comment-text p,
    .woocommerce.woocommerce-page.single-product .summary .woocommerce-review-link {
        font-size: 18px;
        line-height: 1em
    }

    .woocommerce.woocommerce-page.single-product p.stars a {
        margin-right: 2px
    }

    .woocommerce.woocommerce-page.single-product .comment_container .avatar {
        display: inline-block
    }

    .woocommerce.woocommerce-page.single-product .comment-text {
        padding-left: 70px !important
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li img.avatar {
        width: 60px
    }

    .woocommerce.woocommerce-page.single-product .comment-text .meta * {
        font-size: 14px
    }

    .woocommerce.woocommerce-page.single-product.single-product .woocommerce-tabs .panel p {
        font-size: 16px
    }

    .woocommerce.woocommerce-page.single-product p.stock {
        margin-bottom: 10px
    }

    .woocommerce.woocommerce-page.single-product div.product .woocommerce-tabs ul.tabs {
        text-align: center
    }

    .woocommerce.woocommerce-page.single-product .comment-form .form-submit,
    .woocommerce.woocommerce-page.single-product .comment-form .comment-form-rating {
        float: none
    }

    #review_form form {
        text-align: left
    }

    .single-product .related.products .product {
        width: 48%;
        margin-right: 2%
    }

    .widget-area .widget-area-column {
        width: calc(100%/2);
        float: left
    }

    footer.footer-default .footer-widgets .widget-area.classicStyle.border div[class*="col-"]:before {
        display: none
    }

    footer.footer-default .footer-widgets.light .widget-area.classicStyle.border .widget-area-column:nth-child(odd) {
        border-right: 1px solid rgba(255, 255, 255, .2)
    }

    footer.footer-default .footer-widgets.dark .widget-area.classicStyle.border .widget-area-column:nth-child(odd) {
        border-right: 1px solid rgba(0, 0, 0, .2)
    }

    footer.footer-default .footer-widgets.light .widget-area .widget-area-column {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    footer.footer-default .footer-widgets.dark .widget-area .widget-area-column {
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    footer .widget-area.classicStyle div[class*="col-"] {
        padding: 30px 50px;
        border-color: rgba(255, 255, 255, .6)
    }

    .search-results main .search-result .search-item {
        width: calc(100% / 3 - 32px)
    }

    .woocommerce .col2-set .col-1.col-1,
    .woocommerce-page .col2-set .col-1.col-1,
    .woocommerce-page .col2-set .col-2.col-2,
    .woocommerce .col2-set .col-2.col-2 {
        float: left;
        width: 48%
    }

    .woocommerce-account .woocommerce form input.button {
        margin-top: 105px
    }

    .iconbox-side.style2 .description {
        text-align: left
    }

    .iconbox-side2.style2 .description {
        text-align: left
    }

    .video-img {
        width: 87%
    }

    .form-container-modern .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        min-width: 160px;
        top: 13px;
        left: 50px
    }

    .post-carousel-container .post-content-container {
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px
    }

    .post-carousel-container .post-wrap {
        width: 365px
    }

    .post-carousel-container .post-date .post-date-day {
        margin-bottom: 10px
    }

    .post-carousel-container .flickity-page-dots {
        bottom: 0
    }

    .post-carousel-container {
        max-width: 1200px;
        padding-bottom: 0
    }

    .pixflow-price-box .price-container {
        line-height: 1.5em;
        text-align: center;
        margin-right: 0
    }

    .pixflow-price-box .lists ul>li {
        max-width: 100%
    }

    .pixflow-price-box .price-box-container {
        padding: 15px;
        text-align: center;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pixflow-price-box .lists {
        margin-top: 30px;
        padding-left: 45px;
        text-align: left
    }

    .pixflow-price-box .offer-box {
        font-size: 13px
    }

    .pixflow-price-box .price-container .text-part {
        text-align: left;
        line-height: 2.5em
    }

    .process-panel-main-container {
        width: 100%
    }

    body .process-panel-main-container:not(:first-child):after {
        border-left: 365px solid rgba(180, 40, 40, 0);
        border-top: 56px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 374px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }

    .process-panel-main-container .process-panel-icon {
        font-size: 43px;
        position: absolute;
        width: 100%;
        text-align: center;
        margin: 7px auto !important
    }

    .process-panel-main-container .process-panel-txt,
    .process-panel-main-container .process-panel-txt {
        text-align: center;
        margin: 5px auto !important;
        vertical-align: bottom
    }

    .process-panel-main .process-panel-main-container:last-child {
        height: 240px;
        padding-top: 35px
    }

    .process-panel-main-container:not(:first-child) {
        height: 220px;
        line-height: 164px;
        padding-top: 40px
    }

    .process-panel-main .process-panel-main-container:first-child {
        height: 180px
    }

    .process-panel-main .process-panel-main-container {
        width: 100%;
        margin-bottom: -2px
    }

    .count-down #date-time .content {
        margin: 50px 1.5em 50px 1.5em
    }

    .pixflow-price-box {
        justify-content: center !important
    }

    .responsive-full-width .md-icon.md-align-left {
        text-align: center !important
    }

    .sc-feature_image .main i {
        float: none;
        font-size: 30px;
        margin: 0 0 19px 0
    }

    .responsive-col-50 .md-counter-card,
    .responsive-full-width .md-counter-card {
        width: 70%;
        margin: 0 auto
    }

    .sc-info-box .title {
        white-space: normal
    }
}

@media(min-width :768px) and (max-width:1280px) {
    .single.single-portfolio main {
        padding-top: 0 !important
    }

    #notification-tabs .cart_list li div.cart-img {
        max-height: 200px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center
    }

    #notification-tabs .cart_list li {
        width: calc(100% / 4 - 40px)
    }

    .recent-post .single_related,
    .recent-project .single_related {
        width: calc(100% / 3 - 10px);
        margin-bottom: 35px;
        height: auto
    }

    .text-box .text-box-icon {
        font-size: 40px
    }

    .text-box .text-box-title {
        font-size: 20px;
        margin-top: 20px
    }

    .text-box .text-box-description {
        font-size: 12px
    }

    .md-pixflow-slider.classic .pixflow-slide-container {
        max-width: 75%
    }

    .md-pixflow-slider.classic .pixflow-slide-container .slide-title {
        font-size: 35px !important;
        line-height: 1.5em !important
    }

    .md-pixflow-slider.classic .shortcode-btn {
        height: 45px !important
    }

    .md-pixflow-slider.classic .shortcode-btn .button-standard.fade-oval {
        padding: 14px 19px !important
    }

    .md-pixflow-slider.classic .shortcode-btn .fade-oval span {
        font-size: 14px !important
    }

    .pixflow-slider .flickity-page-dots {
        height: 30px
    }

    body:not(.compose-mode) .second-header-bg,
    body.compose-mode.responsive-mode .second-header-bg {
        display: none
    }

    .md_hor_tab.wpb_content_element .vc_row {
        padding-left: 50px !important
    }

    .article-box .article-overlay {
        padding: 0 20px 0 20px
    }

    .article-box .article-box-description {
        line-height: 20px
    }

    .portfolio .box_size {
        width: 85%
    }
}

@media(max-width:1280px) {
    .img-box-fancy .image-box-fancy-desc.image-box-fancy-desc-normal {
        width: 60% !important;
        height: 60% !important;
        bottom: calc(-60%+70px);
        left: calc(-60%+70px)
    }

    .layout {
        min-width: 70%
    }

    .sticky-header {
        opacity: 1 !important
    }

    .sc-info-box {
        padding: 57px 30px !important
    }

    .visible-tablet {
        display: block !important
    }

    .container {
        max-width: 100%
    }

    .retina-screen-header .mobile-sidebar.visible-tablet {
        display: none !important
    }

    header.top .logo img {
        padding-left: 15px;
        padding-top: 15px
    }

    .single-product .summary .button {
        width: 100%
    }

    .portfolio-carousel .owl-carousel {
        max-height: 600px;
        overflow: hidden
    }

    div[class^='vc_custom'],
    div[class*=' vc_custom'] {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    body:not(.single-portfolio) main:not(.retina-screen-main) div.vc_row {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin: 0 auto !important
    }

    body:not(.compose-mode) .sectionOverlay.box_size,
    body.compose-mode.responsive-mode .sectionOverlay.box_size {
        width: 90% !important
    }

    .layout>.wrap {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    main:not(.retina-screen-main):not(.has-sidebar)>.content:not(.single-sidebar) {
        display: block;
        width: 100% !important
    }

    body:not(.compose-mode) header:not(.header-clone, .retina-screen-header)>div.color-overlay,
    body.compose-mode.responsive-mode header:not(.header-clone, .retina-screen-header)>div.color-overlay {
        border: 0
    }

    body:not(.compose-mode) header:not(.retina-screen-header) .first-part,
    body.compose-mode.responsive-mode header:not(.retina-screen-header) .first-part {
        width: calc(100% - 126px) !important;
        padding: 0 !important
    }

    body:not(.compose-mode) header:not(.retina-screen-header):not(.side-modern):not(.top-gather):not(.top-logotop) .logo,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.side-modern):not(.top-gather):not(.top-logotop) .logo {
        border: none !important;
        float: left !important;
        margin: auto 0 !important;
        width: auto !important;
        max-height: 100% !important;
        display: flex !important
    }

    body:not(.compose-mode) header:not(.retina-screen-header):not(.top-modern) .logo,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.top-modern) .logo {
        max-width: calc(100% - 126px) !important
    }

    body:not(.compose-mode) header.top-modern:not(.retina-screen-header) .logo,
    body.compose-mode.responsive-mode header.top-modern:not(.retina-screen-header) .logo {
        max-width: 200px
    }

    body:not(.compose-mode) header:not(.retina-screen-header) .first-part .logo,
    body.compose-mode.responsive-mode header:not(.retina-screen-header) .first-part .logo {
        max-width: 100%
    }

    body:not(.compose-mode) header:not(.retina-screen-header):not(.top-logotop) .logo img,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.top-logotop) .logo img {
        position: relative !important;
        display: block !important;
        right: auto !important;
        left: auto !important;
        max-height: 45px
    }

    body:not(.compose-mode) header.top-modern:not(.retina-screen-header) nav>ul>li,
    body:not(.compose-mode) header.top-modern:not(.retina-screen-header) .icons-pack li,
    body:not(.compose-mode) header.top-modern:not(.retina-screen-header) .first-part,
    body.compose-mode.responsive-mode header.top-modern:not(.retina-screen-header) nav>ul>li,
    body.compose-mode.responsive-mode header.top-modern:not(.retina-screen-header) .icons-pack li,
    body.compose-mode.responsive-mode header.top-modern:not(.retina-screen-header) .first-part {
        border: none !important
    }

    body:not(.compose-mode) header.top-modern:not(.retina-screen-header) .logo img,
    body.compose-mode.responsive-mode header.top-modern:not(.retina-screen-header) .logo img {
        max-width: 100%
    }

    body:not(.compose-mode) header.side-classic:not(.retina-screen-header) .logo,
    body.compose-mode.responsive-mode header.side-classic:not(.retina-screen-header) .logo {
        width: auto
    }

    body:not(.compose-mode) header.side-classic:not(.retina-screen-header) .logo a,
    body:not(.compose-mode) header.side-modern:not(.retina-screen-header) .logo a,
    body.compose-mode.responsive-mode header.side-classic:not(.retina-screen-header) .logo a,
    body.compose-mode.responsive-mode header.side-modern:not(.retina-screen-header) .logo a {
        height: 185px
    }

    body:not(.compose-mode) header.side-classic:not(.retina-screen-header) .logo a,
    body:not(.compose-mode) header.top-logotop:not(.retina-screen-header) a.logo img,
    body.compose-mode.responsive-mode header.side-classic:not(.retina-screen-header) .logo a,
    body.compose-mode.responsive-mode header.top-logotop:not(.retina-screen-header) a.logo img {
        padding: 10px 5px;
        transform: translate(0, 0) !important
    }

    body:not(.compose-mode) header.side-modern:not(.retina-screen-header) .side .logo,
    body.compose-mode.responsive-mode header.side-modern:not(.retina-screen-header) .side .logo {
        width: auto;
        max-width: 65%
    }

    body:not(.compose-mode) header.side-modern:not(.retina-screen-header) .side .logo img,
    body.compose-mode.responsive-mode header.side-modern:not(.retina-screen-header) .side .logo img {
        margin: 0;
        width: auto
    }

    body:not(.compose-mode) header.header-clone:not(.retina-screen-header),
    body:not(.compose-mode) header:not(.retina-screen-header) .second-header-bg,
    body.compose-mode.responsive-mode header.header-clone:not(.retina-screen-header),
    body.compose-mode.responsive-mode header:not(.retina-screen-header) .second-header-bg {
        display: none !important
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li {
        height: auto
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li>a {
        padding: 30px 15px 12px 15px
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li[data-model="md_tabs"] i {
        display: none
    }

    .search-no-results main,
    .search-results main {
        width: 90% !important;
        text-align: left
    }

    footer .widget-contact-info-content {
        min-width: inherit;
        background-size: contain !important
    }

    body:not(.compose-mode) footer .footer-widgets .content,
    body:not(.compose-mode) footer #footer-bottom .content,
    body.compose-mode.responsive-mode footer .footer-widgets .content,
    body.compose-mode.responsive-mode footer #footer-bottom .content {
        width: 96% !important
    }

    footer .footer-widgets .content {
        text-align: left
    }

    .widget.widget-md-recent-portfolio .item-list .item {
        width: calc(100% / 3 - 9px);
        height: 60px;
        overflow: hidden
    }

    body:not(.compose-mode, .one_page_scroll) .layout-container:not(.retina-screen-main) footer.footer-parallax,
    body.compose-mode.responsive-mode .layout-container:not(.retina-screen-main) footer.footer-parallax {
        position: relative !important;
        margin-left: 0;
        margin-right: 0;
        opacity: 1
    }

    main.has-parallax-footer {
        box-shadow: none
    }

    main:not(.retina-screen-main)~footer .widget-area.classicStyle:not(.full) {
        padding: 0;
        padding-top: 20px
    }

    .blog-masonry-container .blog-masonry-content .blog-cat {
        margin: 0 5px 5px 0;
        display: inline-block
    }

    .blog-masonry-container .blog-masonry-content .blog-date {
        display: inline-block
    }

    .md_modernTab.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
        height: auto !important
    }

    .music-sc {
        transform: translateX(0)
    }

    .music-sc .music-main-container {
        margin-left: 0
    }

    div.img-box-fancy .image-box-fancy-desc.image-box-fancy-desc-normal {
        width: 100%;
        height: 100%;
        bottom: calc(-100%+70px);
        left: calc(-100%+70px)
    }

    .double-slider .double-slider-container h3.double-slider-title {
        font-size: 30px
    }

    .portfolio-split .buttons .like,
    .portfolio-split .buttons .sharing {
        width: 85% !important
    }

    .portfolio-split .buttons .sharing {
        margin-top: 20px !important;
        margin-left: 0
    }

    .md-text-container .md-text .md-text-title {
        outline: 5px solid transparent
    }

    body header.side-classic.standard-mode nav>ul>li {
        margin-bottom: 10px
    }

    .layout-container .layout .woocommerce .cart .button,
    .layout-container .layout .woocommerce .cart input.button {
        padding: 0 20px
    }

    .notification-center .header {
        margin-bottom: 10px
    }

    #notification-tabs .pager {
        margin-bottom: 40px
    }

    #notification-tabs .cart_list li div.cart-img {
        height: 200px
    }

    #notification-tabs .cart_list {
        height: 290px
    }

    #notification-tabs p.total {
        margin-top: 15px
    }
}

@media(max-width:991px) {
    #wpadminbar {
        display: none !important
    }

    html.js_active {
        margin-top: 0 !important
    }

    body:not(.compose-mode) footer.footer-parallax,
    body.compose-mode.responsive-mode footer.footer-parallax {
        position: relative;
        margin-left: 0;
        margin-right: 0;
        bottom: auto;
        opacity: 1
    }

    body:not(.compose-mode) main.has-parallax-footer,
    body.compose-mode.responsive-mode main.has-parallax-footer {
        position: relative;
        z-index: 10;
        box-shadow: none;
        padding-bottom: 0;
        margin-bottom: 0 !important
    }

    .footer-parallax {
        position: inherit !important
    }

    .shortcode-btn .fade-square {
        padding: 10px 27px !important
    }

    .shortcode-btn .fade-oval {
        padding: 13px 24px !important;
        margin-bottom: 60px
    }

    .shortcode-btn .come-in {
        padding: 12px 32px !important
    }

    .shortcode-btn .animation {
        padding: 10px 26px 10px 35px !important
    }

    .shortcode-btn .flash-animate {
        padding: 10px 13px 10px 30px !important
    }

    .shortcode-btn .fade-square span,
    .shortcode-btn .flash-animate span,
    .shortcode-btn .animation span,
    .shortcode-btn .come-in span,
    .shortcode-btn .fade-oval span {
        font-size: 16px;
        letter-spacing: 0
    }

    footer div.widget-area {
        height: auto
    }

    footer .dark .widget-area.modernStyle .widget-area-column:first-child:before {
        display: none
    }

    footer .dark .widget-area.modernStyle .widget-area-column:after {
        display: none
    }

    footer .dark .widget-area.modernStyle:after {
        display: none
    }

    footer .widget-area .widget-title {
        border-bottom: 0
    }

    footer.footer-default .footer-widgets .widget-area.classicStyle div[class*="col-"],
    .widget_md_progress {
        padding-right: 0
    }

    footer #footer-bottom .copyright p {
        font-size: 13px
    }

    .widget_md_progress .progress-list .title {
        font-size: 12px !important
    }

    footer .widget-area.modernStyle .widget-title {
        margin-bottom: 15px
    }

    .widget.widget-md-recent-portfolio .item-list {
        max-width: 100%
    }

    .portfolio .filter li a {
        font-size: 16px
    }

    .client-normal .content .holder .title {
        line-height: 1.1em
    }

    form.send .subscribe-sub-title {
        line-height: 2em
    }

    form.send .subscribe-title {
        font-size: 30px
    }

    .sc-info-box {
        padding: 45px 50px 45px 35px
    }

    .sc-info-box .title {
        max-width: 100%;
        white-space: normal
    }

    body .woocommerce-page.columns-6 ul.products li.product,
    body .woocommerce.columns-6 ul.products li.product,
    body .woocommerce-page.columns-5 ul.products li.product,
    body .woocommerce.columns-5 ul.products li.product,
    body .woocommerce-page.columns-4 ul.products li.product,
    body .woocommerce.columns-4 ul.products li.products {
        width: 31%
    }

    .music-sc .music-main-container {
        width: 40%
    }

    .woocommerce-account #content {
        top: 0 !important;
        transform: translateY(0) !important
    }

    .woocommerce-account hr.separator {
        display: none
    }

    .process-panel-main-container:hover+.process-panel-main-container .kesho {
        width: 0 !important
    }

    .process-panel-main-container:hover+.process-panel-main-container:after {
        left: 0 !important
    }

    .md-counter.md-align-right,
    .md-counter.md-align-center,
    .md-counter.md-align-left {
        text-align: center
    }
}

@media(min-width :992px) and (max-width:1199px) {

    .recent-post .single_related,
    .recent-project .single_related {
        width: calc(100% / 3 - 10px);
        margin-bottom: 35px;
        height: auto
    }

    .portfolio.inside .md-post-like {
        bottom: auto;
        top: 20px
    }

    .single.single-post p {
        font-size: 19px;
        line-height: 1.3em
    }

    .single.single-post .author-section .info .name {
        font-size: 22px;
        line-height: 1.3em
    }

    .single.single-post .name a,
    .single.single-post .name {
        font-size: 18px
    }

    .single.single-post .post-tags {
        font-size: 20px
    }

    .single.single-post .post-content .post-title {
        font-size: 40px
    }

    .single.single-post .post-content .post-categories,
    .single.single-post .post-content .post-title,
    .single.single-post .comment-meta .name {
        width: 100%
    }

    .single.single-post .post-content img {
        margin-bottom: 10px;
        margin-top: 10px
    }

    .single.single-post .author-section .info {
        width: 80%
    }

    .single.single-post .sc-subscribe,
    .single.single-post input:not(.submit) {
        text-align: left
    }

    .single.single-post .sc-subscribe {
        padding-left: 15px
    }

    .comment-reply-link,
    .comment-edit-link {
        float: left;
        margin-right: 10px;
        font-size: 17px
    }

    .single.single-post .line {
        width: 90%
    }

    .single.single-post .subscribe-sub-title {
        font-size: 19px
    }

    .single.single-post .form-submit {
        text-align: left
    }

    .single.single-post .comment-meta .comment-date {
        font-size: 16px
    }

    .single.single-post .logged-in-as a {
        font-size: 15px
    }

    .sidebar .widget.widget-md-recent-portfolio .item-list .item:nth-child(3n) {
        margin-right: 9px
    }

    .client-normal .content .holder .title {
        font-size: 19px;
        line-height: 1.1em
    }

    .showcase {
        transform: scale(.65)
    }

    .blog .loop-post-content p,
    .blog .loop-post-content blockquote .name {
        font-size: 16px;
        line-height: 1.3em
    }

    .blog h1.post-title {
        font-size: 45px;
        padding-left: 10px
    }

    .blog .loop-post-content blockquote {
        font-size: 20px;
        padding: 35px 5% 35px 5%
    }

    .blog .loop-post-content .post-comment-holder {
        margin-right: 10px
    }

    .blog .post-categories,
    .post-info,
    .blog .loop-post-content>p {
        padding-left: 10px
    }

    form.send .subscribe-sub-title {
        font-size: 16px
    }

    .portfolio-split .box_size {
        width: 85%
    }

    .portfolio-split .buttons {
        width: 170px
    }

    .portfolio-split .buttons .like,
    .portfolio-split .buttons .sharing {
        width: 100%;
        margin: 0
    }

    .portfolio-split .buttons .like {
        margin-bottom: 20px
    }

    .woocommerce.woocommerce-page.single-product #reviews {
        width: 100%
    }

    .woocommerce.woocommerce-page.single-product .summary .short-description p {
        font-size: 16px
    }

    .woocommerce.woocommerce-page.single-product .woocommerce-tabs .panel p {
        line-height: 1.3em;
        font-size: 16px
    }

    .woocommerce.woocommerce-page.single-product .comment-text {
        padding-left: 70px !important
    }

    .woocommerce.woocommerce-page.single-product #reviews #comments ol.commentlist li img.avatar {
        width: 60px;
        display: inline-block
    }

    .products .product .thumb-image {
        max-height: 250px
    }

    .single-product .related.products .product {
        width: 23%;
        margin-right: 2%
    }

    .process-panel-main-container h1.title {
        font-size: 22px
    }

    .items-4 .process-panel-main-container:first-child .process-panel-txt {
        display: inline-block;
        margin-left: 6em;
        vertical-align: middle
    }

    .items-4 .process-panel-main-container:not(:first-child) .process-panel-txt {
        margin-left: 9.5em
    }

    .items-4 .process-panel-main-container:not(:first-child) .process-panel-icon {
        margin-left: 1.7em
    }

    .items-4 .process-panel-main-container h3.sub-title {
        font-size: 13px;
        line-height: 15px
    }

    .text-in-box .title {
        margin-bottom: 20px;
        padding: 0 10px
    }

    .sc-feature_image .main {
        padding: 20px
    }

    .call-to-action .content .title {
        margin-bottom: 12px;
        max-width: 100%
    }

    .call-to-action .content div.button-parent,
    .col-sm-12 .call-to-action .button-parent,
    .vc_col-sm-11 .call-to-action .button-parent,
    .vc_col-sm-10 .call-to-action .button-parent {
        padding: 0
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li span {
        position: relative;
        top: 0;
        transform: translateY(0);
        display: inline-block
    }

    .business-subscribe-button {
        top: -1px
    }

    .md-counter .timer {
        font-size: 60px
    }

    .md-counter .title {
        font-size: 15px
    }

    .md-counter .icon i {
        vertical-align: bottom
    }

    .sc-info-box {
        padding: 30px 35px 30px 20px;
        text-align: center
    }

    .splitBox-holder {
        margin-bottom: 10px
    }
}

@media(max-width :1200px) {
    body:not(.pixflow-customizer) .layout {
        width: 100% !important
    }

    .call-to-action .content .title {
        font-size: 40px;
        line-height: 1.2em
    }

    .call-to-action .content .description {
        float: none;
        margin-bottom: 15px;
        max-width: 100%
    }

    .call-to-action .content div.button-parent {
        position: static;
        display: block;
        margin-top: 0
    }

    .call-to-action .shortcode-btn {
        float: none !important
    }

    .tablet-slider .flex-control-nav li {
        font-size: 14px
    }

    .portfolio.inside .item-meta .item-title {
        font-size: 20px;
        line-height: 1.2em;
        font-weight: normal
    }

    .portfolio-carousel .box_size {
        width: 75%
    }

    .blog .loop-post-content .post-categories,
    .blog .loop-post-content .post-title,
    .blog .loop-post-content p {
        width: 100%;
        max-width: 100%
    }

    .blog .feature-image {
        background-position: center center
    }

    .list-shortcode ul li {
        font-size: 12px;
        text-align: left
    }

    .calendar-blog {
        background-image: none !important
    }

    .calendar-blog .image {
        opacity: 1
    }

    body .contact-form {
        width: auto
    }

    body .contact-form .form-input textarea {
        max-height: 200px
    }

    .widget-md-text .text-widget-image {
        margin-bottom: 9px
    }

    .md-splitBox.sb-left .splitBox-holder .text-holder,
    .md-splitBox.sb-right .splitBox-holder .text-holder {
        padding: 50px 40px;
        text-align: left
    }

    .wrap-client-carousel .slick-arrow {
        display: none !important
    }

    body:not(.compose-mode) footer.footer-parallax .content,
    body.compose-mode.responsive-mode footer.footer-parallax .content {
        opacity: 1
    }

    .calendar-blog {
        background-image: none !important
    }

    .calendar-blog .image {
        opacity: 1
    }

    footer.footer-default .widget-area.classicStyle.border.boxed div[class*="col-"] {
        padding: 30px 15px
    }
}

@media(min-width:1281px) and (max-width:1440px) {
    #notification-tabs .cart_list li {
        width: calc(100% / 4 - 40px)
    }

    header.side-classic.standard-mode nav>ul>li {
        margin-bottom: 2px
    }

    header.side-classic.standard-mode nav ul>li a {
        padding: 2px 10px
    }

    header.side-classic.standard-mode nav>ul {
        margin-top: 0
    }

    header.side-classic.standard-mode div.footer .footer-content {
        margin-bottom: 20px;
        padding: 0 5px
    }

    #notification-tabs .cart_list {
        max-height: 290px !important
    }

    #notification-tabs .cart_list li div.cart-img {
        max-height: 250px
    }

    .recent-post .single_related,
    .recent-project .single_related {
        width: calc(100% / 3 - 10px);
        margin-bottom: 35px;
        height: auto
    }

    header.side-classic .logo a {
        padding: 20px 5px
    }

    header.side-classic div.footer ul li.info .footer-content {
        padding: 7px 0 0 7px;
        min-width: 150px
    }

    .notification-center .header {
        margin-bottom: 10px
    }

    .shortcode-btn {
        padding: 15px
    }

    #notification-tabs p.total,
    #notification-tabs p.total .amount {
        margin-top: 15px
    }

    .notification-center .notification-collapse {
        bottom: 50px
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li {
        height: auto
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li>a {
        padding: 30px 15px 12px 15px
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li span {
        top: 0;
        transform: translateY(0)
    }

    body:not(.compose-mode) .wpb_tour_tabs_wrapper {
        height: auto !important
    }

    footer .widget-contact-info-content {
        min-width: inherit;
        background-size: contain !important
    }

    footer .dark .widget,
    footer .light .widget {
        margin-bottom: 15px
    }

    .portfolio.inside .thumbnail-small .md-post-like {
        left: 25px
    }

    .portfolio.outside .item-image {
        padding-right: 1px;
        background-clip: content-box
    }

    .portfolio-split .box_size {
        width: 75%
    }

    #notification-tabs .pager {
        margin-bottom: 45px
    }

    #notification-tabs .tab-container {
        width: 100%
    }

    .notification-center .portfolio-item {
        margin-top: 25px;
        margin-bottom: 25px
    }

    div[class^='blog-masonry'] .blog-masonry-container,
    div[class*=' blog-masonry'] .blog-masonry-container {
        width: calc(100% / 3 - 30px)
    }

    .blog-masonry-container .blog-masonry-content .blog-cat {
        margin-right: 1px
    }

    .blog-masonry-container .blog-masonry-content .blog-date {
        display: inline-block;
        margin-top: 5px
    }

    .recent-post .single_related {
        width: calc(100% / 3 - 30px)
    }

    .recent-post .recent-image {
        width: auto;
        height: auto
    }

    div:not('.portfolio-full,.portfolio-split,.portfolio-carousel') .video>div:first-child {
        transform: scale(0.9)
    }

    .portfolio-full #video_player {
        height: 110%
    }

    div[class^='teamMemberClassic'] .title,
    div[class*=' teamMemberClassic'].title,
    div[class^='teamMemberClassic'] .subtitle,
    div[class*=' teamMemberClassic'].subtitle {
        line-height: 22px
    }

    footer div.widget-area {
        height: auto
    }

    footer .widget-area.classicStyle {
        padding: 20px 60px
    }

    .img-box-fancy .image-box-fancy-desc {
        padding: 25px 30px
    }

    .md-splitBox.sb-left .splitBox-holder .text-holder,
    .md-splitBox.sb-right .splitBox-holder .text-holder {
        padding: 50px 40px
    }

    .article-box .article-overlay {
        padding: 0 20px 0 20px
    }

    #notification-tabs .cart_list li div.cart-img {
        max-height: 200px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center
    }
}

@media(min-width:1000px) and (max-width:1280px) {
    #notification-tabs .cart_list {
        max-height: 280px !important
    }

    #notification-tabs .cart_list li div.cart-img {
        max-height: 250px
    }

    .recent-post .single_related,
    .recent-project .single_related {
        width: calc(100% / 3 - 10px);
        margin-bottom: 35px;
        height: auto
    }

    .masonry-blog .blog-masonry-container {
        width: calc(100% / 3 - 30px)
    }

    footer .widget-area.classicStyle:not(.full) {
        padding: 50px
    }

    body .woocommerce-account .woocommerce form>p.lost_password {
        width: 100%
    }

    .col-sm-6 .md-splitBox.sb-left .splitBox-holder .text-holder,
    .col-sm-6 .md-splitBox.sb-right .splitBox-holder .text-holder {
        padding: 0 50px 0
    }

    .col-sm-6 .splitBox-holder .text-holder .title {
        font-size: 20px;
        line-height: 20px
    }

    .col-sm-6 .splitBox-holder .text-holder .subtitle {
        margin-bottom: 5px
    }

    .col-sm-6 .splitBox-holder .text-holder p {
        font-size: 14px;
        line-height: 20px
    }

    .col-sm-6 .splitBox-holder .shortcode-btn {
        transform: scale(.8);
        transform-origin: left
    }

    .col-sm-6 .shortcode-btn .button-standard span {
        font-size: 13px
    }

    footer .dark .widget,
    footer .light .widget {
        margin-bottom: 15px
    }

    header.left+nav+div.right main div.carousel.showcase {
        transform: scale(.9)
    }

    .img-box-fancy .image-box-fancy-desc.image-box-fancy-desc-normal {
        width: 60% !important;
        height: 60% !important
    }
}

@media(min-width:560px) and (max-width:800px) and (orientation:landscape) {
    .layout .pixflow-price-table .price-table-container {
        float: none
    }

    .process-panel-main-container .process-panel-icon {
        font-size: 43px;
        position: absolute;
        width: 100%;
        text-align: center;
        margin: 7px auto !important
    }

    .process-panel-main-container .process-panel-txt,
    .process-panel-main-container .process-panel-txt {
        text-align: center;
        margin: 0 auto !important;
        vertical-align: bottom
    }

    .process-panel-main .process-panel-main-container:last-child {
        height: 220px;
        padding-top: 30px
    }

    .process-panel-main-container:not(:first-child) {
        height: 220px;
        line-height: 164px;
        padding-top: 40px
    }

    .process-panel-main .process-panel-main-container {
        width: 100%
    }

    .responsive-col-50 .md-counter-card,
    .responsive-full-width .md-counter-card {
        width: 70%;
        margin: 0 auto
    }

    .vc_chart .vc_chart-legend {
        width: 100% !important;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .sc-feature_image .main i {
        float: none;
        font-size: 30px;
        margin: 0 0 19px 0
    }

    .iconbox-side.style2.left-align .icon-container,
    .iconbox-side.style2.left-align .heading {
        text-align: center
    }

    .iconbox-side.style2 .heading {
        width: 100%
    }

    .iconbox-side2.style2 .heading {
        width: 100%
    }

    .iconbox-side2.style2 .heading {
        width: 100%
    }

    .iconbox-side.style2 .icon-container,
    .iconbox-side.style2 .heading,
    .iconbox-side.style2 .image-container {
        display: block
    }

    .iconbox-side2.style2.left-align .image-container {
        float: left;
        width: 100%
    }

    iconbox-slide2.style2 .description {
        text-align: center
    }
}

@media(max-width:1366px) {
    .sliphover-overlay div:nth-child(1)>div:nth-child(1) {
        padding: 11px 50px 0 30px
    }

    h4.subtitle {
        position: relative;
        top: -7px
    }

    .sliphover-overlay div:nth-child(1)>div:nth-child(2) {
        padding: 0 0 4px 30px
    }

    .portfolio-split .buttons .like,
    .portfolio-split .buttons .sharing {
        width: 46%
    }

    button.single_add_to_cart_button.button.alt {
        padding: 0 15% !important;
        text-align: center
    }

    .widget-md-text .text-widget-image {
        max-width: 190px
    }

    .process-panel-main-container:hover+.process-panel-main-container:after {
        left: 8px
    }

    header.top .logo img {
        padding: 0 2px;
        padding-left: 15px
    }

    .image-box-fancy-icon {
        transform: translateX(-20px) translateY(23px)
    }

    p.blog-title {
        margin-bottom: 8px
    }
}

@media(min-width:1200px) and (max-width:1440px) {
    .items-4 .process-panel-main-container:not(:first-child) .process-panel-txt {
        margin-left: 8.8em
    }

    .items-4 .process-panel-main-container .process-panel-txt {
        margin-left: 6.3em
    }

    .items-4 .process-panel-main-container h1.title {
        font-size: 18px;
        width: 150px;
        line-height: 1.2em
    }

    .items-4 .process-panel-main-container:not(:first-child) .process-panel-icon {
        margin-left: 1.6em
    }

    .wpb_content_element .px_tabs_nav.md-custom-tab>li span {
        position: relative;
        top: 0;
        transform: translateY(0);
        display: inline-block
    }

    .wrap-client-carousel .slick-prev {
        left: 0;
        top: 60%
    }

    .wrap-client-carousel .slick-next {
        right: 0;
        top: 60%
    }

    .retina-screen-main .second-header-bg {
        display: block !important
    }

    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4.hidden-laptop,
    .hidden-laptop {
        display: none
    }

    #notification-tabs .pager {
        margin-bottom: 10px
    }

    #notification-tabs .buttons {
        margin-top: 20px
    }

    .notification-center .info {
        height: 50px
    }

    #notification-tabs {
        margin-top: 20px
    }

    #notification-tabs .cart_list li {
        margin-bottom: 10px
    }

    #notification-tabs .flickity-viewport {
        min-height: 500px
    }

    #notification-tabs p.buttons .wc-forward {
        height: 30px;
        padding-top: 8px
    }

    .sidebar.widget-area.hidden-tablet {
        display: block !important;
        height: auto !important
    }

    .double-sidebar .sidebar {
        max-width: 22% !important
    }

    .double-sidebar>.content {
        width: 54% !important
    }
}

@media(min-width:700px) and (max-width:900px) and (orientation:portrait) {

    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4.hidden-tablet-p,
    .hidden-tablet-p {
        display: none
    }
}

@media(min-width:1000px) and (max-width:1200px) and (orientation:landscape) {

    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4.hidden-tablet-l,
    .hidden-tablet-l {
        display: none
    }
}

@media(min-width:300px) and (max-width:700px) and (orientation:portrait) {

    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4.hidden-mobile-p,
    .hidden-mobile-p {
        display: none
    }
}

@media(min-width:300px) and (max-width:700px) and (orientation:landscape) {
    .layout .pixflow-price-table .price-table-container {
        float: none
    }

    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4.hidden-mobile-l,
    .hidden-mobile-l {
        display: none
    }
}

@media(-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {
    #notification-tabs .pager {
        margin-bottom: 10px
    }

    #notification-tabs .cart_list li {
        margin-bottom: 0
    }

    #notification-tabs .cart_list {
        height: auto
    }

    #notification-tabs p.total,
    #notification-tabs p.total .amount {
        margin-top: 25px
    }

    #notification-tabs .cart_list li div.cart-img {
        max-height: 270px
    }

    #notification-tabs p.buttons .wc-forward {
        height: 35px;
        line-height: 35px;
        padding-top: 0
    }
}

@media(max-width:1024px) {
    #wpadminbar .pixflow_custom_links a {
        text-transform: uppercase;
        background-color: transparent;
        font-size: 9px;
        color: #bbc5ff;
        letter-spacing: 0;
        padding: 0 5px 0 5px !important;
        transition: all .3s ease-in;
        display: flex;
        align-items: center
    }

    header .content a.logo {
        width: auto !important
    }

    body:not(.compose-mode) header:not(.retina-screen-header) .content,
    body.compose-mode.responsive-mode header:not(.retina-screen-header) .content {
        width: 100% !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between
    }

    header .navigation-button,
    header .mobile-shopcart,
    header .mobile-sidebar {
        top: auto !important;
        transform: none !important
    }

    .testimonial-carousel .testimonial-carousel-job-text {
        text-align: center;
        font-weight: normal;
        line-height: 24px;
        width: 100% !important;
        margin: auto
    }

    .testimonial-carousel .owl-item {
        margin: 0 auto !important
    }

    header .navigation-button.hidden-desktop {
        display: block !important
    }

    header {
        visibility: visible !important;
        top: 0 !important
    }

    body:not(.compose-mode) header:not(.retina-screen-header):not(.top-modern):not(.top-logotop) .logo,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.top-modern):not(.top-logotop) .logo {
        float: none !important;
        order: -1
    }

    body:not(.compose-mode) .layout header .logo img,
    body.compose-mode.responsive-mode .layout header .logo img {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        top: 0 !important;
        display: flex !important;
        align-self: center
    }

    header .hidden-desktop {
        display: inherit !important
    }

    .layout img.md-icon-box-image {
        float: none !important;
        display: block;
        clear: both;
        margin: 15px auto !important
    }

    main:not(.retina-screen-main) .row-image-normal.isParallax {
        background-position: center !important;
        background-attachment: local !important
    }
}

@media(min-width:1024px) and (max-width:1440px) {
    .layout-container .layout header {
        visibility: visible !important
    }

    header.side-modern .hidden-tablet {
        display: inherit !important
    }

    body:not(.compose-mode) header.sticky-header.side-classic,
    body.compose-mode.responsive-mode header.sticky-header.side-classic {
        display: block !important;
        position: fixed !important;
        top: 0 !important;
        height: 100vh !important
    }

    header.side-classic.standard-mode div.content.side .logo {
        padding: 0;
        max-width: 100% !important;
        margin: 0 auto !important;
        display: block;
        float: none !important;
        min-height: 170px
    }

    body:not(.compose-mode) header.side-classic .logo img,
    body.compose-mode.responsive-mode header.side-classic .logo img {
        position: relative !important;
        display: block !important;
        top: auto !important;
        transform: none !important;
        right: auto !important;
        left: auto !important;
        max-height: inherit !important;
        margin: 0 auto
    }

    header.side-classic.standard-mode div.footer .footer-content {
        margin-bottom: 40px;
        padding: 0 10px
    }

    header.side-classic div.footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        left: 0
    }

    header.side-classic .hidden-phone {
        display: inherit !important
    }

    header.left,
    header.right {
        height: 100vh !important;
        position: fixed !important
    }

    body .layout header.side-classic.standard-mode nav>ul>li {
        margin-bottom: 0
    }

    header.side-classic.standard-mode div.footer .footer-content {
        margin-bottom: 10px;
        padding: 0 10px
    }

    header.side-classic.standard-mode nav>ul {
        margin-top: 0
    }

    div[class*='md_text_style'].md-text-alignment-left:not(.md-text-alignment-tablet-landscape-center) {
        justify-content: flex-start !important;
        text-align: left !important
    }

    div[class*='md_text_style'].md-text-alignment-left.md-text-alignment-tablet-landscape-left {
        justify-content: flex-start !important;
        text-align: left !important
    }

    div[class*='md_text_style'].md-text-alignment-right {
        justify-content: flex-end !important;
        text-align: right !important
    }

    .pixflow_custom_links {
        max-width: 191px
    }

    #wpadminbar .pixflow_custom_links a {
        text-transform: uppercase;
        background-color: transparent;
        font-size: 9px;
        color: #bbc5ff;
        letter-spacing: 0;
        padding: 0 5px 0 5px !important;
        transition: all .3s ease-in;
        display: flex;
        align-items: center
    }

    #wpadminbar .pixflow_custom_links a:before {
        display: none
    }

    #wpadminbar #wp-admin-bar-md_setting_button a {
        background-image: none
    }

    .px-header-left header:not(.side-modern),
    .px-header-right header:not(.side-modern) {
        width: 20% !important
    }

    .px-header-left:not(.modern) .layout>.wrap,
    .px-header-right:not(.modern) .layout>.wrap {
        width: 80% !important;
        margin-top: 0 !important
    }

    .px-header-left.modern .layout>.wrap,
    .px-header-right.modern .layout>.wrap {
        width: calc(100% - 65px) !important
    }

    .vc_column_container:not(.col-sm-12):not(.col-sm-10):not(.col-sm-11):not(.col-sm-9):not(.col-sm-8) .md-text-container {
        max-width: 95%
    }

    .img-box-fancy .image-box-fancy-desc {
        padding: 45px 25px
    }

    .img-box-fancy .image-box-fancy-container {
        width: calc(100% - 90px)
    }

    .testimonial-carousel.owl-carousel .owl-stage {
        min-width: 3000px
    }

    body .layout-container .layout header.side-modern .logo {
        float: none !important;
        max-width: 100% !important;
        min-height: 150px;
        padding-bottom: 10px
    }

    header.side-modern .logo a {
        min-height: 150px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    body .layout-container .layout header.side-modern .logo img {
        float: none !important;
        max-height: 140px !important;
        margin: 0 auto !important
    }

    body:not(.compose-mode) header:not(.retina-screen-header).top-block .content,
    body.compose-mode.responsive-mode header:not(.retina-screen-header).top-block .content {
        display: flex !important;
        justify-content: space-between
    }
}

@media(min-width:1025px) and (max-width:1280px) {

    .navigation-mobile,
    header .navigation-button {
        display: none !important
    }

    header.top .hidden-tablet {
        display: inherit !important
    }

    .layout header.top-classic nav.navigation>ul {
        display: block
    }

    .layout header .mobile-shopcart {
        display: none !important
    }

    .layout header.top {
        width: 100% !important;
        top: 0
    }

    header.top-classic nav.navigation {
        height: inherit;
        display: flex !important;
        align-items: center;
        justify-content: center
    }

    header.top-classic nav.navigation.item-right {
        justify-content: flex-end
    }

    header.top-classic nav.navigation.item-left {
        justify-content: flex-start
    }

    header .content a.logo {
        display: flex;
        align-items: center
    }

    body:not(.compose-mode) header:not(.retina-screen-header) .logo img,
    body.compose-mode.responsive-mode header:not(.retina-screen-header) .logo img {
        display: flex !important;
        flex-direction: column-reverse;
        align-self: center;
        justify-self: center;
        top: auto !important;
        transform: none !important
    }

    body .layout-container .layout header.top-logotop .logo {
        margin: 0 auto !important;
        float: none !important;
        display: flex;
        align-items: center;
        justify-content: center
    }

    header.top-block .content nav.navigation.item-right {
        float: right;
        justify-content: flex-end
    }

    header.top-block .content nav.navigation.item-left {
        float: left;
        justify-content: flex-end
    }
}

@media(max-width:600px) and (orientation:portrait) {

    .md-live-text.md-mobile-portrait-align-left,
    .md-live-text.md-mobile-portrait-align-left .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: left !important;
        justify-content: start !important
    }

    .md-live-text.md-mobile-portrait-align-right,
    .md-live-text.md-mobile-portrait-align-right .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: right !important;
        justify-content: end !important
    }

    .md-live-text.md-mobile-portrait-align-center,
    .md-live-text.md-mobile-portrait-align-center .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: center !important;
        justify-content: center !important
    }
}

@media(min-width:850px) and (max-width:1280px) and (orientation:landscape) {

    .md-live-text.md-tablet-landscape-align-left,
    .md-live-text.md-tablet-landscape-align-left .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: left !important;
        justify-content: start !important
    }

    .md-live-text.md-tablet-landscape-align-right,
    .md-live-text.md-tablet-landscape-align-right .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: right !important;
        justify-content: end !important
    }

    .md-live-text.md-tablet-landscape-align-center,
    .md-live-text.md-tablet-landscape-align-center .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: center !important;
        justify-content: center !important
    }
}

@media(max-width:1023px) {

    body:not(.compose-mode) .layout header:not(.retina-screen-header):not(.top-logotop) .logo img,
    body.compose-mode.responsive-mode .layout header:not(.retina-screen-header):not(.top-logotop) .logo img {
        position: relative !important;
        display: flex !important;
        right: auto !important;
        left: auto !important;
        max-height: 45px
    }

    .layout header .logo {
        width: auto;
        float: left
    }

    .hidden-tablet {
        display: none !important
    }

    body:not(.compose-mode) .layout header .logo a {
        padding: 0 !important
    }

    header.side-classic.standard-mode div.content.side .logo {
        padding: 0
    }

    .row-equal-column-height .wrap,
    .row-equal-column-height .wpb_column,
    .row-equal-column-height .mBuilder-element.mBuilder-vc_column {
        display: block
    }

    body:not(.compose-mode) .layout header .logo img,
    body.compose-mode.responsive-mode .layout header .logo img {
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
        top: 0 !important
    }

    .mobile-browser header .logo a {
        padding: 0
    }

    .row-image-fixed.isParallax:after {
        background-attachment: local
    }

    .article-box .article-box-description {
        font-size: 12px;
        line-height: 19px
    }

    .article-box .article-box-icon {
        font-size: 20px
    }

    .article-box .article-box-title {
        font-size: 15px;
        line-height: 23px
    }

    .article-box .read-more {
        font-size: 12px
    }

    .article-box .article-overlay {
        padding: 25px 10px 25px 10px
    }

    .md-statistic .counter .timer,
    .md-statistic .statistic-symbol {
        font-size: 45px
    }

    .business-subscribe-email-input {
        width: 40%;
        padding-right: 10px;
        padding-left: 10px
    }

    .business-subscribe-button {
        font-size: 13px
    }

    .article-box .title-icon {
        margin-top: 0;
        margin-bottom: 16px
    }

    .sidebar.widget-area.visible-desktop,
    main>.sidebar.widget-area.hidden-tablet {
        display: none !important
    }

    .sidebar.widget-area.hidden-tablet {
        display: none !important
    }

    .wrap>main>#content {
        width: 100% !important
    }

    body:not(.compose-mode) header.header-light>div.color-overlay,
    body.compose-mode.responsive-mode header.header-light>div.color-overlay {
        background-color: #fff
    }

    body:not(.compose-mode) header.header-dark>div.color-overlay,
    body.compose-mode.responsive-mode header.header-dark>div.color-overlay {
        background-color: #252525
    }

    body:not(.compose-mode) header .logo img,
    body.compose-mode.responsive-mode header .logo img {
        position: relative !important;
        display: block !important;
        top: 50% !important;
        transform: translate(0, -50%) !important;
        right: auto !important;
        left: auto !important;
        max-height: 45px
    }

    .woocommerce-account.logged-in footer .woocommerce {
        min-height: 325px
    }

    .widget_top_rated_products:after {
        background-image: none !important
    }

    footer.footer-default {
        width: 100% !important
    }

    header {
        height: 75px !important
    }

    .navigation-mobile {
        top: 75px;
        position: absolute;
        z-index: 100
    }

    .single-product.woocommerce div.product div.images .flex-control-thumbs {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .single-product .a2a_kit {
        margin: 20px auto !important;
        display: block
    }

    .product_meta {
        line-height: 2em
    }

    .woocommerce #content div.product div.summary,
    .woocommerce div.product div.summary,
    .woocommerce-page #content div.product div.summary,
    .woocommerce-page div.product div.summary {
        text-align: center;
        width: 100% !important;
        float: none
    }

    .single-product .summary .quantity {
        float: none !important;
        margin: 0 0 25px !important;
        display: inline-block
    }

    .single-product .summary form.cart {
        text-align: center
    }

    .single-product .container {
        padding-top: 45px;
        margin-top: 0
    }

    body:not(.compose-mode) .layout-container .layout .wrap>main {
        width: 100% !important;
        margin-top: 0 !important
    }

    .hidden-phone {
        display: none !important
    }

    .mobile-browser .hidden-phone {
        display: none !important
    }

    .layout header.top-logotop,
    .layout header.top {
        position: absolute
    }

    .business-subscribe .subscribe-content,
    .business-subscribe.md-align-left .subscribe-content,
    .business-subscribe.md-align-right {
        text-align: center !important
    }

    body:not(.sticky-header) .layout>.wrap {
        margin-top: 0 !important
    }

    .layout>.wrap {
        width: 100% !important
    }

    body:not(.compose-mode) header.sticky-header:not(.retina-screen-header):not(.side),
    body.compose-mode.responsive-mode header.sticky-header:not(.retina-screen-header):not(.side) {
        width: 100% !important;
        display: block !important;
        position: fixed !important;
        top: 0 !important
    }

    .sticky-header.navigation-mobile {
        position: fixed;
        z-index: 100;
        top: 70px
    }

    header.top-logotop a.logo {
        float: left
    }

    body:not(.compose-mode) header:not(.retina-screen-header):not(.top-gather) .content,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.top-gather) .content {
        display: flex !important
    }

    .woocommerce-cart .layout #content .woocommerce table.cart td.actions .coupon>input.input-text {
        max-width: 155px
    }

    body:not(.compose-mode) header:not(.retina-screen-header):not(.top-gather) .content,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.top-gather) .content {
        width: 100% !important
    }

    body:not(.compose-mode) .sectionOverlay .box_size_container,
    body.compose-mode.responsive-mode .sectionOverlay .box_size_container {
        width: 96% !important
    }

    body:not(.compose-mode) main:not(.retina-screen-main) .sectionOverlay .box_size_container,
    body:not(.compose-mode) .sectionOverlay.box_size,
    body.compose-mode.responsive-mode main:not(.retina-screen-main) .sectionOverlay .box_size_container,
    body.compose-mode.responsive-mode .sectionOverlay.box_size {
        width: 96% !important
    }

    .layout header {
        max-width: 100% !important;
        min-width: 100% !important
    }
}

@media(min-width:1024px) {
    .navigation-mobile {
        display: none
    }

    .container {
        max-width: 100%
    }

    footer .widget-area.border .widget {
        padding-left: 19px;
        padding-right: 19px
    }

    .navigation-mobile,
    header .navigation-button {
        display: none !important
    }

    .has-business-bar .business.content.visible-desktop.hidden-tablet {
        display: block !important;
        width: 100% !important
    }

    .has-business-bar header {
        top: 36px !important
    }

    .pixflow-heder-icon-pack * {
        display: none
    }

    header.top-gather .style-style1.content {
        display: flex
    }

    header.top-gather .logo.item-left img {
        max-height: 100%
    }

    header.side.side-modern {
        width: 65px !important
    }

    header.left .content nav.navigation,
    header.right .content nav.navigation {
        float: none !important
    }

    header .navigation-button.hidden-desktop {
        display: none !important
    }

    body:not(.compose-mode) header.left .content,
    body:not(.compose-mode) header.right .content {
        display: block !important
    }

    body:not(.compose-mode):not(.modern) .layout header:not(.top-modern).side .logo {
        min-width: 100% !important;
        margin-top: 20px !important;
        max-width: 80%
    }

    body.modern .layout header.side .logo {
        max-width: 65px !important;
        min-width: 65px !important;
        width: 65px !important
    }

    body:not(.pixflow-customizer) .layout {
        transform: none !important
    }

    .img-box-slider.md-align-left .imgBox-image {
        background-position: left
    }

    .img-box-slider.md-align-right .imgBox-image {
        background-position: right
    }
}

@media(min-width:1000px) and (max-width:1110px) {

    body:not(.compose-mode) header:not(.retina-screen-header):not(.side-modern):not(.top-gather):not(.top-logotop) .logo,
    body.compose-mode.responsive-mode header:not(.retina-screen-header):not(.side-modern):not(.top-gather):not(.top-logotop) .logo {
        max-width: 170px !important
    }
}

@media(max-width:912px) and (orientation:portrait) {
    .wrap main.has-sidebar #content {
        min-width: 100%
    }

    .woocommerce-form-coupon-toggle {
        margin-top: 30px
    }

    .woocommerce .woocommerce-message {
        text-align: left
    }

    a.button.wc-forward {
        margin-left: 10px
    }

    body:not(.one_page_scroll) .row-content-middle:not(.row-equal-column-height) .wrap {
        display: flex
    }

    .woocommerce[class*=columns-]:not(.columns-4) ul.products li.product,
    .woocommerce[class*=columns-]:not(.columns-4) ul.products li.product {
        margin-right: 0
    }

    html {
        margin-top: 0 !important
    }

    body.woocommerce-account:not(.compose-mode) .layout-container .layout .wrap>main {
        padding-top: 75px !important
    }

    .layout header.top {
        width: 100% !important;
        top: 0
    }

    .single-product main>.container,
    .woocommerce-checkout main>.container {
        padding-top: 75px;
        margin-top: 0
    }

    html[data-theme="massive-dynamic"] {
        margin-top: 0 !important
    }

    .woocommerce-account:not(.woocommerce-lost-password),
    .woocommerce-lost-password,
    .woocommerce-account.logged-in:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce:after {
        background-image: none
    }

    .woocommerce-account.woocommerce-edit-account.logged-in .woocommerce .account-title {
        text-align: center
    }

    .woocommerce-account .account-title h1 {
        margin-right: 0
    }

    .woocommerce-account.logged-in .woocommerce .woocommerce-MyAccount-content h3 {
        font-size: 17px;
        line-height: 1.5em;
        margin-bottom: 60px
    }

    .iconbox-side2.style2.right-align .icon-container,
    .iconbox-side2.style2.right-align .heading {
        float: none
    }
}

@media(max-width:900px) and (orientation:landscape) {

    .responsive-col-50 .md-counter-card,
    .responsive-full-width .md-counter-card {
        width: 90%;
        margin: 0 auto
    }

    .price-box-button .shortcode-btn {
        max-width: 150px;
        overflow: hidden
    }

    .price-box-button .shortcode-btn a {
        padding: 18px 44px !important
    }

    .pixflow-price-box .lists {
        margin-top: 30px;
        padding-left: 0;
        text-align: left
    }

    .iconbox-side .description {
        text-align: center
    }

    .iconbox-side .icon-background {
        display: block
    }

    .iconbox-side.style2.left-align .iconbox-content {
        margin: 0 auto
    }

    .pixflow-price-box .price-container {
        line-height: 1.6em;
        padding-top: 25px;
        padding-left: 5px;
        margin-right: 20px
    }

    .pixflow-price-box .lists ul>li {
        max-width: 270px
    }

    .pixflow-price-box .price-box-container {
        padding: 15px;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .pixflow-price-box .lists {
        margin-top: 30px;
        position: relative !important
    }

    .pixflow-price-box .offer-box {
        font-size: 13px
    }

    .hidden-xs-landscape {
        display: none !important
    }

    .wrap-teammember-style2 .slides li {
        text-align: center;
        text-align: -webkit-center
    }

    .wrap-teammember-style2 .teammember-image {
        width: 70%
    }

    .wrap-teammember-style2 .teammember-hover {
        width: 70%;
        left: 15%
    }

    .layout-container>.bg-image {
        position: fixed;
        background-attachment: inherit !important
    }

    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product {
        width: calc(100% /2 - 21px) !important;
        margin-right: 20px
    }

    body:not(.one_page_scroll) .row-content-middle:not(.row-equal-column-height) .wrap {
        display: flex
    }

    .img-box-slider.md-align-right .imgBox-image,
    .img-box-slider.md-align-left .imgBox-image {
        background-position: center
    }

    .iconbox-side,
    .iconbox-side.left-align .icon-container,
    .iconbox-side.left-align .iconbox-side-container,
    .iconbox-side.right-align .icon-container,
    .iconbox-side.right-align .iconbox-side-container {
        text-align: center
    }

    .iconbox-side .iconbox-side-container {
        width: 100%;
        max-width: 100%
    }

    .modern-image-box {
        margin-bottom: 20px;
        max-width: 90%;
        margin: 10px auto
    }

    .md-live-text.md-mobile-landscape-align-left,
    .md-live-text.md-mobile-landscape-align-left .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: left !important;
        justify-content: start
    }

    .md-live-text.md-mobile-landscape-align-right,
    .md-live-text.md-mobile-landscape-align-right .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: right;
        justify-content: end
    }

    .md-live-text.md-mobile-landscape-align-center,
    .md-live-text.md-mobile-landscape-align-center .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: center;
        justify-content: center
    }

    .row-equal-column-height .wrap,
    .row-equal-column-height .wpb_column,
    .row-equal-column-height .mBuilder-element.mBuilder-vc_column {
        display: block
    }

    .business-subscribe.md-align-left .subscribe-content {
        text-align: center
    }

    .video.md-align-left>div:first-child,
    .video.md-align-right>div:first-child {
        margin: 0 auto !important
    }

    .layout-container .layout .md-text-title-separator {
        margin-right: auto;
        margin-left: auto
    }

    .tablet-slider .flexslider-controls {
        margin: 0 auto;
        display: block
    }

    .iconbox-side,
    .iconbox-side.left-align .icon-container,
    .iconbox-side.left-align .iconbox-side-container,
    .iconbox-side.right-align .icon-container,
    .iconbox-side.right-align .iconbox-side-container {
        text-align: center
    }

    .iconbox-side.right-align .icon-container,
    .iconbox-side.right-align .iconbox-side-container,
    .iconbox-side.left-align .icon-container,
    .iconbox-side.left-align .iconbox-side-container {
        float: none;
        margin: 5px auto
    }

    html[data-theme='massive-dynamic'] {
        margin-top: 0 !important
    }

    header .content {
        width: 100% !important
    }

    header .content a.logo {
        width: auto !important;
        display: flex
    }

    .pixflow-heder-icon-pack {
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center
    }

    .woocommerce-account .woocommerce {
        margin-top: 75px
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding-top: 40px;
        padding-left: 0;
        margin-right: 0
    }

    .woocommerce-MyAccount-navigation ul li {
        padding-bottom: 15px;
        list-style: none;
        padding-right: 20px
    }

    .pie_chart2_bottom_title {
        transform: none
    }

    .woocommerce ul.products li.first,
    .woocommerce-page ul.products li.first {
        clear: none
    }

    .widget-area .widget-area-column {
        width: calc(100%/2);
        float: left
    }

    .process-panel-main-container:after {
        display: none !important
    }

    .process-panel-main-container .process-panel-icon {
        top: 0
    }

    .process-panel-main .process-panel-icon i {
        top: 30px !important;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .process-panel-main-container .process-panel-txt {
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%
    }

    .layout .process-panel-main-container h3.title {
        font-size: 19px;
        font-weight: bold;
        line-height: 23px
    }

    .process-panel-main .process-panel-main-container {
        min-height: 240px
    }

    .items-3 .process-panel-main-container {
        width: calc(100% / 3) !important
    }

    .items-4 .process-panel-main-container {
        width: calc(100% / 4) !important
    }

    .items-5 .process-panel-main-container {
        width: calc(100% / 5) !important
    }

    .items-2 .process-panel-main-container {
        width: calc(100% / 2) !important
    }
}

@media(min-width:600px) and (max-width:1024px) and (orientation:portrait) {

    .md-splitBox.sb-left .image-holder,
    .md-splitBox.sb-right .image-holder {
        max-height: 500px
    }

    .md-live-text.md-tablet-portrait-align-left,
    .md-live-text.md-tablet-portrait-align-left .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: left !important;
        justify-content: start !important
    }

    .md-live-text.md-tablet-portrait-align-right,
    .md-live-text.md-tablet-portrait-align-right .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: right !important;
        justify-content: end !important
    }

    .md-live-text.md-tablet-portrait-align-center,
    .md-live-text.md-tablet-portrait-align-center .meditor.meditor-responsive.inline-md-editor.meditor-responsive div * {
        text-align: center !important;
        justify-content: center !important
    }

    .layout .woocommerce ul.products li.product {
        width: calc(100% / 2 - 20px) !important;
        clear: none
    }

    .iconbox-side .icon-container {
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important
    }

    .device-slider .flexslider-controls {
        text-align: center;
        margin: 0 auto;
        float: none !important;
        display: block
    }

    .tablet-slider .flexslider-controls {
        text-align: center;
        margin: 0 auto;
        float: none !important;
        display: block
    }

    body:not(.compose-mode) .sectionOverlay.box_size,
    body.compose-mode.responsive-mode .sectionOverlay.box_size {
        width: 100% !important
    }

    .woocommerce.columns-3 ul.products .thumb-image,
    .woocommerce.columns-3 ul.products .hover-image {
        min-height: 370px !important;
        max-height: 415px !important
    }

    .woocommerce-MyAccount-navigation ul {
        display: flex;
        width: 100%;
        list-style: none;
        justify-content: flex-start;
        align-items: center
    }

    .woocommerce-MyAccount-navigation ul li {
        padding-right: 20px
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding-top: 40px;
        float: left;
        padding-left: 0;
        height: auto;
        margin-right: 0
    }

    body.woocommerce-account:not(.compose-mode) .layout-container .layout .wrap>main {
        padding-top: 0 !important;
        position: relative
    }

    .woocommerce-account .account-title {
        border-bottom: 0
    }

    .woocommerce-account.logged-in .woocommerce .account-title {
        margin: 0;
        padding-left: 0
    }

    .woocommerce-account.logged-in .woocommerce .left-col,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding: 30px 0 10px 35px;
        padding-left: 0
    }

    .woocommerce-account .account-title h1 {
        margin-right: 0;
        font-size: 25px
    }

    .pie_chart2_bottom_title {
        transform: none
    }

    .sliphover-overlay div:nth-child(1)>div:nth-child(2) {
        padding: 0 0 0 5px
    }

    .sliphover-overlay div:nth-child(1)>div:nth-child(1) {
        padding: 5px 0 0 4px
    }

    .sliphover-overlay .title {
        font-size: 19px;
        line-height: 19px
    }

    .sliphover-overlay .subtitle {
        font-size: 15px;
        line-height: 14px;
        color: #fff
    }
}

@media(min-width:850px) and (max-width:1280px) and (orientation:landscape) {
    .masonry-blog .blog-masonry-container {
        width: calc(100% / 2 - 30px) !important
    }

    .woocommerce-page ul.products li.product,
    .woocommerce ul.products li.product {
        width: calc(100% / 3 - 20px) !important
    }

    .woocommerce ul.products li.first,
    .woocommerce-page ul.products li.first {
        clear: none
    }

    .products .product .thumb-image,
    .products .product .hover-image {
        min-height: 470px
    }

    .archive.woocommerce .wrap>main {
        min-width: 95%
    }

    .iconbox-side.left-align .icon-container,
    .iconbox-side.left-align .iconbox-side-container {
        text-align: left
    }

    .iconbox-side.right-align .icon-container,
    .iconbox-side.right-align .iconbox-side-container {
        text-align: right
    }

    .device-slider .flexslider-controls,
    .tablet-slider .flexslider-controls {
        margin: 0 auto !important;
        display: block
    }

    .woocommerce-account main {
        width: 100% !important;
        padding-top: 69px !important
    }

    nav.woocommerce-MyAccount-navigation ul {
        display: flex;
        list-style: none;
        justify-content: flex-start;
        align-items: center
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding-left: 0;
        margin-right: 0
    }

    .woocommerce-MyAccount-navigation ul li {
        padding-bottom: 0;
        padding-right: 20px
    }

    .woocommerce-account .woocommerce {
        margin-bottom: 0
    }

    body:not(.compose-mode) .sectionOverlay.box_size,
    body.compose-mode.responsive-mode .sectionOverlay.box_size {
        width: 100% !important
    }

    .woocommerce-page.columns-2 ul.products li.product,
    .woocommerce.columns-2 ul.products li.product {
        width: calc(100%/2 - 20px) !important
    }

    .single-sidebar {
        width: 70% !important
    }

    .has-sidebar .sidebar {
        width: 29% !important
    }

    .woocommerce-page .has-sidebar ul.products li.product,
    .woocommerce .has-sidebar ul.products li.product {
        width: calc(100% / 2 - 20px) !important
    }

    .woocommerce .page-title {
        font-size: 38px;
        line-height: 38px;
        margin: 35px 0;
        margin-top: 0
    }

    .sidebar.widget-area.hidden-tablet {
        display: block !important;
        height: auto !important
    }

    .double-sidebar .sidebar {
        max-width: 22% !important
    }

    .double-sidebar>.content {
        width: 54% !important
    }

    footer {
        width: 100%;
        margin-top: 0;
        max-width: 100% !important;
        min-width: 100% !important
    }

    .footer-widgets.light .widget-area.classicStyle.border {
        height: auto;
        min-height: 385px !important
    }

    footer.footer-default .widget-area.classicStyle.border.boxed div[class*="col-"] {
        padding: 30px 5px
    }
}

@media screen and (min-device-width:1280px) and (max-device-width:1680px) {
    .layout-container .layout main .row-image-normal {
        background-position: center !important;
        background-attachment: local !important;
        background-size: cover !important
    }

    .woocommerce-account .content-container>.woocommerce {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        padding-left: 0;
        margin-right: 0;
        border-right: none !important
    }

    .sidebar.box .widget {
        padding: 15px;
        margin: 0
    }

    .classic-blog .loop-post-content .post-comment-holder,
    .classic-blog .loop-post-content .post-share {
        margin: 30px 12px !important;
        width: 20px;
        height: 20px;
        float: left;
        display: inline-block
    }

    .classic-blog .loop-post-content .post-title a {
        font-size: 30px !important
    }

    .classic-blog .loop-post-content a.continue-reading {
        line-height: 40px !important
    }

    .layout-container .blog-masonry-container .blog-masonry-content .blog-cat {
        border-radius: 35px;
        padding: 0 10px;
        font-size: 12px !important;
        font-weight: normal;
        line-height: 25px;
        margin-right: 8px
    }

    .layout-container .blog-masonry-container .blog-masonry-content .blog-date a,
    .layout-container .blog-masonry-container .blog-masonry-content .blog-cat a {
        font-size: 10px
    }

    .has-sidebar .portfolio-multisize.outside .portfolio-item,
    .has-sidebar .compose-mode.gizmo-off .portfolio-multisize.outside .portfolio-item {
        overflow: hidden;
        width: calc(100%/3 - 10px) !important;
        float: left;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        margin-right: 10px
    }

    .has-sidebar .portfolio.inside .item-wrap.portfolio-popup,
    .has-sidebar .outside .item-image.portfolio-popup {
        background-size: cover;
        max-height: 350px;
        background-position: center center !important;
        background-repeat: no-repeat;
        max-width: 100%
    }

    footer {
        width: 100%;
        margin-top: 0;
        max-width: 100% !important;
        min-width: 100% !important
    }

    .footer-widgets.light .widget-area.classicStyle.border {
        height: auto;
        min-height: 385px !important
    }

    footer.footer-default .widget-area.classicStyle.border.boxed div[class*="col-"] {
        padding: 30px 5px
    }
}