/*Responsive*/
@media (max-width: 1280px){}
@media (max-width: 1200px){}
@media (max-width: 1024px){
    .header-nav-default .main-nav > ul > li > a {
        padding: 0 12px;
        font-size: 13px;
    }
    .header-nav-default .main-nav .toggle-mobile-menu {
        margin-top: -4px;
    }
    .header-top-default .logo h1{
        font-size: 24px;
    }
    .smart-slider:not(.owl-carousel)[data-item="6"] > div,
    .smart-slider:not(.owl-carousel)[data-item="5"] > div{
        width: 25%;
    }
    .main-nav .sub-menu {
        width: 190px;
    }
}
@media (max-width: 991px){
    .smart-slider:not(.owl-carousel)[data-item="4"] > div,
    .smart-slider:not(.owl-carousel)[data-item="6"] > div,
    .smart-slider:not(.owl-carousel)[data-item="5"] > div{
        width: 33.33%;
    }
    .col-sm-8 .list-3-item:nth-child(3n+1),
    .list-7-item:nth-child(7n+1),
    .list-8-item:nth-child(8n+1),
    .list-9-item:nth-child(9n+1),
    .list-10-item:nth-child(10n+1){
        clear: inherit;
    }
    .col-sm-8 .list-3-item:nth-child(2n+1),
    .list-7-item:nth-child(6n+1),
    .list-8-item:nth-child(6n+1),
    .list-9-item:nth-child(6n+1),
    .list-10-item:nth-child(6n+1){
        clear: both;
    }
    .list-10-item,
    .list-9-item,
    .list-8-item,
    .list-7-item{
        width: 16.66666667%;
    }
    .col-sm-8 .list-3-item{
        width: 50%;
    }
    .filter-col.filter-4-col .item-box-attr,
    .filter-col.filter-3-col .item-box-attr{
        width: 50%;
    }
    .filter-col.filter-3-col .item-box-attr:nth-child(3n+1),
    .filter-col.filter-4-col .item-box-attr:nth-child(4n+1){
        clear: inherit;
    }
    .filter-col.filter-3-col .item-box-attr:nth-child(2n+1),
    .filter-col.filter-4-col .item-box-attr:nth-child(2n+1){
        clear: both;
    }
}
@media (max-width: 860px){
    table.shop_table .product-name {
    min-width: inherit;
}
}
@media (max-width: 768px){
    .list-6-item:nth-child(6n+1),
    .list-7-item:nth-child(6n+1),
    .list-8-item:nth-child(6n+1),
    .list-9-item:nth-child(6n+1),
    .list-10-item:nth-child(6n+1){
        clear: inherit;
    }
    .list-6-item:nth-child(4n+1),
    .list-7-item:nth-child(4n+1),
    .list-8-item:nth-child(5n+1),
    .list-9-item:nth-child(5n+1),
    .list-10-item:nth-child(5n+1){
        clear: both;
    }
    .list-10-item,
    .list-9-item,
    .list-8-item{
        width: 20%;
    }
    .list-7-item,
    .list-6-item{
        width: 25%;
    }

    .list-4-item:nth-child(3n+1),
    .list-5-item:nth-child(3n+1){
        clear: inherit;
    }
    .list-4-item:nth-child(2n+1),
    .list-5-item:nth-child(2n+1){
        clear: both;
    }
    .list-4-item,
    .list-5-item {
        width: 50%;
    }
    /*cart/checkout*/
    .woocommerce-cart-form .product-remove{
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .woocommerce table.shop_table th, 
    .woocommerce table.shop_table td, 
    .woocommerce-cart table.cart td, 
    .woocommerce-cart table.cart th {
        border-bottom: 1px solid #e5e5e5;
    }
    .woocommerce-cart-form .product-quantity{
        min-height: 70px;
    }
    .woocommerce-cart-form .product-quantity .detail-qty{
        float: right;
    }
    .woocommerce table.shop_table tr, 
    .woocommerce-cart table.cart tr {
        border-bottom: 0;
    }
    .woocommerce-cart-form .product-price{
        margin: 0;
    }
    .woocommerce table.shop_table td, 
    .woocommerce table.shop_table th, 
    .woocommerce-cart table.cart td:first-child{
        padding: 15px 10px;
    }
    .woocommerce-cart-form .qty-val{
        background: transparent;
    }
    #add_payment_method .cart-collaterals .cart_totals tr td, 
    #add_payment_method .cart-collaterals .cart_totals tr th, 
    .woocommerce-cart .cart-collaterals .cart_totals tr td, 
    .woocommerce-cart .cart-collaterals .cart_totals tr th, 
    .woocommerce-checkout .cart-collaterals .cart_totals tr td, 
    .woocommerce-checkout .cart-collaterals .cart_totals tr th {
        border-top: 0;
    }
    .woocommerce .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td, 
    .woocommerce-page .cart-collaterals table.shop_table_responsive tr:nth-child(2n) td{
        background: transparent;
    }
    .woocommerce-cart-form{
        border-top: 1px solid #e5e5e5;
    }
}
@media (max-width: 767px){
    .order-custom{
        margin-top: 30px;
    }
    .main-nav .sub-menu{
        transition: inherit;
        -webkit-transition: inherit;
    }

    nav.main-nav>ul>li.current-menu-item>a, 
    nav.main-nav>ul>li.current-menu-ancestor>a, 
    nav.main-nav>ul>li:hover>a{
        background-color: transparent !important;
    }
    .smart-slider:not(.owl-carousel)[data-item="3"] > div,
    .smart-slider:not(.owl-carousel)[data-item="4"] > div,
    .smart-slider:not(.owl-carousel)[data-item="6"] > div,
    .smart-slider:not(.owl-carousel)[data-item="5"] > div{
        width: 50%;
    }
    .main-nav li.has-mega-menu {
        position: relative;
    }
    .main-nav .mega-menu-wrap{
        margin: 0;
    }

    .btn-toggle-mobile-menu::after {
        top: 0;
        line-height: 37px;
        width: 37px;
        text-align: center;
        right: -15px;
    }
    .content-page > .row > .col-md-3{
        order: 2;
        -webkit-order: 2;
        -ms-order: 2;
        -o-order: 2;
    }
    .content-page > .row{
        display: flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
    }
}
@media (max-width: 667px){
    .list-3-item:nth-child(3n+1),
    .list-4-item:nth-child(3n+1),
    .list-5-item:nth-child(3n+1),
    .list-6-item:nth-child(4n+1),
    .list-7-item:nth-child(4n+1),
    .list-8-item:nth-child(5n+1),
    .list-9-item:nth-child(5n+1),
    .list-10-item:nth-child(5n+1){
        clear: inherit;
    }
    .list-3-item:nth-child(2n+1),
    .list-4-item:nth-child(2n+1),
    .list-5-item:nth-child(2n+1),
    .list-6-item:nth-child(3n+1),
    .list-7-item:nth-child(3n+1),
    .list-8-item:nth-child(3n+1),
    .list-9-item:nth-child(3n+1),
    .list-10-item:nth-child(3n+1){
        clear: both;
    }
    .list-10-item,
    .list-9-item,
    .list-8-item{
        width: 33.33%;
    }
    .list-7-item,
    .list-6-item{
        width: 33.33%;
    }
    .list-5-item,
    .list-4-item,
    .list-3-item{
        width: 50%;
    }
}
@media (max-width: 568px){
    .comment-list ul.children {
        padding: 0;
    }
}
@media (max-width: 480px){
    .list-6-item:nth-child(3n+1),
    .list-7-item:nth-child(3n+1),
    .list-8-item:nth-child(3n+1),
    .list-9-item:nth-child(3n+1),
    .list-10-item:nth-child(3n+1){
        clear: inherit;
    }   
    .list-6-item:nth-child(2n+1),
    .list-7-item:nth-child(2n+1),
    .list-8-item:nth-child(2n+1),
    .list-9-item:nth-child(2n+1),
    .list-10-item:nth-child(2n+1){
        clear: both;
    }
    .list-10-item,
    .list-9-item,
    .list-8-item,
    .list-7-item,
    .list-6-item,
    .list-5-item,
    .list-4-item,
    .list-3-item {
        width: 50%;
    }
    .filter-col.filter-2-col .item-box-attr,
    .filter-col.filter-4-col .item-box-attr,
    .filter-col.filter-3-col .item-box-attr{
        width: 100%;
    }
}
@media (max-width: 425px){
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        display: block;
        width: 100%;
        margin-bottom: 7px;
    }
    .woocommerce #content table.cart td.actions .coupon .button.alt, 
    .woocommerce #content table.cart td.actions .coupon .input-text+.button, 
    .woocommerce table.cart td.actions .coupon .button.alt, 
    .woocommerce table.cart td.actions .coupon .input-text+.button, 
    .woocommerce-page #content table.cart td.actions .coupon .button.alt, 
    .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, 
    .woocommerce-page table.cart td.actions .coupon .button.alt, 
    .woocommerce-page table.cart td.actions .coupon .input-text+.button {
        float: none;
        display: block;
        width: 100%;
    }
    .order-custom {
        padding: 30px 10px 10px;
    }
    .blog-grid-view .list-3-item{
        width: 100% !important;
    }
    .blog-grid-view:not(.block-element) .list-post-wrap{
        margin-bottom: 0px;
    }
}
@media (max-width: 375px){
    .list-5-item,
    .list-4-item,
    .list-3-item,
    .list-2-item,
    .col-sm-8 .list-4-item {
        width: 100% !important;
    }
}
@media (max-width: 320px){
    .close-minicart{
        right: 0;
        left: inherit;
        color: #333;
    }
}
@media (min-width: 567.9px) and (max-width: 767px){
    .wpb_column.vc_col-ss-1\/5,
    .wpb_column.vc_col-ss-2\/5,
    .wpb_column.vc_col-ss-3\/5,
    .wpb_column.vc_col-ss-4\/5,
    .wpb_column.vc_col-ss-1, 
    .wpb_column.vc_col-ss-10, 
    .wpb_column.vc_col-ss-11, 
    .wpb_column.vc_col-ss-12, 
    .wpb_column.vc_col-ss-2, 
    .wpb_column.vc_col-ss-3, 
    .wpb_column.vc_col-ss-4, 
    .wpb_column.vc_col-ss-5, 
    .wpb_column.vc_col-ss-6, 
    .wpb_column.vc_col-ss-7, 
    .wpb_column.vc_col-ss-8, 
    .wpb_column.vc_col-ss-9 {
        float: left;
    }
    .wpb_column.vc_col-ss-1\/5{
        width: 20%;
    }
    .wpb_column.vc_col-ss-2\/5{
        width: 40%;
    }
    .wpb_column.vc_col-ss-3\/5{
        width: 60%;
    }
    .wpb_column.vc_col-ss-4\/5{
        width: 80%;
    }
    .wpb_column.vc_col-ss-1{
        width: 8.33333333%;
    }
    .wpb_column.vc_col-ss-10{
        width: 83.33333333%;
    }
    .wpb_column.vc_col-ss-11{
        width: 91.66666667%;
    }
    .wpb_column.vc_col-ss-12{
        width: 100%;
    }
    .wpb_column.vc_col-ss-2{
        width: 16.66666667%;
    }
    .wpb_column.vc_col-ss-3{
        width: 25%;
    }
    .wpb_column.vc_col-ss-4{
        width: 33.33333333%;
    }
    .wpb_column.vc_col-ss-5{
        width: 41.66666667%;
    }
    .wpb_column.vc_col-ss-6{
        width: 50%;
    }
    .wpb_column.vc_col-ss-7{
        width: 58.33333333%;
    } 
    .wpb_column.vc_col-ss-8{
        width: 66.66666667%;
    } 
    .wpb_column.vc_col-ss-9{
        width: 75%;
    }
    .vc_col-ss-offset-1\/5{
        margin-left: 20%;
    }
    .vc_col-ss-offset-2\/5{
        margin-left: 40%;
    }
    .vc_col-ss-offset-3\/5{
        margin-left: 60%;
    }
    .vc_col-ss-offset-4\/5{
        margin-left: 80%;
    }
    .wpb_column.vc_col-ss-offset-0{
        margin-left: 0;
    }
    .wpb_column.vc_col-ss-offset-1{
        margin-left: 8.33333333%;
    }
    .wpb_column.vc_col-ss-offset-10{
        margin-left: 83.33333333%;
    }
    .wpb_column.vc_col-ss-offset-11{
        margin-left: 91.66666667%;
    }
    .wpb_column.vc_col-ss-offset-12{
        margin-left: 100%;
    }
    .wpb_column.vc_col-ss-offset-2{
        margin-left: 16.66666667%;
    }
    .wpb_column.vc_col-ss-offset-3{
        margin-left: 25%;
    }
    .wpb_column.vc_col-ss-offset-4{
        margin-left: 33.33333333%;
    }
    .wpb_column.vc_col-ss-offset-5{
        margin-left: 41.66666667%;
    }
    .wpb_column.vc_col-ss-offset-6{
        margin-left: 50%;
    }
    .wpb_column.vc_col-ss-offset-7{
        margin-left: 58.33333333%;
    } 
    .wpb_column.vc_col-ss-offset-8{
        margin-left: 66.66666667%;
    } 
    .wpb_column.vc_col-ss-offset-9{
        margin-left: 75%;
    }
    .vc_hidden-ss{
        display: none;
    }
}
/*End Responsive*/


