#userNameHed {
            font-weight: 500;
        }
        #LoginErrorWait{
            color:#fd7e14;
            font-weight:700;
            font-size:16px;
            font-weight:500;
     text-align:center;
        }

        .loader {
            border: 16px solid #f3f3f3;
            border-radius: 50%;
            border-top: 16px solid #f82e56;
            border-bottom: 16px solid #f82e56;
            width: 120px;
            height: 120px;
            /*margin-left: auto;
  margin-right: auto;
           margin-top: auto;
  margin-bottom: auto;*/
            margin:auto;
  
            -webkit-animation: spin 2s linear infinite;
            animation: spin 2s linear infinite;
        }

        @-webkit-keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {

            #Mainloader {
                  margin-left: auto;
  margin-right: auto;
            }
        }

        .btnLoginDivMenu {
            margin: 5px;
            font-size: 15px;
            font-weight: 600;
            color: gray;
            cursor: pointer;
        }

            .btnLoginDivMenu:hover {
                color: #f82e56;
                font-size: 16px;
            }


            .btnSearchDivMenu{
                 margin: 5px;
            font-size: 15px;
            font-weight: 600;
            color: gray;
            cursor: pointer;

            }

             .btnSearchDivMenu:hover {
                color: #f82e56;
                font-size: 16px;
            }

        .col-xs-6.col-sm-3:hover {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

 #SearchArea {

 width:660px;
 height:400px;
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 position:absolute;
 background-color:white;
 margin-top:-28px;
 margin-left:400px;
 z-index:2222;

      }  
      .SearchAreaMenu{
            padding-left:25px;
          padding:5px;
          margin-left:10px;


      }


       @media only screen and (max-width: 600px) {
 #SearchArea {

 width:350px;
 height:450px;
 
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
 position:absolute;
 background-color:white;
 margin-top:-1px;
 margin-left:55px;
 z-index:2222;

      }  
        }


            #DiscountHed{
color:#28a745;
font-Size:13Px;
font-weight:700;

        }


            #WeightHed{
color:#343a40;
font-Size:13Px;
font-weight:700;

            }