@media only screen and (max-width:1600px) {
    /* .customer-main {
        font-size: 1.2em;
    } */
    /* .product-table table{
        width: 70em;
    } */
    .customer-views{
        font-size: 1.2em;
    }
}

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

    body {
        font-size: 14px;
    }
    /* .customer-main {
        font-size: 1.6em;
    } */
    /* .order-list{
        font-size: 1.2em;
    } */
    /* .product-main{
        font-size: 1.5em;
    } */
    /* .product-table table {
        width: 80em;
    } */
    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 1.2em;
    } */

    /* .addproduct-fontsize{
        font-size: 1.2em;
    } */
    /* .menu-details{
        font-size: 1.2em;
    } */
    .table-size table#tblProductList{
        width:1000px !important;
    }
    /* .menu-right{
        font-size: 1.1em;
    } */
    .right-menu a.dropdown-item{
        font-size: 1.2em;
    }
      /*login page*/
      /* .brand-logo ul li a{
        width: 16em;
    } */
    /* .login-container .card {
        font-size: 1.3em;
    } */
    .login-container{
        background-size: cover;
    }
    /* .action-showdisplay a{
        font-size: 1.6em;
    } */
    .option-attribute .form-deta {
        width: 100%;
    }
    .name-input {
        margin-right: 0;
    }
    /* .addproduct-fontsize {
        font-size: 1.4em;
    } */

    table.dataTable {
        min-width: 1350px;
    }

    .table-size{
        overflow-x: auto;
    }

}

