/*
*  Responsive
*/
@media(min-width: 1280px) and ( max-width: 1501px ){
    .responsive-medium{
        > .col-lg-9{
            width: 72%;
        }
        > .col-lg-3{
            width: 28%;
        }
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 750px;
    }
}
@media(min-width: 992px) and (max-width: 1199px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 970px;
    }
}
@media(min-width: 1200px) and (max-width: 1349px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1170px;
    }
    .sidebar-wrapper.sidebar-blog{
        width: 30%;
    }
    .main-blog.col-lg-9{
        width: 70%;
    }
}
@media(min-width: 1350px){
    .container{
        width: 1320px;
    }
}
@media(min-width: 768px){
    .hidden-dots{
        .slick-dots{
            display: none;
        }
    }
}
@media (min-width: 768px) and (max-width: 1400px){
    // 13 inch
    .col-ct-6{
        width: 50%;
        &.lg-clearfix.md-clearfix{
            clear:none;
        }
        &:nth-child( 2n + 1){
            clear: both !important;
        }
    }
}
@media (min-width: 992px){
    .col-md-col5{
        width: 20%;
    }
    .list-product-archive .first{
        clear: both;
    }
}
@media (min-width: 1200px){
    .lg-clearfix{
        clear: both;
    }
}
@media (min-width: 992px) and (max-width:1199px){
    .md-clearfix{
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .sm-clearfix{
        clear: both;
    }
}
@media (min-width: 1px) and (max-width: 767px){
    .xs-clearfix{
        clear: both;
    }
}

@media (max-width: 1199px){
    
    
}

@media (max-width: $screen-sm-max){
    // logo 991px
    .sidebar-listing{
        .sidebar{
            position: static;
            background-color: transparent;
            @include size(100%,auto);
            -webkit-transform: translate(0,0) !important;
            -ms-transform: translate(0,0) !important;
            -o-transform: translate(0,0) !important;
            transform: translate(0,0) !important;
            max-width: 100%;
            padding: 0;
        }
    }
    // shop
    .details-product{
        .information{
            margin-top: 20px;
        }
    }
}
@media (max-width:767px) {
    .row{
        margin-left: -8px;
        margin-right: -8px;
        > [class *="col-"]:not(.elementor-column){
            padding-left: 8px;
            padding-right: 8px;
        }
    }

    .nav-tabs{
        overflow-x: auto;
        white-space: nowrap;
        li{
            float: none;
            display: inline-block;
            margin-bottom: 5px;
        }
    }
    // for listing
    .listing-list{
        .left-inner{
            width: 120px;
        }
        .listing-metas{
            display: none;
        }
    }
    .top-listings-tabs{
        .title{
            margin-bottom: 15px;
        }
    }
    .listings-ordering-wrapper{
        .ordering-display-mode-wrapper{
            margin-top: 10px;
        }
    }
    .direction-wrapper .ali-right,
    .listing-action-detail{
        margin-top: 10px;
    }
    // blog
    .post-list-item{
        .top-image{
            width: 150px;
        }
        .top-detail-info{
            display: none;
        }
        .entry-title{
            font-size: 16px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;  
            overflow: hidden;
        }
    }
    .comment-list{
        div.avatar{
            @include size(50px,50px);
        }
        .comment-box{
            padding-top: 5px;
        }
    }
    // shop
    .apus-filter{
        > *{
            width: 100%;
        }
        .orderby-wrapper{
            padding-top: 10px;
        }
    }
    .nav.tabs-product > li > a{
        font-size: 14px;
    }
    // dashboard
    .layout-my-listings .layout-left{
        > div{
            width: 40%;
        }
        .inner-info-left{
            width: 60%;
        }
    }
    .top-dashboard-search{
        .sortby-form{
            margin-top: 15px;
        }
    }
    .user-transactions{
        td.title{
            min-width: 100px;
        }
    }
    .top-header-user-listing{
        .title{
            font-size: 18px;
            margin: 0 0 5px;
        }
        .listing-user-info{
            margin: 10px 0;
            padding: 0;
        }
    }
    .listing-user-metas > *{
        display: block;
        margin: 0;
    }
}
@media(max-width: 479px){
    .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > *,
    .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > .select2-container, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > select, .woocommerce form .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * > input{
        width: 100% !important;
        margin: 0 0 5px !important;
    }
    div.cmb2-wrap [id*="map_location-map"] ~ input{
        margin:0 0 5px !important;
        width: 100%;
    }
    .woocommerce-page table.cart td.actions .coupon{
        margin: 0;
        .input-text{
            margin: 0 0 15px;
            width: 100%;
        }
    }
}
// fix admin
.admin-bar{
    @media(max-width: 782px){
        &.header_transparent{
            #apus-header{
                top: 46px;
            }
        }
        .header-mobile{
            top: 46px;
            &.sticky-header{

            }
        }
    }
}
@media(min-width: 783px){
    .admin-bar{
        .header-mobile{
            top: 32px;
        }
    }
}
@media(max-width: 600px){
    .admin-bar{
        .header-mobile.sticky-header{
            top: 0;
        }
    }
}
.visible-smallest{
    display: none;
} 
@media(max-width: 381px){
    .visible-smallest{
        display: block !important;
    } 
    .hidden-smallest{
        display: none;
    }
}