
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
/* iPhone 5 Portrait*/
@media (max-width : 380px) {
    /** Search Page **/
    .search-results main .search-result .search-item.search-item {
        width: calc( 100% - 25px )!important;
    }

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

}

/* Custom, iPhone Retina (480px and below) */
@media (max-width : 480px) {
    /* style for music player */
    button.jp-play .play-pause{
        position: relative;
    }
    .jp-play .icon.icon-play {
        position: absolute;
        top: 21px;
        left: 20px;
    }
    /*hide play button*/
    *::-webkit-media-controls-panel {
        display: none!important;
        -webkit-appearance: none;
    }

    /* Old shadow dom for play button */
    *::--webkit-media-controls-play-button {
        display: none!important;
        -webkit-appearance: none;
    }

    /* New shadow dom for play button */
    /* This one works */
    *::-webkit-media-controls-start-playback-button {
        display: none!important;
        -webkit-appearance: none;
    }

    /* style for subscribe form - fix to cener */
    .business-subscribe.md-align-left .subscribe-content,
    .business-subscribe.md-align-right .subscribe-content{
        text-align: center;
    }

    /* style for video play icon - set all to center in mobile size */
    .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;
    }
    /* body{
        overflow-y: scroll;
         height: 100%;
     }*/
    .layout-container>.bg-image {
        position: fixed;
        background-attachment: inherit !important;
    }
    .responsive-no-padding-top{
        padding-top: 0px !important;
    }
    .responsive-normal-padding {
        padding-top: 30% !important;
    }
    .responsive-no-padding-bottom{
        padding-bottom: 0px !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: 0.5em;
        margin-top: 0.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 */
    .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%;
    }

    /** Mobile Navigation **/
    .navigation-mobile {
        padding: 0 20px 30px;
    }

    /*Headers Tag */
    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 ;}

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

    /** Header **/
    header{
        height: 70px;
    }

    /** Iconboxes Shortcode **/
    .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%;
    }
    /** ProductCompare Shortcode **/
    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 **/
    .imagebox-full .title {
        font-size: 30px;
    }

    /** Tablet Slider Shortcode **/
    .tablet-slider .flex-control-nav{
        text-align: left;
    }

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

    /** portfolio Details **/
    .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 **/
    .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;
    }


    /** Blog Single Page **/

    .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 Page Without Side Bar */
    .blog .loop-post-content .post-title{font-size: 34px;line-height: 1.5em;}

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

    /** Portfolio Detail **/
    .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: none;}
    .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 Columns   *******/

    /** Product Single Page **/
    .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;}

    /* 4 columns */
    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;
    }

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

    /** Product Category Shortcode**/
    div.product-categories .category{
        width: 100% !important;
    }

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

    /** Shop Pages **/
    .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 Page **/
    .search-results main .search-result .search-item {
        width: calc( 100% / 2 - 25px ) !important;
    }


    /** Empty Shoping Cart Page */
    .empty-cart-container{
        width: 95%;
        margin:65px auto 75px auto;
    }

    /*** button ***/
    .shortcode-btn{ float: none !important;}

    /***** icon-box side 2 *****/
    .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;
    }


        /*** Text Shortcode ***/
    .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 **/
    .modern-subscribe{
        width:95% !important;
    }
    .modern-subscribe .subscribe-content{
        padding: 70px 45px !important;
    }

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

    /* pixflow slider */

    .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-bottom: 100px solid rgba(138, 247, 152, 0); */
        border-right: 170px solid rgba(180, 41, 41, 0);
    }


    /* PRICE BOX */
    .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;
    }


    /* Process Panel */
    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;
    }


}

/* Extra Small Devices, Phones (481px to 767px) */
@media (min-width : 481px) and (max-width: 767px) {


    /*Headers Tag */
    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;}

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

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

    /** showcase **/
    .showcase{
        transform: scale(.35)
    }


    /** Blog Single Page **/

    .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 Page Without Side bar */
    .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;
    }

    /** Product Single Page **/
    .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;}

    /** related products **/
    .single-product .related.products .product {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }
    /** Empty Shoping Cart Page */
    .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 */
    .process-panel-main .process-panel-main-container{
        width:100%;
    }

    /* Count Down */
    .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;
    }


    /* pixflow slider */

    .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;
    }


    /* PRICE BOX */
    .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;}

    /*team carousel*/
     .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%;
     }
}

