.menu-heading-font { font-size: 14px; }
a.menu:hover { font-weight: 800; }
body, html {
  font-family: 'Roboto', Arial, sans-serif;
}


@media screen and (max-width: 600px) {
    form.lblUser { font-size : 13px; }
    #sMenu a.fonT { font-size: 10px; font-weight: 400; }
    div.tiTle { font-size : 16px; }
    table.table-fixed { max-height: 585px; overflow-y: auto; }
    table.table-fixed1 { max-height: 585px; overflow-y: auto; }
    
    div.iconSize { font-size:8px; margin-right: 5px; }
    th.wiDth { white-space: nowrap; }
    input.srchWidth { width: 130px; float: right; }
    
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 14px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    input.widTh1 { width:100px; height:27px; margin-left:200px; }
    input.widTh, select.widTh, div.widTh { width: 175px; }
    .sTar { color:red; font-weight:800; }
    .selected { color: red; background-color: yellow; }  
    div.rowMarGin { margin-bottom: 5px; }
    div.aliGn1 { text-align: left; width:100%; padding: 0px 0px 0px 0px; }
    select.widTh2, input.widTh2, span.widTh2 { width:100%; float: left; }
    div.chkbxmGn { margin-bottom: 5px; }
    input.chkbxAn { vertical-align: -5px; }
    textarea.wdHgt { width: 100%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 175px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 175px; height: 50px; float: left; }
    input.widTh3 {width: 163px; }
    input.widTh4 {width: 150px;}
    select.widTh3 {width: 150px;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    div.aliGn2 {text-align: right;}
    div.imgContainer { width : 100%; height : 150px; overflow: auto; }
    div.prodImg { display: inline-flex; }
    img.siZe { width:140px; height:140px; margin-right: 5px; }
    input.widTh5 {width: 95%; float:left;  }
    span.widTh5{width: 5%; float:left; text-align: center;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:85%; height: 25px; padding: 5px; font-size: 11px;}
    div.lftMrgn {margin-left:10px;}
    div.mobileMenu { margin: 20px 10px; width: 40%; }  
    div.mobileMenu1 { margin: 20px 40px;}
    div.scRoll {position: sticky; max-height: 575px; overflow-y: auto;}
    img.imgModal {width:200px; height:300px;}
    
}

@media screen and (min-width: 600px) {
    form.lblUser { font-size : 11px; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 12px; font-weight: 400; }
    div.tiTle { font-size : 16px; }
    table.table-fixed { max-height: 700px; overflow-y: auto; }
    table.table-fixed1 { max-height: 700px; overflow-y: auto; }
    
    div.iconSize { font-size:18px; margin-right: 16px; }
    th.wiDth { white-space: nowrap; }
    input.srchWidth { width: 160px; float: right; }
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 13px; }
    input.widTh1 { width:100px; height:27px; margin-left:200px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    .sTar { color:red; font-weight:800; }
    input.widTh, select.widTh, div.widTh { width: 225px; }
    .selected { color: red; background-color: yellow; }   
    div.rowMarGin { margin-bottom: 5px; }
    select.widTh2, input.widTh2, span.widTh2 { width:60%; float: left; }
    div.aliGn1 { text-align: right; width:100%; padding: 5px 20px 10px 20px; }
    div.chkbxmGn { margin-bottom: 10px; }
    input.chkbxAn { vertical-align: -4px; }
    textarea.wdHgt {width: 60%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 225px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 225px; height: 50px; float: left; }
    input.widTh3 {width: 210px; }
    input.widTh4 {width: 200px;}
    select.widTh3 {width: 200px;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:50%; height: 25px; padding: 3px; font-size: 12px; }
    div.lftMrgn {margin-left:20px;}
    div.scRoll {position: sticky; max-height: 700px; overflow-y: auto;}
    img.imgModal {width:300px; height:400px;}
    
    
}

@media screen and (min-width: 993px) {
    form.lblUser { top: 50px; font-size : 14px; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 12px; font-weight: 400; }
    div.tiTle { font-size : 20px; }
    table.table-fixed { max-height: 495px; overflow-y: auto; }
    table.table-fixed1 { max-height: 495px; overflow-y: auto; }
    div.iconSize { font-size:18px; margin-right: 16px; }
    th.wiDth { width:10%; white-space: nowrap; }
    input.srchWidth { width: 200px; float: right; }
    
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 12px; }
    input.widTh1 { width:150px; height:30px; margin-left:200px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    input.widTh, select.widTh, span.widTh { width:300px; height:30px; }
    div.widTh {width: 300px;}
    .sTar { color:red; font-weight:800; }
    .selected { color: red; background-color: yellow; }   
    div.rowMarGin { margin-bottom: 16px; }
    select.widTh2, input.widTh2, span.widTh2 { width:70%; float: left; height:30px; }
    div.aliGn1 { text-align: right; width:100%; padding: 5px 20px 0px 20px; }
    div.chkbxmGn { margin-bottom: 10px; }
    input.chkbxAn { vertical-align: -3px; }
    textarea.wdHgt { width: 100%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 300px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 300px; height: 50px; float: left; }
    input.widTh3 {width: 283px; height:30px;}
    input.widTh4 {width: 200px;}
    select.widTh3 {width: 200px;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    div.imgContainer { width:100%; height:180px; overflow:auto; }
    div.prodImg { width:200px; height:150px; }
    img.siZe { width:150px; height:150px; margin-right: 10px; }
    div.rowMarGin1 { margin-bottom: 10px; }
    input.widTh5 {width: 65%; height:30px; float:left;  }
    span.widTh5{width: 5%; float:left; text-align: center;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:50%; height: 30px; padding: 6px; }
    div.lftMrgn {margin-left:20px;}
    div.scRoll {position: sticky; max-height: 485px; overflow-y: auto;}
    img.imgModal {width:400px; height:500px;}
    
    
}

@media screen and (min-width: 1600px) {
    form.lblUser { top: 50px; font-size : 14px; }
    div.headerTop { position: sticky; top: 0; width: 100%; }
    #sMenu a.fonT { font-size: 12px; font-weight: 400; }
    div.tiTle { font-size : 20px; }
    table.table-fixed { max-height: 785px; overflow-y: auto; }
    table.table-fixed1 { max-height: 785px; overflow-y: auto; }
    div.iconSize { font-size:18px; margin-right: 16px; }
    th.wiDth { width:10%; white-space: nowrap; }
    input.srchWidth { width: 200px; float: right; }
    
    label.teXt, input.teXt, select.teXt, textarea.teXt { font-size: 12px; }
    input.widTh1 { width:150px; height:30px; margin-left:200px; }
    div.aliGn { text-align: right; padding: 0px 20px 15px 0px; }
    input.widTh, select.widTh, span.widTh { width:300px; height:30px; }
    div.widTh {width: 300px;}
    .sTar { color:red; font-weight:800; }
    .selected { color: red; background-color: yellow; }   
    div.rowMarGin { margin-bottom: 16px; }
    select.widTh2, input.widTh2, span.widTh2 { width:70%; float: left; height:30px; }
    div.aliGn1 { text-align: right; width:100%; padding: 5px 20px 0px 20px; }
    div.chkbxmGn { margin-bottom: 10px; }
    input.chkbxAn { vertical-align: -3px; }
    textarea.wdHgt { width: 100%; height: 100px; float: left; }
    textarea.wdHgt1 { width: 300px; height: 100px; float: left; }
    textarea.wdHgt2 { width: 300px; height: 50px; float: left; }
    input.widTh3 {width: 283px; height:30px;}
    input.widTh4 {width: 200px;}
    select.widTh3 {width: 200px;}
    button.wdHgt {font-size:12px; width: 70px; height:23px; padding:0px;}
    div.imgContainer { width:100%; height:180px; overflow:auto; }
    div.prodImg { width:200px; height:150px; }
    img.siZe { width:150px; height:150px; margin-right: 10px; }
    div.rowMarGin1 { margin-bottom: 10px; }
    input.widTh5 {width: 65%; height:30px; float:left;  }
    span.widTh5{width: 5%; float:left; text-align: center;}
    a.tdyOrdBtn, button.tdyOrdBtn { width:50%; height: 30px; padding: 6px; }
    div.lftMrgn {margin-left:20px;}
    div.scRoll {position: sticky; max-height: 485px; overflow-y: auto;}
    img.imgModal {width:400px; height:500px;}
    
    
}