@media only screen and (max-width:1200px) {
    .table-size table#tblCustomerList{
        width: 740px !important;
    }
    .product-table table {
        min-width: 1300px;
    }
    /* .customer-main {
        font-size: 1.8em;
    } */
    .navbar-light .navbar-nav .profile .nav-link {
        margin-top: 1.2em;
    }
    /* .main-container{
        padding: 3em 0;
    } */
    /* .product-main {
        font-size: 1.4em;
    } */
    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 1.6em;
    } */
    /* .addproduct-fontsize{
        font-size: 1.6em;
    } */
    /* .menu-details{
        font-size: 1.4em;
    } */
    .btn-confirm {
        font-size: 1.1em;
    }
    /*login page*/
    /* .brand-logo ul li a {
        width: 18em;
    } */
    /* .login-container .card {
        font-size: 1.6em;
    } */
}


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

    /* .customer-main {
        font-size: 2em;
    }
    .product-main {
        font-size: 1.7em;
    } */
    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 1.8em;
    } */
    /* .addproduct-fontsize{
        font-size: 1.7em;
    } */
    /* .menu-details{
        font-size: 1.6em;
    } */
    .nav-link:hover::after, .nav-link.active::after {
        width: 0;
    }
     /*login page*/
     /* .brand-logo ul li a {
        width: 19em;
    } */
    /* .login-container .card {
        font-size: 1.7em;
    } */
    /* .action-showdisplay a{
        font-size: 1.8em;
    } */
    /* .container {
        max-width: 100em;
    } */
}

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

    /* .customer-main {
        font-size: 2.4em;
    } */
    /* .container {
        max-width: 109em;
    } */
    .navbar-light .navbar-nav .profile .nav-link {
        margin-top: 2.1em;
    }

    /* .product-main {
        font-size: 1.9em;
    } */

    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 2.2em;
    } */
    /* .addproduct-fontsize{
        font-size: 1.9em;
    } */
    /* .menu-details{
        font-size: 1.9em;
    } */
    /*login page*/
    /* .brand-logo ul li a {
        width: 22em;
    } */
    /* .login-container .card {
        font-size: 1.9em;
        max-width: 45%;
        margin: 0em auto 0;
    } */
    .login-container.forgot-container .card{
        max-width: 55%;
        margin:0 auto;
        width:100%;
        padding-left:1em;
        padding-right:1em;
    }
    /* .action-showdisplay a{
        font-size: 2.2em;
    } */
    /* .app-main{
        padding-top: 12em;
    } */
    .customer-views{
        font-size: 2.3em;
    }

    .brand-logo ul li {
        padding: 0 3em;
    }


}

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

    /* .customer-main {
        font-size: 2.7em;
    } */

    /* .main-container {
        padding: 5em 0;
    } */

    /* .product-main {
        font-size: 2.2em;
    } */

    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 2.4em;
    } */

    /* .addproduct-fontsize{
        font-size: 2.2em;
    } */
    .add-proct-main {
        display: inline;
    }
    .product-data-inner {
        width: 100%;
        padding: 0em 1em 0em 1em;
    }
    .product-img-inner {
        padding: 1.25em 4em 1.25em 4em;
    }
    /* .menu-details{
        font-size: 2.1em;
    } */
    .btn-confirm {
        font-size: 1.3em;
    }
    .responsive-toggle{
        position: fixed;
        top: 4em;
        z-index: 1;
        height: 100%;
        width: 100%;
        background-color: #f1f1f1;
        box-shadow: 0 10px 12px 1px #bbbdbf;
    }
    .new-toggle-icon{
        border: none;
    }
    .navbar-light .navbar-nav .nav-link {
        color:#212529;
    }
    .inner-heading-btn {
        font-size: 0.9em;
    }
    .responsive-toggle {
        width: 20em;
        /* font-size: 1.3em; */
        z-index: 999;
        top: 5.3em;
        height: 100%;
        position: fixed;
        right: 0;
        margin-top: 0;
    }
    .ul.navbar-nav.ml-auto{
        margin-right: 0;
        height: 100%;
        background: #fff;
        position: relative;
        z-index: 99;
    }
    .li.nav-item{
        display: block;
        padding: 1em 0;
        position: relative;
    }
    .navbar-expand-md .navbar-collapse:after {
        content: "";
        display: block;
        position: fixed;
        top: 2.9em;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
    }
    .navbar-expand-md .show.responsive-toggle.navbar-collapse:after {
        opacity: 1;
        visibility: visible;
    }
    .menu {
        margin-right: 0;
        /* height: 100%; */
        background: #f1f1f1;
        position: relative;
        z-index: 99;
      }
      .navbar-light .navbar-nav .nav-link{
        padding: 0.625em 1em;
      }
      .dropdown-menu {
        border: none;
        font-size: 0.925em;
        padding: 0 1em;
    }
    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0;
    }
    .menu-right{
        flex-direction: row-reverse;
    }
    .navbar-expand-md .navbar-nav .dropdown-menu{
        position: relative;
        top:0;
    }
    /*login page*/
    /* .brand-logo ul li a {
        width: 25em;
    } */

    /* .login-container .card{
        max-width: 50%;
        font-size: 2.2em;
        margin: -3em auto 0;
    } */
    .login-container.forgot-container .card {
        max-width: 70%;
        margin-top: 8em;
    }
    .table-size table#tblCustomerList {
        width: 590px !important;
    }
    /* .action-showdisplay a{
        font-size: 2.5em;
    } */
    .product-details-deta{
        padding: 1.25em 1em 1.25em 1em;
        width:97%;
    }
    .right-menu a.dropdown-item:first-child{
        padding: 0 1em 0 1em;
    }
    .profile.show .dropdown-menu{ 
        box-shadow: 0 2px 15px 1px #bbbdbf;
        padding: 1em;
        margin: 0;
    }
    .dropdown-menu-right{
        top: 5em;
    }
    .navbar-expand-md .navbar-collapse:after{
        top:5.25em;
    }
    .responsive-toggle{
        top: 5.25em;
        right: -20em;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        overflow: auto;
        padding-bottom: 5.25em;
        height: 100%;
        display: block !important;
    }
    .profile-dropdown{
        display: none;
    }
    .menu-right .profile{
        display: none;
    }
    .menu-right .profile.company_head {
        display: block;
    }
    .menu li a.profile-item{
        font-size: 1.225em;
        color: #212529;
        padding:0.625em 1em;
    }
    .profile-item{
        display: block;
    }
    .navbar-light .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.1);
        background: transparent;
        border: none;
        box-shadow: none;
    }

    .menu li .dropdown-content a {
        font-size: 1.125em;
    }
    .dropdown:hover .dropdown-content {
        padding: 0 1em;
    }


    .menu {
        margin-right: 0;
        /* height: 100%; */
        background: #f1f1f1;    
        /* position: fixed;
        z-index: 99;
        right: 0;
        top: 3.5em; */
        overflow: hidden;
        box-shadow: 0 10px 12px 0 #bbbdbf;
        /* transition: 0.3s linear; */
        min-height: 100%;
        transition: none;
    }
    
    /* .show .menu {
        height: 100%;
    } */
    .show.responsive-toggle {
        right: 0;
    }
    
    .responsive-toggle {
        background-color: transparent;
        box-shadow: none;
    }

    .dropdown-content {
        display: none;
        top: inherit;
        position: initial;
        background-color: transparent;
        box-shadow: none;
        margin: 0 !important;
    }
    .dash-board-branded .customer-main{
        width: 100%;
    }
    .dash-board-conetent{
        display: block;
        margin-bottom: 0;
    }
    .customer-1{
        margin-bottom: 2em;
    }
    .customer-main.customer-2 {
        margin-bottom: 2em;
    }
    .customer-views{
        font-size: 2.5em;
    }

    .navbar-laravel {
        padding: 0 1em;
    }

    .dataTables_wrapper .dataTables_info {
        padding: 1em 1em 0;
    }

    .brand-logo ul li {
        padding: 0 1em;
    }
    
    /* .add_newbtn {
        margin: 1em 0 0 0;
    } */
    .common_boxcon .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        display: block;
        float: none;
    }
    .common_boxcon .ui-tabs .ui-tabs-nav li {
        float: none;
        display: block;
        border: none;
    }

    .form-group {
        margin: 0;
    }
    .form-group > div {
        margin: 0 0 1em;
    }


}

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

    /* .container {
        max-width: 101.6em;
    }
    .main-container {
        padding: 6em 0;
    } */

    /* .product-main {
        font-size: 3em;
    } */

    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 3.1em;
    } */

    /* .addproduct-fontsize{
        font-size: 2.5em;
    } */
    /* .menu-details{
        font-size: 2.6em;
    } */
    /* .inner-heading-btn {
        font-size: 0.8em;
    } */
    .table-size table#tblProductList {
        width: 900px !important;
    }
     /*login page*/
     /* .brand-logo ul li a {
        width: 28em;
    } */
    /* .login-container .card {
        font-size: 2.8em;
        margin: 10em auto 0;
        max-width:80%;
    } */
    .brand-logo ul {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-left: 0;
        flex-direction: column;
    }
    .brand-logo ul li {
        padding: 1em 0;
        width: 100%;
    }
    .brand-logo ul li a img {
        max-width: 12em;
    }
    .login-container.forgot-container .card {
        max-width: 100%;
        margin-top: 8em;
    }
    .product-add{
        padding-right: 0;
        padding-top: 0.625em;
        padding-bottom: 0.625em;
    }
    /* .customer-heading{
        flex-direction: column;
        padding-bottom: 1em;
    } */
    .customer-heading .button-action {
        padding-right:0;
    }
    .table-size table#tblCustomerList {
        width: 520px !important;
    }
    /* .product-table{
        font-size: 1.2em;
    } */
    /* .action-showdisplay a{
        font-size: 3em;
    } */
    .brandlogo-list{
        flex-direction: column;
    }
    .setCompany{
        width: 100%;
        height: 100%;
        min-height: 20em;
        margin-bottom: 2em;
        border-radius: 0;
    }
    /* .dash-board-branded .customer-heading{
        padding-bottom: 0;
    } */
    /* .customer-main.customer-1, .customer-main.customer-2 {
        font-size: 3.7em;
    } */
    /* .customer-main.order-list {
        font-size: 3em;
    } */
    /* .customer-views{
        font-size: 3.5em;
    } */
    .one-button .button-action .btn{
        font-size:18px;
    }

    .brand-logo {
        padding: 2em 0;
        top: 0;
        position: static;
    }
    .card {
        margin: 0 auto 2em;
    }

    .tab_head {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }
    .tab_head h5 {
        flex-basis: 100%;
        margin: 0 0 1em;
    }

}

