/*responsive start*/
/*for mobile device*/
@media only screen and (min-width: 320px) and (max-width: 520px) {

    //front page responsive starts
    #np-main {
        .navbar {
            padding: 10px;
            display: flex;
            flex-direction: column;
        }

        .np-billing-summary-wrap {
            padding: 10px 0px 0px 0px;

            .top-order-details {
                .customer-dropdown-select {
                    .custom-search-wrap {
                        .select2-container {
                            width: 100% !important;
                        }
                    }
                }

                p {
                    padding-left: 6px;
                }
            }

            .footer-wrap {
                position: relative;
                width: 100%;
                border-top: 1px solid #ccc;

                .row {
                    margin: 0px;

                    .items-summary-wrap {
                        padding: 0px 0px;
                    }
                }

                .bottom-btn-control-main {
                    flex-flow: wrap;
                    justify-content: normal;

                    .common-btn-wrap {
                        width: 50%;
                    }
                }

            }
        }

        .np-product-detail-wrap {
            height: auto;
            padding: 15px 0px 0px 0px;

            .np-product-main-content {
                padding-left: 4px;
                padding-right: 4px;

                .top-order-details {
                    // padding: 0px 4px;

                    .Plus-icon-btn {
                        margin-right: 0px;
                    }

                    .custom-search-wrap {
                        .barcode-content {
                            width: 309px;
                        }
                    }
                }

                .common-modal-btn {
                    width: 100% !important
                }

                .items-listing-main {
                    margin: 0px 10px 15px 10px;
                }
            }

            .footer-card {
                position: relative;
                width: 100%;
                flex-direction: column;

                .common-card-btn {
                    width: 100%;
                }
            }
        }
    }

    // login page responsive starts
    .login-card-wrap .card-body {
        padding: 10px 12px;
    }

    .custom-bg-login {
        background-image: unset;
    }

}


/*for medium devices*/
@media only screen and (min-width: 521px) and (max-width: 767px) {

    // login page responsive starts
    .login-card-wrap .card-body {
        padding: 10px 12px;
    }

    .custom-bg-login {
        background-image: unset;
    }

    //front page responsive starts
    #np-main {
        .np-billing-summary-wrap {
            .top-order-details {
                p {
                    padding-left: 6px;
                }
            }

            .footer-wrap {
                position: relative;
                width: 100%;
                border-top: 1px solid #ccc;

                .row {
                    margin: 0px;

                    .items-summary-wrap {
                        padding: 0px 0px;
                    }
                }

                .bottom-btn-control-main {
                    flex-flow: wrap;
                    justify-content: normal;

                    .common-btn-wrap {
                        width: 33.3%;
                    }
                }

            }
        }

        .np-product-detail-wrap {
            height: auto;
            padding: 15px 0px 0px 0px;

            .np-product-main-content {
                padding-left: 4px;
                padding-right: 4px;

                .top-order-details {
                    // padding: 0px 4px;

                    .Plus-icon-btn {
                        margin-right: 0px;
                    }

                    .custom-search-wrap {
                        .barcode-content {
                            width: 309px;
                        }
                    }
                }

                .common-modal-btn {
                    width: 96% !important;
                    margin: 10px 7px;
                }

                .items-listing-main {
                    margin: 0px 10px 15px 10px;
                }
            }

            .varitaion-wrap {
                margin-bottom: 0px;
            }

            .footer-card {
                position: relative;
                width: 100%;

                .common-card-btn {
                    width: 100%;
                }
            }
        }
    }

}


/*For Ipad or tablet*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #np-main {
        .np-billing-summary-wrap {
            .footer-wrap {
                position: relative;
                width: 100%;
                border-top: 1px solid #ccc;

                .row {
                    margin: 0px;

                    .items-summary-wrap {
                        padding: 0px 0px;
                    }
                }

                .bottom-btn-control-main {
                    flex-flow: wrap;
                    justify-content: normal;

                    .common-btn-wrap {
                        width: 16.6%;
                    }
                }

            }
        }

        .np-product-detail-wrap {
            height: auto;
            padding: 15px 0px 0px 0px;

            .np-product-main-content {
                padding-left: 4px;
                padding-right: 4px;

                .top-order-details {
                    // padding: 0px 4px;

                    .Plus-icon-btn {
                        margin-right: 0px;
                    }

                    .custom-search-wrap {
                        .barcode-content {
                            width: 309px;
                        }
                    }
                }

                .common-modal-btn {
                    width: 96% !important;
                    margin: 10px 7px;
                }

                .items-listing-main {
                    margin: 0px 10px 15px 10px;
                }
            }

            .varitaion-wrap {
                margin-bottom: 0px;
            }

            .footer-card {
                position: relative;
                width: 100%;

                .common-card-btn {
                    width: 100%;
                }
            }
        }

        .select2-container {
            width: 147px;
        }
    }
}

/*for large screens*/
@media only screen and (min-width: 992px) and (max-width: 1250px) {}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
    #np-main {
        .np-product-detail-wrap {
            .np-product-main-content {
                height: 615px;
            }
        }

        .np-billing-summary-wrap {
            .table-section {
                height: 428px;
            }
        }
    }
}

