@media (max-width: 1199px) {

    .products-grid .product-item {
        width: 33.33333%;
    }

    .promo-wrap {
        height: 500px;
    }

    .category-banner h1 {
        font-size: 40px;
    }

    .portfolio-description {
        padding-left: 5%;
    }

}


@media (max-width: 991px) {

    .section-wrap {
        padding: 80px 0;
    }

    .collection-overlay .collection-description h2 {
        font-size: 18px;
    }

    .collection-overlay .collection-description {
        margin-top: -25px;
    }

    .col-md-5ths {
        width: 50%;
    }

    .promo-wrap {
        height: 350px;
    }

    .promo-section .hero-big h2 {
        font-size: 36px;
    }

    .footer-widgets .col-xs-12 {
        margin-bottom: 40px;
    }

    .footer-widgets .col-xs-12:last-of-type {
        margin-bottom: 0;
    }

    .products-widget {
        margin-bottom: 50px;
    }

    .products-grid .product-item {
        width: 50%;
    }

    .banner-item.half-width {
        width: 100%;
    }

    .banner-item.quarter-width {
        width: 50%;
    }

    .page-title {
        background-attachment: scroll !important;
        background-size: cover;
    }

    .pagination.woocommerce-pagination {
        margin-bottom: 40px;
    }

    .shipping-calculator-form {
        width: 100%;
        margin-bottom: 50px;
    }

    #customer_details h2,
    .woocommerce form #customer_details p {
        width: 100%;
    }

    #customer_details {
        margin-bottom: 40px;
    }

    .single-product .product-description-wrap {
        padding-left: 15px;
        margin-top: 40px;
    }

    .page-title .container {
        height: 200px;
    }

    .title-text h1 {
        margin-top: 0;
    }

    .team-member,
    .pie-chart,
    .accordion,
    .process-item {
        margin-bottom: 40px;
    }

    .portfolio-description {
        padding-left: 0;
        margin-top: 40px;
    }

    .blog-standard .entry {
        padding-left: 0;
    }

    .entry-share {
        float: left;
        margin-top: 30px;
    }

    .services-tabs li.col-md-5ths {
        width: 20%;
    }

    .services-tabs .nav.nav-tabs>li>a {
        font-size: 12px;
    }

    .services-tabs i {
        font-size: 36px;
    }

    .services-content p.text-lg {
        margin-bottom: 30px;
    }

    .skills-img-holder,
    .skills-img {
        position: relative;
    }

    .skills-wrap {
        padding: 80px 0;
    }

    .hero-message h1.text-lg {
        font-size: 70px;
    }

    .intro-heading {
        font-size: 32px;
        line-height: 46px;
    }

}


@media (max-width: 767px) {

    .col-xs-4.masonry-item {
        width: 33.33%;
    }

    .promo-img img {
        width: 50%;
    }

    .from-blog .blog-col-3 {
        margin-bottom: 20px;
    }

    .bottom-footer .footer-payment-systems,
    .bottom-footer .copyright {
        text-align: center;
    }

    .service-item {
        margin-bottom: 40px;
    }

    .category-banner .heading-wrap {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        padding: 20px 0;
    }

    .category-banner h1 {
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -22px;
    }

    .woocommerce-ordering {
        float: none;
    }

    .woocommerce-ordering select {
        margin: 0 auto;
    }

    .product-list .product-img {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .product-list .product-details,
    .product-list .price,
    .product-list .product-description {
        width: 100%;
        max-width: 100%;
    }

    .table.shop_table {
        margin-bottom: 10px;
    }

    .cart-table-wrap {
        overflow-x: scroll;
        margin-bottom: 30px;
    }

    .woocommerce form #customer_details .form-row input,
    .woocommerce form #customer_details .form-row select,
    .woocommerce form #customer_details .form-row textarea,
    .woocommerce form #customer_details label {
        float: left;
        width: 100%;
    }

    .team-member .team-img img {
        width: 100%;
    }

    #contact-form {
        margin-bottom: 50px;
    }

    .call-to-action h2 {
        text-align: center;
    }

    .call-to-action .cta-button {
        text-align: center;
        margin: 30px 0 10px 0;
    }

    .call-to-action a.btn {
        float: none;
    }

    .blog-standard .blog-content,
    .blog-single .blog-content {
        padding-right: 15px;
        margin-bottom: 50px;
    }

    .related-posts img {
        width: 100%;
    }

    .related-posts h5 {
        margin-bottom: 40px;
    }

    #customizer {
        display: none;
    }

    .features-item.features-right {
        text-align: left;
        padding: 0 0 0 90px;
    }

    .features-item.features-right .features-icon {
        left: 0;
    }

    .call-to-action.style-2 .cta-button {
        margin: 0;
    }

    .services-tabs li.col-md-5ths {
        width: 33.333%;
    }

    .footer-type-3 .social-icons,
    .social-icons a {
        float: none;
        margin-right: 0;
    }

    .hero-message h1.text-lg {
        font-size: 50px;
    }

    .intro-heading {
        font-size: 28px;
        line-height: 40px;
    }

}