/*Custom Responsive*/
@media only screen and (max-width: 1920px) {
    .h7-products-slider{
        margin-top: 2.5vw;
    }
    .h7-products-slider .title-el{
        margin-bottom: 2.5vw;
    }
}

@media only screen and (min-width: 1600px) {
    .h4-title-left > .vc_column-inner > .wpb_wrapper {
        padding-right: 30px;
    }
    
}

@media only screen and (max-width: 1599px) {
    .h6-banner-video .video-info{
        top: 30px;
        bottom: 30px;
    }
    .slider7 .item-slider .title72{
        font-size: calc(30px + (72 - 30) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(32px + (72 - 32) * ((100vw - 320px) / (1920 - 320))); 
    }
    .h7-products-slider{
        margin-top: 1.5vw;
    }
    .h7-products-slider .title-el{
        margin-bottom: 1.5vw;
    }
    .h7-slider-wrap .owl-theme .owl-dots{
        bottom: 0px;
    }
    .h7-content-wrap.vc_section{
        padding: 0 30px;
    }
    .h7-footer-fixed .footer-top.vc_row, 
    .h7-footer-fixed .footer-bottom.vc_row{
        padding-left: 15px;
        padding-right: 15px;
    }
    .h7-tes-video .left .vc_column-inner {
        padding: 100px 30px 88px;
    }
    .h7-row-expand.vc_row{
        margin: 0 -30px;
    }
    .vc_row.vc_custom_1552879990495{
        padding-left: 15px;
        padding-right: 15px;
    }
    .h7-products-slider{
        margin-top: 30px;
    }
    .h7-products-slider .title-el{
        display: none;
    }

    .h7-content-wrap .h4-title{
        margin-bottom: 32px;
    }
    .h7-content-wrap .h4-title .title40,
    .h7-content-wrap .block-element.title-style3 .title-el .title40{
        font-size: 30px;
    }
    .block-element.title-style3 .title-el, 
    .block-element.tab-style3 .title-el{
        margin-bottom: 32px;
    }
    .block-element.title-style3 .mail-desc {
        margin-top: 23px;
    }
    .h7-slider-wrap > .wpb_column.right > .vc_column-inner {
        padding-left: 15px;
    }
    

    .h4-banner-box.first{
        margin-bottom: 1.55vw;
    }
}

@media only screen and (max-width: 1440px) {
    
    .h4-banner-box.first{
        margin-bottom: 1.55vw;
    }
    .h2-nike-banner .banner-info .price .title18{
        font-size: 16px;
    }
    .h2-nike-banner .banner-info .price .title42 {
        font-size: 30px;
    }
    .h2-nike-banner .banner-info .price .title72  {
        font-size: 60px;
    }

}

@media only screen and (max-width: 1368px) and (min-width: 1200px) {
    .h1-banner-left .banner-info,
    .h1-banner-right .banner-info{
        padding: 50px 40px;
    }
    .h2-nike-banner .banner-info {
        left: 40px;
        right: 40px;
    }
    div[class*=content-sidebar-] .related-product .item-product-grid .product-extra-link ul,
    .shop-full .item-product-grid .product-extra-link ul{
        right: 15px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }
    .woocommerce div[class*=content-sidebar-] .related-product .item-product-grid a.button.addcart-link, 
    div[class*=content-sidebar-] .related-product .product-extra-link ul li a,
    .woocommerce .shop-full .item-product-grid a.button.addcart-link, 
    .shop-full .product-extra-link ul li a{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    div[class*=content-sidebar-] .related-product .product-extra-link ul li a:before,
    .shop-full .product-extra-link ul li a:before {
        font-size: 16px;
    }



}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .h1-running-box .banner-info {
        left: 40px !important;
        right: 40px !important;
    }

}

@media only screen and (max-width: 1368px) {
    .slider5.banner-slider .banner-info,
    .slider1.banner-slider .banner-info{
        left: 100px;
        right: 100px; 
    }

    .h7-product-tabs .item-product-grid .product-extra-link ul,
    .h1-running .item-product-grid .product-extra-link ul{
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

    .banner-item-arr .banner-info .top {
        top: 47px;
    }
    .banner-item-arr .banner-info .bottom {
        bottom: 50px;
    }
    .h4-banner-box .banner-info .title48{
        font-size: 40px;
        margin: 6px auto 11px;
    }
    .h6-service-wrap.vc_row{
        margin-left: -15px;
        margin-right: -15px;
    }
    .h6-service-wrap.vc_row .vc_column-inner {
        padding: 0 15px;
    }
    .h7-banner-box .banner-info{
        right: 90px;
    }
    




    






}
@media only screen and (max-width: 1300px) {
    .header-tel2{
        display: none;
    }
    .header-tel5{
        display: block;
    }
    .header-slider2 .title12{
        padding: 0 25px;
    } 
    .main-nav3.active .menu-content{
        overflow-y:scroll;
    }
    .menu-content-wrap{
        position: static !important;
        transform: none;
    }
    .menu-content-left, 
    .menu-content-right{
        padding-top: 0px;
    }
    .menu-content-left{
        padding-bottom: 0px;
    }
    .menu-content-right{
        padding-bottom: 200px;
    }
    .menu-content{
        top: 50px;
    }
    .menu-social-list{
        bottom: 90px;
    }
    .h2-nike-banner .banner-info {
        left: 15px;
        right: 15px;
    }


}
@media only screen and (min-width: 1200px) {
    .h7-fixed-menu{
        position: fixed !important;
        text-align: center;
        width: 270px;
        padding-top: 0;
        box-shadow: 2.5px 4.33px 10px 0px rgba(0, 0, 0, 0.2);
        top: 0;
        bottom: 0;
        background: #fff;
        z-index: 1115;
    }
    .h7-footer-fixed.vc_section {
        margin-left: 255px;
    }
    
    .h7-content-wrap.vc_section{
        margin-left: 255px;
    }
    .main-nav7 > ul > li {
        position: relative;
        display: block;
    }
    .main-nav7 > ul > li .sub-menu > li.menu-item-has-children > a::after{
        right: 0px;
    }
    .mma-logo7{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 90px;
        position: relative;
        margin-bottom: 15px;
    }
    .mma-logo7:before{
        content: '';
        position: absolute;
        left: 15px;
        bottom: 0;
        height: 1px;
        width: calc(100% - 30px);
        background: rgba(204, 204, 204, .2);
    }
    .main-nav7 .sub-menu {
        top: 0;
        left: 100%;
    }
    .main-nav7 > ul > li > a {
        height: 40px;
        line-height: 40px;
    }
    .main-nav7 > ul > li.has-mega-menu > a::after,
    .main-nav7 > ul > li.menu-item-has-children > a::after{
        content: "\f105";
    }
    .main-nav7 li.has-mega-menu > .mega-menu{
        top: 0;
        left: 100% !important;
    }
    .header7{
        position: relative;
        z-index: 111;
        background: #fff;
    }

    .header7-bottom.vc_row{
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0;
        margin: 0;
        padding-top: 26px;
        padding-bottom: 26px;
        background: #fff;
    }
    .shop-full{
        padding-left: 30px !important; 
        padding-right: 30px !important;
    }
    .shop-full-wrap{

    }
    .custom-content-sidebar .custom-sidebar{
        width: 300px;
    }
    .custom-content-sidebar .custom-content{
        width: calc(100% - 300px);
    }




}


/*LG*/
@media only screen and (max-width: 1199px) {
    .hidden-sidebar, .filter-product{
        margin-right: 30px;
    }
    .mt30-res1199{
        margin-top: 30px;
    }
    .mb100 {
        margin-bottom: 50px;
    }
    .pb100 {
        padding-bottom: 70px;
    }
    .pt100 {
        padding-top: 70px;
    }
    .mb70 {
        margin-bottom: 20px;
    }
    .mb60{
        margin-bottom: 10px;
    }
    .pb100 {
        padding-bottom: 50px;
    }
    .pt100 {
        padding-top: 50px;
    }
    .content-page,
    .main-page-default {
        margin: 50px 0;
    }
    .h6-service-wrap.vc_row{
        margin-bottom: 50px;
    }
    .h6-banner-video .video-info {
       display: none;
    }
    .h6-banner-video .video-wrap{
        width: 100%;
    }
    .wrap-bread-crumb.brc_banner{
        height: 280px;
    }
    .pagi-nav {
        margin-top: 50px;
    }
    .detail-info{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .h2-nike-banner .banner-info {
        left: 60px;
        right: 60px;
    }

    
    .h1-running.up .wpb_column.left .vc_column-inner,
    .h1-running.up .wpb_column.right .vc_column-inner{
        padding: 0px 15px !important;
    }
    .h2-products .list-product-wrap .list-col-item:nth-child(3n+2){
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .h2-products .list-product-wrap{
        margin-bottom: -40px;
    }
    .h3-service-box{
        padding: 0 30px;
    }
    .h4-banner-wrap{
        margin-top: 30px;
    }
    .h4-banner-wrap > .vc_column-inner > .wpb_wrapper{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
    }
    .h4-banner-wrap .h4-banner-box{
        float: left;
        width: calc(50% - 15px);
        margin-bottom: 30px;
    }
    .h4-banner-box .banner-info .title48{
        font-size: 32px;
    }
    .h6-service-box{
        width: 100% !important;
    }
    .h6-banner-box{
        padding: 0px !important;
    }
    .h6-banner-box .banner-info {
        padding: 40px;
        min-height: auto;
        max-width: 80%;
        position: absolute;
        background: rgba(255, 255, 255, .8);
    }
    .h6-banner-box .banner-info .title40{
        font-size: 30px;
        line-height: 34px;
    }
    .h7-slider-wrap > .wpb_column.left > .vc_column-inner{
        padding: 0 15px !important;
    }
    .h7-slider-wrap > .wpb_column.left > .vc_column-inner > .wpb_wrapper{
        margin: 0 !important;
    }
    .h7-content-wrap .h4-title .title40, 
    .h7-content-wrap .block-element.title-style3 .title-el .title40{
        margin-left: auto;
        margin-right: auto;
        text-align: center !important;
    }
    .h7-testimonial-slider .testimo-info .desc{
        padding: 0 15px;
        text-align: center !important;
    }
    .h7-content-wrap .h4-title.text-left::after{
        margin: auto;
    }
    .header-group7 .wpb_wrapper > div.vc_inner{
        display: none;
    }
    .h7-fixed-menu{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: space-between;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        padding: 0 30px !important;
    }
    .header7 > .wpb_column .wpb_wrapper{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .mma-logo7{
        margin-right: 30px;
    }
    .h7-content-wrap .mb100 {
        margin-bottom: 50px;
    }
    .h7-content-wrap .mb70 {
        margin-bottom: 20px;
    }
    .h7-content-wrap .mb60{
        margin-bottom: 10px;
    }
    .h7-content-wrap .tab-header {
        margin-bottom: 30px;
    }
    .h7-content-wrap .pt100 {
        padding-top: 50px;
    }
    .h7-content-wrap .pb70 {
        padding-bottom: 20px;
    }
    .h7-tes-video .left .vc_column-inner {
        padding-top: 50px;
    }
    .h7-brand-list {
        height: auto;
        padding: 70px 0;
    }
    .h7-newsletter {
        margin: 46px 0 50px;
    }
    .h7-footer-fixed .footer-top.vc_row{
        padding: 40px 15px 50px;
    }
    .h7-slider-wrap > .wpb_column.right > .vc_column-inner{
        padding-left: 15px;
    }
    .h7-tes-video .left .vc_column-inner {
        padding: 50px 20px 41px 30px;
    }



    .about-decs{
        float: left;
        width: 100%;
    }
    .about-banner{
        float: left;
        width: 100%;
    }
    .about-banner-wrap > .vc_column-inner > .wpb_wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .footer-top.vc_row {
        padding: 50px 0;
    }
    .footer-top.vc_row{
        margin-bottom: -30px;
    }
    .footer-top .wpb_column:not(:last-child){
        margin-bottom: 30px;
    }
    .footer-bottom > .wpb_column > .vc_column-inner > .wpb_wrapper{
        display: block;
        text-align: center;
    }

    .footer-bottom.vc_row{
        height: auto;
        padding: 20px 0;
    }
    .foorter-payments {
        margin: -5px 0 5px;
    }
    .footer-bottom3.vc_row{
        height: auto;
        border: 0;
        padding: 0;
    }
    .footer-bottom3.vc_row .wpb_wrapper{
        height: auto;
        padding: 15px 0;
    }
    
    .top-filter .pagi-nav{
        display: none;
    }
    .show-by > span, .sort-by > span{
    }
    .show-by, .sort-by {
        margin: 0;
    }
    .sort-pagi-bar{
        margin: 0 -3px -10px;
    }
    .sort-pagi-bar > li {
        margin: 0 3px 10px;
    }
    .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount > button.button{
        font-size: 0 !important;
        width: 40px;
    }
    .woocommerce .widget_price_filter .price_slider_wrapper .price_slider_amount > button.button:after{
        content: "\f1f3";
        font-family: 'LineAwesome';
        position: absolute;
        color: #fff;
        top: 0;
        font-size: 17px;
        left: 0;
        right: 0;
    }
    .widget_price_filter .price_slider_wrapper .price_slider_amount > button.button, 
    .widget_price_filter .price_slider_wrapper .price_slider_amount > input{
        padding: 0px;
    }
    .h1-running-box .banner-info h3.title44{
        max-width:100%;
    }
    .h1-banner-right .vc_column-inner{
        margin: 0px !important;
    }
    .footer-top1 .wpb_column:nth-child(3n+1){
        clear: both;
    }







                
}

@media only screen and (max-width: 1024px) {
    .slider1 .item-slider .title24{
        font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320))); 
        letter-spacing: 1.5px;
    }
    .slider1 .item-slider .title72{
        font-size: calc(30px + (72 - 30) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(32px + (72 - 32) * ((100vw - 320px) / (1920 - 320))); 
        margin-bottom: 25px;
        max-width: 400px;
    }
    .banner-slider .owl-theme .owl-nav button{
        font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
    }
    
    .slider5 .banner-info .title60{
        font-size: calc(30px + (60 - 30) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(32px + (62 - 32) * ((100vw - 320px) / (1920 - 320))); 
        margin-bottom: 25px;
        max-width: 400px;
    }

    .item-post-grid3 .post-info{
        padding: 30px;
    }






}

@media only screen and (max-width: 1199px) and (min-width: 668px) {
    .shop-full .list-4-item:nth-child(4n+1){
        clear: inherit;
    }
    .shop-full .list-4-item:nth-child(3n+1){
        clear: both;
    }
    .shop-full .list-4-item{
        width: 33.3333%;
        clear: none;
    }

}

/*MD to SM*/
@media only screen and (max-width: 991px) and (min-width: 769px) {
    .products-video .item-product-grid .product-extra-link ul,
    .h3-product-slider .item-product-grid .product-extra-link ul{
        right: 15px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }

    .woocommerce .products-video .item-product-grid a.button.addcart-link, 
    .products-video .product-extra-link ul li a,
    .woocommerce .h3-product-slider .item-product-grid a.button.addcart-link, 
    .h3-product-slider .product-extra-link ul li a{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .products-video .product-extra-link ul li a:before,
    .h3-product-slider .product-extra-link ul li a:before {
        font-size: 16px;
    }

    
}

@media only screen and (max-width: 991px) and (min-width: 668px) {
    .list-4-item .item-product-grid .product-extra-link ul,
    .h3-product-tabs .item-product-grid .product-extra-link ul{
        right: 15px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }
    .woocommerce .list-4-item .item-product-grid a.button.addcart-link, 
    .list-4-item .product-extra-link ul li a,
    .woocommerce .h3-product-tabs .item-product-grid a.button.addcart-link, 
    .h3-product-tabs .product-extra-link ul li a{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .list-4-item .product-extra-link ul li a:before,
    .h3-product-tabs .product-extra-link ul li a:before {
        font-size: 16px;
    }

}

@media only screen and (max-width: 991px) {
    .mt30-res991{
        margin-top: 30px;
    }
    .mb30-res991{
        margin-bottom: 30px;
    }

    .wrap-bread-crumb.brc_banner {
        height: 180px;
    }
    .brc_banner h2.title30{
        margin-bottom: 8px;
    }
    .brc_banner .bread-crumb span, 
    .brc_banner .bread-crumb a {
        font-size: 16px;
    }

    .single-related-post{
        margin-top: 50px;
    }
    .post-control{
        margin-bottom: 50px;
    }
    .comment-reply-title,
    .blog-comment-detail > h2.title18,
    .title-single-related-post{
        margin-bottom: 26px;
    }
    .blog-comment-detail {
        margin-bottom: 46px;
    }
    .dropdown-box{
        z-index: 997;
    }
    .header-default-wrap{
        height: 80px;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .header-nav-default {
        -webkit-box-flex: 1;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
        
    




    .h_phone{
        display: none;
    }
    .header-tel5 .h_phone{
        display: block;
    }
    .h_social{
        margin: 0px;
    }
    .header_right > .vc_column-inner > .wpb_wrapper > div.lang-box{
        display: none;
    }
    .header_bottom .search-el{
        display: none;
    }
    .header_bottom .main-nav {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
    }
    .tab-header{
        margin-bottom: 30px;
    }
    .block-element.title-style2 .title-el .title20, 
    .block-element.tab-style2 .title-el .title20, 
    .h3-title .content-info .title20,
    .banner-item-arr .banner-info h4.title20,
    .block-element .title-el .title20, 
    .h1-title .content-info .title20 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .block-element.title-style2 .title40, 
    .block-element.tab-style2 .title-el .title40,
    .h3-title .content-info .title40,
    .banner-item-arr .banner-info .title40,
    .block-element .title-el .title40, 
    .h1-title .content-info .title40 {
        font-size: 30px;
    }
    .h3-testimonials-wrap .h3-title{
        padding-bottom: 30px;
    }
    .h3-title, .h1-title,
    .block-element .title-el{
        margin-bottom: 30px;
    }
    .block-element.title-style2 .title40:before, 
    .block-element.tab-style2 .title-el .title40:before, 
    .h3-title .content-info .title40:before{
        display: none;
    }
    .block-element.title-style3 .title-el .title40:before{
        display: block;
    }
    .h4-title{
        text-align: center !important;
        margin: 0px auto 36px;
    }
    .h4-title .title40 {
        font-size: 30px;
        margin: 0 auto 16px;
        max-width: 768px;
    }
    .h4-title .desc {
        max-width: 768px;
        margin: -12px auto 14px;
    }
    .h4-title::after{
        margin: auto !important;
    }
    .h1-about-box {
        margin-bottom: 0px;
    }
    .h1-title .content-info .desc {
        max-width: 670px;
        margin: 15px auto 0;
    }
    .h1-title .content-info .banner-button {
        margin-top: 28px;
    }
    .h1-banner-pra .content-info h3.title40{
        font-size: 30px;
        margin-bottom: 17px;
    }
    .h1-banner-pra .content-info .desc {
        margin: 0 auto 26px;
    }
    .h1-banner-pra-wrap {
        height: auto;
        padding: 70px 0;
    }
    .h1-running.up .wpb_column.left{
        margin-bottom: 50px;
    }
    .h1-running > .left {
        margin-bottom: 50px;
    }
    .testimo-thumb{
        margin-bottom: 25px;
    }
    .testimo-info ul.list-inline-block {
        margin-bottom: 15px;
    }
    .newsletter-bg.vc_row {
        height: auto;
        padding: 50px 0;
    }
    .h1-newsletter .form-newsletter{
        margin-top: 0px;
    }
    .header-slider2{
        display: none;
    }
    .deal-product {
        margin: 50px 0;
    }
    .h2-testimonial-wrap{
        padding: 46px 0 41px;
    }
    .item-testimo.style2 .testimo-thumb {
        margin: 0 auto 25px;
    }
    .item-testimo.style2{
        padding: 0 15px;
    }
    .item-testimo.style2 .testimo-thumb:before, 
    .item-testimo.style2 .testimo-thumb:after{
        width: 25vw;
    }
    .item-post-grid2 .post-info{
        padding: 30px 30px 40px;
    }
    .item-post-grid2 .post-info .desc {
        margin-bottom: 25px;
    }
    .h2-brand-list {
        margin: 30px 0;
    }
    .home-about-decs{
        padding-left: 0;
    }
    .h3-service-wrap .wpb_wrapper{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .h3-service-box{
        min-height: auto;
        padding: 30px !important;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .h3-posts{
        margin-bottom: 50px;
    }
    .h3-testimonials-slider .owl-theme .owl-nav.disabled+.owl-dots {
        margin-bottom: 30px;
    }
    .header-bottom-group4 .main-nav4 {
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        height: 70px;
        width: 70px;
        line-height: 70px;
        text-align: center;
        border-left: 1px solid rgba(255, 255, 255, .2);
    }
    .main-nav4 .toggle-mobile-menu{
        margin: auto;
        top: 20px;
    }
    .header-social4 .h_social{
        margin: 0 15px;
    }
    .header4-left{
        padding: 0 !important;
        text-align: center;
    }
    .main-nav4 > ul > li > a{
        color: #000;
    }
    .h4-banner-box .banner-info .title48{
        font-size: 36px;
    }
    .h4-posts-wrap{
        padding: 50px 15px 22px;
    }
    .h4-testimonials-wrap{
        padding-bottom: 40px;
    }
    .header-bottom5 .wpb_wrapper{
        height: 70px;
    }
    .mini-cart4 {
        margin-left: 20px;
    }
    .banner-video .video-info .title40{
        font-size: 30px;
        line-height: 32px;
    }
    .banner-video .video-info .banner-button{
        text-align: center;
        margin-top: 21px;
    }
    .h5-banner-video .video-info .banner-button{
        text-align: right;
    }
    .header6 .wpb_wrapper{
        height: 90px;
    }
    .main-nav6 .toggle-mobile-menu{
        top: auto;
    }
    .mma-logo6{
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .header-group6{
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .main-nav6{
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 20px;
    }
    .h7-fixed-menu {
        height: 80px;
    }
    .h7-banner-box .banner-info {
        right: 60px;
    }
    .h7-banner-box .banner-info .title40{
        font-size: 30px;
    }
    .h7-banner-box .banner-info .desc{
        margin-bottom: 20px;
    }
    .h7-tes-video .right .vc_column-inner,
    .h7-tes-video .left .vc_column-inner{
        margin: 0 !important;
    }
    .h7-tes-video .left .vc_column-inner{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .h7-brand-list {
        padding: 50px 0;
    }
    .contact-box-left{
        margin-bottom: 30px;
    }
    .social-contact-wrap {
        height: auto;
        padding: 50px 0;
        margin-bottom: -50px;
    }
    .about-decs {
        padding: 30px 15px 0px;
    }
    .about-service{
        height: auto;
        padding: 50px 0;
    }
    .about-team .content-info{
        margin-bottom: 22px;
    }
    .about-team .content-info p.title20 {
        margin-bottom: 7px;
    }
    .about-team .content-info h3.title40{
        font-size: 30px;
    }

    /*Hslider*/
    .slider3 .group-control{
        height: 50px;
        line-height: 50px;
    }
    .group-control .number-slider{
        font-size: 14px;
        bottom: 5px;
    }
    .group-control .nav_btn {
        font-size: 14px;
    }
    .number-slider .sep{

    }
    .slider3 .group-control .number-slider .sep:before{
        width: 15px;
    }
    .group-navi .owl-nav{
        top: -50px;
    }
    .sort-pagi-bar{

    }
    .item-product-list .wrap-rating{
        position: static;
        margin-bottom: 12px;
    }
    .top-filter .box-attr-filter {
        display: block;
    }
    .top-filter .box-attr-filter .list-col-item{
        width: 50%;
    }
    .product-detail,
    .detail-tabs{
        margin-bottom: 50px;
    }
    .detail-gallery{
        float: left;
        width: 100%;
        margin-bottom: 50px;
    }
    
    .featured-desc {
        margin-left: 50px;
    }
    .featured-banner {
        margin-bottom: 42px;
        margin-bottom: 47px;
    }
    .featured-desc .desc2{
        margin-bottom: 43px;
    }
    .featured-wrap{
        margin-bottom: 46px;
    }
    .content-append-after-tab .featured-banner{
        margin-top: 0px;
    }
    .h1-running.down .wpb_column .vc_column-inner{
        padding: 0 15px !important;
    }
    .h6-banner-box .banner-info .title40 {
        font-size: 22px;
        line-height: 24px;
    }
    .h6-banner-box .banner-info .banner-button {
        margin-top: 22px;
    }
    .h6-products-el .list-product-wrap .product{
        width: 50%;
    }
    .footer-top .wpb_column:nth-child(2n+1){
        clear: both;
    }
    .footer-top1 .wpb_column:nth-child(3n+1){
        clear: none;
    }
    .mma-row_fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    .mma-logo3{
        margin-left: 70px;
    }
    .main-nav3{
        width: 50px;
        border: none;
    }
    .main-nav3{
        width: auto;
        left: 25px;
        border: none;
    }
    .main-nav6 > ul > li > a{
        color: #000;
    }



}



@media only screen and (max-width: 800px) {
    .header4-left{
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .2);
        padding: 10px 0 15px !important;
    }
    .header-top-group4 .vc_column-inner > .wpb_wrapper{
        height: auto;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header-top-group4 .header-social4{
        flex: none;
    }
    .header-bottom-group4 .main-nav4 {
        position: absolute;
        left: 0;
        height: 70px;
        width: 70px;
        line-height: 70px;
        text-align: center;
        border: 0;
        border-right: 1px solid rgba(255, 255, 255, .2);
    }






}



@media only screen and (max-width: 782px) {
  .logged-in .main-nav > ul{
    top: 46px;
  }
  .admin-bar .aside-box .dropdown-list{
    top: 46px;
  }
}





@media only screen and (max-width: 768px) {
    .woocommerce table.shop_table td{
    }
    .woocommerce table.shop_table td.product-price{
        margin: 0px;
    }
    .woocommerce table.shop_table td.product-remove{
        width: auto;
        max-width: 100%;
        height: 30px
    }
    .woocommerce table.shop_table td.product-quantity .detail-qty{
        display: inline-block;
        margin-bottom: 0px;
    }
    .woocommerce .product-remove a.remove{
        float: left;
        margin-top: -7px;
    }
    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before{
        font-weight: 500;
        color: #4c5461;
    }
    .item-wap .item-small,
    .item-wap .item-large{
        width: 100%;
    }
    .list-col-item.item-banner{
        width: 100%;
    }
    .item-video{
        width: 100%;
    }
    .wrap-4-item{
        padding: 0;
        width: 100%;
    }
    .products-video .list-4-item{
        width: 50%;
    }
    .banner-slider.bg-slider .item-slider{
        min-height: 320px;
    }

    
    


}
@media only screen and (max-width: 767px) and (min-width: 615px) {
    .deal-product .list-product-wrap {
        margin: 0 -5px;
    }
    .deal-product .item {
        padding: 0 5px;
    }
    
   
}
@media only screen and (max-width: 767px) and (min-width: 600px) {
    .h2-nike-banner .banner-info {
        left: 30px;
        right: 30px;
    }
}

/*SM*/
@media only screen and (max-width: 767px) {
    .products-video .list-product-wrap {
        display: block;
    }
    .video-block{
        display: block;
    }
    .custom-content-sidebar,
    .main-page-default > .container > .row,
    .content-page > .container > .row{
        display:flex;
        display:-ms-flex;
        display:-webkit-flex;
        flex-direction:column;
        -ms-flex-direction:column;
        -webkit-flex-direction:column;
    }
    .custom-content,
    .content-wrap{
        order: 0;
        -webkit-order: 0;
    }
    .custom-sidebar,
    .sidebar-wrap{
        margin-top: 50px;
        order: 1;
        -webkit-order: 1;
    }
    .mb30-res767{
        margin-bottom: 30px;
    }
    .row_expand.vc_row, 
    .row_expand.vc_section > .wpb_column, 
    .row_expand.vc_section > .vc_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .content-wrap blockquote:before, 
    .content-wrap blockquote:after{
        width: 100%;
    }
    .tabs-block.default .tab-label {
        height: 50px;
        line-height: 54px;
    }
    .tabs-block.default .title-tab{
        padding: 5px 0 15px;
    }
    .tabs-block.default .tab-label:after {
        font-size: 14px;
    }
    .quan-cart{
        max-width: 100%;
    }

   

    .slider1.banner-slider .banner-info {
        left: 50px;
        right: 50px;
    }
    .shop-button{
        height: 35px;
        line-height: 35px;
        padding: 0 30px;
    }



    .deal-in-day {
        margin-top: 50px;
    }
    .content-timer .content-info .title24{
        font-size: 18px;
    }
    .content-timer .content-info .title48{
        font-size: 30px;
    }
    .timer_wrap {
        margin: 23px 0 25px;
    }
    .time_circles [class^="textDiv"]{
        height: 50px;
        width: 50px !important;
        line-height: 50px;
    }
    .time_circles span.number {
        font-size: 16px;
    }
    .time_circles span.text {
        font-size: 12px;
    }

    .h1-banner-left .banner-info,
    .h1-banner-right .banner-info{
        padding: 50px 40px;
    }
    .header_bottom2 .header-bottom-group{
        margin: 0 -15px !important;
    }
    .item-post-grid2{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .item-post-grid2 .post-info,
    .item-post-grid2 .post-thumb{
        width: 100%;
    }
    .item-post-grid2 .post-info:before{
        display: none;
    }
    .banner-slider-right .banner-info {
        left: 30px;
    }
    .banner-slider-right .banner-info h3.title60{
        font-size: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(32px + (110 - 32) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 30px;
        margin-bottom: 30px;
    }

    .menu-content-left, 
    .menu-content-right{
        width: 100%;
        padding: 0 30px 50px;
    }
    .menu-content-right{
        padding-bottom: 150px;
    }
    .menu-social-list {
        bottom: 100px;
    }
    .menu-social-list > a{
        width: 30px;
    }
    
    .main-nav3 .overlay-fixed:before,
    .main-nav3 .overlay-fixed:after{
        display: none;
    }
    .menu-content {
        top: 80px;
    }
    .menu-title:before{
        display: none;
    }
    .big-text{
        display: none;
    }
    .menu-title{
        margin: 0 0 30px;
        padding: 0;
    }
    .menu-title .title60{
        margin: 0px;
        display: inline-block;
        text-transform: uppercase;
        background: #1cbbb4;
        padding: 0 30px;
    } 
    .menu-title span.title15{
        margin: 0px;
        display: block;
        font-size: 18px;
    }
    .menu-content-left .content-info,
    .menu-content-right .content-info{
        text-align: center;
    }
    .menu-content-right .content-info > p.desc {
        margin: -3px auto 18px;
    }
    .menu-content-right .content-info ul > li{
        padding: 0px !important;
    }
    .menu-content-right .content-info ul > li > i.la{
        position: static;
    }
    .main-nav3 .toggle-mobile-menu{
        display: block;
    }



    .tabs-block.default .tab-header{
        max-width: 100%;
    }
    .group-navi .owl-nav{
        position: static;
        width: auto;
    }
    .tabs-block.default .btn_tab {
        position: static;
        margin: 10px 0 15px;
        text-align: center;
    }
    .h3-product-tabs .title-el{
        margin-bottom: 30px !important;
    }
    .block-element.title-style2 .title-el, 
    .block-element.tab-style2 .title-el {
        text-align: center;
    }
    .tab-style2 .title-tab{
        text-align: center;
    }
    .h3-title{
        text-align: center;
    }
    .h3-newsletter .form-newsletter{
        margin: 27px auto 0;
    }
    .h3-newsletter-wrap {
        height: auto;
        padding: 50px 0;
    }
    .h3-testimonials-wrap .h3-title{
        padding-bottom: 32px;
    }
    .h3-testimonials-slider .owl-theme .owl-nav.disabled+.owl-dots{
        margin-bottom: 30px;
    }
    .item-post-grid3 .post-info{
        padding: 30px;
    }
    .h3-service-box:not(:last-child) {
        margin-bottom: 30px; 
    }
    .h3-service-box{
        width: 100%;
    }
    .h4-service{
        padding: 30px 0;
    }
    .h4-banner-wrap .h4-banner-box{
        width: 100%;
    }
    .h4-banner-wrap .h4-banner-box.last{
        margin-bottom: 0px;
    }
    .h4-banner-box .banner-info .title48 {
        font-size: 30px;
    }
    .header-tel5 .h_phone{
        display: none;
    }
    .header-social5::after{
        display: none;
    }
    .header-social5{
        margin: 0 !important;
        padding: 0 !important;
    }
    .header-top5 .wpb_wrapper{
        margin-top: 5px;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        justify-content: center;
    }
    .header-group5-top{
        width: 100%;
    }
    .header-group5-top.right .wpb_wrapper > div.lang-box{
        display: none;
    }
    .banner-video .video-wrap{
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .banner-video .video-info{
        margin-top: 30px;
        position: static;
        transform: none;
    }
    .banner-video .video-info .desc {
        max-width: 300px;
        display: block;
        margin: auto;
        text-align: center;
    }
    .banner-video .video-info .title40 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .h5-banner-video .video-info .title40:after {
        right: 0 !important;
        left: 0 !important;
        margin: auto;
    }
    .h7-fixed-menu{
        padding: 0 15px !important;
    }
    .h7-content-wrap.vc_section{
        padding: 0 15px;
    }
    .h7-footer-fixed .footer-top.vc_row {
        padding: 40px 0 50px;
    }
    .h7-footer-fixed .footer-bottom.vc_row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .h5-banner-video .video-info .banner-button{
        text-align: center !important;
    }















    
    .detail-tabs,
    .tab-vertical{
        display: block;
    }
    .tab-horizontal .list-tag-detail{
        margin: 0;
    }
    .detail-tabs .list-tag-detail li,
    .tab-vertical .list-tag-detail li,
    .tab-horizontal .list-tag-detail li {
        width: 100%;
        margin: 0 0 5px;
    }
    .list-tag-detail li a{
        margin: 0;
    }
    .detail-tab-content .tab-content .tab-pane{
        margin: 0;
        padding: 18px 20px;
    }
    .sticky-cart-form {
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .footer-top .wpb_column{
        margin-bottom: 30px !important;
    }
    .video-button .icon-play{
        font-size: 32px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .title-single {
        margin-bottom: 29px;
    }
    .title-single h2.title30 {
        margin-bottom: 4px;
        font-size: 24px;
    }
    .sort-pagi-bar{
        width: 100%;
    }
    .top-filter .pull-right{
        float: left !important;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .slider5  .banner-info{
        left: 50px;
        right: 50px;
    }

    
}   

@media only screen and (max-width: 600px) {
    .logged-in .main-nav > ul{
        top: 0px;
      }
      .admin-bar .aside-box .dropdown-list{
        top: 0px;
      }
    
    .h1-banner-item-left,
    .h1-banner-item-right{
        width: 100%;   
    }
    .h1-banner-item-right.down .banner-info {
        order: 1;
    }
    .h1-banner-right .down .banner-info:before {
        top: -20px;
        bottom: auto;
        border-top: 0;
        border-bottom: 20px solid #242424;
    }
    .banner-item-arr .banner-info p.desc{
        display: none;
    }
    .h1-running-box .banner-info{
        left: 30px !important;
        right: 30px !important;
    }
    .h1-running-box.right .banner-info h3.title44,
    .h1-running-box .banner-info h3.title44{
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 17px;
    }
    .header_top1{
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 15px 0 5px;
    }
    .header_right > .vc_column-inner,
    .header_left .content-info{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .header_bottom2 > .wpb_column > .vc_column-inner > .wpb_wrapper{
        display: block;
    }
    .header_bottom2 .logo{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        padding: 0 !important;
        margin: 0 -15px !important;
        border: 0 !important;
        text-align: center;
        border-bottom: 1px solid #ebebeb !important;
    }
    .header_bottom2 .main-nav{
        position: absolute;
        margin-top: 20px;
        margin-left: 10px;
    }
    .header_top2{
        height: auto;
        padding: 10px 0 0;
    }
    .header-social2 > .content-info{
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .header_top2 > .wpb_column > .vc_column-inner > .wpb_wrapper{
        display: block;
    }
    .header_top2 > .wpb_column > .vc_column-inner > .wpb_wrapper > div{
        width: auto;
    }
    .header-top-group .vc_column-inner > .wpb_wrapper{
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mini-cart3 .mini-cart-text, 
    .search-icon2 .search-text{
        display: none;
    }
    .header3-right > .vc_column-inner > .wpb_wrapper{
        margin-right: 15px;
    }
    .mini-cart3 .mini-cart-link,
    .search-icon2 .icon {
        height: 80px;
        padding: 0;
        width: 35px;
        background: transparent !important;
    }
    .mini-cart3 .la,
    .search-icon2 .la{
        margin: 0px !important;
    }
    .header3-left{
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .header3-right{
        width: auto !important;
    }
    .header-top-group4 .header-social4 {
        flex: none;
        width: 100%;
        margin-top: 10px !important;
    }
    .header-top-group4 .vc_column-inner > .wpb_wrapper{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .h6-banner-box .banner-info{
        padding: 20px;
        position: static;
        transform: none;
        max-width: 100%;
    }
    .h6-banner-box .banner-info .title40 {
        margin-bottom: 10px;
        padding-bottom: 15px;
    }
    .h6-banner-box .banner-info .banner-button {
        margin-top: 12px;
    }
    .h7-banner-box .banner-info{
        display: none;
    }
    .post-control h3.title14{
        margin-bottom: 0px;
        font-size: 12px;
    }
    .post-control p.title14{
        display: none;
    }
    .st-wrap,
    .single-info-author {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .single-tags{
        margin-bottom: 10px;
    }
    .single-info-author .author-thumb {
        margin-bottom: -50px;
        position: relative;
        z-index: 11;
    }
    .single-info-author .author-info {
        position: relative;
        padding: 60px 20px 15px;
        border: 1px solid #ebebeb;
    }
    .single-info-author .author-social {
        position: static;
        margin: 10px -10px 0;
    }
    .comment-respond p.contact-email,
    .comment-respond p.contact-name{
        width: 100%;
    }
    .item-comment {
        padding: 15px 15px 18px;
    }
    .item-comment .comment-thumb {
        display: block;
        margin: auto;
    }
    .item-comment .comment-info {
        padding-left: 0;
        position: relative;
        top: 0;
        margin-top: 15px;
        display: block;
    }
    .product-grid-view .item-product-list .row, 
    .product-list-view .item-product-list .row{
        display: block;
    }
    .item-product-list div[class^="col"]:first-child{
        margin-bottom: 30px; 
    }
    .top-filter .box-attr-filter .list-col-item{
        width: 100%;
    }
    .featured-banner .banner-info {
        left: 30px;
        right: 30px;
    }
    .featured-banner2 .banner-info h3.title30,
    .featured-banner .banner-info h3.title30 {
        margin-bottom: 7px;
        font-size: 24px;
    }
    .featured-banner2 .banner-info p.desc,
    .featured-banner .banner-info p.desc {
        margin-bottom: 17px;
        font-size: 14px;
        line-height: 20px;
    }
    .slider5.banner-slider .banner-info,
    .slider1.banner-slider .banner-info{
        left: 50px;
        right: 50px;
    }
    .slider5 .banner-info .title60{
        max-width: 100%;
    }
    .h2-nike-banner{
        width: 100%;
    }
    .h2-nike-banner .banner-info{
        left: 30px !important;
        right: 30px !important;
    }
    .h4-banner-inner{
        width: 100% !important;
    }
    .h4-banner-inner1{
        margin-bottom: 30px;
    }
    .h6-products-el .list-product-wrap .product{
        width: 100%;
    }




    .tabs-block .title-tab {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: -5px;
    }
    .tabs-block .title-tab > li {
        float: left;
        width: calc(50% - 10px);
        padding: 5px;
        margin: 5px;
        border: 1px solid #ebebeb;
        color: #f0494c;
    }
    .tabs-block .title-tab > li.active {
        border-color: #f0494c;
    }
    .tabs-block .title-tab > li a {
        display: block;
    }
    .tabs-block.default .title-tab > li{
        border: none;
        padding: 0;
    }

    


}

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

@media only screen and (max-width: 525px) {
    .form-newsletter form .mc4wp-form-fields{
        border: none;
        display: block;
        background: transparent;
    }
    .form-newsletter input[type="email"]{
        border: 1px solid #ebebeb;
        height: 44px;
        background: #fff;
        border-radius: 30px;
        width: 100%;
        margin-bottom: 15px;
    }
    .form-newsletter .submit-form {
        position: static;
        height: 44px;
        line-height: 44px;
    }
    .form-newsletter .submit-form input[type="submit"] {
        padding: 0 40px;
    }

    .footer-newsletter .form-newsletter input[type="email"] {
        padding: 0 20px;
        font-size: 12px;
    }
    .item-post-grid3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .item-post-grid3 .post-thumb,
    .item-post-grid3 .post-info {
        float: left;
        width: 100%;
    }
    .item-post-grid3 .post-info {
        padding: 15px;
    }
    .item-testimo.style3 {
        padding: 40px 15px 0;
    }
    .slider5 .banner-info .title60 {
        font-size: calc(28px + (60 - 28) * ((100vw - 320px) / (1920 - 320)));
        line-height: calc(30px + (62 - 30) * ((100vw - 320px) / (1920 - 320)));
        margin-bottom: 15px;
        max-width: 600px;
    }
    .block-element.title-style2 .title-el .title20, 
    .block-element.tab-style2 .title-el .title20, 
    .h3-title .content-info .title20, 
    .banner-item-arr .banner-info h4.title20, 
    .block-element .title-el .title20, .h1-title .content-info .title20 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .block-element.title-style2 .title40, 
    .block-element.tab-style2 .title-el .title40, 
    .h3-title .content-info .title40, 
    .banner-item-arr .banner-info .title40, 
    .block-element .title-el .title40, 
    .h1-title .content-info .title40{
        font-size: 26px;
    }


}

@media only screen and (max-width: 525px) and (min-width: 376px) {
    .item-product-grid .product-extra-link ul{
        right: 15px;
        bottom: 50%;
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -ms-transform: translateY(50%);
        -o-transform: translateY(50%);
        transform: translateY(50%);
    }
    .woocommerce .item-product-grid a.button.addcart-link, 
    .product-extra-link ul li a{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .product-extra-link ul li a:before {
        font-size: 16px;
    }

}

@media only screen and (max-width: 480px) {
    .list-product-group .group_table tr {
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
        margin-bottom: 10px;
    }
    .woocommerce div.product form.cart .group_table tr:last-child td{
        padding-bottom: 6px;
    }
    .banner-video .video-wrap{
        margin-bottom: 0px;
    }
    .banner-slider-right .banner-info h3.title60:before{
        height: 5px;
    }

    .sort-pagi-bar .box-attr-filter .widget{
        width: 100%;
    }
    .filter-product .box-attr-filter {
        padding: 20px 0 0;
    }
    .product-horizontal .gallery-slider{
        margin: 0 40px;
    }
    .product-banner .banner-info{
        display: none;
    }
    .detail-gallery .gallery-control{
        margin-top: 20px;
    }
    .detail-gallery .product-vertical .gallery-control{
        margin-top: 0px;
    }
    .group-control{
        display: none;
    }
    .h7-content-wrap .h4-title .title40, 
    .h7-content-wrap .block-element.title-style3 .title-el .title40,
    .h4-title .title40 {
        font-size: 24px;
    }
    .mini-cart4 .mini-cart-info{
        display: none;
    }
    .h7-fixed-menu{
        padding: 15px !important;
        display: block;
        height: auto;
    }
    .header-group7 .wpb_wrapper {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: justify;
        justify-content: flex-end;
    }
    .main-nav7{
        position: static;
    }
    .main-nav7 .toggle-mobile-menu{
        position: absolute;
        left: 15px;
        top: 45px;
    }
    .header7{
        margin-bottom: 7px;
    }
    .detail-info .product_title {
        font-size: 24px;
    }
    .detail-qty {
        width: 80px !important;
        margin: 0;
        padding: 0;
    }
    .detail-qty .qty-val{
        width: 50px;
    }
    .detail-qty .qty-label{
        display: none;
    }
    .mini-cart4 .mini-cart-link .mini-cart-number{
        right: 3px;
    }





}

@media only screen and (max-width: 425px){
    .tabs-block .title-tab > li{
        width: 100%;
    }
    .product-vertical .gallery-control{
        width: 50px;
    }
    .product-vertical{
        padding-left: 60px;
    }
    .product-vertical .gallery-control a{
        font-size: 12px;
        width: 22px;
        height: 22px;
        line-height: 22px;
    }
    .single_add_to_cart_button, 
    .woocommerce div.product form.cart .button.single_add_to_cart_button {
        margin: 0 10px;
        padding: 0 15px;
        letter-spacing: 0px;
    }

    .banner-item-arr .banner-info .title20{
        display: none;
    }
    .mma-logo6 {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .sort-pagi-bar > li {
        width: 100%;
    }
    .show-by > span, .sort-by > span {
        margin-left: 0px;
    }
    .featured-banner2 .banner-info,
    .featured-banner .banner-info {
        display: none;
    }
    .featured-desc{
        margin: 0 !important;
    }
    .slider7 .item-slider .title72{
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .footer-box-first{
        width: 100% !important;
    }
    .banner-slider.bg-slider.slider6 .item-slider {
        min-height: 480px;
    }





}

@media only screen and (max-width: 380px){
    .h2-nike-banner .banner-info{
        top: 100px;
    }
    .banner-item-arr .banner-info .top {
        top: 30px;
    }
    .banner-item-arr .banner-info .bottom {
        bottom: 35px;
    }
    .item-testimo.style2 .testimo-thumb:before, 
    .item-testimo.style2 .testimo-thumb:after{
        width: 20vw;
    }
    .item-testimo.style2 .testimo-thumb:before{
        left: 120px;
    }
    .item-testimo.style2 .testimo-thumb:after{
        right: 120px;
    }
    .item-post-grid2 .post-info {
        padding: 20px 15px 30px;
    }
    .h7-content-wrap .h4-title .title40, 
    .h7-content-wrap .block-element.title-style3 .title-el .title40,
    .h4-title .title40 {
        font-size: 22px;
    }
    .slider5.banner-slider .banner-info, .slider1.banner-slider .banner-info {
        left: 30px;
        right: 30px;
    }
    .footer-bottom3.vc_row .wpb_wrapper{
        margin: 0 -15px;
    }
    .footer-bottom3 .footer-bottom-links ul {
        margin: 0 -5px;
    }
    .footer-bottom3 .footer-bottom-links ul li{
        margin: 0 5px;
    }
    .mma-logo4{
        margin: 10px 0 0;
    }
    .mma-logo4 img {
        max-width: 170px;
    }
    .mma-logo4 span.title31{
        font-size: 26px;
    }
    .header-top-group4 .header-social4{
        display: none;
    }



}

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