.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table;
    content: " ";
    clear: both;
}

.sm-show, .header-selectors-wrapper > div.sm-show {
    display: none;
}

.smshowimp {
    display: block !important;
}

@media (max-width:1200px) {
    .container, .header-upper-container, .header-lower-container, .featured_category_container, .custom-follow-us-container,
    body.categorypage .master-wrapper-content .breadcrumb,
    body.onsale-page .master-wrapper-content .breadcrumb,
    body.categorypage .master-wrapper-content .master-column-wrapper,
    body.onsale-page .master-wrapper-content .master-column-wrapper,
    .master-wrapper-content {
        width: 100%;
    }
}

@media (max-width:780px) {
    .site_top, .header-menu, .header-lower-right .header-links, .footer, .footer-bar {
        display: none;
    }

    .header-upper-container:after {
        content: '';
        display: block;
        clear: both;
    }

    .header-upper {
        height: auto;
        padding: 5px 0;
    }

    .header-lower {
        padding: 20px 0;
    }

    .header-selectors-wrapper {
        width: auto;
        float: left;
        padding: 0;
        border-bottom: none;
        text-align: left;
        padding-left: 10px;
    }

        .header-selectors-wrapper > div {
            margin: 0;
            display: inline-block;
            padding-left: 5px;
            width: auto;
            margin-right: 5px;
        }

            .header-selectors-wrapper > div.my-select {
                margin-right: 5px;
                padding-left: 3px;
                padding-right: 16px;
                width: 81px;
                display: none;
            }

            .header-selectors-wrapper > div.header_menu {
                width: 25px;
            }

    .header-selector-right {
        float: right;
        margin-right: 5px
    }

    .header-lower-container {
        flex-direction: column-reverse;
    }

    .header-selectors-wrapper > div.sm-show {
        display: inline-block;
    }

    .header-logo {
        padding: 0 25%;
    }

    .fb_iframe_widget {
        display: none !important;
    }

    .search-bar {
        text-align: center;
        width: 50%;
        margin: 0 auto;
    }

    input.search.onfocus {
        width: 100%;
    }

    input.search {
    }

    .featured_category {
        padding: 0 10px 20px 10px;
    }

        .featured_category .featured_category_title {
            font-size: 26px;
            padding: 20px 0;
        }

    .featured_category_container .featured_category_row {
        width: 100%;
        display: block;
    }

        .featured_category_container .featured_category_row:after {
            content: '';
            display: block;
            clear: both;
        }

        .featured_category_container .featured_category_row .smallleft {
            width: 50%;
            padding-right: 10px;
            float: left;
        }

        .featured_category_container .featured_category_row .smallright {
            width: 50%;
            padding-left: 10px;
            float: left;
        }

    .feature_block img {
        width: 100%;
    }

    .feature_block {
        height: auto;
    }

        .feature_block .title_4 {
            left: 50%;
            top: 40%;
            padding-right: 20px;
            font-size: 16px;
        }

        .feature_block .feature_title {
            top: 45%;
            font-size: 16px;
            text-shadow: 3px 2px 6px #000;
        }

        .feature_block .title_3 {
            top: 45%;
        }

        .feature_block .title_8 {
            top: 35%;
            padding-left: 25%;
        }

        .feature_block .feature_shop {
            z-index: -88;
        }

    .custom-follow-us-title {
        font-size: 26px;
        padding: 20px 0;
    }

    .custom-follow-us {
        padding: 0 10px;
    }

    .custom-follow-us-title span::before {
        right: calc(50% + 74px);
        top: calc(50% + 1px);
    }

    .custom-follow-us-title span::after {
        left: calc(50% + 74px);
        top: calc(50% + 1px);
    }

    .custom-follow-us-container img {
        max-width: 100%;
    }

    .custom-follow-review {
        padding: 47px 20px 15px 20px;
    }

    .review-quote {
        left: 32px;
        top: -32px;
    }

        .review-quote img {
            width: 80%;
        }

    .customer-review-content {
        text-align: left;
    }

    .review-star, .review-footer {
        text-align: left;
    }

    .review-view-all {
        position: initial;
        text-align: left;
        margin-top: 10px;
    }

    .sm-show {
        display: block;
    }

    .navbar-default {
        background-color: #f8f8f8;
        border-color: #e7e7e7;
    }

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 20px;
        border: 1px solid transparent;
    }

    .navbar-fixed-bottom {
        bottom: 0;
        margin-bottom: 0;
        border-width: 1px 0 0;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
        color: #444;
        width: 100%;
        height: 49px;
        box-shadow: 0px -1px 3px #ccc;
    }

        .navbar-fixed-bottom a.tab-item {
            width: 25%;
            text-align: center;
            display: inline-block;
            float: left;
            font-size: 12px;
        }

    .tab-item img {
        width: 24px;
        margin: 5px 0 2px 0;
    }

    .navbar-shopping-amount {
        position: absolute;
        top: 2px;
        display: inline-block;
        padding: 2px 4px;
        font-size: 9pt;
        line-height: 9pt;
        color: #fff;
        background-color: #e02b3d;
        border-radius: 7px 7px 7px 0;
        min-width: 16px;
        right: calc(37.5% - 30px);
        text-align: center;
        font-style: normal;
    }

    .right-tools {
        bottom: 55px;
        right: 15px;
    }

        .right-tools img {
            max-width: 40px;
        }

        .right-tools .tool-logo img {
            max-width: 50%;
        }

    .tool-describe {
        width: 320px;
        right: 0;
        bottom: 0;
    }

    .tool-item {
        margin: 10px 30px 0px 30px;
    }

    .header-links-wrapper {
        display: none;
    }

    .contactuspage .content-banner {
        height: 150px;
    }

    .contact-page {
        padding: 20px;
    }

        .contact-page .processing {
            position: initial;
            width: 100%;
            display: block;
            height: auto;
            padding: 20px 0;
        }

        .contact-page .process-right-main .process-right {
            height: auto;
        }

        .contact-page .processing .process-1 {
            font-size: 20px;
        }

        .contact-page .processing .process-2, .contact-page .processing .process-3, .contact-page .processing .process-4, .contact-page .processing .process-5, .contact-page .processing .process-6 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding: 10px 30px;
            width: 100%;
        }

        .contact-page .processing .stick {
            display: none;
        }

        .contact-page .process-4 img {
            margin-left: 0;
        }

        .contact-page .processing .process-info {
            font-size: 16px;
            width: 170px;
        }

    .form-container {
        margin-top: 20px;
    }

    .form-container {
        display: block;
    }

        .form-container .form-right {
            width: 100%;
            min-height: 200px;
            padding-left: 0;
        }

    .center-2, .side-2 {
        margin: 0;
    }

    .block {
        min-height: 0;
    }

    .customerinfo-breadcrumb {
        display: none;
    }

    .customerinfo-myaccount {
        padding: 20px 30px;
    }

        .customerinfo-myaccount span {
            padding-BOTTOM: 10px;
            border-bottom: 3px solid #f43046;
            border-left: none;
            padding-left: 0;
            font-size: 20px;
        }

    .customer-info-page .inputs label {
        text-align: left;
    }

    .breadcrumb {
        padding-left: 20px;
        display: none;
    }

    .product-selectors {
        display: none;
    }

    .category-page .item-box {
        width: 50%;
    }

    .item-box .product-title a {
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .item-box h2.product-title {
        height: 32px;
    }

    .connected-carousels .navigation {
        display: none;
    }

    .connected-carousels .stage {
        width: 100% !important;
        float: none;
    }

    .connected-carousels .carousel-stage {
        height: 300px;
        width: 300px;
        margin: 0 auto;
    }

    .connected-carousels .carousel li {
        width: 300px !important;
    }

        .connected-carousels .carousel li img {
            max-width: 300px !important;
            max-height: 300px !important;
        }

    .connected-carousels .carousel-stage {
        height: 300px !important;
    }

    .connected-carousels .prev-stage, .connected-carousels .next-stage {
        /*height: 300px !important;*/
        /*width: 50% !important;
        top: 0 !important;*/
    }

    .gallery {
        margin-bottom: 20px;
    }

    .overview .product-name h1 {
        font-size: 20px;
    }

    .overview .product-price, .variant-overview .product-price {
        font-size: 30px;
    }

    .attributes dt, .attribute-label {
        text-align: left;
    }

    .attributes input, .attributes select {
        width: 100%;
    }

    .shopping-cart-page .page-title {
        display: none;
    }

    .cart-processing .step-1, .cart-processing .step-2, .cart-processing .step-3 {
        background: none;
    }

    .cart-processing span {
        font-size: 13px;
    }

    .cart-processing {
        height: auto;
        margin-bottom: 0;
    }

        .cart-processing:after {
            content: '';
            display: block;
            clear: both;
        }

        .cart-processing .step-1, .cart-processing .step-2, .cart-processing .step-3 {
            height: 40px;
        }

    .cart tr {
        margin-top: 20px;
    }

    .cart-footer .checkout-button {
        width: 100%;
    }

    .tracking-bg {
        height: auto;
    }

    .tracking-page-form {
        width: 100%;
        padding: 80px 30px;
    }

        .tracking-page-form .tracking-title {
            font-size: 32px;
        }

    .home-page-category-grid .title, .sub-category-grid .title {
        font-size: 18px;
    }

    .sub-category-grid .item-grid .item-box {
        border-bottom: none;
    }

        .sub-category-grid .item-grid .item-box:nth-child(2n+1) {
            clear: both;
        }

    .topic-banner-center {
        width: 100% !important;
        background-position-x: 20px !important;
        padding-top: 20px !important;
        height: auto !important;
        padding-bottom: 20px !important;
    }

    .shippinginfopage .master-wrapper-content .master-column-wrapper, .returnpolicypage .master-wrapper-content .master-column-wrapper, .termsofusepage .master-wrapper-content .master-column-wrapper, .privacypolicypage .master-wrapper-content .master-column-wrapper, .faqpage .master-wrapper-content .master-column-wrapper, .generaltopic .master-wrapper-content .master-column-wrapper {
        width: 100%;
        padding: 0 15px 50px 15px;
    }

    .faq-item {
        padding: 20px;
    }

    .faq-item-title {
        height: auto;
        padding-right: 50px;
        text-align: left;
        font-size: 18px;
    }

    .topic-page h3 {
        font-size: 24px;
        margin: 20px;
    }

    .topic-page img {
        max-width: 100%;
    }

    .topic-banner .topic-banner-center {
        width: 100% !important;
        padding-bottom: 20px;
        height: auto;
    }

    .howtoorderpage .master-wrapper-content .master-column-wrapper {
        width: 100%;
    }

    .howtoorderpage .page-body {
        padding: 20px 20px 40px 20px;
    }

    .topic-banner-title {
        font-size: 24px !important;
        padding-top: 0 !important;
    }

    .aboutuspage .content-banner {
        height: 200px;
        background-size: cover;
    }

    .aboutus h1 {
        font-size: 22px;
        margin: 0;
    }

    .aboutus .aboutus-row {
        display: block;
        padding: 20px;
    }

        .aboutus .aboutus-row img {
            max-width: 100%;
        }

        .aboutus .aboutus-row .content-container {
            padding: 0;
        }

    .register-page-new, .login-page-new {
        width: 100%;
        padding-top: 0;
        display: block;
    }

    .login-left .login-title, .register-left .register-title {
        font-size: 22px;
        padding-bottom: 15px;
        padding-left: 20px;
        margin-bottom: 0;
    }

    .login-left .form-title {
        font-size: 20px;
    }

    .login-right .right-container {
        padding-left: 40px;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .block .list li {
        margin-bottom: 10px;
    }

    .block .list a {
        font-size: 16px;
    }

    .block .listbox {
    }

    .block-account-navigation {
        padding-top: 15px;
    }

    .listbox .customer-info a, .listbox .customer-addresses a, .listbox .customer-orders a, .listbox .change-password a, .listbox .log-out a {
        background-size: 27px;
    }

    .block-account-navigation {
        padding: 0;
    }

        .block-account-navigation .sm-show {
            position: absolute;
            top: 25px;
            right: 20px;
            z-index: 999;
            cursor: pointer;
        }

    .address-list-page .a-item {
        padding: 20px;
        background: #fff;
    }

    .addressitem, .newaddress {
        width: 100%;
    }

    .order-list-page .order-list {
        padding: 15px;
        overflow-x: scroll;
        padding-bottom: 60px;
        background: #fff;
    }

    .order-head, .order-body {
        min-width: 450px;
    }

    .order-details-page {
        padding: 0 15px 30px 15px;
    }

    body.loginpage .page, body.orderdetailpage .order-details-page .page-body {
        width: 100%;
    }

    .order-details-page .order-overview .order-number {
        font-size: 20px;
    }

    .order-details-page .order-overview {
        margin-bottom: 20px;
    }

    .order-overview-title {
        font-size: 18px;
        margin-top: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .order-overview-content {
        font-size: 14px;
    }

    .order-detail-b-s, .order-review-data {
        display: block;
    }

    .shipping-info-wrap, .billing-info-wrap, .shipping-info-wrap, .billing-info-wrap {
        width: 96%;
        margin: 0 2%;
    }

        .shipping-info-wrap .shipping-info .title, .billing-info-wrap .billing-info .title {
            height: 40px;
            line-height: 40px;
        }

    .payment-method-submit {
        position: initial;
        margin-top: 10px;
    }

    .order-details-area {
        margin-bottom: 10px;
    }

    .order-details-page .data-table tr {
        margin-top: 15px;
    }

    .register-form {
        padding: 0 20px;
    }

    .register-right {
        padding-top: 20px;
    }

        .register-right .right-container {
            padding: 20px;
        }

    .register-left .form-title {
        font-size: 20px;
    }

    .password-recovery-page {
        width: 100%;
        padding: 0 20px;
    }

    .no-cart img {
        display: none;
    }

    .no-cart {
        width: 100%;
        text-align: center;
    }

    .full-description img, .swiper-slide img {
        max-width: 100%;
    }

    .cart-notification {
        position: relative;
    }

        .cart-notification .icon-left {
            position: absolute;
            left: 0px;
            top: 0;
            bottom: 0;
            height: 100%;
        }

            .cart-notification .icon-left img {
                position: absolute;
                top: calc(50% - 40px);
                left: 0;
                right: 0;
                margin: auto;
            }

        .cart-notification .icon-right {
            line-height: initial;
        }

            .cart-notification .icon-right .item-bottom {
                margin-top: 15px;
            }

    .method-list .list-item {
        width: 100%;
    }

    .onsale-navbar .onsale-nav-container, body .onsale-navbar .swiper-wrapper,
    body .onsale-navbar .swiper-wrapper .swiper-slide {
        height: 30px;
    }

        body .onsale-navbar .swiper-wrapper .swiper-slide {
            line-height: 30px;
            padding: 0px 15px;
        }

    .category-pro-list .category-pro-item {
        width: 120px;
    }

    .onsale-navbar .onsale-nav-container {
        width: 100%;
        height: 30px;
    }

    .onsale-navbar .swiper-container {
        width: calc(100% - 60px);
        height: 30px;
    }

    .onsale-navbar .swiper-button-next,
    .onsale-navbar .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .onsale-category-list {
        width: calc(100% - 30px);
        padding: 15px;
        margin-top: 20px;
    }

    .onsale-page .category-page .item-box {
        width: 47.5%;
        margin-right: 5%;
    }

        .onsale-page .category-page .item-box:nth-child(2n) {
            margin-right: 0px;
        }

    .onsale-page .category-page .onsale-category-list:last-child {
        margin-bottom: 40px;
    }

    .home-topic .home-topic-title {
        font-size: 18px;
        line-height: 24px;
    }

    .home-topic {
        padding-top: 15px;
    }

        .home-topic .home-topic-body {
            padding-top: 20px;
            text-align: left;
            padding: 20px 10px 10px 10px;
        }

        .home-topic .home-topic-body, .home-topic-footer {
            font-size: 14px;
            line-height: 20px;
            padding: 10px 0px 0px 0px;
        }

    .feature-new-list .list-row {
        margin-bottom: 5px;
    }

        .feature-new-list .list-row .row-text {
            bottom: 8px;
            left: 10px;
            font-weight: 500;
            font-size: 12px;
        }

    .feature-footer {
        display: none;
        /*height: auto;
        margin-bottom:49px;*/
    }
    /*.feature-footer-list{
        justify-content:flex-start;
        flex-wrap:wrap;
    }
    .feature-footer .feature-footer-block{
        width:50%;
        height:auto;
        padding:15px 0px;
    }
    .feature-footer .feature-footer-block img{
        width:60px;
    }
        .feature-footer .feature-footer-block span{
            font-size:12px;
        }
        .center-1 {
            margin-bottom: 0px;
        }*/

    .slide-photo {
        height: 300px;
    }

    .info-product {
        height: 100px;
        font-size: 12px;
    }

    .slide-photo .info-mask {
        font-size: 16px;
    }

    .info-product .product-title a {
        font-size: 12px;
        line-height: 16px;
    }

    .info-product .product-photo {
        width: 60px;
        height: 60px;
    }
    .blogbanner .img-container {
        height: 100px;
    }
    .blogtitle {
        top: 40px;
    }

        .blogtitle span {
            font-size: 12px;
            max-width: 100%;
            padding: 0px 30px;
            font-weight: normal;
        }

    .blog-page .master-wrapper-content .master-column-wrapper {
        max-width: 100%;
        padding: 0px 20px;
    }

    .btnback {
    font-size:12px;
    bottom:5px;
    right:5px;
    padding:2px 5px;
    }
        .btnback img{
            width:8px;
            height:auto;
        }

        .blogdetail {
            padding: 20px 0px;
        }
    .blog-body{
        padding-top:20px;
    }
    .blog-banner-top {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }
    .blog-item-txt{
        padding:10px;
    }

    .blog-item-t1 {
        font-size: 13px;
        overflow: hidden;
        -webkit-line-clamp: 2;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .blog-item-t2 {
        max-height: 100px;
        font-size: 12px;
        margin: 5px 0px;
        overflow: hidden;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }

    .blog-item-t3,
    .blog-item-t3 .btn {
        font-size: 12px;
    }

    .blog-item-t3 {
        margin-top:5px;
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }
    .spotify-cart-area{
        max-width:300px;
    }
    .spotify-cart-area-row label {
        flex:0.3
    }

    .spotify-cart-area-row div {
        flex:0.7;
        display: inline-block;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .summary-item{
        flex-direction:column;
        align-items:flex-start;
    }
        .summary-item .summary-item-left{
            width:100%;
        }
    .summary-item-right .spotify-cart-area{
        width:100%;
    }

    .product-details-page {
        padding: 0 5px;
    }
}