@media only screen and (max-width: 768px) {
    .tabs-vertical .tabs-container {
        width: 100%;
    }
    .columns .col {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .evolve-container .columns {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .evolve-container .columns .col {
        float: left;
    }
    .evolve-container .col img {
        display: block;
        margin: 0 auto;
    }
    .review {
        float: none;
        width: 100%;
    }
    .footer-area .columns .col,
    #slidingbar-area .columns .col {
        float: left;
        width: 98%;
        padding: 0 0 20px 0;
    }    
    .copyright {
        float: none;
        padding: 0 0 15px;
        text-align: center;
    }
    .author .author_social .custom_msg {
        float: none;
        text-align: center;
        max-width: 100%;
    }
   
    .copyright:after{
        content: "";
        display: block;
        clear: both;
    }    
    .copyright li {
        float: none;
        display: inline-block;
    }
    .continue {
        display: none;
    }    
    .page-title {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 18px;
    }    
    .page-title h1 {
        float: none;
    }
    .page-title ul {
        float: none;
        text-align: center;
        padding-top: 0;
        line-height: 11px;
    }    
    #header {
        padding: 20px;
    }
    #header .logo {
        float: none;
        text-align: center;
        margin: 0;
        margin-bottom: 20px;
    }
    body #header.sticky-header .logo {
        float: left;
    }
    #header .nav-holder {
        float: none;
    }
    .nav-holder ul,
    .top-menu .menu {
        display: none;
    }
    .mobile-nav-holder,
    .mobile-topnav-holder {
        display: block;
    }
    .nav-holder .dd-container,
    .top-menu .dd-container {
        display: block;
        width: 100%;
    }
    .top-menu .dd-container {
        width: 50%;
        margin: 0 auto;
    }
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth {
        width: 100%;
        margin-bottom: 20px;
        float: none;
        margin-right: 0;
        text-align: center;
    }
    .one_half > div,
    .one_third > div,
    .two_third > div,
    .three_fourth > div,
    .one_fourth > div {
        margin-bottom: 0;
    }
    .title {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #content {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }
    #sidebar {
        width: 100%;
        float: none;
    }
    #sidebar .social_links .social li {
        width: auto;
        margin-right: 5px;
    }
    #comment-input {
        margin-bottom: 0;
    }
    #comment-input input {
        width: 90%;
        float: none;
        margin-bottom: 10px;
    }
    #comment-textarea textarea {
        width: 90%;
    }
    .pagination {
        margin-top: 40px;
    }    
    h5.toggle span.toggle-title {
        width: 80%;
    }    
    .page-title h1 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .page-title-captions,
    .page-title h1,
    .page-title ul {
        float: none;
        line-height: normal;
        width: 100%;
    }
    .share-box {
        height: auto;
    }
    #wrapper .share-box h4 {
        float: none;
        line-height: 20px;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .share-box ul {
        float: none;
        overflow: hidden;
        padding: 0 25px;
        padding-bottom: 25px;
        margin-top: 0px;
    }
    .project-content .project-description {
        margin-bottom: 50px;
        float: none;
    }
    .project-content .project-description,
    .project-content .project-info {
        width: 100%;
    }    
    #style_selector {
        display: none;
    }    
    .faq-tabs {
        height: auto;
        border-bottom: 0;
    }    
    .faq-tabs li {
        float: none;
        margin-right: 0;
    }
    .post-content .rev_slider_wrapper {
        margin-left: -5px;
    }
    body .rev_slider_wrapper .tparrows,
    body .rev_slider_wrapper:hover .tparrows {
        display: none;
    }
    .ls-evolve .ls-nav-prev,
    .ls-evolve .ls-nav-next {
        display: none;
    }
    nav#nav,
    nav#sticky-nav {
        margin-right: 0;
    }    
    .rev_slider .button,
    .ls-layer .button {
        min-height: 0;
        padding-left: 20px;
        padding-right: 20px;
        height: 30px;
        line-height: 30px;
    }
    .tab-holder .tabs {
        height: auto;
        width: 100%;
    }
    #wrapper .page-title-container {
        height: auto;
        max-height: 87px;
        padding-bottom: 20px;
    }
    .error_page .useful_links {
        width: 100%;
        padding-left: 0;
    }
    #gmap {
        width: 100%;
        margin-bottom: 20px;
    }    
    #wrapper .top-menu .dd-container .dd-select,
    .woocommerce-menu .dd-select{
        width: auto!important;
        display: inline-block;
    }
    .woocommerce-menu .dd-container {
        text-align: center;
    }
    .header .woocommerce-menu li {
        margin-bottom: 0;
    }
    #wrapper .mean-container .mean-nav ul li a{
        line-height: 1;
    }
    .menu-header #search-text-box{
        
    }
    .dd-option label{
        margin-bottom: 0;
    }

    #wrapper .ei-slider {
        width: 100%;
    }
    .t4ps-slider .slides {
        width: auto;
    }
    #wrapper .ei-slider {
        height: 200px;
    }    
    .large-alternate .post-content {
        width: 100%;
        margin-top: 10px;
    }
    .medium-alternate .date-and-formats {
        float: none;
        margin-bottom: 20px;
    }
    .medium-alternate .flexslider {
        float: none;
    }
    .medium-alternate .post-content {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .content-boxes-icon-boxed .col {
        height: auto;
        padding-bottom: 20px;
    }
    .content-boxes-icon-on-top .col,
    .content-boxes-icon-boxed .col {
        margin-bottom: 55px;
    }
    .counter-circle-wrapper {
        margin-bottom: 20px;
    }
    .popup {
        display: none;
    }
    .catalog-ordering > ul,
    .catalog-ordering .order {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .catalog-ordering {
        margin-bottom: 50px;
    }
    .catalog-ordering .order {
        width: 33px;
    }
    .catalog-ordering > ul,
    .catalog-ordering .order {
        margin-bottom: 10px;
    }
    .order-dropdown > li:hover > ul {
        display: block;
        position: relative;
        top: 0;
    }
    .orderby-order-container {
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 10px;
        display: block;
    }
    .sort-count.order-dropdown {
        width: 202px;
    }
    .sort-count.order-dropdown ul a {
        width: 200px;
    }
    .catalog-ordering .order {
        margin-bottom: 0;
        display: inline-block;
    }
    .product .images,
    .product .summary.entry-summary,
    .woocommerce-tabs .tabs,
    .woocommerce-tabs .panel,
    .woocommerce-side-nav,
    .woocommerce-content-box,
    .shipping-coupon,
    .cart-totals-buttons,
    #customer_login .col-1,
    #customer_login .col-2,
    .woocommerce form.checkout #customer_details .col-1,
    .woocommerce form.checkout #customer_details .col-2 {
        float: none;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .woocommerce-side-nav {
        margin-bottom: 25px;
    }
    .woocommerce-container .social-share {
        display: block;
        float: none;
        text-align: center;
    }
    .woocommerce-container .social-share li {
        display: inline-block;
        margin: 0 auto;
        border-right: 0;
        border-left: 0;
    }
    .myaccount_user_container span {
        width: 100%;
        float: none;
        display: block;
        padding: 10px 0px;
        border-right: 0;
    }
    .shop_table .product-thumbnail img,
    .shop_table .product-thumbnail .product-info,
    .shop_table .product-thumbnail .product-info p {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .shop_table .product-thumbnail {
        padding: 10px 0px;
    }
    .product .images {
        margin-bottom: 30px;
    }
    .coupon .input-text {
        width: 100%;
    }
    .coupon .button {
        margin-top: 20px;
    }
    #customer_login_box .button {
        float: left;
        margin-bottom: 15px;
    }
    #customer_login_box .remember-box {
        clear: both;
        display: block;
        padding: 0;
        width: 125px;
        float: left;
    }
    #customer_login_box .lost_password {
        float: left;
    }
    .woocommerce .checkout_coupon .promo-code-heading {
        display: block;
        margin-bottom: 10px;
        float: none;
        text-align: center;
    }
    .woocommerce .checkout_coupon .coupon-contents {
        display: block;
        float: none;
        margin: 0;
    }
    .woocommerce .checkout_coupon .coupon-input {
        display: block;
        width: auto;
        float: none;
        text-align: center;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .woocommerce .checkout_coupon .coupon-button {
        display: block;
        margin-right: 0;
        float: none;
        text-align: center;
    }
    body #small-nav {
        visibility: visible;
    }
    .gform_wrapper .ginput_complex .ginput_left,
    .gform_wrapper .ginput_complex .ginput_right,
    .wpcf7-form .wpcf7-text,
    .wpcf7-form .wpcf7-quiz,
    .wpcf7-form .wpcf7-number,
    .gform_wrapper .gfield input[type=text],
    .wpcf7-form textarea,
    .gform_wrapper .gfield textarea {
        float: none;
        width: 100%;
        box-sizing: border-box;
    }
    .product .images #slider .flex-direction-nav,
    .product .images #carousel .flex-direction-nav {
        display: none;
    }
    .myaccount_user_container span.msg,
    .myaccount_user_container span:last-child {
        padding-left: 0;
        padding-right: 0;
    }
    #nav-uber #megaMenu {
        width: 100%;
    }
    #wrapper .page-title-container {
        max-height: inherit;
    }    
    #reviews li .avatar {
        width: calc(20% - 20px);
    }
    #reviews li .comment-text {
        width: calc(81% - 20px);
    }
}