@media only screen and (min-width: 1660px) and (max-width: 1800px) {
    #np-main {
        .np-product-detail-wrap {
            .np-product-main-content {
                height: 700px;
            }
        }

        .np-billing-summary-wrap {
            .table-section {
                height: 515px;
            }
        }
    }
}

@media only screen and (min-width: 1800px) and (max-width: 1900px) {
    #np-main {
        .np-product-detail-wrap {
            .np-product-main-content {
                height: 755px;
            }
        }

        .np-billing-summary-wrap {
            .table-section {
                height: 565px;
            }
        }
    }
}




@media (max-width:896px) {

    #kt_header{
        &.header{
            #kt_header_nav{
                .menu-right-main{
                    .menu-right-inner{
                        width: 60px !important;
                    }
                }
            }
        }
    }

    .mobile-wp-50 {
        width: 50% !important;
    }

    .mobile-mt-13 {
        margin-top: 13px;
    }

    .mobile-mt-0 {
        margin-top: 0px !important;
    }

    .mobile-mb-10 {
        margin-bottom: 10px;
    }

    .mobile-mb-40 {
        margin-bottom: 40px !important;
    }

    .frmProduct,
    .frmUnit,
    .frmBrand,
    .frmOption,
    .frmOptionValue,
    .frmVariation,
    .frmpurchasereturn,
    .frmProductStock,
    .frmCountry,
    .frmState,
    .frmCity,
    .frmPromocode,
    .frmUnit {
        .card-header {
            display: flex;
            flex-wrap: nowrap;

            .form-control-solid {

                &.w-250px,
                &.w-350px,
                &.w-450px {
                    width: 180px !important;
                    &.header-search{
                        width: 180px !important;
                    }
                }
            }
        }
    }

    .frmSale, .frmProductStock, .frmUser {
        .card-header {
            display: flex;
            flex-wrap: nowrap;

            .form-control-solid {
                &.w-450px {
                    width: 330px !important;
                }
            }
        }
    }

    #frm_update_Purchasereturns, #frm_update_Salereturns {
        #kt_content_print {
            .custom-order-detail {
                width: 50%;
            }
        }
    }

    #frm_show_product_form {
        #frm_update_Purchases {
            #kt_content_print {
                .common-col-wrap {
                    width: 100%;
                }

                .custom-order-detail {
                    width: 50%;
                }
            }
        }
    }

    #frm_update_Purchases,
    #frm_show_product_form,
    #frm_show_product_form {
        .card {
            #kt_content_print {
                .custom-col {
                    width: 100%;

                    .purchase-common-detail {
                        p {

                            &:last-child,
                            &:nth-child(3) {
                                span {
                                    margin-left: 10px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .email-temp-wrap{
        .footer-btn-wrap{
            button{
                padding: 10px 10px !important;
            }
        }
    }

    .frmPurchase, .frmStock, .frmUser, .frmBrand, .frmUnit, .frmCountry, .frmState, .frmCity { 
        .card-header {
            flex-direction: column;

            .card-toolbar {
                flex-wrap: unset;
            }
        }
    }

    .frmUser{
        .card-header{
            .card-toolbar{
                &.flex-row-fluid{
                    width: 100%;
                    justify-content: space-between !important;
                }
            }
        }
    }

    .frmSale{
        .card-header{
            flex-direction: column;
            .card-title{
                .align-items-center{
                    // flex-direction: column;
                    &.position-relative{
                        // flex-direction: column;
                        .select2 {
                            .select2-selection{
                                width: 100% !important;
                            } 
                        }
                        #kt_daterangepicker_1{
                            // width: 200px !important;
                        }
                    }
                }
            }
        }
    }

    /* fold table  */
    table.fold-table {
        >tbody {

            /* view segment */
            >tr.view {

                // td,
                // th {
                //     cursor: pointer;
                // }

                td:first-child,
                th:first-child {
                    position: relative;
                    padding-left: 35px;

                    // &:before {
                    //     position: absolute;
                    //     top: 50%;
                    //     left: 5px;
                    //     width: 22px;
                    //     height: 22px;
                    //     margin-top: -8px;
                    //     font: 16px fontawesome;
                    //     color: #5541d7;
                    //     font-weight: bold;
                    //     content: "˅";
                    //     background-size: 72%;
                    //     transition: all .3s ease;
                    //     border-radius: 50%;
                    //     border: 1px solid #5541d7;
                    //     display: grid;
                    //     place-items: center;
                    //     transform: rotate(-180deg);
                    // }
                }

                // &:nth-child(4n-1) {
                //     background: #FBFBFB;
                // }

                // .open {
                //     color: white;

                //     &:before {
                //         transform: rotate(1deg) !important;
                //         color: #333;
                //     }
                // }

                // &.open {
                //     color: white;

                //     &:before {
                //         transform: rotate(1deg) !important;
                //         color: #333;
                //     }

                //     td:first-child,
                //     th:first-child {
                //         &:before {
                //             transform: rotate(1deg) !important;
                //             color: #333;
                //         }
                //     }
                // }
            }

            /* fold segment */
            // >tr.fold {
            //     display: none;

            //     &.open {
            //         display: table-row;
            //     }
            // }
        }
    }

    #dicountModal{
        .modal-dialog{
            .main-discount-wrap{
                .row{
                    .col-lg-6{
                        &:first-child{
                            overflow: scroll;
                        }
                    }
                }
            }
        }
    }

    #barcode-content{
        .np-product-detail-wrap{
            .np-product-main-content{
                .custom-height-wrap{
                    .slider-category-content{
                        .cat-inner{
                            display: inline-block;
                        }
                    }
                    .slider-brand-content{
                        .MultiCarousel{
                            overflow: scroll;
                        }
                    }
                }
            }
        }
    }




    .dashbaord-main {
        .common-top-detail-col {
            margin-bottom: 0;
            min-height: 90px;
            .content {
                padding-bottom: 0;

                p {
                    font-size: 11px;
                }

                h4 {
                    font-size: 18px;
                }
            }

            img {
                margin-right: 8px;
                width: 20px;
            }
        }
    }

    .view-product-detail {
        .product-top-detail-wrap {
            ul {
                li {
                    align-items: unset;
                }
            }
        }
    }

    #frm_add_Product {
        #nav-home {
            #variation_row_add {
                .form-label {
                    word-break: break-word;
                }
            }
        }
    }

    #nav-images {
        .images-main-tab {
            .image-upload {
                .upload-title {
                    h3 {
                        word-break: break-all;
                    }
                }
            }
        }
    }

    .barcode-modal {
        .barcode-main {
            .barcode-wrap {
                height: 100%;

                h5 {
                    font-size: 14px;
                }
            }
        }
    }

    .side-content-wrap{
        min-width: 220px;
        left: 158px;
    }

    form{
        .card-header{
            .card-title{
                .form-control{
                    &.w-350px{
                        width: 320px!important;
                    }
                }
            }
            .card-toolbar{
                justify-content: center !important;
                width: 100%;
            }
        }
    }

    .frmpurchasereturn{
        .form-control{
            &.w-350px{
                width: 320px!important;
            }
        }
    }

    #frm_add_Productvariation{
        .card {
            .card-body{
                .col-md-2{
                    &.pt-8{
                        margin-bottom: 30px !important;
                        display: flex;
                        flex-flow: column;
                        align-items: baseline;
                        padding-top: 0 !important;
                        #addNewOption{
                            margin-top: 0 !important;
                        }
                    }
                }
            }
        }
    }

    .frmOptionValue{
        .card-header{
            flex-direction: column;
        }
    }

    .modal-body{
        .img-container{
            .cropper-bg{
                width: 100% !important;
            }
        }
    }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.625) {
    .mobile-wp-50 {
        width: 50% !important;
    }

    .mobile-mt-13 {
        margin-top: 13px;
    }

    .mobile-mt-0 {
        margin-top: 0px !important;
    }

    .mobile-mb-10 {
        margin-bottom: 10px;
    }

    .mobile-mb-40 {
        margin-bottom: 40px !important;
    }

    form{
        .card-header{
            .card-title{
                .form-control{
                    &.w-350px{
                        width: 280px!important; 
                    }
                }
            }
            .card-toolbar{
                flex-wrap: unset !important;
                justify-content: center !important;
                a{
                    font-size: 10px;
                }
            }
        }
    }

    .frmpurchasereturn{
        .form-control{
            &.w-350px{
                width: 280px!important; 
            }
        }
    }

    .frmSale, .frmProductStock, .frmUser {
        .form-control{
            &.form-control-solid {
                &.w-450px {
                    width: 290px !important;
                }
            }
        }
    }

    .email-temp-wrap{
        .footer-btn-wrap{
            flex-wrap: wrap;
            button{
                margin-left: 0 !important;
                margin-right: 0 !important;
                margin-bottom: 10px !important;
            }
        }
    }

}

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


@media only screen and (max-width: 1180px) and (orientation:portrait) {
    // .frmProduct, .frmUnit, .frmBrand{
    //     .card-header{
    //         display: flex;
    //         flex-wrap: nowrap;
    //         .form-control-solid{
    //             &.w-250px, &.w-350px{
    //                 width: 350px!important;
    //             }
    //         }
    //     }
    // }

    #kt_content {
        form {
            .fv-row {
                .form-check-input {
                    &:last-child {
                        margin-left: 10px;
                    }
                }
            }
        }
    }

    #frm_update_Purchase {
        .card {
            .form-group {
                .form-check-input {
                    &:last-child {
                        margin-left: 10px;
                    }
                }
            }
        }
    }

}




@media only screen and (max-width: 1180px) and (orientation:landscape) {
    .top-selling-table {
        table {
            height: 410px;
            overflow-y: scroll;
            display: table-caption;
        }
    }

    .view-product-detail {
        .product-top-detail-wrap {
            ul { 
                li {
                    align-items: unset;
                }
            }
        }
    }
}