@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) {
    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.md-align-left .subscribe-content, .business-subscribe.md-align-right .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: 10px 20px 10px
    }
    .navigation-mobile .search-form{
        margin-bottom: 0;
    }
    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
    }
    header.top-classic .logo.item-center{
        width: auto !important;
        min-width: 160px;
    }
    header.top-classic .logo.item-center img{
        height: 50px;
    }
    header.top-classic.header-style1.top.header-dark.logo-light.retina-screen-header {
        position: static !important;
    }
    .vc_parallax.vc_parallax-377{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .md-text-title.inline-editor-title,
    .md-text-title.inline-editor-title span,
    .md-text-title.inline-editor-title div {
        line-height: 1 !important;
    }
    .md-text.gizmo-container{
        padding: 15px !important;
    }
    .md-text.gizmo-container .md-text-content p, .md-text.gizmo-container .md-text-content p span {
        font-size: 16px !important;
        line-height: 1;
    }
    .gizmo-container.shortcode-btn .button-standard.come-in {
        padding: 15px 37px !important;
        margin-top: 10px !important;
    }
    .md-splitBox.sb-left .text-holder .fixed-width{
        margin-top: 50px !important;
    }
    .md-splitBox.sb-left .splitBox-holder .text-holder{
        padding: 0 30px 0 30px !important;
    }
    .call-to-action .content div.button-parent{
        margin-left: 0;
    }
    footer.footer-default .footer-widgets.light .widget-area.classicStyle.border div[class*="col-"]:before{
        display: none;
    }
    .single-post header:not(.header-clone) > .color-overlay{
        background: rgb(2,2,2);
    }
    .form-container-modern .top-elems,
    .form-container-modern .bottom-elem{
        padding: 15px;
    }
    .md-text-container .md-text .md-text-title span,
    .md-text-container .md-text .md-text-title{
        font-size: 28px !important;
        line-height: 1.1 !important;
    }
    .md-text-title.inline-editor-title div {
        font-size: 22px;
    }
    .vc_parallax.vc_parallax-500 .vc_empty_space.gizmo-container.small-gizmo.no-setting-gizmo.no-animation-gizmo.clearfix{
        display: none;
    }
    header .navigation-button{
        margin-right: 25px;
    }
    span.keep-text-selected span {
        font-size: 23px !important;
        line-height: 1 !important;
    }
    .page-id-4 .inline-md-editor span {
        font-size: 22px !important;
        line-height: 1.1 !important;
    }
}

@media(min-width :481px) and (max-width:767px) {
    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 screen and (max-device-width:767px) and (orientation :landscape) {
    .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%
    }
}

@media(max-width:1270px) {
    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
    }
    .img-box-slider .slides {
        max-height: 260px !important
    }
    .img-box-slider ul, .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
    }
    .vc_column_container>.vc_column-inner.vc_column-inner.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 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
    }
    div[class*='md_text_style'] {
        text-align: center !important;
        justify-content: center !important
    }
    .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)
    }
    .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
    }
    .shortcode-btn {
        float: none !important;
        max-width: 100%
    }
    .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
    }
    .img-box-slider.md-align-left .imgBox-image {
        background-position: center
    }
    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: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
    }
}

@media(max-width:800px) {
    .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 !important
    }
    .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
    }
    .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 !important;
        padding-right: 0 !important
    }
    .md-statistic {
        text-align: center !important
    }
    .md-pie-chart.type-2 {
        padding-bottom: 40px
    }
    .splitBox-holder {
        min-height: 650px
    }
    .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) {
    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
    }
    .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
    }
    footer.footer-default {
        min-width: 95% !important
    }
    .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) {
    .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: center;
        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: center
    }
    .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-account .woocommerce {
        margin-top: 100px
    }
    .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) {
    .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) {
    .layout {
        min-width: 70%
    }
    .sc-info-box {
        padding: 57px 30px !important
    }
    .hidden-tablet {
        display: none !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) 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
    }
    body:not(.compose-mode) .sectionOverlay .box_size_container, body.compose-mode.responsive-mode .sectionOverlay .box_size_container {
        width: 96% !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
    }
    body:not(.compose-mode) main:not(.retina-screen-main), body.compose-mode.responsive-mode main:not(.retina-screen-main) {
        padding-top: 0 !important
    }
    main:not(.retina-screen-main)>.content {
        display: block;
        width: 100% !important
    }
    body:not(.compose-mode) header:not(.retina-screen-header), body.compose-mode.responsive-mode header:not(.retina-screen-header) {
        display: block !important;
        height: 75px !important;
        top: 0 !important;
        position: relative !important;
        padding: 0 10px;
        float: none !important;
        width: 100% !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: block !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) .logo, body.compose-mode.responsive-mode header:not(.retina-screen-header) .logo {
        border: none !important;
        float: left !important;
        margin: auto 0 !important;
        width: auto !important;
        max-height: 100% !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) .logo img, body.compose-mode.responsive-mode header:not(.retina-screen-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: 75px
    }
    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: 75px
    }
    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
    }
    body:not(.compose-mode) header.header-light:not(.retina-screen-header)>div.color-overlay, body.compose-mode.responsive-mode header.header-light:not(.retina-screen-header)>div.color-overlay {
        background-color: #fff
    }
    body:not(.compose-mode) header.header-dark:not(.retina-screen-header)>div.color-overlay, body.compose-mode.responsive-mode header.header-dark:not(.retina-screen-header)>div.color-overlay {
        background-color: #252525
    }
    .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
    }
    main:not(.retina-screen-main) .row-image-normal.isParallax {
        background-position: center !important;
        background-attachment: local !important
    }
    .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) {
    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) {
    .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 .button {
        padding: 0 90px !important
    }
    .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
    }
}

