/*Responsive*/
@media (max-width: 1280px){}
@media (max-width: 1200px){}
@media (max-width: 1024px){
    .smart-slider:not(.owl-carousel)[data-item="6"] > div,
    .smart-slider:not(.owl-carousel)[data-item="5"] > div{
        width: 25%;
    }
}
@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;
    }
    .main-nav li.has-mega-menu > .mega-menu,
    .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 li.has-mega-menu > .mega-menu{
        position: static;
        max-width: 100%;
        visibility: visible;
        border: 0;
        box-shadow: none;
        padding: 0;
    }
    .btn-toggle-mobile-menu::after {
        top: 2px;
        line-height: 37px;
        width: 37px;
        text-align: center;
        right: -15px;
    }
}
@media (max-width: 860px){
    table.shop_table .product-name {
    min-width: inherit;
}
}
@media (max-width: 768px){
    .list-4-item:nth-child(4n+1),
    .list-5-item:nth-child(5n+1),
    .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-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: both;
    }
    .list-10-item,
    .list-9-item,
    .list-8-item{
        width: 20%;
    }
    .list-7-item,
    .list-6-item{
        width: 25%;
    }
    .list-4-item,
    .list-5-item {
        width: 33.3333%;
    }
    /*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-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;
    }
    
    .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-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%;
    }
    .list-5-item,
    .list-4-item,
    .list-3-item,
    .list-2-item,
    .col-sm-8 .list-4-item {
        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;
    }
}

@media (max-width: 375px){
   
}
@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: 1750px) {
    .header-logo4 {
        margin-right: 25px;
    }
    .slider4 .banner-info {
        margin-top: 50px;
        margin-left: 45px;
    }
    .slider4 .banner-info .title24{
        margin-bottom: 30px;
    }
    .slider4 .banner-info .title60{
        margin-bottom: 22px;
    }
    .slider4 .banner-info .slide-button {
        margin-top: 38px;
    }

}


@media only screen and (max-width: 1600px) {
    .header3-col .logo,
    .main-nav3 > ul > li.item-logo{
        width: 230px;
    }
    .main-nav3 > ul > li > a{
        padding: 0 20px;
    }
    .slider5 .banner-info .title80{
        font-size: calc(20px + (80 - 20) * ((100vw - 320px) / (1900 - 320)));
    }


}



@media only screen and (max-width: 1444px) {
    .slider4 .banner-info {
        margin-top: 50px;
        margin-left: 30px;
    }
    
    .slider4 .banner-info .title60 {
        font-size: 50px;
        line-height: 60px;
    }
    .slider4 .banner-info .title24{

    }
    .slider4 .banner-info .slide-button{

    }
    .navi-style2 .owl-theme .owl-nav {
        bottom: 40px;
        right: 11vw;
        width: 280px;
    }

    #customDots{
        bottom: 15px;
        right: 16vw;
    }
    #customDots .owl-dot {
        height: 110px;
        width: 140px;
    }
    .number-slider{
        bottom: 15px;
    }
    .header4-left{
        -webkit-flex: 0 1 65%;
        -ms-flex: 0 1 65%;
        flex: 0 0 65%;
    }
    .header4-right{
        -webkit-flex: 0 1 35%;
        -ms-flex: 0 1 35%;
        flex: 0 0 35%;
    }
    .header-top4 .search-el{
        margin-right: 30px;
    }
    .header-top4 .search-el .search-form{
        margin: 0;
    }
    .banner-slider5 .owl-theme .owl-nav {
        bottom: 5px !important;
        display: block !important;
    }
    .banner-slider5 .number-slider {
        right: auto;
        left: 15px !important;
        bottom: 15px !important;
    }






}

@media only screen and (min-width: 1381px) {
    .res-p,
    .header-top4,
    .expand-width.footer-bottom,
    .expand-width.footer-top{
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}

@media only screen and (max-width: 1380px) {
    .expand-width.footer-bottom,
    .expand-width.footer-top{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .res-p,
    .header-top4{
        padding: 0 15px !important;
    }
    .banner-slider .owl-theme .owl-nav button.owl-prev {
      left: 0px;
    }
    .banner-slider .owl-theme .owl-nav button.owl-next {
      right: 0px;
    }
    .banner-slider:hover .owl-theme .owl-nav button.owl-prev {
      left: 15px;
    }
    .banner-slider:hover .owl-theme .owl-nav button.owl-next {
      right: 15px;
    }
    .feed-back2-slider .owl-theme .owl-nav button.owl-prev,
    .feed-back2-slider:hover .owl-theme .owl-nav button.owl-prev,
    .feed-back-slider .owl-theme .owl-nav button.owl-prev,
    .feed-back-slider:hover .owl-theme .owl-nav button.owl-prev,
    .our-offer-slider .owl-theme .owl-nav button.owl-prev,
    .our-offer-slider:hover .owl-theme .owl-nav button.owl-prev{
        left: -80px;
        opacity: 1;
    }
    .feed-back2-slider .owl-theme .owl-nav button.owl-next,
    .feed-back2-slider:hover .owl-theme .owl-nav button.owl-next,
    .feed-back-slider .owl-theme .owl-nav button.owl-next,
    .feed-back-slider:hover .owl-theme .owl-nav button.owl-next,
    .our-offer-slider .owl-theme .owl-nav button.owl-next,
    .our-offer-slider:hover .owl-theme .owl-nav button.owl-next{
        right: -80px;
        opacity: 1;
    }
    .why-choose ul.list-none li:not(:last-child) {
        margin-bottom: 43px;
    }
    .why-choose-wrap.wpb_column {
        padding: 73px 0 0 80px !important;
    }
    .why-choose-wrap .title-leaf{
        max-width: 420px;
    }
    .why-choose ul.list-none li:before {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 26px;
    }
    .why-choose ul.list-none li .info {
        width: calc(100% - 90px);
    }
    .why-choose ul.list-none:before {
        left: 30px;
    }
    .asl-title h2.title200 {
        font-size: 150px;
    }

    .header-hotline .title16 {
        font-size: 14px;
    }
    .header3-col .logo, 
    .main-nav3 > ul > li.item-logo {
        width: 200px;
    }








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

    .item-slider .banner-info h3.title48:before{
        display: none;
    }
    .feed-back-slider .owl-theme .owl-nav button.owl-prev, 
    .feed-back-slider:hover .owl-theme .owl-nav button.owl-prev, 
    .our-offer-slider .owl-theme .owl-nav button.owl-prev, 
    .our-offer-slider:hover .owl-theme .owl-nav button.owl-prev{
        left: -15px;
    }
    .feed-back-slider .owl-theme .owl-nav button.owl-next, 
    .feed-back-slider:hover .owl-theme .owl-nav button.owl-next, 
    .our-offer-slider .owl-theme .owl-nav button.owl-next, 
    .our-offer-slider:hover .owl-theme .owl-nav button.owl-next{
        right: -15px;
    }
    .tabs-block .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
    .tabs-block .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }
    .our-offer-slider .owl-theme .owl-nav button,
    .feed-back-slider .owl-theme .owl-nav button,
    .tabs-block .owl-carousel .owl-nav button{
        opacity: 0;
    }
    .our-offer-slider:hover .owl-theme .owl-nav button,
    .feed-back-slider:hover .owl-theme .owl-nav button,
    .tabs-block:hover .owl-carousel .owl-nav button{
        opacity: 1;
    }
    .navi-style2 .owl-theme .owl-nav {
        width: 100px;
        right: -10px;
        bottom: 50px;
    }
    .header-top4 {
        height: auto;
        padding: 0;
    }
    .header-top4 .search-el{
        display: none;
    }
    .header4-left{
        -webkit-flex: 0 1 85%;
        -ms-flex: 0 1 85%;
        flex: 0 0 85%;
    }
    .header4-right{
        -webkit-flex: 0 1 15%;
        -ms-flex: 0 1 15%;
        flex: 0 0 15%;
    }
    .header4-right > .vc_column-inner > .wpb_wrapper{
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    




    
}
@media only screen and (min-width: 1200px) {
    
}


/*LG*/
@media only screen and (max-width: 1199px) {
    .mt100{
        margin-top: 80px
    }
    .mb100 {
        margin-bottom: 80px;
    }
    .pt100{
        padding-top: 80px
    }
    .pb100 {
        padding-bottom: 80px;
    }
    .pt70{
        padding-top: 50px;
    }
    .pb70{
        padding-bottom: 50px;
    }
    .mb70{
        margin-bottom: 50px;
    }
    .mb80 {
        margin-bottom: 60px;
    }
    .main-page-default{
        margin: 80px 0;
    }
    .wrap-bread-crumb.brc_banner{
        height: 320px;
    }
    .tab-default {
        padding: 80px 0 72px;
    }
    .tab-style3,
    .tab-style2{
        margin: 75px 0 72px;
    }
    .footer-top{
        padding: 76px 0 75px;
    }
    .h3-newsletter.block-element .title{
        margin-bottom: 43px;
    }
    .h6-product-slider{
        padding: 80px 0 86px;
    }
    .h5-newsletter{
        padding: 72px 0 80px;
    }
    


    .vc_row.header-bottom{
        margin-left: -15px;
        margin-right: -15px;
    }
    .header-groups, .cur-lang-box{
        width: auto;
    }
    .cur-lang-box{
        padding: 0 15px;
    }
    .cur-lang-box a.dropdown-link:hover, 
    .account-manager a.open-login-form:hover, 
    .wishlist-url a:hover{
        color: #c3d450;
    }
    .header-bottom2 .vc_row.header-groups{
        margin: 0px;
    }
    

    .item-slider.slider1 h3.title72{
        font-size: calc(18px + (72 - 16) * ((100vw - 320px) / (1900 - 320)));
        line-height: calc(20px + (72 - 20) * ((100vw - 320px) / (1900 - 320)));
        margin-bottom: 20px;
    }
    .item-slider.slider1 p.title30{
        font-size: calc(14px + (30 - 14) * ((100vw - 320px) / (1900 - 320)));
        line-height: calc(20px + (36 - 20) * ((100vw - 320px) / (1900 - 320)));
        padding-left: 17px;
        margin-bottom: 30px;
    }
    .item-slider.slider1 p.title30:before {
        top: 0;
        height: 100%;
    }

    .item-slider.slider2 h4.title48{
        font-size: calc(16px + (48 - 16) * ((100vw - 320px) / (1900 - 320)));
        margin-bottom: 20px;
    }
    .item-slider.slider2 h3.title90{
        font-size: calc(20px + (90 - 16) * ((100vw - 320px) / (1900 - 320)));
        margin-bottom: 30px;
    }
    .banner-video .banner-info h3.title30{
        letter-spacing: 1vw;
        font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1900 - 320)));
    }
    .banner-video .banner-info h2.title100{
        font-size: calc(24px + (100 - 24) * ((100vw - 320px) / (1900 - 320)));
        margin-bottom: 4vw;
    }

    .item-slider.slider3 h3.title55{
        font-size: calc(22px + (55 - 22) * ((100vw - 320px) / (1900 - 320)));
        font-size: calc(20px + (60 - 20) * ((100vw - 320px) / (1900 - 320)));
    }

    .slider4 .banner-info {
        margin-top: 20px;
        margin-left: 0px;
    }
    .slider4 .banner-info .title24 {
        font-size: 18px;
        padding-left: 25px;
    }
    .content-box4 p.title24:before,
    .slider4 .banner-info .title24:before {
        height: 25px;
    }
    .slider4 .banner-info .title60 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 12px;
    }
    
    .slider5 .banner-info .title80{
        margin-bottom: 30px;
    }
    .slider5 .banner-info .slide-button{
        margin-top: 28px;
    }
    .slider5 .banner-info .title30 {
        letter-spacing: 7.5px;
        margin-bottom: 9px;
        font-size: 20px;
    }

        
    .scroll-icon{
        bottom: 5px;
    }
    .scroll-icon .scroll-down::after {
        font-size: 18px;
        margin-top: 8px;
    }


    .h1-our-services{
        padding: 30px 0 50px;
    }
    .vc_row.h2-our-services{
        padding: 80px 0 40px;
    }

    .h2-our-services .our-services,
    .h1-our-services .our-services {
        bottom: 0;
        margin: 40px 0;
    }
    .vc_row.vc_custom_1548063504781{
        padding-top: 0px !important;
    }
    .banner-slider2 .owl-theme .owl-dots {
        bottom: 42px;
    }
    .h1-img03 {
        width: auto;
    }
    .why-choose-wrap.wpb_column {
        padding: 83px 30px 50px !important;
    }
    .h2-banner-asl {
        padding-top: 80px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .our-offer-slider{
        padding: 0 0 72px;
    }
    .feed-back {
        padding: 75px 0 72px;
    }
    .feed-back2 {
        padding: 74px 0 74px;
    }
    .header3-left{
        display: none;
    }
    .header3-center > .vc_column-inner > .wpb_wrapper{
        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;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .header3-col .logo{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding-left: 0;
        position: static;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        width: auto;
    }
    .main-nav3{
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .header3-center {
        -webkit-flex: 0 1 80%;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%;
    }
    .header3-right {
        -webkit-flex: 0 1 20%;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%;
    }
    .main-nav3 > ul > li.item-logo{
        display: none;
    }
    .feed-back2-slider .owl-theme .owl-nav button.owl-prev,
    .feed-back2-slider:hover .owl-theme .owl-nav button.owl-prev,
    .feed-back-slider .owl-theme .owl-nav button.owl-prev,
    .feed-back-slider:hover .owl-theme .owl-nav button.owl-prev,
    .our-offer-slider .owl-theme .owl-nav button.owl-prev,
    .our-offer-slider:hover .owl-theme .owl-nav button.owl-prev{
        left: -15px;
    }
    .feed-back2-slider .owl-theme .owl-nav button.owl-next,
    .feed-back2-slider:hover .owl-theme .owl-nav button.owl-next,
    .feed-back-slider .owl-theme .owl-nav button.owl-next,
    .feed-back-slider:hover .owl-theme .owl-nav button.owl-next,
    .our-offer-slider .owl-theme .owl-nav button.owl-next,
    .our-offer-slider:hover .owl-theme .owl-nav button.owl-next{
        right: -15px;
    }
    .h4-about .box-fisrt{
        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;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        -webkit-flex: 0 1 30%;
        -ms-flex: 0 1 30%;
        flex: 0 0 30%;
    }
    .h4-about .box-last {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 0 50%;
    }
    .content-box4 p.title24{
        font-size: 18px;
        padding-left: 25px;
        margin-bottom: 40px;
    }
    .content-box4 .title36 {
        margin-bottom: 29px;
    }
    .h4-about .pore{
        margin: 30px;
    }
    .counter-number {
        margin: 40px -25px -20px;
    }
    .counter-inner {
        margin: 0 25px 20px;
    }
    .h4-advs-slider .content-box4 .title150,
    .content-box4 .title150{
        display: none;
    }
    
    .tab-style3 .tab-title,
    .tab-style3.tabs-block .title-tab{
        text-align: center;
    }
    .tab-style3 h3.title36{
        padding: 0px !important;
    }
    .tab-style3 h3.title36:before{
        display: none;
    }
    .tab-style3 .tab-title{
        margin-bottom: 20px;
    }
    .item-post-grid3 .post-info{
        padding: 24px 20px 10px;
    }
    .item-post-grid3 .post-info h3.title20 {
        margin-bottom: 26px;
    }
    .h4-news-contact{
        padding: 80px 0 0;
    }
    .h4-newsletter{
        margin-bottom: 400px;
    }
    .blog-list-view .item-post-large{
        margin-bottom: 60px;
    }
    .item-product-grid .product-extra-link ul li{
        margin: 0 4px;
    }
    .single_add_to_cart_button, 
    .woocommerce div.product form.cart .button.single_add_to_cart_button{
        font-size: 0;
        padding: 0 !important;
        width: 40px;
        background: transparent;
        min-width: auto !important;
    }
    .single_add_to_cart_button:after, 
    .woocommerce div.product form.cart .button.single_add_to_cart_button:after{
        content: '\e015';
        font-family: 'ElegantIcons';
        position: absolute;
        width: 40px;
        left: 0;
        font-size: 18px;
        background: #c2d450;
    }
    .single_add_to_cart_button:after:hover, 
    .woocommerce div.product form.cart .button.single_add_to_cart_button:after:hover{
        background-color: #4c5461;
    }




                
}

@media only screen and (max-width: 1024px) {
    .h4-newsletter .form-newsletter .submit-form input[type=submit]{
        padding: 0 30px;
    }
    

}

/*LG to MD*/
@media only screen and (max-width: 1199px) and (min-width: 992px) {

}

/*MD to SM*/
@media only screen and (max-width: 991px) and (min-width: 768px) {
    
}

@media only screen and (max-width: 991px) {
    .mt100{
        margin-top: 60px
    }
    .mb100 {
        margin-bottom: 60px;
    }
    .pt100{
        padding-top: 60px
    }
    .pb100 {
        padding-bottom: 60px;
    }
    .pt70{
        padding-top: 30px;
    }
    .pb70{
        padding-bottom: 30px;
    }
    .mb70{
        margin-bottom: 30px;
    }
    .mb80{
        margin-bottom: 40px;
    }
    .res991-mb30{
        margin-bottom: 30px;
    }
    .res991-mb40{
        margin-bottom: 40px;
    }
    .res991-mb50{
        margin-bottom: 50px;
    }
    .main-page-default{
        margin: 60px 0;
    }
   
    .wrap-bread-crumb.brc_banner {
        height: 180px;
    }
    .brc_banner h2.title60 {
        font-size: 36px;
        margin-bottom: 10px;
    }
    body .scroll-top {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }
    .active .close-mobile-menu{
        display: block;   
    }
    .mega-menu-list h3.title18 {
        font-size: 16px;
        padding: 10px 0;
        margin: 0;
        border-top: 1px solid #eee;
    }
    .mega-menu-list ul li{
        padding: 0;
    }
    .main-nav > ul li:hover > a {
        color: #c3d450 !important;
    }
    .main-nav .toggle-mobile-menu span,
    .main-nav .toggle-mobile-menu::before,
    .main-nav .toggle-mobile-menu::after {
        background-color: #4c5461;
    }
    .main-nav3 .toggle-mobile-menu span.text{
        display: none !important;
    }
    .main-nav3 .toggle-mobile-menu span,
    .main-nav3 .toggle-mobile-menu::before,
    .main-nav3 .toggle-mobile-menu::after {
        background-color: #fff;
    }
    .header3-col .cur-lang-box{
        display: flex;
    }
    .header3-right > .vc_column-inner > .wpb_wrapper {
        margin: 0 -15px;
    }
    .header3-right > .vc_column-inner > .wpb_wrapper > div.mini-cart-box,
    .header3-right > .vc_column-inner > .wpb_wrapper > div.style-aside {
        display: none;
    }
    .header3-center {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin-bottom: -45px;
        padding: 6px 0 5px;
    }
    .header3-right {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        padding-bottom: 20px;
    }
    .header3-center > .vc_column-inner > .wpb_wrapper{
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .header-top4{
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .main-nav .toggle-mobile-menu{
        height: auto;
        line-height: normal;
        margin: 0;
    }
    .main-nav .toggle-mobile-menu{
        margin-left: 15px;
    }
    .header-default .main-nav .toggle-mobile-menu{
        height: 40px;
    }

    .main-nav3 {
        position: absolute;
        left: 0;
        right: auto;
        bottom: 32px;
    }
    .footer-top{
        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;
        padding: 56px 0 55px;
    }
    .footer-top .wpb_column:nth-child(3n) .footer-box{
        margin-bottom: 0px;
    }
    .footer-box {
        margin-bottom: 40px;
    }

    .footer-tags h3.title20, 
    .footer-box .content-info h3.title20{
        margin-bottom: 31px;
    }
    .tab-default {
        padding: 60px 0 52px;
    }
    .tab-style3,
    .tab-style2{
        margin: 55px 0 52px;
    }
    .tabs-block .owl-carousel:not([class*="pagi-nav"]) .owl-stage-outer {
        margin-bottom: -65px;
    }
    
    .content-sidebar-left,
    .content-sidebar-right{
        padding: 0 15px;
    }
    
    .owl-carousel .owl-nav button.owl-next, 
    .owl-carousel .owl-nav button.owl-prev, 
    .owl-theme .owl-nav [class*=owl-] {
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin: -20px 0 0;
        opacity: 0;
    }
    .owl-carousel:hover .owl-nav button.owl-next, 
    .owl-carousel:hover .owl-nav button.owl-prev, 
    .owl-theme:hover .owl-nav [class*=owl-] {
        opacity: 1;
    }
    .banner-slider2 .owl-theme .owl-dots,
    .owl-theme .owl-dots {
        bottom: 12px;
    }
    
    .our-offer-slider .owl-carousel .owl-stage-outer,
    .tabs-block .owl-carousel .owl-stage-outer{
        padding: 0 0 72px;   
    }

    .item-slider.slider3 .desc{
        margin-bottom: 33px;
    }


    .vc_row.header-bottom{
        bottom: 0;
        margin: 0 -15px;
    }
    .header-bottom2 .vc_row.header-groups{
        margin: 0;
    }
    .header-groups,
    .cur-lang-box{
        background: transparent;
    }
    .header-bottom1 .cur-lang-box,
    .header-bottom2 .cur-lang-box{
        display: none;
    }
    .main-nav1 .toggle-mobile-menu{
        margin-top: 14px;
    }
    .main-nav2 .toggle-mobile-menu{
        margin-top: 9px;
    }
    .item-product-list .product-info{
        padding: 20px 10px 30px;
    }
    .product-grid-view .item-product{
        margin-bottom: 75px;
    }
    .item-product-grid .product-info {
        -webkit-transform: translate3d(0, 45px, 0);
        -moz-transform: translate3d(0, 45px, 0);
        -ms-transform: translate3d(0, 45px, 0);
        -o-transform: translate3d(0, 45px, 0);
        transform: translate3d(0, 45px, 0);
        overflow: visible;
        backface-visibility: hidden;
        -webkit-font-smoothing: subpixel-antialiased;
    }
    .item-product-grid .product-extra-link {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
    .item-product-grid:before {
        bottom: -45px;
    }
    .h1-our-services {
        padding: 30px 0 20px;
    }
    .bg-slider img{
        height: 320px!important;
    }
    .h1-advs-slider .item-slider .banner-info h3.title48{
        font-size: 36px;
        margin-bottom: 10px;
    }
    .h1-advs-slider .item-slider .banner-info p.title30{
        font-size: 18px;
        margin-bottom: 5px;
    }
    .h1-advs-slider .item-slider.timer .banner-info .price{
        font-size: 18px;
        margin-bottom: 120px;
    }
    .h1-advs-slider .item-slider.timer .banner-info .price span{
        font-size: 14px;
    }
    .h1-advs-slider .countdown {
        bottom: 60px;
    }
    .time_circles{
        margin: 0 -15px;
    }
    .time_circles [class^="textDiv"]{
        margin: 0 15px;
    }
    .time_circles span.number {
        font-size: 24px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        margin-bottom: 8px;
    }
    .time_circles span.text{
        font-size: 14px;
    }
               
    .item-post-grid2 .post-info {
        padding: 24px 20px 24px;
    }
    .item-post-grid2 .post-info .post-title{
        margin: 6px 0 10px;
    }
    .item-post-grid2 .post-info .desc {
        margin-bottom: 26px;
    }
    .item-post-grid2 .post-thumb{
        width: 100%;
    }
    .h1-infobox3 {
        margin-top: 0px;
    }
    .h1-img03 {
        margin-top: 100px;
    }
    .h1-img03 a.adv-thumb-link {
        top: -100px;
    }
    .h2-banner-asl{
        padding-top: 60px;
    }
    .our-offer-slider{
        padding: 0 0 62px;
    }
    .vc_row.h2-our-services{
        padding: 60px 0 20px;
    }
    .why-choose-wrap.wpb_column {
        padding: 53px 30px 50px !important;
    }
    .why-choose ul.list-none:before{
        display: none;
    }
    .why-choose ul.list-none li:before{
        position: absolute;
    }
    .why-choose ul.list-none li{
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }
    .feed-back {
        padding: 55px 0 52px;
    }
    .feed-back2 {
        padding: 54px 0 54px;
    }
    .h5-newsletter{
        padding: 52px 0 60px;
    }
    .h3-contact-form7 .wpcf7 {
        margin-top: 54px;
    }
    .header3-col .logo{
        z-index: 111;
    }
    .pagi-nav-img {
        padding-top: 125px;
    }
    .pagi-nav-img.owl-theme .owl-dot img{
        width: 80px;
    }
    .pagi-nav-img.owl-theme .owl-dot.active::before{
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 14px;
        bottom: 0px;
    }
    .item-testimo.style2 .content-info {
        margin: 0 auto 40px;
    }
    .h3-newsletter .form-newsletter form .mc4wp-form-fields{
        max-width: 700px;
        margin: auto;
    }
    .h3-newsletter input[type="email"]{
        max-width: 100%;
        margin-bottom: 20px;
    }
    .header4-left > .vc_column-inner > .wpb_wrapper{
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .header4-left{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 0 100%;
    }
    .header4-right{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 0 100%;
        margin-top: -50px;
    }
    .main-nav4{
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .main-nav4.active{
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
    .slider4 .banner-info {
        margin-top: 50px;
    }
    .banner-slider4 .owl-theme{
        padding-bottom: 20px;
    }
    .navi-style2 .owl-theme .owl-nav,
    .banner-slider4 .number-slider,
    .banner-slider4 #customDots{
        display: none;
    }
    .slider4 .banner-info .title60{
        font-size: 30px;
        line-height: 32px;
    }
    .h4-about .box-fisrt {
        -webkit-flex: 0 1 40%;
        -ms-flex: 0 1 40%;
        flex: 0 0 40%;
    }
    .h4-about .box-last {
        -webkit-flex: 0 1 60%;
        -ms-flex: 0 1 60%;
        flex: 0 0 60%;
    }
    .expand-width, .vc_row.expand-width{
        margin-left: -15px;
        margin-right: -15px;   
    }
    .h4-about .banner-content{
        padding: 0px;
    }
    .h4-advs-slider .content-box4{
        margin: 0;
    }
    .h4-advs-slider .box-fisrt{
        height: auto;
    }
    .h4-advs-slider .box-last .box-inner{
        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;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .h4-advs-slider .box-fisrt .box-inner:before{
        display: none;
    }
    .h4-news-contact{
        padding: 60px 0 0;
    }
    .h4-newsletter{
        margin-bottom: 380px;
    }
    .slider5 .banner-info .title30 {
        letter-spacing: 5px;
        font-size: 16px;
    }
    .slider5 .banner-info {
        left: 45%;
    }
    .home-product02{
        margin-left: 145px;
    }
    .home-product04{
        margin-left: 150px;
        margin-bottom: 50px;
        margin-top: 50px;
    }
    .home-product05 {
        margin-left: 250px;
    }
    .home-product06{
        margin-right: 0px;
    }
    .home-product07 {
        margin-top: 50px;
        margin-left: 185px;
    }
    .home-product .banner-info .buy-btn {
        margin-top: 19px;
    }
    .home-product01 .banner-info {
        top: -120px;
    }
    .item-product-grid .product-extra-link ul li,
    .product-extra-link ul li{
        margin: 0 3px;
    }
    .share-social-team {
        margin-bottom: 16px;
    }
    .share-social-team a {
        margin: 0 3px;
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .about-team-info h3{
        font-size: 18px;
    }
    .comment-respond p.contact-name,
    .comment-respond p.contact-email{
        width: 100%;
    }
    .contact-info-box ul li.desc {
        margin-bottom: 22px;
    }
    .contact-info-box ul li {
        margin-bottom: 25px;
    }
    .h6-product-slider{
        padding: 60px 0 66px;
    }
    .window-popup .close-popup {
        top: 10px;
        right: 12px;
    }
    .sort-pagi-bar .box-attr-filter{
        display: block;
    }
    .sort-pagi-bar .box-attr-filter .widget{
        float: left;
        width: 50%;
        margin-bottom: 40px;
    }
    .filter-product .box-attr-filter{
        padding-bottom: 10px;
    }
    .related-product .owl-carousel .owl-stage-outer {
        margin-bottom: -40px;
    }
    .detail-gallery{
        padding: 0 !important;
    }
    .single_add_to_cart_button, 
    .woocommerce div.product form.cart .button.single_add_to_cart_button{
        margin: 0 10px;
        padding: 0 25px;
    }
    .detail-fixed-info .detail-gallery .image-lightbox a img{
        margin-bottom: 30px;
    }
    .product-banner .banner-info h3.title45{
        font-size: calc(24px + (45 - 24) * ((100vw - 320px) / (1900 - 320)));
    }
    .product-banner .banner-info .price{
        margin-bottom: 1.5vw;
        font-size: 20px;
        margin-bottom: 5px;
    }
    .product-banner .banner-info .price span{
        font-size: 14px;
    }
    .product-banner .banner-info {
        left: 20px;
        right: 20px;
    }
    .product-banner .banner-info h3.title36{
        font-size: calc(20px + (36 - 20) * ((100vw - 320px) / (1900 - 320)));
        margin-bottom: 9px;
        padding: 5px 0;
    }
    .blog-grid-view .list-col-item{
        width: 100%;
    }
    .item-post-grid .post-info{
        padding: 15px 0 30px;
    }
    .header-top{
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }


}

@media only screen and (max-width: 768px) {
    .result-count{
        display: none;
    }
    .woocommerce table.shop_table td{
        border: none;
        border-top: 1px solid rgba(0,0,0,.1);
    }
    .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;
    }
    .owl-theme .owl-dots .owl-dot span::before{
        font-size: 14px;
    }
    .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;
    }



}

/*SM*/
@media only screen and (max-width: 767px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }
    .mt100{
        margin-top: 40px
    }
    .mb100 {
        margin-bottom: 40px;
    }
    .pt100{
        padding-top: 40px
    }
    .pb100 {
        padding-bottom: 40px;
    }
    .pt70{
        padding-top: 10px;
    }
    .pb70{
        padding-bottom: 10px;
    }
    .mb70{
        margin-bottom: 10px;
    }
    .mb80{
        margin-bottom: 20px;
    }
    .main-page-default {
        margin: 40px 0;
    }
    .pagi-nav {
        margin: 10px 0 20px;
    }
    .content-page {
        margin: 40px 0;
    }
    .widget {
        margin-bottom: 46px;
    }
    .content-sidebar-left{
        margin-top: 40px;
    }
    .content-sidebar-right{
        margin-bottom: 40px;
    }
    .wrap-bread-crumb.brc_banner{
        height: 100px;
    }
    .brc_banner h2.title60 {
        font-size: 24px;
    }
    .brc_banner .bread-crumb span, 
    .brc_banner .bread-crumb a {
        font-size: 14px;
    }
        
    .res767-mb10{
        margin-bottom: 10px;
    }
    .res767-mb20{
        margin-bottom: 20px;
    }
    .res767-mb30{
        margin-bottom: 30px;
    }
    .res767-mb40{
        margin-bottom: 40px;
    }
    .res767-mb50{
        margin-bottom: 50px;
    }
    .footer-top{
        padding: 46px 0 45px;
    }
    .readmore, .button, a.button, input.button, button.button,
    a.shop-button {
        height: 30px;
        line-height: 30px;
        border-radius: 0px;
        display: inline-block;
        padding: 0 15px;
        font-size: 14px;
    }
    .our-offer-slider{
        padding: 0 0 32px;
    }
    .our-offter .content-info {
        padding: 88px 15px 0;
    }
    .our-offter .banner-button{
        margin-top: 13px;
    }
    .vc_row.h2-our-services{
        padding: 40px 0 0px;
    }
    .our-offer-slider .owl-carousel .owl-stage-outer,
    .tabs-block .owl-carousel .owl-stage-outer{
        padding: 0 0 62px;   
    }
    .tabs-block .owl-carousel:not([class*="pagi-nav"]) .owl-stage-outer {
        margin-bottom: -45px;
    }
    .h2-banner-asl{
        padding-top: 40px;
    }
    .why-choose-wrap.wpb_column {
        padding: 43px 15px 40px !important;
    }
    .why-choose .title-leaf,
    .title-leaf.text-left .title{
        text-align: center;
        max-width: 100%;
    }
    .title-leaf.text-left .title:before{
        right: 0;
    }
    .form-newsletter input[type="email"]{
        height: 40px;
    }
    .form-newsletter .submit-form input[type=submit] {
        border: none;
        height: 30px;
        line-height: 30px;
        padding: 0 15px;
    }
    .header-groups{
        display: none;
    }
    .search-form{
       margin: auto;
    }
    .header-top{
        height: auto;
    }
    .wpb_column.header-search{
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin: 0 0 -35px;
    }
    .wpb_column.header-logo{
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        padding: 25px 0 10px;
    }
    .wpb_column.header-cart{
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .mini-cart-box.aside-box .mini-cart-icon{
        font-size: 24px;
    }
    .mini-cart-items {
        margin: 3px 0;
    }
    .mini-cart-info {
        padding-left: 8px;
        font-size: 13px;
    }
    .aside-box .aside-box-content, 
    .mini-cart-box.aside-box .mini-cart-content {
        padding: 10px 15px;
        width: 320px;
    }
    .mini-cart-box.aside-box .mini-cart-content > h2.title30 {
        display: none;
    }
    .aside-box .close-aside, .aside-box .close-minicart {
        right: auto;
        left: 10px;
        top: 15px;
    }
    .mini-cart-box.aside-box .product-mini-cart.table-custom {
        margin-bottom: 30px;
        padding: 0px 0px 30px;
        border-bottom: 1px solid #eee;
    }
    .mini-cart-main-content {
        padding: 50px 0 0;
    }
    .mini-cart-box.dropdown-box .mini-cart-main-content{
        padding: 0;
    }
    .mini-cart-box.aside-box .mini-cart-total {
        font-size: 18px;
        margin-top: 0px;
        padding: 15px 0px;
    }
    .mini-cart-button a, .woocommerce .mini-cart-button a {
        padding: 0 20px;
        margin: 5px;
    }
    .mini-cart-box.aside-box .mini-cart-button {
        margin: 20px -20px 0px;
    }
    .header-top .search-el{
        margin: 0;
        position: relative;
        z-index: 1;
    }
    .vc_row.header-bottom{
        position: static;
        margin: -32px 0 20px;
        box-shadow: none;
        background: transparent;
        border: 0;
        max-width: 105px;
        z-index: 9999;
    }
    .cart-aside .vc_row.header-bottom{
        z-index: 1;
    }
    .tab-default {
        padding: 50px 0 42px;
    }
    .tab-style3,
    .tab-style2{
        margin: 45px 0 42px;
    }
    .block-element.style3 .title,
    .block-center .title, 
    .block-element.default .title{
        margin-bottom: 23px;
    }
    .tab-default h3.title36{
        font-size: 24px;
        padding: 0 18px;
    }
    .block-center h3.title36, 
    .block-element.default h3.title36{
        font-size: 24px;
        padding: 0 18px;
        margin: 0 0 20px;
    }
    .block-center h3.title36:before, 
    .block-center h3.title36:after, 
    .block-element.default h3.title36:before, 
    .block-element.default h3.title36:after,
    .tab-default h3.title36:before, 
    .tab-default h3.title36:after {
        top: 50%;
        bottom: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .h5-newsletter .title36,
    .block-element.style3 h3.title36,
    .tab-style3 h3.title36,
    .content-box4 .title36,
    .contact-form7 h3.title36,
    .tab-style2 h3.title36,
    .block-element.style2 h3.title36, 
    .title-leaf h3.title36{
        font-size: 24px;
    }
    .tab-style2 .tab-title,
    .block-element.style2 .title, 
    .title-leaf .title{
        margin: -6px 0 29px;
    }
    .tab-style2 h3.title36:before,
    .block-element.style2 h3.title36:before, 
    .title-leaf h3.title36:before {
        font-size: 20px;
        left: -15px;
    }
    .block-element.style2 .title:before, 
    .title-leaf .title:before{
        top: 43px;
    }
    .block-element.style2 .title:after, 
    .title-leaf .title:after {
        top: 45px;
    }
    .why-choose .title-leaf .title:after{
        max-width: 100%;
    }
    .asl-title{
        display: none;
    }
    .block-element.style3 h3.title36{
        font-size: 18px;
        margin-bottom: 0px;
        padding-left: 25px;
    }
    .block-element.style3 h3.title36:before{
        height: 25px;
    }
    .block-element.style3 .viewmore{
        top:0;
    }
    .why-choose .title-leaf p.desc,
    .title-leaf p.desc{
        margin-bottom: 23px;
    }
    .tab-style2 .tab-header:after,
    .tab-style2 ul.title-tab li a:before{
        display: none;
    }
    .block-element.style2 .title > p.desc{
        margin: 33px 0 23px;
    }
    .tab-header {
        margin-bottom: 30px;
    }
    
    .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 #d6d6d6;
    }
    .tabs-block .title-tab > li a{
        display: block;
    }
    .tabs-block .title-tab > li.active{
        border-color: #c3d450;
    }


    
    .feed-back {
        padding: 45px 0 42px;
    }
    .item-testimo .desc {
        line-height: 24px;
        margin: 0 auto 25px;
    }
    .item-testimo .wrap-rating{
        margin-bottom: 0px;
    }
    .h1-infobox {
        text-align: left;
        margin: 0 0 30px;
    }
    .h1-infobox.text-right p.desc {
        float: left;
    }
    .h1-infobox h3.title36 {
        margin-bottom: 17px;
        font-size: 24px;
    }
    .banner-button {
        margin-top: 23px;
    }
    .h1-img02{
        width: auto;
        height: auto;
        margin-bottom: 23px;
    }
    .h1-img02 a.adv-thumb-link{
        position: static;
        transform: none;
        padding: 15px;
    }
    .h1-img03 a.adv-thumb-link{
        position: static;
    }
    .h1-img03 {
        width: auto;
        height: auto;
        margin-top: 0px;
    }
    .h1-advs-slider .item-slider .banner-info h3.title48{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .h1-advs-slider .item-slider .banner-info p.title30{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .h1-advs-slider .item-slider.timer .banner-info .price{
        font-size: 14px;
        margin-bottom: 120px;
    }
    .h1-advs-slider .item-slider.timer .banner-info .price span{
        font-size: 14px;
    }
    .h1-advs-slider .countdown {
        bottom: 60px;
    }
    .h1-our-services {
        padding: 40px 0 20px;
    }
    .content-icon .content-info{
        max-width: 500px;
        margin: 0 auto;
    }
    .time_circles {
        margin: 0 -10px;
    }
    .time_circles span.number {
        font-size: 18px;
        height: 40px;
        width: 40px;
        line-height: 40px;
        margin-bottom: 3px;
    }
    .time_circles [class^="textDiv"]{
        margin: 0 10px;
    }
    .time_circles span.text{
        font-size: 12px;
    }

    .copyright  {
        text-align: center !important;
    }
    .footer-social {
        text-align: center !important;
        margin-top: 10px;
    }
    .h2-newsletter {
        margin-top: 30px;
    }
    .feed-back2 {
        padding: 44px 0 34px;
    }
    .h1-newsletter .submit-form:after,
    .h2-newsletter .submit-form:after {
        display: none;
    }

    .pagi-nav-img {
        padding-top: 100px;
    }
    .h4-news-contact{
        padding: 40px 0 0;
    }
    .item-testimo.style2 .content-info{
        margin-bottom: 25px;
    }
    .item-testimo.style2 h3.title18,
    .item-testimo.style2 .content-info p.title18 {
        font-size: 16px;
        max-width: 80%;
        margin: auto;
    }
    .h4-newsletter .form-newsletter .submit-form input[type=submit]{
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
    }
    .h4-newsletter .form-newsletter input[type="text"], 
    .h4-newsletter .form-newsletter input[type="email"],
    .h3-newsletter .form-newsletter .submit-form input[type=submit]{
        height: 40px;
        line-height: 40px;
    }
    .h3-newsletter .form-newsletter .submit-form{
        margin: 0 !important;
    }
    .h4-newsletter .form-newsletter input[type="text"], 
    .h4-newsletter .form-newsletter input[type="email"]{
        width: 100%;
    }
    .h4-newsletter .form-newsletter .submit-form {
    }
    .h3-contact-form7 .wpcf7{
        margin-top: 34px;
    }
    .h3-newsletter-wrap {
        padding: 44px 0 420px;
    }
    .contact-form7 .wpcf7 {
        padding: 17px 20px 30px;
    }
    .contact-form7 .comment-respond p {
        margin-bottom: 17px;
    }
    .contact-form7 .comment-respond p.contact-email,
    .contact-form7 .comment-respond p.contact-name{
        width: 100%;
    }
    .header-bottom2 .vc_row.header-groups{
        display: none;
    }
    .main-nav1 .toggle-mobile-menu,
    .main-nav2 .toggle-mobile-menu{
        margin-top: 0px;
    }
    .slider4 .banner-info {
        margin-top: 20px;
    }
    .slider4 .banner-info .title24 {
       display: none;
    }
    .slider4 .banner-info .slide-button {
        margin-top: 18px;
    }
    .content-box4 p.title24{
        margin-bottom: 20px;
    }
    .content-box4 .title36{
        margin-bottom: 19px;
    }
    .counter-number {
        margin: 20px -25px -20px;
    }
    .h4-about .box-fisrt,
    .h4-about .box-last{
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 0 100%;
    }
    .h4-about .box-last{
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .h4-about{
        margin-top: 0px;
    }
    .h4-about .box-fisrt{
        -webkit-justify-content: center;
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: 30px;
    }
    .h4-advs-slider .pore{
        position: static;
        transform: none;
    }
    .h4-advs-slider .box-last .box-inner{
        padding: 20px 0 0;
    }
    .h4-advs-slider .content-box4 .price {
        margin-bottom: 15px;
    }
    .h4-advs-slider .content-box4 .slide-button {
        margin-top: 20px;
    }
    .h4-post-el{
        margin: 10px 0 30px;
    }
    .h4-newsletter {
        margin-bottom: 360px;
    }
    .slider5 .banner-info .title18{
        display: none;
    }
    .current-total-items {
        font-size: 24px;
        margin: 0 5px;
    }
    .total-items {
        font-size: 14px;
    }
    .group-navi.owl-carousel .owl-nav{
        margin: 0 -10px;
    }
    .group-navi.owl-carousel .owl-nav [class*=owl-]{
        margin: 0 10px;
    }
    .group-navi.owl-carousel .owl-nav [class*=owl-],
    .h6-product-slider .owl-theme .owl-nav button i:before,
    .navi-style2 .owl-theme .owl-nav button i {
        font-size: 24px !important;
    }
    .navi-style2 .owl-theme .owl-nav, 
    .banner-slider5 .owl-theme .owl-nav {
        right: 5px !important;
        width: 80px !important;
        bottom: -5px !important;
    }
    .banner-slider5 .number-slider {
        right: auto;
        left: 5px !important;
        bottom: 5px !important;
    }
    .h6-product-slider{
        padding: 40px 0 46px;
    }
    .h5-newsletter{
        padding: 32px 0 40px;
    }
    .h5-newsletter .title36{
        margin-bottom: 9px;
    }
    .h5-newsletter .title {
        margin-bottom: 17px;
    }

    .about-box h2.wpb_heading, 
    .about-box .vc_tta-container > h2 {
        font-size: 20px;
        margin: 0 0 12px;
    }
    .about-box h3.title30{
        font-size: 20px;
        margin-bottom: 6px;
    }
    .about-box .content-title {
        margin-bottom: 26px;
    }
    .cus_progress_bar.vc_progress_bar .vc_single_bar {
        margin: 53px 0 -13px;
    }
    .cus_progress_bar.vc_progress_bar .vc_single_bar:nth-of-type(1){
        margin-top: 33px;
    }
    .cus_progress_bar.vc_progress_bar .vc_single_bar .vc_label{
        top: -27px;
    }
    .about-box-top {
        margin-bottom: 0;
    }
    .about-box .banner-video {
        padding: 15px;
        margin: 40px 0 40px;
    }
    .video-button {
        height: 50px;
        width: 50px;
    }
    .icon-play {
        top: 15px;
        height: 20px;
        border-width: 10px 0 10px 15px;
    }
    .active .icon-play {
        border-width: 0px 0 0px 15px;
    }
    .item-about-team {
        float: left;
        width: 50%;
    }
    .contact-info-box {
        margin: 38px 0 -40px;
    }
    .blog-list-view .item-post-large{
        margin-bottom: 40px;
    }
    .item-post .post-info .desc {
        margin-bottom: 13px;
    }
    .item-post .post-info .post-title{
        font-size: 20px;
    }

    .single-info-author{
        margin-bottom: 40px;
    }
    .post-control{
        padding: 20px 0;
        margin-bottom: 35px;
    }
    .post-control::after {
        height: 30px;
        margin-top: -15px;
    }
    .post-control .text-left{
        padding-left: 50px;
    }
    .post-control .text-right{
        padding-right: 50px;
    }
    .post-control .text-left i {
        left: 15px;
    }
    .post-control .text-right i {
        right: 15px;
    }
    .single-related-post {
        margin-bottom: 43px;
    }
    .single-related-post .post-thumb{
        margin-bottom: 5px;
    }
    .title-single-related-post,
    .comment-reply-title{
        margin-bottom: 16px;
    }
    .blog-comment-detail > h2.title24{
        margin-bottom: 18px;
    }
    .item-comment {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .comment-list li li:last-child .item-comment {
        margin-bottom: 20px;
    }
    .blog-comment-detail {
        margin-bottom: 35px;
    }

    .content-newsletter-info h2.title45 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .content-newsletter-info p.desc {
        max-width: 320px;
        line-height: normal;
        margin-bottom: 20px;
    }
    .content-newsletter-info {
        height: auto;
        padding: 15px 15px 10px;
    }
    .content-newsletter-info .check-popup {
        margin-top: 80px;
    }
    .content-newsletter-info,
    .newsletter-popup {
        height: auto;
    }
    .main-nav2 .toggle-mobile-menu,
    .main-nav1 .toggle-mobile-menu,
    .main-nav .toggle-mobile-menu{
        margin: 0;
    }

    .product-grid-view .item-product-list .row, 
    .product-list-view .item-product-list .row {
        display: block;
    }
    .product-grid-view .item-product-list div[class^="col"]:first-child, 
    .product-list-view .item-product-list div[class^="col"]:first-child{
        border: 1px solid #d6d6d6;
        border-bottom: 0;
    }
    .detail-info .product_title{
        font-size: 30px;
    }
    .detail-tabs,
    .tab-vertical{
        display: block;
    }
    .detail-tabs .list-tag-detail li,
    .tab-vertical .list-tag-detail li,
    .tab-horizontal .list-tag-detail li {
        width: 100%;
        margin-bottom: 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;
    }
    .main-nav4,
    .main-nav3 {
        left: 15px;
    }
       
    .home-product{
        margin: 0;
    }
    .home-product .banner-info {
        top: 30px;
        left: 30px;
        right: auto;
    }
    .home-product04{
        margin-bottom: 40px;
    }
    .home-product01{
        margin-bottom: 40px; 
    }
    .item-post-grid2 .row{
        display: block;
    }
    .item-post-grid2 .post-info{
        padding: 24px 20px 24px;
    }

    
}   

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

@media only screen and (max-width: 575px) {
    .wpb_column.header-cart{
        padding: 0 30px;
    }
    .search-form{
        max-width: 100%;
        margin: auto 30px;
    }
    .header-bottom > .wpb_column > .vc_column-inner > .wpb_wrapper{
        margin: 0 30px;
    }
    .wpb_column.header-search{
        margin: 0 0 15px;
    }
    .text-watermark h3.title105{
        font-size: 90px;
    }
    .item-slider.slider3 h3.title55{
        padding-bottom: 0px;
        margin-bottom: 10px;
    }
    .item-slider.slider3 .desc {
        margin-bottom: 13px;
        line-height: normal;
    }
    .item-slider.slider3 p.title14,
    .item-slider.slider3 h3.title55:after{
        display: none;
    }
    .main-nav4,
    .item-slider.slider3 .banner-info {
        left: 15px;
    }
    .header-top4 .content-editor.style-aside,
    .main-nav4 .toggle-mobile-menu span.text{
        display: none !important;
    }
    .header-top4 .mini-cart-box {
        margin-right: 10px;
    }
    
    .h4-advs-slider .row {
        display: block;
    }


                
}

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

    .single-info-author {
        padding: 10px;
    }
    .single-info-author .author-info {
        padding-left: 10px;
    }
    .single-info-author .author-thumb {
        width: 50px;
    }
    .author-thumb img {
        border: 1px solid #fff;
    }






}

@media only screen and (max-width: 480px) {
    .text-watermark h3.title105{
        font-size: 80px;
    }
    .slider-button{
    }
    .item-slider.slider2 h3.title90,
    .item-slider.slider2 h4.title48,
    .item-slider.slider1 h3.title72,
    .item-slider.slider1 p.title30{
        margin-bottom: 15px;
    }
    .item-slider.slider2 h4.title48{}
    .h1-advs-slider .item-slider:after{
        width: 100%;
    }
    .h1-advs-slider .item-slider .banner-info{
        text-align: center;
    }
    .h1-advs-slider .countdown{
        left: 0;
        right: 0;
    }
    .banner-slider2 .owl-theme .owl-dots,
    .owl-theme .owl-dots {
        bottom: 0;
    }
    .footer-top .wpb_column {
        width: 100%;
    }
     .footer-top .wpb_column:nth-child(3n) .footer-box{
        margin-bottom: 40px;
    }
    .run-value {
        font-size: 24px;
    }
    .counter-inner .title18{
        font-size: 14px;
    }
    .counter-number {
        margin: 20px -15px -20px;
    }
    .counter-inner {
        margin: 0 15px 20px;
    }


    .product-grid-view .list-col-item{
        width: 100%;
    }
    .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;
    }

}

@media only screen and (max-width: 425px){
    .tabs-block .title-tab > li{
        width: 100%;
    }
    .slider5 .banner-info {
        left: 35%;
        right: 0;
    }
    .slider5 .banner-info .title30{
        display: none;
    }
    .slider5 .banner-info .title80{
        margin-bottom: 18px;
    }
    .slider5 .banner-info .slide-button{
        margin: 0;
    }
    .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;
    }
}
@media only screen and (max-width: 380px){
    .item-post-grid3 .post-info{
        padding: 24px 20px 10px;
    }
    .item-post-grid3 .post-info h3.title20 {
        margin-bottom: 26px;
    }
    .banner-video .banner-info{
        margin-top: -30px;
    }
}

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

}