@media(max-width:1305px){
        .navbar{width:100%; }
        .navbar-collapse, .container-fluid{padding:0px; }
}

@media (max-width: 1200px){
    .login .content{width:40%!important; }

    /* NAV 
    .navbar-nav > li > a{padding:22px 12px 23px; }
    .navbar{width:65%; }*/
    
    /* NAV */
    .navbar-nav > li > a{padding:22px 12px 23px; }
    .navbar{width:100%; }
    .navbar .container-fluid{padding:0px; }
    .navbar .navbar-collapse{padding:0px; }

    .col-md-4 .image-title{font-size:15px; }
    .product .date-sec .start-date{font-size:14px; padding:11px 0px; }
    .product .date-sec .date-text{font-size:14px; }
    .product .date-sec .exit-date{padding:10px 0 8px 3px; }
    .product .section .style .barcode-digit{padding:10px 0 3px 3px; }
    .product .section .style .style-no{font-size:14px; padding:11px 0px; }
    .product .section .style .product-name{font-size:18px; }
    .product .data-sec .col-md-5 .design-details .design-data .append textarea{width:65%; }

    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5 {
    float: left;
    width: 51%;
    }
       .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6 {
    float: left;
    width: 49%;
        }
    .product .data-sec .col-md-5 .design-details .design-data {
        padding-top: 0px;
    }

    /* Style Sheet */
    .sizing-grid{float:left; width:100%; padding:0px; }
    .sizing-grid .panel-body .col-md-5{width:50%; float:left; }
    .sizing-grid .panel-body .col-md-3{width:33.3%; float:left;}
    
    /* Cost Sheet */
    .style-description{float:left; width:100%; padding:0px; }
    .style-description .col-md-12 .col-sm-5 .description-control{width:58%; }
    
    /* ORDER */
    .order-fill .order .col-md-12 .col-sm-2{width:25% !important; }
    .order-fill .order .col-md-12 .col-sm-10{width:75% !important; }
    .order-fill .col-md-12 .order .col-md-4 .col-sm-6 input.date{width:95%;  }
    .order-fill .order .col-md-12 .sales{width:16.5%; }
    .order-fill .order .col-md-12 .sales-box{width:83%; }
    .order-fill .order .col-md-12 .col-sm-5{width:36.2%; }

    .order-fill .col-md-8 .col-md-6 .order .col-sm-5{width:40.667%; float:left; }
    .order-fill .col-md-8 .col-md-6 .order .col-sm-7 {width: 59.333%; float:left; }
    .order .col-sm-10 .order-textarea {
        height: 219px !important;
        resize: none;
    }
    .order-fill .col-md-8 .col-md-6 .col-sm-9 .order-textarea-invoice {
        height: 166px !important;
        resize: none;
    }

    .reg-invoice
    {
        width: 66.6667%;
        float:left;
    }

    .sheet-data .col-sm-8 .bill {width: 24%; float: left; }
    .sheet-data .col-sm-8 .order-date-input {width: 34%; float: left; }

    
    .dashboard .piechart{padding:36px 0px; }
    .dashboard .reg-erp{padding:20px 0px; }
    .dashboard .chart_div{padding:36px 0px; }

    .dt-top-row .col-sm-2
    {
        width: 20%;
    }
     .search-by-style {
        left: 192px;
        width: 70%;
     }
        .search-by-style .col-md-3
        {
            float: left;
            width: 24%;
        }
 .order .col-sm-9 .order-textarea {
    height: 127px !important;
}
.search-by-style-pick-ticket {
    left: 0;
    padding: 0 0 0 0px;
    top: 65px;
    width: 100%;
}
     .picktb .dt-wrapper
    {
        padding: 33px 0px 0px 0px;
    }

    .search-by-style-pick-ticket .col-md-2
    {
        width: 15%;
        float:left;
    }

    .search-by-style-WIP {
        left: 192px;
        width: 70%;
     }


}
@media (max-width: 1000px){
    .login .content{width:40%!important; }
    .menu {width:78.2%; }
    .navbar-nav > li > a { font-size:13px; padding: 22px 5px 21px 30px !important;  }
    

}
@media (max-width:800px)
{
    .login .content
    {
        width: 50%!important;
    }

    .menu
    {
        width: 78.2%;
    }

    .titlecrumb .col-md-9
    {
        width: 55%;
    }

    .titlecrumb .col-md-3
    {
        width: 45%;
    }

    .search-by-style-pick-ticket .col-md-2
    {
        width: 45%;
        float: left;
    }

    .picktb .dt-wrapper
    {
        padding: 95px 0px 0px 0px;
    }

    .search-by-style-WIP .col-md-3
    {
        width: 25%;
        float: left;
    }

    .search-by-style-WIP
    {
        top: 57px;
        width: 100%;
        padding: 0px;
        left: 0px;
    }
    .WIPreg .dt-wrapper
    {
        padding: 33px 0px 0px 0px;
    }

    /* 1ts AUG specification */

    .navbar-nav > li > a{font-size:13px;  padding: 22px 12px 21px 12px !important; }
    .navbar-nav > li.ord > a{ padding: 22px 12px 21px 28px !important; }
    .navbar-nav > li.tic > a{ padding: 22px 12px 21px 28px !important;  }
    .navbar-nav > li.inv > a{ padding: 22px 12px 21px 28px !important; }


    .image-sample {float:left; width:100%; padding:0px; }
    .image-sample .col-md-6{width:25%; float:left; margin-top:0px; }
    .image-sample .note{padding:0px; }
    .image-sample .note textarea{height:100px!important; }
    .product-data{float:left; width:100%; margin-top:15px; padding:0px; }
    .product-data .col-md-5{width:41.6667%; float:left; }
    .product-data .col-md-7 {width: 58.3333%; float:left;  }
    .product-data .col-md-6{width:50%; float:left; margin-top:0px; }
    .product-data .col-md-4{width:33.3%; float:left; margin-top:0px; }
    .product-data .col-md-3{width:25%; float:left; margin-top:0px; }

    .product-data .product .data-sec .col-md-5 .design-details .design-data .append textarea{width:70%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .name{width:100%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .date{width:100%; float:left; text-align:left; padding:3px 0px 0px 0px; }    
    .style .col-md-8{width:66.6667%; float:left; }

    .product .section .style .col-md-8{width:67.777%; float:left; }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5{width:50%; float:left; }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6{width:50%; float:left; }

    .footer .col-md-6 {float: left; width: 50%; }
}



@media (max-width: 768px){
	.login .content{width:52%!important; }
    
    /* NAV */
    /*.navbar-nav > li > a{padding:22px 12px 23px; }*/
    .navbar{width:100%; }
    .navbar .container-fluid{padding:0px; }
    .navbar .navbar-collapse{padding:0px; }
    .navbar-default .navbar-toggle {
    display: block ;
        background:#fff; border-radius: 4px; float: left; margin:8px 0px 2px; position: relative; width: 100%;
    }
	.navbar-default .navbar-header { float: none !important; }
    .navbar-default .navbar-nav > li > a { padding-top: 10px !important; padding-bottom: 10px !important;  width: 100%;}
	.navbar-default .navbar-nav > li {  float: left; width: 100%; }
    .navbar-default .navbar {float:left; width:99%; margin:0px auto; }
    .navbar-nav{margin:0px; }
	
    .navbar-nav .open .dropdown-menu{background:#fff; position:absolute!important; border:1px solid rgba(0, 0, 0, 0.15); width:100%; }
    .dropdown-menu{left:-40px; }
      .navbar-right{width:auto; padding:0px 0px 0px 0px; float:right; margin:0% } 
    .navbar-right > li > a {padding: 15px 12px 25px !important; line-height:0px; margin-right:5%; }

    /* NAV 
    .header .logo{width:70%; float:left; margin:0px; padding:0px; }
    .navbar-right{width:auto; padding:0px 0px 0px 0px; float:right; margin:0% } 
    .navbar-right > li > a {padding: 15px 12px 25px !important; line-height:0px; margin-right:5%; }
    .designation {left: 27px; top: 40px; }
    .navbar {float:left; width:99%; margin:0px auto; }
    .navbar-nav{margin:0px; }
    .navbar-nav .open .dropdown-menu{background:#fff; position:absolute!important; border:1px solid rgba(0, 0, 0, 0.15); width:100%; }
    .dropdown-menu{left:-40px; }
    .navbar-toggle {background:#fff; border-radius: 4px; float: left; margin:8px 0px 2px; position: relative; width: 100%; }
    .navbar-nav > li > a {line-height: 0; padding: 10px 12px 10px; }*/


    /* specification */
    .image-sample {float:left; width:100%; padding:0px; }
    .image-sample .col-md-6{width:25%; float:left; margin-top:0px; }
    .image-sample .note{padding:0px; }
    .image-sample .note textarea{height:100px!important; }
    .product-data{float:left; width:100%; margin-top:15px; padding:0px; }
    .product-data .col-md-5{width:41.6667%; float:left; }
    .product-data .col-md-7 {width: 58.3333%; float:left;  }
    .product-data .col-md-6{width:50%; float:left; margin-top:0px; }
    .product-data .col-md-4{width:33.3%; float:left; margin-top:0px; }
    .product-data .col-md-3{width:25%; float:left; margin-top:0px; }

    .product-data .product .data-sec .col-md-5 .design-details .design-data .append textarea{width:70%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .name{width:100%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .date{width:100%; float:left; text-align:left; padding:3px 0px 0px 0px; }    
    .style .col-md-8{width:66.6667%; float:left; }

    .product .section .style .col-md-8{width:67.777%; float:left; }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5{width:50%; float:left; }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6{width:50%; float:left; }
    

    /* Style Sheet */
    .sizing-grid .panel-body .col-md-5{width:70%; float:left; }
    .sizing-grid .panel-body .col-md-3{width:50%; float:left; }
    .sizing-grid .panel-body .col-md-3 .col-sm-4{width:23.33%; float:left; }
    .footable-row-detail-name {
    display: table-cell;
    font-weight: bold;
    padding-right: 0.5em;
    text-align: right;
    vertical-align: middle;
    }
    .sizing-grid .textbox .form-control{margin:3px 0px !important; }
    a.date{float:left; }
    

    /* Cost Sheet */
    .style-description .col-md-12 .col-sm-5 {width:87%; margin:0px 0px 15px 0px; float:left; }
    .style-description .col-md-12 .col-sm-5 .description-control{width:74%; float:left;}
    .range{width:98%; float:left; padding:0px 0px 0px 0px; }
    .range .ptop{padding:0px 0px 0px 0px; }
    .style-description .col-md-12 .col-sm-2 {width:20%; margin:0px 0px 15px 0px; float:left; }
    .material-data .col-md-4{float:left !important; padding:0px;  }
    .material-data .cloth-images .add {
        bottom: 15px;
        position: absolute;
        right: 35px;
    }

    /* ORDER */
    .order-fill .col-md-8 .col-md-6{width:50%; float:left; }
    .order-fill .order .col-md-8{width:66.6667%; float:left; }
    .order-fill .order .col-md-4{width:33.33%; float:left; }
    .order-fill .order .col-md-12 .col-sm-2{width:22%; }
    .order-fill .order .col-md-12 .col-sm-10{width:78%; }
    .order-fill .order .col-md-12 .sales{width:14.5%; }
    .order-fill .order .col-md-12 .sales-box{width:84.5%; }
    .order-fill .left-side{padding:0px; }
    .order-fill .col-md-4 .order{width:49%; float:left; margin:0% 1% 0% 0%; }
    .order-fill .col-md-4 div:last-child.order{margin:0% 0% 0% 1%; }
    .order-fill .col-md-4 .order .col-sm-4{width:35%; }
    .order-fill .col-md-4 .order .col-sm-8{width:65%; }
    .order-grid{width:100%; float:left; }
    .order-grid .col-md-5{width:100%; }
    
    .order .col-sm-10 .order-textarea {height: 154px !important; }
    .order-fill .col-md-8 .col-md-6 .col-sm-9 .order-textarea-invoice {height: 102px !important; }


    /* INVOICE */
    .order-fill .col-md-4 .invoice{width:100%; float:left; margin:0%; }
    .order-fill .col-md-4 div.invoice:last-child{margin:0% 0% 0% 0% !important; }
    .order-fill .invoice .col-sm-3{width:15%; float:left; }
    .order-fill .invoice .col-sm-9{width:85%; float:left; }
    .order-fill .invoice .col-sm-9 input.date-2{float: left; width: 25%; }
    .reg
    {
        float: left;
        width: 100%;
    }
    .reg-invoice {float: left; width: 100%; }


    /* PCIK TICKET */
    .pick-ticket-grid .col-md-12{float:left; width:100%; }
    .pick-ticket-grid .col-md-12 .col-sm-1{width:15%; float:left; }
    .pick-ticket-grid .col-md-12 .col-sm-8{width:85%; float:left; }
    

    .accord{width:32%; }

    .sheet-data .form-group .col-md-10{width:83%; float:left; }
    .sheet-data .form-group .col-md-10 .col-sm-2{width:83%; float:left; }
    .dataTables_wrapper .col-md-6{width:50%; float:left; }

    .sheet-data .col-sm-8 .bill {width: 29%; float: left; }
    .sheet-data .col-sm-8 .order-date-input {width: 40%; float: left; }
    .sheet-data .bill-to-data {
        width: 67.77% !important;
    }
    .sheet-data .col-sm-8 .or-date {float:left; width:auto;
    }

    .footer .col-md-6 {
        width: 50%;
        float: left;
    }
    .dashboard .col-md-4 {
        width: 33.3333%;
        float: left;
    }
    .dashboard .col-md-6 {
        width: 50%;
        float: left;
    }
        .dashboard .col-md-4 .chart_div {
            width: 100%;
            float: left;
        }
    .dash-btm-image {
        width: 100%;
        float: left;
    }


    .dashboard .piechart{padding:4px 0px; }
    .dashboard .chart_div{padding:4px 0px; }

    .dt-top-row .col-sm-2
    {
        width: 30%;
    }
    .search-by-style {
        left: 212px;
     }
        .search-by-style .col-md-3
        {
            width: 30%;
        }


    .titlecrumb .col-md-9
    {
        width: 100%;
        float:left;
        padding:0px;
    }
     .titlecrumb .col-md-3
    {
        width: 100%;
        float:left;
        text-align:center;
        padding:0px;
    }
    .breadcrumb
    {
        width: 100%;
    }
    .titlecrumb h1.title
    {
        padding: 0px;
        text-align:center; 
    }

}

@media (max-width: 640px){
	.login .content{width:62%!important; }
    .login .logos {margin-top:35px !important}
     

    /* NAV */
    .header .logo{width:70%; float:left; margin:0px; padding:0px; }
    .navbar-right{width:auto; padding:0px 0px 0px 0px; float:right; margin:0% } 
    .navbar-right > li > a {padding: 15px 12px 25px !important; line-height:0px; margin-right:5%; }
    .designation {left: 27px; top: 40px; }
    .navbar {float:left; width:99%; margin:0px auto; }
    .navbar-nav{margin:0px; }
    .navbar-nav .open .dropdown-menu{background:#fff; position:absolute!important; border:1px solid rgba(0, 0, 0, 0.15); width:100%; }
    .dropdown-menu{left:-40px; }
    .navbar-toggle {background:#fff; border-radius: 4px; float: left; margin:8px 0px 2px; position: relative; width: 100%; }
    .navbar-nav > li > a {line-height: 0; padding: 10px 12px 10px; } 

    .navbar-nav > li.ord > a { padding-top: 18px !important; padding-bottom: 18px !important;  width: 100%; }
    .navbar-nav > li.tic > a { padding-top: 18px !important; padding-bottom: 18px !important;  width: 100%; }
    .navbar-nav > li.inv > a { padding-top: 18px !important; padding-bottom: 18px !important;  width: 100%; }

    /* specification */
    .product-data .col-md-5{width:100%; float:left; padding:0px; }
    .product-data .col-md-7{width:100%; float:left; margin-top:15px; padding:0px; }
    
    .product-data .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5{float:left; }
    .product-data .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6{float:left; }
    .product-data .product .data-sec .col-md-7 .fill-data .form-group .control-label{text-align:right; }

    .product-data .product .date-sec .exit{float:left; }
    .product-data .product .date-sec .exit-date{float:right; width:30%; text-align:left; padding:11px 0px 0px;  }
    .product-data .product .section .barcode{float:left; padding:5px 0px; }
    .product-data .product .section .barcode-digit{float:right; width:56%; text-align:left; padding:7px 0px;  }

    .product-data .product .data-sec .col-md-5 .design-details .design-data .name {width: 50%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .date {float: right;padding: 3px 0 0;text-align: right; width: 50%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .append textarea {width: 85%; }
    
    .product .date-sec .start-date{font-size:12px;  }
    .product .section .style .style-no{font-size:12px; }
    .product .section .style .col-md-3 .col-md-8{width:66.777%; float:left; }
    .product .section .style .col-md-3 .col-md-7{margin-top:0px; }

    .col-md-4 .image-title {
    font-size: 14px;
    }
    .product .data-sec .col-md-7 .col-md-6 .color .input-group {
        width: 100%;
    }

    .product .section .style .col-md-4 .col-md-8{width:66.6667%; float:left; }
    .product-data .style .col-md-5{width:41.6667%; float:left; }
    .product-data .style .col-md-3{width:25%; float:left; }


    .click .alignleft{margin-right:8px; }

    /* Style Sheet */
    .sizing-grid .panel-body .col-md-5{width:70%; float:left; }
    .sizing-grid .panel-body .col-md-3{width:60%; float:left; }
    .sizing-grid .panel-body .col-md-5 .col-sm-2{width:20%; float:left;}
    .sizing-grid .panel-body .col-md-5 .col-sm-10{width:80%; float:left; }
    .sizing-grid .panel-body .col-md-3 .col-sm-4{width:23.33%; float:left; }
    .sizing-grid .panel-body .col-md-3 .col-sm-6{width:50%; float:left; }

    /* Cost Sheet */
    .style-description .col-md-8 .col-sm-3 {width:40%; margin:0px 0px; float:left; }
    .style-description .col-md-12 .col-sm-5 {width:83%; }
    .style-description .col-md-12 .col-sm-5 .description-control{width:67%; }
    .style-description .col-md-12 .col-sm-2 {width:25%; }
    .material-data .cost-sheet .total-material{width:65%; }
    .material-data .cost-sheet .total-cost{width:65%; }

    /* Mange USER */
    .manage{width:100%; float:left; padding:0px 0px 0px 0px; }
    .manage .col-sm-3{width:25%; float:left; }
    .manage .col-sm-8{width:75%; float:left; }
    .manage .col-sm-8 .col-sm-5{width:38%; float:left; }
    .manage .col-sm-8 .col-sm-4{width:37%; float:left; }

    /* ORDER */
    .order-fill .col-md-8 .col-md-6{width:100%; float:left; }
    .order-fill .col-md-8 .col-md-6 .col-sm-2{width:20%; float:left; }
    .order-fill .col-md-8 .col-md-6 .col-sm-10{width:80%; float:left; }
    .order-fill .col-md-8 .col-md-6 .col-sm-10 .col-sm-4{width:33.33%; float:left; }
    .order-fill .order .col-sm-3{width:20%; float:left;}
    .order-fill .order .col-sm-9{width:80%; float:left; }
    .order-fill .order .col-sm-9 .col-sm-4{width:33.33%; float:left; }
    .order-fill .order .col-md-12 .col-sm-2{width:25%; }
    .order-fill .order .col-md-12 .col-sm-10{width:75%; }
    .order-fill .order .col-md-12 .col-sm-10 .col-sm-4{width:28%; }
    .order-fill .order .col-md-12 .col-sm-10 .fax{width:44%; }
    .order-fill .order .col-md-12 .sales{width:16.5%; }
    .order-fill .order .col-md-12 .sales-box{width:83.5%; }
    .order-fill .order .col-md-12 .sales-box .col-sm-4{width:33.33%; float:left; }
    .order-fill .order .col-md-12 .sales-box .col-sm-3 {width:30%; float:left;}
    .order-fill .order .col-md-12 .sales-box .col-sm-5{width:33.5%; }
    .order-fill .col-md-4 .order{width:100%; float:left; margin:0% 0% 2%; }
    .order-fill .col-md-4 div.order:last-child{margin:0 0 0 0%; }
    .order-fill .col-md-4 .order .col-sm-4{width:20%; float:left; }
    .order-fill .col-md-4 .order .col-sm-8{width:80%; float:left; }
    .order-fill .order .col-sm-9 input.date-2{width:35%; }
    
    .order-grid .col-md-5 .col-sm-2{width:16.6667%; float:left; }
    .order-grid .col-md-5 .col-sm-10{width:83.3333%; float:left; }

    .order-fill .col-md-8 .col-md-6 .order .col-sm-5{width:27.667%; float:left; }
    .order-fill .col-md-8 .col-md-6 .order .col-sm-7 {width: 70.333%; float:left; }


    /* PCIK TICKET */
    .pick-ticket-grid .col-md-12 .col-sm-8 .order-date{text-align:left; padding:2px 0px; }
    .pick-ticket-grid .col-md-12 .col-sm-8 .col-sm-3 input.date{width:35%; float:left;  }


    /* Inovice edit */
    .order-fill .order .col-sm-5 {float: left; width: 20%; }
    .order-fill .order .col-sm-7 {float: left; width: 80%; }
    .order-fill .order .col-md-12 .col-sm-2 {float:left; width:25%; }
    .order-fill .order .col-md-12 .col-sm-10 {float:left; width:75%; }

    .order-sheet .invoice-merge{width:4%; }


    .accord{width:40%; }

    .sheet-data .form-group .col-sm-2{width:17%; float:left;}
    .sheet-data .form-group .col-sm-3{width:35%; float:left; }
    .sheet-data .form-group .col-sm-10{width:83%; float:left; }
    .sheet-data .form-group .col-md-10{width:83%; float:left; }
    .sheet-data .form-group .col-md-10 .col-sm-2{width:83%; float:left; }

    .dataTables_wrapper .col-md-6{width:100%; float:left; padding:5px 0px; }
    .dataTables_wrapper .col-md-6 .pagination{float:left !important; }
    
    .sheet-data .col-sm-8 .bill {width: 33%; float: left; }
    .sheet-data .col-sm-8 .order-date-input {width: 44%; float: left; }
    .sheet-data .bill-to-data {
        width:79% !important;
    }

    .dashboard .col-md-4 {
        width: 33.3333%;
        float: left;
    }
    .dashboard .col-md-6 {
        width: 50%;
        float: left;
    }
        .dashboard .col-md-4 .chart_div {
            width: 100%;
            float: left;
        }
    .dash-btm-image {
        width: 100%;
        float: left;
    }
    .dashboard .piechart{padding:0px 0px; }
    .dashboard .reg-erp{padding:32px 0px; }
    .dashboard .chart_div{padding:0px 0px; }
    
    .search-by-style {
        left: 175px;
        width:64%;
     }
        .search-by-style .col-md-3
        {
            float: left;
            width: 40%;
        }

}

@media (max-width: 600px){
    .product .date-sec .start-date {
    font-size: 11px;
    }
    .product .section .style .col-md-4 .col-md-8{width:62%; float:left; }

    .product-data .product .data-sec .col-md-7 .fill-data .form-group .control-label {
    text-align: right;
    width: 32%;

}

@media (max-width: 480px){
    .login .logos {margin-top: 37px !important;}
	.login .content{width:82% !important; }


    /* NAV */
    .header .logo{width:auto; float:left; margin:0px; padding:0px; }
    .header .logo img{width:87%; }
    .navbar-right{width:auto; padding:0px 0px 0px 0px; float:right; margin:0% 0% 0% 0%; } 
    .navbar-right > li > a {padding: 10px 12px 26px !important; }
    .designation {top: 35px; }


    /* specification */
    .image-sample .col-md-6{width:50%; float:left; margin-bottom:15px; }
    .product-data .product .date-sec .start-date {
        padding: 4px 0 0;
        text-align: right;
        width: 25%;
    }
    .product-data .product .date-sec .col-md-6 {
        float:left;
        width: 72%;
    }
    .product .date-sec .start-date {
    font-size: 14px;
    }
    .product .section .style .style-no {
        padding: 4px 0 0;
        text-align: right;
        width: 25%;
        font-size:14px;
    }
    .product .section .style .col-md-3 .col-md-8 {
        float:left;
        width: 72%;
    }
    .product .section .style .col-md-8 {
        float:left;
        width: 73%;
    }
    .product .section .style .col-md-3 .col-md-7{
        width: 73.8%;
        padding:10px 27px 10px 8px; 
    }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5 {
    width: 40%;
    }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6 {
    width: 60%;
    }


    .product-data .product .date-sec .date-text{padding:4px 0px 0px 0px; }
	.product-data .product .date-sec .col-md-4{width:100%; float:left; margin-top:0px; }
    .product-data .product .date-sec .exit{float:left; }
    .product-data .product .date-sec .exit-date{float:right; width:72%; text-align:left; padding:7px 0px;  }
        .product-data .product .date-sec .exit-date input {
            width: 91%;
            float: left;
        }

    .product-data .col-md-3{width:100%; }
    .product-data .product .section .barcode{float:left; padding:5px 0px; }
    .product-data .product .section .barcode-digit{float:right; width:85%; text-align:left; padding:7px 0px;  }
    .product-data .product .section .style .col-md-6{width:100%; float:left; padding:0px 5px 0px 0px;}
    .product-data .product .section .style .product-name{ text-align:left; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .append textarea {width: 80%; }

    

    .click input[type="submit"]{padding:8px 12px; }
    .click .alignleft {margin-right: 4px; }

    /* Style Sheet */
    .sizing-grid .panel-body .col-md-5{width:100%; float:left; }
    .sizing-grid .panel-body .col-md-3{width:100%; float:left;}
    .sizing-grid .panel-body .col-md-5 .col-sm-2{width:25%; float:left;}
    .sizing-grid .panel-body .col-md-5 .col-sm-10{width:75%; float:left; }
    .sizing-grid .panel-body .col-md-3 .col-sm-4{width:24.33%; float:left; }
    .sizing-grid .panel-body .col-md-3 .col-sm-6{width:40%; float:left; }
    
    /* Cost Sheet */
    .style-description .col-md-12 .col-sm-5 .description-control {width: 56.1%; }
    .style-description .col-md-12 .col-sm-2 {width:30%; }
    .material-data .cost-sheet .total-material{width:60%; }
    .material-data .cost-sheet .total-cost{width:60%; }

    /* Mange USER */
    .manage .col-sm-3{width:25%; float:left; }
    .manage .col-sm-8{width:70%; float:left; }

    /* ORDER */
    .order-fill .col-md-8 .col-md-6 .col-sm-2{width:22%; float:left; }
    .order-fill .col-md-8 .col-md-6 .col-sm-10{width:78%; float:left; }
    .order-fill .col-md-12 .order .col-md-8{width:100%; float:left; }
    .order-fill .col-md-12 .order .col-md-4{width:100%; float:left; }
    .order-fill .col-md-12 .order .col-md-4 .order-lbl{width:28% !important; float:left; text-align:right; padding-right:15px; }
    .order-fill .col-md-12 .order .col-md-4 .col-sm-6{width:50%; float:left; }
    .order-fill .order .col-sm-3{width:27%; float:left;}
    .order-fill .order .col-sm-9{width:73%; float:left; }
    .order-fill .order .col-md-12 .col-sm-2{width:27%; }
    .order-fill .order .col-md-12 .col-sm-10{width:73%; }
    .order-fill .col-md-4 .order .col-sm-4{width:27%; float:left; }
    .order-fill .col-md-4 .order .col-sm-8{width:73%; float:left; }
    .order-fill .order .col-md-12 .sales{width:27%; float:left; }
    .order-fill .order .col-md-12 .sales-box{width:73%; float:left; }
    .order-fill .order .col-md-12 .sales-box .col-sm-4{width:100%; float:left; }
    .order-fill .order .col-md-12 .sales-box .col-sm-3{width:100%; float:left; text-align:left; padding:5px 0px; }
    .order-fill .order .col-md-12 .sales-box .col-sm-5{width:100%; float:left; }
    .order-fill .col-md-12 .order .col-md-4 .col-sm-6 input.date{width:50%; }
    
    .order-fill .col-md-8 .col-md-6 .order .col-sm-5{width:25%; float:left; }
    .order-fill .col-md-8 .col-md-6 .order .col-sm-7 {width:75%; float:left; }

    .right-side{padding-right:0px !important; }
    .order-fill .order .col-md-12 .col-sm-10 .col-sm-4{width: 27%; }
    .order .notepad-invoice{width:94%; }
    .sales-select{width:95%; }

    /* PCIK TICKET */
    .pick-ticket-grid .col-md-12 .col-sm-1{width:25%; float:left; }
    .pick-ticket-grid .col-md-12 .col-sm-8{width:75%; float:left; }
    .pick-ticket-grid .col-md-12 .col-sm-8 .col-sm-3 input.date{width:45%; float:left;  }

    
    /* Inovice edit */
    .order-fill .order .col-md-12 .col-sm-2 {float:left; width:27%; }
    .order-fill .order .col-md-12 .col-sm-10 {float:left; width:73%; }
    .order-fill .order .col-md-12 .sales-box .col-sm-3{width:40%; }
    .order-fill .col-md-4 .ship-to-height .col-sm-4{width:33.33%; }

    .order-sheet .invoice-merge{width:1%; }

    .accord{width:50%; }

    .sheet-data .form-group .col-sm-2{width:100%; float:left; text-align:left !important;}
    .sheet-data .form-group .col-sm-3{width:100%; float:left; padding:0px; }
    .sheet-data .form-group .col-sm-10{width:100%; float:left; padding:0px; }
    .sheet-data .form-group .col-md-10{width:100%; float:left; padding:0px; }
    .sheet-data .form-group .col-md-10 .col-sm-2{width:83%; float:left; }
    
    .dataTables_wrapper .col-md-6{width:100%; float:left; padding:5px 0px; }
    .dataTables_wrapper .col-md-6 .pagination{float:left !important; }
    .dataTables_wrapper .col-md-6 .pagination > li > a, .pagination > li > span{padding:6px; 8px; }


    .sheet-data .none{display:none; }
    input[type="button"].btn-default{margin-top:10px!important; }


    .sheet-data .col-sm-8 .bill {width: 100%; padding:0px;  }
    .sheet-data .col-sm-8 .order-date-input {width: 100%; padding:0px; }
    .sheet-data .col-sm-8 .or-date{width: 100%; padding:0px; text-align:left; }
    .sheet-data .bill-to-data {
       width: 100% !important;
    }

    .dashboard .col-md-4 {
        width: 100%;
        float: left;
        padding:0px 15px; 
        margin:10px 0px;
    }
    .dashboard .col-md-6 {
        width: 100%;
        float: left;
        padding:0px 15px; 
        margin:10px 0px;
    }
        .dashboard .col-md-4 .chart_div {
            width: 100%;
            float: left;
        }
    .dash-btm-image {
        width: 100%;
        float: left;
    }
    .dashboard .piechart{padding:0px 0px; }
    .dashboard .reg-erp{padding:32px 0px; }
    .dashboard .chart_div{padding:0px 0px; }
    
    .dash-btm-image {float: left; margin: 0 15px; width: 93.5%; }
    .dt-top-row .col-sm-2
    {
        width: 35%;
    }
    .search-by-style {
    left: 164px;
    padding: 0;
    width: 62%;
}
        .search-by-style .col-md-3
        {
            float: left;
            width: 50%;
        }
        .search-by-style-pick-ticket .col-md-2 {
    float: left;
    width: 43%;
}
        .search-by-style-WIP .col-md-3 {
    float: left;
    width: 50%;
}
        .WIPreg .dt-wrapper {
    padding: 58px 0 0;
}
        


}

@media (max-width: 320px){
	.login .logos {margin-top: 48px !important;}
    .paper form div a {float: left!important; margin: 0 15px 20px 0; }
    .paper form input[type="submit"]{margin:20px 0px 20px 0px; }
    .paper h1:before, .paper h1:after {width: 11%; }
	.paper h1 img{width:99%; }

    /* NAV */
    .header .logo{width:50%; float:left; margin:0px; padding:0px; }
    .header .logo img{width:90%;   }
    .navbar-right{width:auto; padding:0px 0px 0px 0px; float:right; margin:0% -1% 0% 0%; } 
    .navbar-right > li > a {padding: 12px 12px 20px !important; margin-right:2%; }
    .designation {top: 30px; }
    .navbar-nav .open .dropdown-menu{width:98%; }
    .navbar-toggle {width:99%; }


     /* specification */


     .product-data .product .date-sec .start-date {
        padding: 4px 0 0;
        text-align: left;
        width: 100%;
    }
    .product-data .product .date-sec .col-md-6 {
        float:left;
        width: 100%;
    }
    .product .date-sec .start-date {
    font-size: 14px;
    }
    .product .section .style .style-no {
        padding: 4px 0 0;
        text-align: left;
        width: 100%;
        font-size:14px;
    }
    .product .section .style .col-md-3 .col-md-8 {
        float:left;
        width: 100%;
        padding:0px;
    }
    .product .section .style .col-md-8 {
        float:left;
        width: 100%;
        padding:0px;
    }
    .product .section .style .col-md-3 .col-md-7{
        width: 100%;
        padding:10px 0px 10px 0px; 

    }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5 {
    width: 40%;
    }
    .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6 {
    width: 60%;
    }
    .product-data .product .date-sec .exit-date {
            width: 100%;
            float: left;
        }
    .product-data .product .date-sec .exit-date input{
            width: 100%;
            float: left;
        }
    .product .data-sec .col-md-7 .fill-data {
        padding-right: 0px;
        padding-left: 0px;
    }

    .image-sample .col-md-6{width:100%; float:left; margin-bottom:15px; }
    .product-data .col-md-6{width:100%; float:left; padding:0px; }
    /*.product-data .product .date-sec .exit-date {padding: 6px 0;width: 56%; }*/
    .product-data .product .section .barcode-digit{padding: 3px 0;width: 76%;  }
    .product-data .product .section .style .style-no{padding:0px 0px; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .append textarea{width:72%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .name{width:100%; }
    .product-data .product .data-sec .col-md-5 .design-details .design-data .date{width:100%; float:left; text-align:left; padding:3px 0px 0px 0px; }
    .product-data .product .section .col-md-7 .color-data{margin-bottom:15px; }

    .product-data .product .data-sec .col-md-7 .acc-pic .col-md-4{width:100%; }
    .product-data .product .data-sec .col-md-7 .fill-data .form-group .col-sm-5{width:100%; }
    .product-data .product .data-sec .col-md-7 .fill-data .form-group .control-label{text-align:left; }
    .product-data .product .data-sec .col-md-7 .fill-data .form-group .col-sm-6 {width:100%; }
    
    .click input[type="submit"] {padding: 8px 12px; font-size:14px; margin:10px 0px 0px 0px; }
    .click .alignleft {margin-right: 4px; }

    /* Style Sheet */
    .sizing-grid .panel-body .col-md-5 .col-sm-2{width:100%; float:left;}
    .sizing-grid .panel-body .col-md-5 .col-sm-10{width:100%; float:left; padding:0px; }
    .sizing-grid .panel-body .col-md-3 .col-sm-4{width:100%; float:left; }
    .sizing-grid .panel-body .col-md-3 .col-sm-6{width:100%; float:left; padding:0px;}
    .sizing-grid .panel-body .col-md-5 .control-label{text-align:left; }
    .sizing-grid .panel-body .col-md-3 .control-label{text-align:left; }

    /* Cost Sheet */
    .style-description .col-md-8 .col-sm-3 {width:98%; margin:5px 0px; float:left; padding:0px; }
    .style-description .col-md-12 .col-sm-5 {padding: 0; width: 98%; }
    .style-description .col-md-12 .col-sm-5 .description-control {width: 100%; }
    .style-description .col-md-12 .col-sm-2 {padding: 0; width: 100%; }
    .material-data .cost-sheet .total-cost{width:62%; }
    
    /* Mange USER */
    .manage .col-sm-3{width:100%; float:left; text-align:left; }
    .manage .col-sm-8{width:100%; float:left; padding:0px; }
    .manage .col-sm-8 .col-sm-5{width:100%; float:left; }
    .manage .col-sm-8 .col-sm-4{width:100%; float:left; }
    .manage .col-sm-8 .col-sm-3{width:38%; float:left; padding:5px 0px; }

    /* WP LIST */
    .wp-list .footable-row-detail-name{ text-align:left; width:100%; float:left; }
    .wp-list .footable-row-detail-value {float:left; width:100%; }
    
    /* ORDER */
    .order-fill .col-md-8 .col-md-6{padding:0px; }
    .order-fill .col-md-8 .col-md-6 .col-sm-2{width:100%; float:left; text-align:left; }
    .order-fill .col-md-8 .col-md-6 .col-sm-10{width:100%; float:left; padding:0px; }
    .order-fill .order .col-sm-3{width:100%; float:left; text-align:left; }
    .order-fill .order .col-sm-9{width:100%; float:left; padding:0px; }
    .order-fill .order .col-md-12 .col-sm-2{width:100%; float:left; text-align:left; }
    .order-fill .order .col-md-12 .col-sm-10{width:100%; float:left; padding:0px; }
    .order-fill .order .col-md-12 .col-sm-10 .col-sm-4{width:100%; }
    .order-fill .order .col-md-12 .col-sm-10 .fax{text-align:left; padding:5px 0px; }
    .order-fill .col-md-12 .order .col-md-4{padding:0px; }
    .order-fill .col-md-12 .order .col-md-4 .col-sm-6{width:100%; float:left; text-align:left; padding:0px; }
    .order-fill .col-md-12 .order .col-md-4 .order-lbl{width:100% !important; float:left; text-align:left; padding:0px; }
    .order-fill .col-md-12 .order .col-md-4 .col-sm-6 input.date{width:90%; }
    .order-fill .order .col-md-12 .sales{width:100%; float:left; text-align:left; }
    .order-fill .order .col-md-12 .sales-box{width:100%; padding:0px; }
    .order-fill .order .col-sm-9 input.date-2{width:90%; }
    .order-fill .col-md-4 .order .col-sm-4{width:100%; float:left; text-align:left; padding:0px; }
    .order-fill .col-md-4 .order .col-sm-8 {float: left; width: 100%; padding:0px; }

    .order-fill .col-md-8 .col-md-6 .order .col-sm-5{width:100%; float:left; text-align:left; }
    .order-fill .col-md-8 .col-md-6 .order .col-sm-7 {width:100%; float:left; padding:0px; }
    .order-fill .order .col-md-12 .col-sm-2 {width:100%!important; float:left; text-align:left; }
    .order-fill .order .col-md-12 .col-sm-10 {width:100%!important; float:left; }
    .order-fill .order .col-md-12 .col-sm-10 .col-sm-4 {width:100%!important; float:left; }

    .dataTables_wrapper .col-md-6{width:100%; float:left; padding:5px 0px; }
    .dataTables_wrapper .col-md-6 .pagination{float:left !important; }
    .dataTables_wrapper .col-md-6 .pagination > li > a, .pagination > li > span{padding:6px; 6px; }

    /* PCIK TICKET */
    .pick-ticket-grid .col-md-12 .col-sm-1{width:100%; float:left; text-align:left; }
    .pick-ticket-grid .col-md-12 .col-sm-8{width:100%; float:left; padding:0px; }
    .pick-ticket-grid .col-md-12 .col-sm-8 .col-sm-3 input.date{width:45%; float:left;  }
    
    .order-fill .col-md-4 .ship-to-height {height: auto !important; }
    
    .accord{width:100%; }

    .footer {
        height: 67px;
    }
    .footer .col-md-6 {
        width: 100%;
        float: left;
    }
    .footer .footer-link ul {
        float: left;
        margin: 0px;
        padding: 0px;
    }

    .dashboard .col-md-4 {
        width: 100%;
        float: left;
    }
    .dashboard .col-md-6 {
        width: 100%;
        float: left;
    }
        .dashboard .col-md-4 .chart_div {
            width: 100%;
            float: left;
        }
    .dash-btm-image {
        width: 100%;
        float: left;
    }
    
    .dashboard .piechart{padding:0px 0px; }
    .dashboard .reg-erp{padding:32px 0px; }
    .dashboard .chart_div{padding:0px 0px; }
    
    .dash-btm-image {float: left; margin: 0 15px; width: 93.5%; }

    .dt-top-row {
    margin: 0px 0 60px;
}
    .dt-top-row .col-sm-2
    {
        width: 55%;
    }
    .search-by-style {
    left: 0;
    padding: 0;
    top: 60px;
    width: 96%;
}
    .search-by-style-pick-ticket .col-md-2 {
    float: left;
    width: 100%;
    padding:5px 0px;
}

    .picktb .dt-wrapper {
    padding: 155px 0 0;
}

    .search-by-style-WIP .col-md-3 {
    float: left;
    width: 100%;
}
        .WIPreg .dt-wrapper {
    padding: 72px 0 0;
}
    .leftbutton
    {
        padding: 2px 0px 2px 15px;
    }

    
}