@media(max-width :1200px) {
    .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 :1200px) {
    .navigation-mobile {
        display: none
    }
    .container {
        max-width: 100%
    }
    footer .widget-area.border .widget {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media(min-width:1281px) and (max-width:1440px) {
    header.side-classic .logo a {
        padding: 40px 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
    }
}

@media(max-width:1024px) {
    .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
    }
}

@media(min-width:1000px) and (max-width:1280px) {
    .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:300px) and (max-width:340px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 156px solid rgba(180, 40, 40, 0);
        border-top: 50px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 168px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:341px) and (max-width:359px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 180px solid rgba(180, 40, 40, 0);
        border-top: 50px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 208px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:360px) and (max-width:375px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 173px solid rgba(180, 40, 40, 0);
        border-top: 46px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 180px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:376px) and (max-width:420px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 198px solid rgba(180, 40, 40, 0);
        border-top: 50px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 217px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:421px) and (max-width:460px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 206px solid rgba(180, 40, 40, 0);
        border-top: 50px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 227px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:461px) and (max-width:500px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 229px solid rgba(180, 40, 40, 0);
        border-top: 58px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 256px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:560px) and (max-width:600px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 266px solid rgba(180, 40, 40, 0);
        border-top: 50px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 278px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:601px) and (max-width:640px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 307px solid rgba(180, 40, 40, 0);
        border-top: 52px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 306px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:641px) and (max-width:680px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 316px solid rgba(180, 40, 40, 0);
        border-top: 52px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 359px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:681px) and (max-width:699px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 323px solid rgba(180, 40, 40, 0);
        border-top: 68px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 359px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
}

@media(min-width:700px) and (max-width:768px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 369px solid rgba(180, 40, 40, 0);
        border-top: 64px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 396px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
    .process-panel-main .process-panel-main-container:first-child {
        height: 135px;
        line-height: 135px
    }
    .process-panel-main-container:first-child .process-panel-icon {
        margin-top: -8px !important
    }
}

@media(min-width:770px) and (max-width:800px) {
    body .process-panel-main-container:not(:first-child):after {
        border-left: 386px solid rgba(180, 40, 40, 0);
        border-top: 81px solid rgba(60, 192, 232, 1);
        border-bottom: 100px solid rgba(138, 247, 152, 0);
        border-right: 402px solid rgba(180, 41, 41, 0);
        bottom: inherit;
        right: 0
    }
    .process-panel-main .process-panel-main-container {
        width: 100%;
        margin-bottom: -7px
    }
    .process-panel-main .process-panel-main-container:last-child {
        height: 240px;
        padding-top: 45px
    }
}

@media(max-width:800px) and (orientation:landscape) {
    .layout-container>.bg-image {
        position: fixed;
        background-attachment: inherit !important
    }
}

@media(min-width:560px) and (max-width:800px) and (orientation:landscape) {
    .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(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
    }
}

@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) {
    .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: 10px
    }
    #notification-tabs .cart_list li {
        margin-bottom: 10px
    }
    #notification-tabs .flickity-viewport {
        min-height: 500px
    }
    #notification-tabs p.buttons .wc-forward {
        height: 40px;
        padding-top: 13px
    }
}

@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) {
    .wpb_column.vc_column_container.vc_col-has-fill.responsive-full-width.col-sm-4.hidden-mobile-l, .hidden-mobile-l {
        display: none
    }
}

.md-text-container.md-align-left.wpb_wrapper.wpb_md_text_wrapper.ui-md_text .inline-editor,
.md-text-container.md-align-left.wpb_wrapper.wpb_md_text_wrapper.ui-md_text .inline-editor div,
.md-text-container.md-align-left.wpb_wrapper.wpb_md_text_wrapper.ui-md_text .inline-editor p {
    text-align: left !important;
    font-size: 16px !important;
}
footer#footer-default-id .widget-area.classicStyle.border .widget-title{
    margin-bottom: 0 !important;
    min-height: 25px;
}