@media (max-width: 1680px) {
    .tableList table thead tr th .text, .table-sales table thead tr th .text{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
    #orderList .tableList table thead tr th:nth-child(1) .text,
    #orderList .tableList table thead tr th:nth-child(3) .text{max-width:85px;}

    .dashboard #controlPanel .data .item{padding-right:15px;}
    .dashboard #controlPanel .data .value{font-size: 26px;}
    .dashboard #controlPanel .data .key{font-size:16px;}
    .dashboard #controlPanel .data .moreInfo{font-size:14px;}

    /* PRODUCTS */
    #statisticsHeader ul li.mostViewed .key .name, 
    #statisticsHeader ul li.mostOrders .key .name{width:70%;}
    /*#product .card .group fieldset .wrapperForm .togglebutton .activeCheckbox{
        display: flex;
        flex-flow: column;
        align-items: center;
    }*/
} 

@media (max-width: 1600px) {
    .appCenterList .card .card-content .card-title{    height: 75px;}
    .form-horizontal .wrapperForm{padding:40px 20px 0px 20px;}
    .nameProfile{max-width: 100px;}

    /* LOGIN */
    .pageLogin .content .left .name{font-size: 40px;line-height: 42px;}

    /* MENU */
    .sidebar .nav li i{margin-right:15px;}
    .sidebar ul .nav li a{padding-left:70px!important;}

    .sidebar{width: 260px;}
    .headerEdit{width:calc(100% - 260px);}
    .main-panel{width: calc(100% - 260px);}
    .sidebar .logo:after{bottom: -20px;}
    .sidebar .sidebar-wrapper{width:260px;}
    
    .tableList table tbody tr td a.link{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
    .dashboard #locationSale .options{padding-right: 60px;}
    .dashboard #controlPanel .data .key{font-size:13px;}
    .dashboard #controlPanel .data .moreInfo{font-size: 12px;}
    
    /* PRODUCTS */
    #statisticsHeader ul li.mostViewed .key, 
    #statisticsHeader ul li.mostOrders .key{max-width:100%;width:100%;}
    #statisticsHeader ul li.mostViewed .key .name, 
    #statisticsHeader ul li.mostOrders .key .name{width:100%;}
    #statisticsHeader ul li.mostViewed .key a .name, 
    #statisticsHeader ul li.mostOrders .key a .name{width:60%;}
    #statisticsHeader ul li.mostViewed .key .name, #statisticsHeader ul li.mostOrders .key .name{font-size:18px;}
    #statisticsHeader ul li{min-width:auto;}
    #statisticsHeader ul li .key{font-size:26px;}
    #statisticsHeader ul li .value{font-size:16px;}
    #statisticsHeader ul li.mostViewed .key a,
    #statisticsHeader ul li.mostOrders .key a{font-size:14px;line-height:16px;}
    #statisticsHeader ul li .key{margin-right: 10px;padding-left:10px;}
    .form-horizontal .wrapperForm .row input{font-size:20px;}

    .table .boxHidden td .box ul li{font-size:16px;}
    .dashboard #controlPanel .data .key{margin-right:10px;}
    .card .card-title{font-size:20px;}
    .dashboard .card .data .legend .icon{margin-right:5px;}
    .dashboard .card .data .legend .arrow{margin-right: 10px;}
    .tableList table thead tr th .text, .table-sales table thead tr th .text,
    .tableList table tbody tr td a.link{font-size:14px;}
    .card.card-product{min-height:480px;}

}

@media (max-width: 1400px) {
    .plansList .card .group ul li{
        width: 29%;
    }
    #orderList .tableList table tbody tr td a.link{
        font-size: 13px!important;
    }
    #orderList .tableList table thead tr th .text,
    #orderList .table-sales table thead tr th .text{
        font-size: 13px!important;
    }

    .fix-margin{
        margin-left: 70px;
    }
}