/** All Small Devices Except Portrait Tablet **/
@media (max-width: 1270px) {
    /*live text responsive*/


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

    /* Process Panle */
    body .process-panel-main-container h1.title {
        font-size: 18px;
    }

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

    /** Footer **/
    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;
    }

    /** tab styles **/
    .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 sections **/
    footer .widget-area.classicStyle {
        padding: 20px;
    }

    /** image box slider **/
    .img-box-slider .slides {
        max-height: 260px !important
    }

    .img-box-slider ul,
    .img-box-slider ul > li {
        max-height: 500px;
    }

    /** instagram shortcode **/
    .instagram .statistic .item {
        padding: 0 10px;
    }

    /** tablet slider **/
    .flexslider-controls {
        display: inline-block;
    }

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

    /** remove row padding **/
    .vc_column_container > .vc_column-inner.vc_column-inner.vc_column-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /** tab horizontal **/
    .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 **/
    .testimonial-classic.testimonial-classic-left {
        margin: 0 auto;
        text-align: center;
    }

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

    /** text shortcode **/
    div[class*='md_text_style'] {
        text-align: center !important;
        justify-content: center !important;
    }

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

    /** single related posts **/
    .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  Detail**/
    .portfolio-nav {
        display: none;
    }

    /** woocommerce **/
    .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 Shortcode **/
    .client-normal {
        margin-bottom: 5px;
        max-height: 350px;
    }

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

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

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

    /* Product Category Items */
    div.product-categories .category {
        margin-bottom: 10px;
    }

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

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

    /** button shortcode **/
    .shortcode-btn {
        float: none !important;
        max-width: 100%;
    }

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

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

    /* centering icon */
    .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 */
    .business-subscribe-email-input {
        width: 40%;
        height: 55px;
    }

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

    /* Price Box */
    .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;
    }

    /*** Icon box new alignment ***/
    .iconbox-new.md-align-left,
    .iconbox-new.md-align-right {
        text-align: center;
    }

    .team-member-modern .description {

        padding: 0px 10%;

    }
    /* woocommerce myaccount page */
    .woocommerce-account.logged-in .woocommerce .left-col, .woocommerce-account .woocommerce-MyAccount-navigation{
        width:100%;
        border-right : none;
        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){

    /* remove styles of equal height */
    .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){

    /* remove styles of equal height */
    .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;
    }

}

/* All Mobile And Small Devices(800px and below) */
@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;
    }

    /* style for video play icon - set all to center in tablet size */
    .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%;
    }

    /** General Styles **/
    .sc-separator.md-align-left{
        margin-left: auto;
    }


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

    /* style for image background when should set to left or right */
    .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;
        /*because of some demos like health-care in iphone*/
        z-index: 0;
    }

    .row-image-fixed.isParallax:after{
        /*because of some demos like fashion-photography parallax page  in iphone*/
        background-attachment: initial;
    }

    /** Button Shortcode **/
    .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 Shortcode **/
    .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;
    }
    /** image box slider **/
    .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;
    }

    /** icon box **/
    .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;
    }


    /** Contact Forms **/
    .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%;
    }
    /** Tab Shortcode **/
    .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;
    }

    /** Tablet Slider Shortcode **/
    .flex-direction-nav {
        display: none;
    }

    /** portfolio Detail **/
    .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 **/
    .video-overlay .close {
        right: 0;
        top: 0;
    }

    /** Portfolio Shortcode **/
    .portfolio .heading .title,
    .portfolio .heading .filter{
        float: none;
    }

    /** Single Post **/
    .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 0.5% 4.6% 0;
    }

    /** Skill Shortcode **/
    .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 Shortcode **/
    .client-normal{
        background-position: center!important;
        background-size: cover!important;
    }

    /** Blog Calendar **/
    .calendar-blog .blog-title,.calendar-blog .blog-cat{
        text-align: left;
    }

    /* Blog Page Without Side Bar */

    .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 **/
    .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;
    }

    /** Subscribe Form **/


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

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

    /** Instagram Shortcode **/
    .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 Step **/
    .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;
    }

    /** Product Single Page **/
    .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;
    }

    /** Shop Page **/
    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;
    }

    /** Music **/
    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 Shortcode **/
    .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;
        /* width: 124px;*/
    }
    /** Product Category Shortcode**/
    div.product-categories .category{
        min-width: 50%;
        max-height: 250px;
    }

    /** Cart Page **/
    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: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
    }
    .layout .woocommerce table.shop_table tr td:before{
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        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(2):before { content: "Price:"; }*/
    .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;
    }

    /** side bar of checkout page **/

    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:none;
        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;
    }

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

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

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

    /* teammember carousel */
    .wrap-teammember-style2 .teammember-hover p{
        padding-top: 35px;
    }
    .col-sm-12 .wrap-teammember-style2 .slick-slider{
        max-width: 768px;
    }

    /** Imagebox Full-width **/
    .imagebox-full .title, .imagebox-full .description{
        max-width: inherit;
    }

    /** Counter **/
    .md-counter .text{
        text-align: center;
    }

    /** Countbox **/
    .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 {
        /*width: 130px;
        height: auto;*/
    }
    .widget.widget-md-recent-portfolio .item-list .item a{ display: block; }
    .widget.widget-md-recent-portfolio .item-list .item img{ width: 100%   }

    /** Portfolio Detail **/
    .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 **/
    .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 .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 **/
    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;
    }

    /*
    Used triple .vc_column-inner to increase priority!
    */
    .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;
    }


    /************split Box **********/
    .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 */
    /* change play btn position to center in tablet portrait */
    .play-btn{
        margin: 0 auto;
    }

    .single-portfolio .attribute.no-icon .left{
        float: none;
    }
    .portfolio-split .attribute.no-icon .title{
        text-align: center;
    }

    /* business subscribe */
    .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%;
    }

}