@media only screen and (max-width:480px) {
    /* .customer-main {
        font-size: 4em;
    } */

    /* .container {
        max-width: 108.6em;
    }
    .main-container {
        padding: 7em 0;
    }
     .product-main {
        font-size: 3.6em;
    } */
    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 3.6em;
    } */
    /* .addproduct-fontsize{
        font-size: 3.2em;
    } */
    /* .menu-details{
        font-size: 3.1em;
    } */
    .button-action {
        margin-right: 0;
        margin-bottom: 0.5em;
        margin-right: 1em;
    }
    .inner-heading-data{
        flex-direction: column;
    }
    .custmr-editpg-spacing h5{
        text-align: center;
    }
    /* .app-main{
        padding-bottom: 5em;
    } */
    /*login page*/
    /* .brand-logo ul li a {
        width: 40em;
        margin: 0 auto;
    } */
    /* .brand-logo ul {
        display: block;
    } */
    /* .brand-logo ul li {
        padding: 3.4em;
    } */
    /* .login-container .card {
        max-width: 100%;
        font-size: 3.6em;
        margin:7em auto 0;
    } */
    .login-container{
        background: none;
    }
    .table-size table#tblCustomerList {
        width: 380px !important;
    }
    /* .action-showdisplay a{
        font-size: 3.5em;
    } */
    .inner-heading-btn {
        font-size: 1.1em;
    }
    /* .app-main {
        padding-top: 18em;
    } */
    .two-data{
        flex-direction: row;
    }
    .two-data .button-action{
        margin-right: 2em;
        margin-bottom: 0;
    }
    /* .customer-main.customer-1, .customer-main.customer-2 {
        font-size: 4.3em;
    }
    .customer-main.order-list {
        font-size: 3.5em;
    }
    .product-table table {
        width: 75em;
    } */
    .one-button{
        flex-direction: row;
    }
    .customer-views {
        font-size: 4.2em;
    }
    .one-button .button-action{
        margin-top: 0.5em;
    }
    .custmr-editpg-spacing h5 {
        margin: 0 0 1em;
    }
    
    .login-container {
        height: auto;
    }

    .jqi {
        padding: 1em 1em;
    }

}