@media screen and (max-width: 782px) {
    body.admin-bar #wrapper #slidingbar-area,
    .admin-bar p.demo_store,
    body.admin-bar #header.sticky-header {
        top: 46px;
    }
    body.body_blank.admin-bar {
        top: 45px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) {
    #wrapper {
        width: auto;
        overflow-x: hidden;
    }
    #main {
        padding-bottom: 50px;
    }
    .columns .col {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .evolve-container .columns {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .evolve-container .columns .col {
        float: left;
    }
    .evolve-container .col img {
        display: block;
        margin: 0 auto;
    }
    .review {
        float: none;
        width: 100%;
    }
    .footer-area .columns .col,
    #slidingbar-area .columns .col {
        float: left;
        width: 98%;
        padding: 0 2% 20px 0;
    }    
    .copyright {
        float: none;
        padding: 0 0 15px;
        text-align: center;
    }
    .copyright:after{
        content: "";
        display: block;
        clear: both;
    }    
    .copyright li {
        float: none;
        display: inline-block;
    }
    .continue {
        display: none;
    }   
    .page-title {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 18px;
    }    
    .page-title h1 {
        float: none;
    }
    .page-title ul {
        float: none;
        text-align: center;
        padding-top: 0;
        line-height: 11px;
    }
    #header {
        padding: 20px;
    }
    #header .logo {
        float: none;
        text-align: center;
        margin: 0;
        margin-bottom: 20px;
    }
    body #header.sticky-header .logo {
        float: left;
    }
    #header .nav-holder {
        float: none;
    }
    .nav-holder ul,
    .top-menu .menu {
        display: none;
    }
    .mobile-nav-holder,
    .mobile-topnav-holder {
        display: block;
    }
    .nav-holder .dd-container,
    .top-menu .dd-container {
        display: block;
        width: 100%;
    }
    .one_half,
    .one_third,
    .two_third,
    .three_fourth,
    .one_fourth {
        width: 100%;
        margin-bottom: 20px;
    }
    .one_half > div,
    .one_third > div,
    .two_third > div,
    .three_fourth > div,
    .one_fourth > div {
        margin-bottom: 0;
    }
    .title {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #content {
        width: 100%;
        float: none;
        margin-bottom: 50px;
    }
    #sidebar {
        width: 100%;
        float: none;
    }
    #sidebar .social_links .social li {
        width: auto;
        margin-right: 5px;
    }
    #comment-input {
        margin-bottom: 0;
    }
    #comment-input input {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }
    #comment-textarea textarea {
        width: 100%;
    }
    .pagination {
        margin-top: 40px;
    }    
    h5.toggle span.toggle-title {
        width: 80%;
    }    
    .page-title h1 {
        margin-top: 0;
        margin-bottom: 5px;
    }
    .page-title h1,
    .page-title ul {
        float: none;
        line-height: normal;
        width: 100%;
    }    
    .project-content .project-description {
        margin-bottom: 50px;
        float: none;
    }
    .project-content .project-description,
    .project-content .project-info {
        width: 100%;
    }    
    #style_selector {
        display: none;
    }    
    .faq-tabs {
        height: auto;
        border-bottom: 0;
    }    
    .faq-tabs li {
        float: none;
        margin-right: 0;
    }
    .post-content .rev_slider_wrapper {
        margin-left: -5px;
    }
    body .rev_slider_wrapper .tparrows,
    body .rev_slider_wrapper:hover .tparrows {
        display: none;
    }
    .ls-evolve .ls-nav-prev,
    .ls-evolve .ls-nav-next {
        display: none;
    }
    nav#nav,
    nav#sticky-nav {
        margin-right: 0;
    }    
    .footer-area .flickr_badge_image img,
    #slidingbar-area .flickr_badge_image img {
        max-width: 64px;
        padding: 3px;
    }
    .rev_slider .button,
    .ls-layer .button {
        min-height: 0;
        padding-left: 20px;
        padding-right: 20px;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
    }
    .tab-holder .tabs {
        height: auto;
        width: 100%;
    }
    .error_page .useful_links {
        width: 100%;
        padding-left: 0;
    }
    #gmap {
        width: 100%;
        margin-bottom: 20px;
    }
    #wrapper .ei-slider {
        width: 100%;
    }
    .t4ps-slider .slides {
        width: auto;
    }
    #wrapper .ei-slider {
        height: 200px;
    }    
    .content-boxes-icon-boxed .col {
        height: auto;
        padding-bottom: 20px;
        padding-left: 3%;
        padding-right: 3%;
    }
    .content-boxes-icon-on-top .col,
    .content-boxes-icon-boxed .col {
        margin-bottom: 55px;
    }
    body #small-nav {
        visibility: visible;
    }
}