/* For Apple iPad */
@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 Shoping Cart Page */
    .empty-cart-container{

        margin:90px auto 55px auto;
    }

    /** hor tab **/
    .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 **/
    header.top-modern .first-part{
        border-right-color : transparent !important;
    }

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

    /************split Box **********/
    .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;
    }

    /* PRICE BOX */
    .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;
    }
}

/* For Apple Ipad Portrate*/

/* Small Devices, Tablets (768px to 991px) */
@media (min-width : 768px) and (max-width: 991px) {

    /** showcase **/
    .showcase{
        transform: scale(.65)
    }

    /** Single Post **/
    .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 Page Without Sidebar */

    .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%;
    }

    /** Product Single Page **/
    .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;}

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

    /** widgets **/
    /*.sidebar .widget,*/
    .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 Page **/
    .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%;
    }

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

    /** Blog Carousel **/

    .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;
    }

    /* PRICE BOX */
    .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 */
    .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 */
    .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: 0px 0px 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;
    }

    /* pixflow slider */

    .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%;}


}
/* General Styles for 1280 pixel and below */
@media (max-width: 1280px){

    /* layout styles */
    .layout{
        min-width: 70%;
    }

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

    /** General Styles **/

    .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 logo */
    header.top .logo img{
        padding-left: 15px;
        padding-top: 15px;
    }

    /* btn - add to cart - */
    .single-product .summary .button{
        width: 100%;
    }

    /** portfolio Detail **/
    .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;
    }

    /*main.retina-screen-main .sectionOverlay .box_size_container,*/ /* commented because of http://demo.massivedynamic.co/store-modern-fashion/*/
    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;
    }
    /** Header Styles **/
    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: none;
    }

    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;
    }

    /** Header color styles **/
    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;
    }

    /** Tab Shortcode **/
    .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;
    }

    /** Parallax Fix **/
    main:not(.retina-screen-main) .row-image-normal.isParallax{
        background-position: center!important;
        background-attachment : local !important;
    }

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

    /** Contact Info Widget **/
    footer .widget-contact-info-content{
        min-width: inherit;
        background-size: contain!important;
    }

    /** Footer Styles **/
    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;
    }
    /*Removing Footer Parallax in Responsive view*/
    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;
        /*bottom: auto;*/
        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 **/
    .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;
    }

    /** Tab Height **/
    .md_modernTab.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab{
        height: auto!important;
    }

    /*Music shortcode*/
    .music-sc{
        transform: translateX(0);
    }
    .music-sc .music-main-container{
        margin-left:0;
    }

    /* image box Fancy */
    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 .double-slider-container h3.double-slider-title{
        font-size: 30px;
    }

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

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

    /* Info Box */
    /*.sc-info-box .title{ max-width: 150px;}*/
    .md-text-container .md-text .md-text-title {outline: 5px solid transparent;}

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

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

    /* Notification Center */
    .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;
    }


}

/* All Mobile And Small Devices(Below 991px (SM & XS in bootstrap)) */
@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;
    }
    /** Button Shortcode **/
    .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 */
    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: none;
    }

    footer.footer-default .footer-widgets .widget-area.classicStyle div[class*="col-"],
        /*footer.footer-default .footer-widgets .widget-area.classicStyle div[class*="col-"]:first-child{ padding: 30px 50px;}*/

    .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 Shortcode **/
    .portfolio .filter li a{
        font-size: 16px;
    }

    /** Client Shortcode **/
    .client-normal .content .holder .title{
        line-height: 1.1em;
    }


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

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


    /** Info Box **/
    .sc-info-box {padding: 45px 50px 45px 35px;}

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

    /** Products Shortcode **/
    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 **/
    .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;
    }

}