@media (max-width: 640px) {

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 22px;
    }

    h4 {
        font-size: 18px;
    }

    .col-xs-8.masonry-item,
    .col-xs-4.masonry-item {
        width: 100% !important;
    }

    .products-grid .product-item {
        width: 100%;
    }

    .banner-item.half-width,
    .banner-item.quarter-width {
        width: 100%;
    }

    .text-wrap h2 {
        font-size: 18px;
    }

    .text-wrap.small-height {
        margin-top: -45px;
    }

    .category-banner h1 {
        font-size: 26px;
        margin-top: -14px;
    }

    .woocommerce-result-count {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .pagination.woocommerce-pagination,
    .page-title.style-2 .title-text h1 {
        text-align: center;
    }

    .style-2 .breadcrumb {
        position: relative;
        text-align: center;
        margin-top: 10px;
    }

    .entry-author-box .author-img {
        width: 70px;
    }

    .entry-author-box .author-info {
        padding-left: 100px;
    }

    .intro-heading {
        font-size: 22px;
        line-height: 32px;
    }

}


@media (max-width: 480px) {

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 17px;
    }

    .col-md-5ths {
        width: 100%;
    }

    .promo-img img {
        width: 100%;
    }

    .product-tabs .nav-tabs>li {
        float: none;
        margin-bottom: 20px;
    }

    .product-tabs .nav-tabs>li:last-child {
        margin-bottom: 0;
    }

    .product-tabs .nav.nav-tabs>li>a {
        margin-right: 0;
    }

    .heading-double-line:before,
    .tabs.product-tabs:before,
    .heading-double-line:after,
    .tabs.product-tabs:after {
        display: none;
    }

    .title-text h1 {
        font-size: 28px;
    }

    .heading-double-line {
        padding: 0;
    }

    .product-list .rating {
        display: none;
    }

    .coupon .input-text {
        width: 100%;
        margin-bottom: 10px;
    }

    .nav-tabs>li {
        width: 100%;
    }

    .nav-tabs {
        border-bottom: transparent;
    }

    .nav.nav-tabs>li>a {
        margin-right: 0;
    }

    .page-404 h1 {
        font-size: 80px;
    }

    .portfolio-filter a {
        margin-top: 10px;
    }

    .entry-comments .comment-content span a {
        display: block;
        margin-bottom: 15px;
    }

    .entry-comments .comment-avatar {
        width: 50px;
    }

    .entry-comments .comment-content {
        padding-left: 70px;
    }

    .services-tabs li.col-md-5ths {
        width: 50%;
    }

}

@media (max-width: 380px) {

    .product-description-wrap .add-to-cart {
        width: 100%;
    }

    .single-product .quantity.buttons_added {
        margin: 30px 20px 0 0;
        float: none;
    }

    .single-product .icon-add-to-wishlist {
        margin-left: 0;
    }

    .top-bar-phone {
        display: none;
    }

    .shop-bar .top-bar-phone {
        display: inline-block;
    }

    .top-bar-email {
        margin-left: 0;
    }

    .footer-type-3 .copyright span {
        line-height: 2;
    }

}