@media only screen and (max-width: 640px) {
    #header .logo {
        float: none;
        margin: 20px auto;
    }
    body #header.sticky-header .logo {
        float: left;
    }
    .evolve-container .columns .col,
    .footer-area .columns .col,
    #slidingbar-area .columns .col {
        float: none;
        width: 100%;
    }
    .review blockquote cite strong,
    .copyright li {}
    .wooslider-direction-nav,
    .wooslider-pauseplay,
    .flex-direction-nav {
        display: none;
    }
    .blog-medium-image {
        width: auto;
        height: auto;
        float: none;
        margin-bottom: 20px;
    }
    .post .meta-info {
        height: auto;
    }
    .post .meta-info > div {
        display: block;
        float: none;
        margin: 0;
        line-height: 2em;
        width: 100%;
    }
    .post .meta-info .alignleft {
        margin-top: 5px;
    }
    .post .meta-info .alignright {
        margin-bottom: 5px;
    }
    .buttons a {
        margin-right: 5px;
    }    
    .post-content .rev_slider_wrapper {
        margin-left: -5px;
    }
    body .rev_slider_wrapper .tparrows,
    body .rev_slider_wrapper:hover .tparrows {
        display: none;
    }
    .ls-evolve .ls-nav-prev,
    .ls-evolve .ls-nav-next {
        display: none;
    }
    .rev_slider .button,
    .ls-layer .button {
        min-height: 0;
        padding-left: 10px;
        padding-right: 10px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
    }
    #wrapper .ei-slider {
        width: 100%;
    }
    .t4ps-slider .slides {
        width: auto;
    }
    #wrapper .ei-slider {
        height: 200px;
    }
    .grid-layout .post,
    .timeline-layout .post {
        width: 99%;
        float: none;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
    .grid-layout {
        height: auto;
    }
    .timeline-layout {
        background-image: none;
        width: auto;
    }
    .timeline-circle,
    .timeline-arrow {
        display: none;
    }
    .large-alternate .date-and-formats {
        margin-right: 10px;
    }
    .large-alternate .post-content {
        float: none;
    }
    .grid-layout .meta-info .alignleft,
    .timeline-layout .meta-info .alignleft {
        float: left;
    }
    .grid-layout .meta-info .alignright,
    .timeline-layout .meta-info .alignright {
        float: right;
    }
    #main,    
    .footer-area,
    #footer,
    #slidingbar {
        padding-left: 12px;
        padding-right: 12px;
    }
    /*.title h1,.title h2,.title h3,.title h4,.title h5,.title h6{white-space:normal ;}
    .title .title-sep-container{width:20%;}*/
    .content-boxes-icon-boxed .col {
        height: auto;
        padding-bottom: 20px;
        padding-left: 3%;
        padding-right: 3%;
    }
    .content-boxes-icon-on-top .col,
    .content-boxes-icon-boxed .col {
        margin-bottom: 55px;
    }
    .content-boxes-icon-boxed .col .heading h2 {
        margin-top: -5px;
    }
    .content-boxes-icon-boxed .col .more {
        margin-top: 12px;
    }
    .page-template-contact-php #gmap {
        height: 270px;
    }
    .timeline-icon {
        display: none;
    }
    .timeline-layout {
        padding-top: 0;
    }
    .post-content .wooslider .wooslider-control-thumbs {
        margin-top: -10px;
    }
    body .wooslider .overlay-full.layout-text-left .slide-excerpt {
        padding: 20px;
    }
    .content-boxes-icon-boxed .col {
        box-sizing: border-box;
    }
    .table-1 {
        display: block;
        overflow-x: auto;
    }
    .table-1 table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%
    }
    .table-1 td,
    .table-1 th {
        white-space: nowrap;
    }
    .table-2 {
        display: block;
        overflow-x: auto;
    }
    .table-2 table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%
    }
    .table-2 td,
    .table-2 th {
        white-space: nowrap;
    }
    .shop_table .product-quantity {
        display: none;
    }
    .my_account_orders .order-status {
        display: none;
    }
    .my_account_orders .order-date {
        display: none;
    }
    .my_account_orders .order-number time {
        display: block;
        font-size: 10px;
        line-height: normal;
    }
    body #small-nav {
        visibility: visible;
    }    
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar img.avatar {
        width: 80px;
        height: 80px;
    }
    #bbpress-forums #bbp-single-user-details #bbp-user-avatar {
        width: 80px;
    }
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation {
        margin-left: 110px;
    }
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation .first-col {
        width: 47%;
    }
    #bbpress-forums #bbp-single-user-details #bbp-user-navigation .second-col {
        margin-left: 53%;
        width: 47%;
    }    
}