@media (max-width: 1280px) {
    .card .card-title{padding:10px 15px;}
    #orderList .col-md-12{padding:10px;}
    #orderList .tableList table thead tr th:nth-child(3) .text,
    #orderList .tableList table tbody tr td:nth-child(3) .link{max-width: 40px;}
    .card .card-title {font-size:18px;}
    .dashboard .card .card-title .right .info,
    .card .card-title span label{font-size:14px;}
    
    .dashboard #itemCustomers .card{height:290px;}
    .dashboard .card .data .legend{padding:0px 10px;font-size:12px;margin-top:15px;}
    .dashboard .card .data .legend .icon{margin-right: 10px;}
    .dashboard .card .data .legend .arrow{ margin-right: 10px;}

    .dashboard #controlPanel .data .icon{display:none;}
    .dashboard #controlPanel .data .moreInfo{font-size:11px;}
    .dashboard #controlPanel .data .moreInfo b{font-size:12px;}
    .dashboard #controlPanel .data .item{height: 65px;}
    .dashboard #controlPanel .data .item .preload{transform: scale(0.8);margin-top: 30px;}

    /* PRODUCTS */
    #statisticsHeader ul li .value {font-size: 14px;line-height: 16px;}
    #statisticsHeader ul li.mostViewed .key, #statisticsHeader ul li.mostOrders .key{padding-right:0px;}
    #statisticsHeader ul li.mostViewed .image, #statisticsHeader ul li.mostOrders .image{margin-right: 10px;}
    #statisticsHeader ul li.mostViewed .key a .name, #statisticsHeader ul li.mostOrders .key a .name{line-height: 18px;font-size: 16px;}
    #statisticsHeader ul li.mostViewed .key .value, #statisticsHeader ul li.mostOrders .key .value,
    #statisticsHeader ul li.mostViewed .key .value label, #statisticsHeader ul li.mostOrders .key .value label{font-size:14px;}
    #statisticsHeader ul li.mostViewed .key .value,
    #statisticsHeader ul li.mostOrders .key .value{margin-top:10px;}
    #statisticsHeader ul li.mostViewed .key .name, #statisticsHeader ul li.mostOrders .key .name{font-size:18px;}
    .table .nameRow .name{width: 60%;}
    .table .numberRow{padding-right: 20px;}
    .table .boxHidden td .box{width:48%!important;}
    .card.card-product {
        min-height: 435px;
    }

    .plansList .card .group ul li{
        width: 27%;
    }
    .plansList .card .group ul li .price{
        font-size: 40px;
    }
    .plansList .card .group ul li .price .period{
        font-size: 20px;
    }
    
    .pageLogin .content .right .footer{font-size:12px;}
}
@media only screen
and (min-width: 1024px){
    .pageLogin .elemDesign .bg{left:0px;}
}
/* ----------- iPad ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 1000px)
and (max-device-width: 1200px)
and (orientation: landscape){
    .navbar-nav .dropdown{margin-right:10px!important;}
    .navbar .container-fluid .collapse ul li a.dropdown-toggle.icon{padding: 12px 10px;}
    .navbar .container-fluid .collapse ul li.avatarProfile{margin-left:0px;}
}

@media (max-width: 768px) {
    .sidebar .sidebar-wrapper{z-index: 99;background: white;}
    .card .card-title{padding:10px 20px;}
    .main-panel{width:100%;}
    .dashboard .row .col-md-4{width:100%;display: inline-block;}
    #orderList .col-md-12{padding:15px;}
    #orderList .tableList table thead tr th:nth-child(1) .text, #orderList .tableList table thead tr th:nth-child(3) .text, #orderList .tableList table tbody tr td:nth-child(3) .link{max-width:100%;}
    .dashboard #locationSale{margin-top:25px;}
    .dashboard #locationSale .col-md-8{width:70%;}
    .dashboard #locationSale .col-md-4{width:30%;text-align:center;}
    .dashboard #locationSale .col-md-8, .dashboard #locationSale .col-md-4{float:left;}
    .dashboard #locationSale .options{padding-right:0px;}
    .dashboard #locationSale #channelGraph{display:inline-block;margin-top:20px;}
    .dashboard #locationSale .legend{padding-left:0px;}
    .dashboard #locationSale .col-md-4 .name{width:100%;}

    .dashboard .card .data .legend{font-size:14px;padding:0px 20px;}
    .dashboard .card .data .legend .icon{margin-right: 15px;}
    .dashboard .card .data .legend .arrow{ margin-right: 15px;}
    .dashboard .card .card-title .right .info, .card .card-title span label{font-size:16px;}

    .dashboard .card .card-title .right .data{left: -100px;}
    .dashboard .card .card-title .right .data:after{left: 68%;}
    
    .dashboard #controlPanel .data{padding-bottom:0px;}
    .dashboard #controlPanel .data .icon{display:block;}
    .dashboard #controlPanel .data .item{width:50%;float:left;margin-bottom:40px;height:auto;}
    .dashboard #controlPanel .data .item:nth-child(3) .moreInfo,
    .dashboard #controlPanel .data .item:nth-child(4) .moreInfo{display:none;}

    footer .copyright{padding:0px 15px;}

    /* PRODUCTS */
    #statisticsHeader{overflow-y: hidden;white-space: nowrap;width: 100%;padding: 20px 15px 20px 15px;}
    #statisticsHeader::-webkit-scrollbar{display: none;}
    #statisticsHeader::-moz-scrollbar{overflow: -moz-scrollbars-none;}
    #statisticsHeader ul li{width: 200px;display: inline-block;float: none;white-space: normal;}
    .main-panel .content .container-fluid .row .col-md-12 .card{margin-top:0px;}
    #statisticsHeader ul li .value{font-size:16px;}
    #statisticsHeader ul li:last-child{margin-right: 15px;}
    .gridProducts table tr th.numberRow,
    .gridProducts table tr td.numberRow{display:none;}
    .table .nameRow{width:25%;}
    .table .nameRow .image{width: 40px;height: 70px;}
    .table .nameRow .name{width:100%;font-size:14px;}
    .table .category{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;text-align: left;width: 100%;font-size:14px;}
    .table .nameRow .group{display: inline-block;width: 62%;}
    .activeCheckbox{transform: scale(0.9);}
    .tableList table thead tr th .text, .table-sales table thead tr th .text{font-size:14px;}
    .td-actions .actionTable{font-size:13px;width: 28px;height: 28px;}
    .pagination-group ul.pagination li .number{font-size:16px;line-height: 16px;margin-top: 3px;}
    .pagination-group ul.pagination li .dot i{font-size:6px;}
    .pagination-group ul.pagination li.arrow a{padding: 2px 9px;}
    .pagination-group ul.pagination li .dot{margin-top:7px;}
    .pagination-group .pagination-goto>span{font-size: 14px;}
    .pagination-group .pagination-goto .filter-option{font-size:14px!important;}
    .pagination-group .pagination-goto .btn-group{height:26px;}
    .table .boxHidden td .box{width:48%!important;}
    .table .boxHidden td .box ul li{padding:5px 0px;}
    .table .boxHidden td .box ul li .key{font-size:14px;}
    .table .boxHidden td .box ul li .value{font-size:14px;}
    .table .boxHidden .sharelist{ width: 100%;display: inline-block;margin-top: 5px;}


    /* SHOW CASE */
    .showCasePage .logo{top:20px;}
    .showCasePage .controlDevice{bottom: 0px;top: auto;width: 100%;left: 0px;padding:10px;}
    .showCasePage .controlDevice .closePage{    display: block; bottom: 90vh; right: 20px; position: absolute;margin: 0px;}
    .showCasePage .controlDevice ul li{float: left;width:20%;margin-bottom:0px;}
    .showCasePage .data .carousel-control.left{transform: translateX(-130%);margin: 0px;top: 62vh;font-size: 18px;width: 50px;height: 50px;line-height: 50px;}
    .showCasePage .data .carousel-control.right{transform: translateX(130%);margin: 0px;top: 62vh;font-size: 18px;width: 50px;height: 50px;line-height: 50px;}
    .showCasePage .data{padding-top: 15vh;}
    .showCasePage .data .item .name{margin-bottom: 20px;}
    .showCasePage .data .item .image{margin-top: 30px;left: 50%;width:110%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);}
    .showCasePage .data .item .image .mask img{max-width:100%;}
    .showCasePage .data .item.desktop .image .scroll,
    .showCasePage .data .item.google .image .scroll{max-width: 69vw;max-height: 61%;top: 10.1vw;margin-top: 0px;}
    .showCasePage .data .item.mobile .image .scroll{max-width: 32.5vw;max-height: 67%;top: 14vw;margin-top: 0px;border-bottom-left-radius: 9%;border-bottom-right-radius: 9%;}
    .showCasePage .data .item.instagram .image .scroll{max-width: 32vw;max-height: 62%;top: 14vw;margin-top: 0px;}
    .showCasePage .data .item.facebook .image .scroll{margin-left: 2vw;max-width: 43vw;max-height: 54%;top: 15vw;margin-top: 0px;}
    .showCasePage .data .item.mobile .image,
    .showCasePage .data .item.instagram .image{width:150%;margin-top: -0px;}
    .showCasePage .data .item .description{margin-top:0px;padding:0px 20px;display:none;}
}

