/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:8px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:38%;
}
.productlist{
	height:350px; overflow-y: auto;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:8px!important;
}
.label1{
	width:40%;
}
.label2{
	width:16%;
}
.label3{
	width:26%;
}
.label4{
	width:20%;
}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 700px) and (max-device-width : 850px) {
/* Styles */
.productlist{
	height:600px !important; overflow-y: auto;
}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:50% !important;
}
.btn{
	padding:9px 14px 9px 14px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:40% !important;
}
.productlist{
	height:750px !important; overflow-y: auto;
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
.productlist{
	height:450px !important; overflow-y: auto;
}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
.productlist{
	height:410px; overflow-y: auto;
}

.orderlist{
    
    	height:280px !important; overflow-y: auto;
}

.cusdetail{ 	height:500px !important; overflow-y: auto;}
.qty{
	width:72%!important;
}
.btn{
	padding: 9px 14px 9px 14px!important;
}
.label1{
	width:50%;
}
.label2{
	width:10%;
}
.label3{
	width:20%;
}
.label4{
	width:20%;
}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.header{
	display:none;
}
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:9px 14px 9px 14px !important;
}
.label1{
	width:38% !important;
}
.label2{
	width:16% !important;
}
.label3{
	width:24% !important;
}
.label4{
	width:20% !important;
}
.productlist{
	height:180px !important; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}

}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:8px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:28%;
}
.productlist{
	height:360px; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.header{
	display:none;
}
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:9px 14px 9px 14px !important;
}
.label1{
	width:40%;
}
.label2{
	width:20%;
}
.label3{
	width:20%;
}
.label4{
	width:20%;
}
.productlist{
	height:230px; overflow-y: auto;
}
.orderlist{
    
    	height:230px !important; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:8px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:36%!important;
}
.label2{
	width:16%!important;
}
.label3{
	width:24%!important;
}
.label4{
	width:20%!important;
}
.productlist{
	height:400px!important; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.header{
	display:none;
}
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:9px 14px 9px 14px !important;
}
.label1{
	width:40%!important;
}
.label2{
	width:20%!important;
}
.label3{
	width:20%!important;
}
.label4{
	width:20%!important;
}
.productlist{
	height:230px!important; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38%!important;
}
.btn{
	padding:8px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:36%!important;
}
.label2{
	width:14%!important;
}
.label3{
	width:26%!important;
}
.label4{
	width:20%!important;
}
.productlist{
	height:526px!important; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.header{
	display:none;
}
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38% !important;
}
.btn{
	padding:9px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:38%;
}
.productlist{
	height:250px!important; overflow-y: auto;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.table{
	width:100%;
}
td{
	word-break: break-all;
    overflow-wrap: break-word;
}
.qty{
	width:38%!important;
}
.btn{
	padding:9px!important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
	padding:4px;
}
.label1{
	width:30%!important;
}
.label2{
	width:16%!important;
}
.label3{
	width:24%!important;
}
.label4{
	width:20%!important;
}
.productlist{
	height:526px!important; overflow-y: auto;
	padding-bottom: 150px;
}
.cusdetail{
	height: 520px;
    overflow-y: scroll;
}

.next-btnnew{ font-size:14px !important; padding:10px 35px !important;}

  .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ font-size:14px;}
    
    label{font-size:14px;}
    
    
  
    
    
    
    
    
    
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}



@media only screen  and (max-width : 767px) {
    
    
    .next-btnnew{ font-size:14px !important ; padding: 6px 25px !important; margin:5px;}

    #grandtotal label {
    color: 
    #fff !important;
    font-size: 12px !important;
}
    
   #grandtotal input {
    background: 
#323232 !important;
color:
    #fff !important;
    height: 30px;
    font-size: 14px;
} 

.top-head img {
    width:70%;
    /*border-radius: 0px 0px 25px 25px;
    padding: 5px 15;*/
}

.top-head {
    background: #000;
    padding: 0px 0px 10px 0px;
}

.selectBox, .form-control{ font-size:12px; padding: 0px 5px; height:40px; line-height:40px; min-height:40px; text-align:center !important;
    
    
}
.btn-default{ height:40px;  min-height:40px;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-size: 13px;
}
    
    .copy-rights p {
    color: 
    #fff !important;
    font-size: 12px;
    line-height: 15px;
}

h5 {

    font-size: 16px;
    text-transform: capitalize;

}
label {

    font-size: 13px;

}
.totalfixed{padding-top:10px;}
    .p-10{padding:10px 0px 0px 0px;}
    
    
 .p-30 {
    padding: 15px 0px 130px 0px !important;
}   
    
  .p-50 {
    padding: 0px 0px 100px 0px !important;
}     
    
      .slider-mobile{display:block !important;}
          .slider{display:none !important;}
    .hme-lang{padding-top:30px;}
    .hme-lang h4{ font-size:20px !important; }
    .footer-link ul li a{font-size:12px !important;}
    
}