@media only screen and (max-width: 480px) {
    #bbpress-forums .bbp-body div.bbp-reply-author {
        width: 71%;
    }
    .bbp-arrow {
        display: none;
    }
    div.bbp-submit-wrapper {
        float: right;
    }
    #bbpress-forums #bbp-search-form #bbp_search {
        font-size: 13px;
        padding: 8px 2%;
        width: -moz-calc(96% - 40px);
        width: -moz-calc(96% - 40px);
        width: -moz-calc(96% - 40px);
        width: -moz-calc(96% - 40px);
        width: calc(96% - 40px);
    }
    div.bbp-search-form input[type="submit"] {
        padding: 0;
        font-size: 17px;
    }
    .products li {
        width: 225px;
    }
    .products li,
    .has-sidebar .products li {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 505px) {  
    #reviews li .avatar {
        float: none;
        margin: auto;
        max-width: 100%;
        text-align: center;
        width: auto;
    }
    #reviews li .comment-text {
        float: none;
        margin: 0;
        width: auto;
    }
    #reviews li .comment-text .star-rating {
        display: inline-block;
        float: none;
        margin: auto;
        text-align: center;
        width: 100%;
    }
    #reviews li .comment-text .meta {
        float: none;
    }
    .image .image-extras .image-extras-content .icon{
        height: 40px;
        margin: 0 4px;
        width: 40px;
    }
    .image .image-extras .image-extras-content .icon::before{
        font-size: 14px;
        left: 50%;
        line-height: 1;
        margin-left: 0;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }
    .content .image .image-extras .image-extras-content h3,
    .content .image .image-extras .image-extras-content h3 a{
        font-size: 14px;
    }
}