/* Medium Devices, Desktops  (992px to 1199px) */
@media (min-width : 992px) and (max-width: 1199px) {
    /** Portfolio Shortcode **/
    .portfolio.inside .md-post-like{
        bottom: auto;
        top: 20px;
    }

    /** Single Post **/
    .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 Shortcode **/
    .client-normal .content .holder .title {
        font-size: 19px;
        line-height: 1.1em;
    }
    /** showcase **/
    .showcase{
        transform: scale(.65)
    }

    /** Blog Page **/

    .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 Detail **/
    .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;}

    /** Product Single **/

    .woocommerce.woocommerce-page.single-product #reviews{width: 100%;}
    .woocommerce.woocommerce-page.single-product .summary .button{padding:0 80px !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 Shortcode **/
    .products .product .thumb-image{
        max-height: 250px;
    }

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


    /* Process Panel */

    .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;
    }

}
/* All Small Devices and Small Screens (1200px and below)*/
@media (max-width : 1200px) {
    /** General Style **/
    body:not(.pixflow-customizer) .layout{
        width: 100%!important;
    }
}
@media (max-width : 1200px) {

    /** Call To Action Shortcode **/
    .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 Shortcode **/
    .tablet-slider .flex-control-nav li{
        font-size: 14px;
    }

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

    /** Portfolio Detail **/
    .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 **/
    .list-shortcode ul li{
        font-size: 12px;
        text-align: left;
    }

    /** blog calendar **/
    .calendar-blog{ background-image: none !important;}
    .calendar-blog .image{opacity: 1;}


    /** contact form **/
    body .contact-form{
        width: auto;
    }
    body .contact-form .form-input textarea{
        max-height: 200px;
    }

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

    /* split Box */
    .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;
    }


    /** blog calendar **/
    .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;}
}

/* Large Devices, Wide Screens (1200px and above)*/
@media (min-width : 1200px) {
    .navigation-mobile{
        display: none;
    }
    .container {
        max-width: 100%;
    }
    footer .widget-area.border .widget{
        padding-left: 19px;
        padding-right: 19px;
    }


}

/* Laptop Screen */
@media (min-width: 1281px) and (max-width: 1440px){
    /** Classic Left Header **/
    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 **/
    .notification-center .header{
        margin-bottom: 10px;
    }

    /* .shortcode-btn */
    .shortcode-btn{
        padding: 15px;
    }

    #notification-tabs p.total, #notification-tabs p.total .amount{
        margin-top: 15px;
    }
    .notification-center .notification-collapse{
        bottom: 50px;
    }

    /** Tab Shortcode **/
    .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 i{
         display: none;
     }*/

    .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;
    }

    /** Contact Info Widget **/
    footer .widget-contact-info-content{
        min-width: inherit;
        background-size: contain!important;
    }

    footer .dark .widget,
    footer .light .widget{
        margin-bottom: 15px;
    }

    /** Portfolio Shortcode **/
    .portfolio.inside .thumbnail-small .md-post-like{
        left: 25px;
    }

    .portfolio.outside .item-image{
        padding-right: 1px;
        background-clip: content-box;
    }

    /** Portfolio Detail **/
    .portfolio-split .box_size { width: 75%; }

    /* notification center*/
    #notification-tabs .pager{
        margin-bottom: 45px;
    }

    #notification-tabs .tab-container{
        width:100%;
    }

    .notification-center .portfolio-item{
        margin-top: 25px;
        margin-bottom: 25px;
    }

    /** Blog Masonry **/
    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;
    }

    /** Blog Detail **/
    .recent-post .single_related{
        width: calc(100% / 3 - 30px);
    }

    .recent-post .recent-image{
        width: auto;
        height: auto;
    }

    /** Video Shortcode **/
    div:not('.portfolio-full,.portfolio-split,.portfolio-carousel') .video > div:first-child{
        transform: scale(0.9);
    }

    .portfolio-full #video_player{
        height: 110%;
    }

    /** Team Member Classic **/
    div[class^='teamMemberClassic'] .title,div[class*=' teamMemberClassic'].title,
    div[class^='teamMemberClassic'] .subtitle,div[class*=' teamMemberClassic'].subtitle{
        line-height: 22px;
    }

    /** Footer Widget Area **/
    footer div.widget-area{
        height: auto;
    }
    footer .widget-area.classicStyle{
        padding: 20px 60px;
    }

    /** imagebox fancy **/
    .img-box-fancy .image-box-fancy-desc{
        padding: 25px 30px;
    }

    /* split Box */
    .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 .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;
    }

    /************Statistic*****************/
    .md-statistic .counter .timer,
    .md-statistic .statistic-symbol{
        font-size: 45px;
    }

    /************ Business Subscribe *********/
    .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;

    }
}
/* This Section is for Shortcodes that require more specific width media queries like process panel */
@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: 0px 0px 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 0px 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;
    }
}


/* style for responsive visibility */
/* Laptop */
@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;
    }
}

/* Tablet */
@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;
    }
}

/* Mobile */
@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;
    }
}