@media (max-width: 480px) {
    .navbar.navbar-transparent{padding:15px 20px;}
    .dashboard #locationSale .col-md-8, .dashboard #locationSale .col-md-4{width:100%;}
    .dashboard #locationSale .card{height:650px;}
    .dashboard #controlPanel .data .icon{display:none;}
    .dashboard #controlPanel .data .key{font-size: 12px;}
    .dashboard #controlPanel .data .moreInfo{font-size: 10px;}

    #statisticsHeader ul li.mostViewed .key .name, #statisticsHeader ul li.mostOrders .key .name{font-size:16px;}
    #statisticsHeader ul li.mostViewed .key a .name, #statisticsHeader ul li.mostOrders .key a .name{font-size:14px;}
    #statisticsHeader ul li.mostViewed .key .value, #statisticsHeader ul li.mostOrders .key .value, #statisticsHeader ul li.mostViewed .key .value label, #statisticsHeader ul li.mostOrders .key .value label{font-size:12px;}
    
    /* PRODUCTS */
    #statisticsHeader ul li{height: 105px;}
    #statisticsHeader ul li.mostViewed .key .name, #statisticsHeader ul li.mostOrders .key .name{font-size:14px;}
    .tableList form fieldset table .checkboxRow{display:none;}
    .tableList form fieldset table .categoryRow{display:none;}
    .tableList form fieldset table .category{display:none;}
    .tableList form fieldset table .global_options{display:none;}
    .tableList form fieldset table .td-actions{display:none;}
    .table .nameRow{width:50%;}
    .table .nameRow .group,
    .table .nameRow .image{height:50px;}
    .card .links{width:100%;display:inline-block;}
    .card .links .dropdown-toggle{float: right;}
    .table .boxHidden .dataProduct{display:none;}
    .table .boxHidden .dataOption{display:table-cell!important;}
    .table .boxHidden .dataOption .group{padding:0px;}
    .table .boxHidden .dataOption .actionRow{width: 100%!important;padding:0px;background:#252a39;border-radius:0px;height:auto;text-align:center;float: left;margin-bottom:5px;}
    .table .boxHidden .dataOption .actionRow a{background:transparent;padding:0px;margin:0px;box-shadow:none;width:33%;float:left;padding:15px 0px 10px;text-align:center;}
    .table .boxHidden .dataOption .actionRow a .text{width:100%;display: inline-block;font-size:12px;font-weight:400;}
    .table .boxHidden .dataOption .actionRow a .icon{width:100%;display: inline-block;margin-bottom:5px;}
    .table .boxHidden .dataOption .actionRow a .icon i{font-size:16px;}
    .pagination-group .resultsQnt{display:none;}
    .swal2-modal{min-width:80%;}
    #statisticsHeader{margin-top:-20px}

}

@media (max-width: 320px) {
    #orderList .tableList table thead tr th:nth-child(1),
    #orderList .tableList table tbody tr td:nth-child(1){display:none;}
    
    .card .card-title{padding:10px;}
    .dashboard #locationSale .col-md-8{margin-bottom:20px;}
    .dashboard #locationSale .col-md-8, .dashboard #locationSale .col-md-4{padding:0px 15px;}
    .dashboard #locationSale .options ul li{margin:0px;}
    .dashboard .card .card-title .right .data{width:200px;left:-50px;}
    .dashboard .card .data .legend{padding:0px 10px;}
    .dashboard .card .data .legend .icon{margin-right:10px;}
    .dashboard .card .data .legend .arrow{margin-right:10px;}
    .dashboard .card .data .legend .text{font-size:12px;}

    .dashboard #controlPanel .data .icon{display:block;width: 25px;}
    .dashboard #controlPanel .data .item{width:100%;}
    .dashboard #controlPanel .data .value{float:right;}
    .dashboard #controlPanel .data .item:nth-child(3) .moreInfo{display:inline-block;}
    .dashboard #controlPanel .data .item:nth-child(4){margin-bottom:20px;}

    /* PRODUCTS */
    .card .links .searchBox{font-size:14px;margin-right:0px;}
    .card .links .searchBox .info{font-size:14px}
    .card .links .searchBox .info i{margin-right:5px;}
    .btn{padding:10px 10px;}
    .tableList form fieldset thead {display:none;}
    .tableList form fieldset table .productsShowInHomepage{display:none;}
    .tableList form fieldset table .productsShowActive{display:none;}
    .table .nameRow{width:90%;}
    .tableList form fieldset table .expandRow {display:block;height: 75px;padding-top: 25px;}
    .pagination-group ul.pagination li{margin:0px 5px;}
    .swal2-modal{min-width:90%;}

}

@media (max-width: 767px) {

    .elemDesign{display: none;}
    .pageLogin .content .left { display: none; }
    .pageLogin .content .right { width: 100%;padding:0px;}
    .pageLogin .content .right .footer a {font-size: 12px;}

}