@media only screen and (max-width:400px) {
    /* .customer-main {
        font-size: 3.6em;
    }
    .container {
        max-width: 106.1em;
    }
    .main-container {
        padding: 8em 0;
    }
    .product-main {
        font-size: 4em;
    } */
    /* .coustmer-details-fontsize, .coustmer-edit-fontsize{
        font-size: 4.4em;
    } */
    /* .addproduct-fontsize{
        font-size:3.6em;
    } */
    /* .menu-details{
        font-size: 3.4em;
    } */
    /* .app-main{
        padding-bottom: 10em;
    } */
     /*login page*/
    /* .brand-logo ul li a {
        width: 46em;
    } */
    /* .login-container .card {
        font-size: 4.7em;
        margin: 4em auto 0;
    } */
    .login-container.forgot-container .card .inner-text-forgot {
        font-size: 1.1em;
    }
    .forgot-container .card-header{
      font-size: 1.5em;
    }
    .table-size table#tblCustomerList {
        width: 290px !important;
    }
    /* .action-showdisplay a{
        font-size: 4em;
    } */
    .button-action:last-child{
        margin-right: 0;
    }
    .dash-board-conetent .col-md-9 {
        max-width: 100%;
    }
    .dash-board-conetent .col-md-3 {
        max-width: 100%;
        text-align: left;
    }
    /* .customer-main.customer-1, .customer-main.customer-2 {
        font-size: 5.5em;
    } */
    /* .customer-main.order-list {
        font-size: 4.2em;
    }
    .customer-views {
        font-size: 4.5em;
    } */
    .one-button {
        flex-direction: column;
    }
    .customer-views .col-md-3.col-sm-6.col-6,.customer-views .col-md-9.col-sm-6.col-6  {
        max-width: 100%;
        flex: 100%;
    }
    .customer-views .col-md-12 {
      font-size: 1.2em;
    }
}