/* General for all sizes
================================================== */

    @media all and (max-width: 959px) {
        .mt_one_half,
        .mt_one_third,
        .mt_two_third,
        .mt_one_fourth,
        .mt_three_fourth,
        .mt_one_fifth,
        .mt_two_fifth,
        .mt_three_fifth,
        .mt_four_fifth,
        .mt_one_sixth,
        .mt_five_sixth,
        .mt_full_width { width: 100%; margin-right: 0;}

        .header {width: 100%; height: auto !important; padding: 10px 0;}
        .content-area,
        .mt-gallery-content {width: 100% !important;}
        .content-area.content-left,
        .mt-gallery-content.content-left,
        .content-area.content-center,
        .mt-gallery-content.content-center,
        .content-area.content-right,
        .mt-gallery-content.content-right {margin-left: 0; margin-right: 0;}
        .featured-image, .page-sidebar-content .featured-image {width: 100%; margin: 0 0 30px;}
        .header-section {position: relative;padding-top: 0;}
        .nav-search {display: none;}
        .page-title {padding-top: 0;}
        .header .logo {margin: 0 auto; float: none; display: block; text-align: center;}
        .header .logo img {margin: 0 auto;}
        .navigation-wrapper {margin: 0 auto; float: none; padding: 0 40px;}
        .navigation-wrapper .sf-menu {display: none !important;}
        .navigation-wrapper select {display: block !important; width: 100% !important;}
        .page-title,
        .single-post .post-top {top: 30px; left: 20px;}
        .with-title .content {padding-top: 120px;}
        .portfolio-navigation {right: 20px; top: -20px;}
        .section-header {margin-left: -20px;}

        .content-area.with-sidebar {width: 100%;}
        .content-area.with-sidebar .page-sidebar-content {width: 100%;float: left;}
        .content-area.with-sidebar .sidebar-right {width: 100%;margin-left: 0;float: right;}
        .content-area.with-sidebar .sidebar-left {width: 100%; margin-right: 0;float: right; }
        .sidebar .widget {margin-bottom: 0;}
        .team-member-wrap {margin-bottom: 30px;}

        .es-carousel-nav {display: none !important;}

        table.responsive-table {margin-bottom: 0;}
        .pinned {position: absolute; left: 0; top: 0; width: 35%; overflow: hidden; overflow-x: scroll;}
        .pinned table {border-right: none; border-left: none; width: 100%;}
        .pinned table th,
        .pinned table td {white-space: nowrap;}
        .pinned td:last-child {border-bottom: 0;}
        div.table-wrapper {position: relative; margin-bottom: 20px; overflow: hidden;}
        div.table-wrapper div.scrollable table {margin-left: 35%;}
        div.table-wrapper div.scrollable {overflow: scroll; overflow-y: hidden;}  
        table.responsive-table td,
        table.responsive-table th {position: relative; white-space: nowrap; overflow: hidden;}
        table.responsive-table th:first-child,
        table.responsive-table td:first-child,
        table.responsive-table.pinned td {display: none;}
    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {

        .image-showcase-wrapper .image-point {
            width: 24px;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            margin: -12px 0 0 -12px;
        }

        .features-tabs .mt-tabs ul.mt-tabs-nav li a {font-size: 1em;height: 49px;line-height: 50px;}
        .features-tabs .mt-tabs ul.mt-tabs-nav li.ui-state-active a {height: 50px;}

        .top-section-col.col1,
        .top-section-col.col2,
        .top-section-col.col3,
        .top-section-col.col4,
        .top-section-col.col5,
        .top-section-col.col6,
        .footer-col.col1,
        .footer-col.col2,
        .footer-col.col3,
        .footer-col.col4,
        .footer-col.col5,
        .footer-col.col6 {min-width: 50%;}

    }

/* Styles for #Mobile (Landscape and Portrait)
================================================== */

    @media all and (max-width: 767px) {

        #toTop {display: none !important;}
        .bx-wrapper .bx-caption {display: none;}
        .image-point-content {padding: 25px 30px 15px;}

        ul#portfolio-filters {display: block;}
        #portfolio-filters li {float: none; width: 100%;}
        #portfolio-filters a {display: block; padding: 5px 0; margin-bottom: 10px;}
        #portfolio-filters a span.post-count {padding-top: 5px; padding-bottom: 5px;}

        .mt-button,
        input.wpcf7-submit,
        #cancel-comment-reply-link,
        .reply .comment-reply-link,
        .logged-in-as a {padding: 4px 9px;height: 12px;line-height: 12px;font-size: 10px;}
        .mt-button.medium {padding: 8px 12px;height: 14px;line-height: 14px;font-size: 12px;}
        .mt-button.large {padding: 10px 14px;height: 15px;line-height: 15px;font-size: 13px;}

        .commentlist .children li {margin-left: .5em;}
        .commentlist ul.children,
        .commentlist ul.children::before {border-left: none;border-bottom: none;}

        .features-tabs .mt-tabs ul.mt-tabs-nav,
        .mt-tabs ul.mt-tabs-nav {display: block; text-align: center;}
        .mt-tabs.vertical ul.mt-tabs-nav {text-align: left;}
        .features-tabs .mt-tabs .mt-tabs-content,
        .mt-tabs .mt-tabs-content {margin-top: 0; -webkit-box-shadow: none; box-shadow: none;}
        .features-tabs .mt-tabs ul.mt-tabs-nav li,
        .mt-tabs ul.mt-tabs-nav li {float: none; margin: 0 !important;}
        .features-tabs .mt-tabs ul.mt-tabs-nav li a,
        .mt-tabs ul.mt-tabs-nav li a {font-size: 1em;height: 50px;line-height: 50px;display: block; padding: 0; margin: 0 0 -1px; border-width: 1px;}
        .features-tabs .mt-tabs ul.mt-tabs-nav li.ui-state-active a,
        .mt-tabs ul.mt-tabs-nav li.ui-state-active a {height: 50px; margin: 0;}

        .top-section-col.col1,
        .top-section-col.col2,
        .top-section-col.col3,
        .top-section-col.col4,
        .top-section-col.col5,
        .top-section-col.col6,
        .footer-col.col1,
        .footer-col.col2,
        .footer-col.col3,
        .footer-col.col4,
        .footer-col.col5,
        .footer-col.col6 {width: 100% !important;}

    }

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {

        .image-showcase-wrapper .image-point {
            width: 20px;
            height: 20px;
            line-height: 20px;
            font-size: 10px;
            margin: -10px 0 0 -10px;
        }       

    }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

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

        .image-showcase-wrapper .image-point {
            width: 14px;
            height: 14px;
            line-height: 14px;
            font-size: 8px;
            margin: -7px 0 0 -7px;
        }

    }