html{scroll-behavior: smooth;}
	
body {
    font-family: 'Poppins';
    box-sizing:border-box ! important;
}

  #checkLogo{
      width: 30px !important;
    }

  a{color: black !important;}
    
  h1, h2, h3, h4{
    font-weight: bold !important;
  }
  
  b{
      color: red ! important;
  }
  
  
  .checkFluid{
      width: 100% ! important;
      padding-top: 100px !important;
      margin-bottom: 90px !important;
  }
  
   
  .row{
      width: 100% ! important;
  }
  
  .col-sm-6{
    background: white;
    box-shadow: 1px 1px 2px 2px rgba(0,0,0, .1); 
  }
  
  ::placeholder{
    font-size: 3vw !important;
  }
  
  address{
    font-size: 3vw !important;
    margin-left: 20px !important;
    margin-bottom: -5px !important;
  }
  
  select{
    font-size: 3.2vw !important;
  }
  
  option{
    font-size: 3.1vw !important;
  }
  
  h5, h6{
    font-size: 12px !important;
  }
  

  #pimg{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50px !important;
  }

.hide{
  display: none !important;
}

#alat{
	 width: 100% !important;
	 margin:0px auto !important;
	 display:block;
	 color:red;
	 font-size:3vw !important;
}
  	

#message{
	 width: 100% !important;
	 margin:0px auto !important;
	 margin-left:0px ! important;
	 display:block;
	 font-size:3vw ! important;
     color:red;
}
  
.loader {
  margin:50px auto !important;
  border: 16px solid #87bdd8;
  border-radius: 50%;
  border-top: 16px solid #b7d7e8;
  border-right: 16px solid #daebe8;
  border-bottom: 16px solid #87bdd8;
  border-left: 16px solid #b7d7e8;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.note{
	margin-top:-40px;
	display: none;
}
	
	
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

.appBtn, .mBtn{
     background: #04014A !important;
     width:100% !important;
     color:white ! important;
     border-radius: 16px !important;
}	


.appBtn:hover{
    background:green !important;
    color:white ! important;
}		



.wan{
    color:red ! important;
    font-size:3vw ! important;
}


.table{
   margin-top:0px ! important;
   width: 100% !important;
}
   

.cc{
      
   width:100px ! important;
   font-size: 3vw !important;
   text-transform: capitalize !important;
}
  
  /*For Desktop View*/
  
  @media screen and (min-device-width: 1025px){
      
      
    .container-fluid{
        width:80% ! important;
    }
  
    #message{
      margin-left: 0px !important;
      font-size: 1vw !important;
    }
  
    #alat{
	    font-size:1vw !important;
   }
  	
    .appBtn, .mBtn{
       width:50% !important;
    }	

    h1{
      font-size: 2vw !important;
    }

    h2{
      font-size: 1.5vw !important;
    }
     
    b{
      font-size: 1.5vw !important;
    }

    #myB{
      font-size: 1vw !important;
    }
      
    h3, h4{
      font-size: 1.2vw !important;
    }
    
        
    h4{
      font-size: 1.4vw !important;
    }
    
    .table{
        margin-top:0px ! important;
        width: 100% !important;
    }
    
    td{
      font-size: 1vw !important;
    }

    .cart{
     width: 100% !important;
     height: 455px !important;
     overflow-y: scroll !important;
     margin-top: 0px !important;
     
  }
  
  #placeOrder{
     width: 100% !important;
  }
  
  .form-control{
    width: 95% !important;
    margin: 5px auto !important;
  }

    
  #pimg{
    width: 30px !important;
    height: 30px !important;
    border-radius: 50px !important;
  }
 
  .itemQty{
    width: 100% !important;
    font-size: 1vw !important;
  }

  ::placeholder{
    font-size: 0.8vw !important;
  }
  
  select{
    font-size: 1vw !important;
  }
  
  option{
    font-size: 1vw !important;
  }
  address{
    font-size: 1vw !important;
  }
  
  #area{
    width: 95% !important;
  }
  
  
  th{
    font-size: 1vw !important;
  }
  
  td{
    font-size: 1vw !important;
  }
  
  .cc{
      
     width:100px ! important;
     font-size: 1vw !important;
     text-transform: capitalize !important;
  }
  
  .del{
      width:100% ! important;
    font-size: 1.1vw !important;
  }

  }
  
  
  
  
  /* For Tablet Landscape View */
  @media only screen and (min-device-width: 641px)
  and (max-device-width: 1024px) {
  
      
 .checkFluid{
    padding-top:80px ! important;
 } 
  

  .row{
     margin-left:0px ! important;
   } 

   #message{
      font-size: 1.2vw !important;
    }
  
    #alat{
	    font-size:1.2vw !important;
   }
  	
 
    h1{
      font-size: 2.5vw !important;
    }

    h2{
      font-size: 1.8vw !important;
    }
     
    h3{
      font-size: 2vw !important;
    }

      
    h4{
      font-size: 2vw !important;
    }
    
    
  .appBtn, .mBtn{
    width:50% !important;
    font-size: 2vw !important;
  }	

  
  #placeOrder{
     width: 45% !important;
  }
  
  .form-control{
    width: 95% !important;
    margin: 5px auto !important;
  }

  
  .cart{
     width: 55% !important;
     height: 430px !important;
     overflow-y: scroll !important;
     background:rgba(249, 250, 250, 0.558) !important;
     margin-top: -446px !important;
     margin-left: 347px !important;
  }
    
  #pimg{
    width: 30px !important;
    height: 30px !important;
    border-radius: 50px !important;
  }
 
  .itemQty{
    width: 100% !important;
    font-size: 1.1vw !important;
  }
  


  {
    font-size: 2vw !important;
    margin-top: 20px !important;
  }
  
 
  ::placeholder{
    font-size: 1.1vw !important;
  }
  
  select{
    font-size: 1.4vw !important;
  }
  
  option{
    font-size: 1.4vw !important;
  }
  address{
    font-size: 1.1vw !important;
  }
  
  #area{
    width: 95% !important;
  }
  
  
  th{
    font-size: 1.2vw !important;
  }
  
  td{
    font-size: 1.2vw !important;
  }
  
  .cc{
    font-size: 1.2vw !important;
    text-transform: capitalize !important;
  }
  
  .del{
    font-size: 1.2vw !important;
  }
  
  
  }
  
  /* For Tablet Portrait View */
  @media only screen and (min-device-width: 421px)
  and (max-device-width: 640px) {
  
.checkFluid, .row{
     width: 100% ! important;
 } 
  
 .checkFluid{
    padding-top:80px ! important;
 } 
  
 .row{
     margin-left:0px ! important;
 }
 
  .form-control{
    width: 95% !important;
    margin: 5px auto !important;
  }
  
 
  h1{
    font-size: 3.5vw !important;
  }
  
  h2{
    font-size: 2.2vw !important;
  }
  
  h3{
    font-size: 2vw !important;
  }

  h4{
    font-size: 2.2vw !important;
  }

  
  .appBtn, .mBtn{
    width:50% !important;
    font-size: 2vw !important;
  }	

  
  ::placeholder{
    font-size: 1.8vw !important;
  }

  address{
    font-size: 1.8vw !important;
  }
  
  select{
    font-size: 2vw !important;
  }
  
  option{
    font-size: 2.2vw !important;
  }
  
  .cart{
    margin-top: 60px !important;
    margin-bottom: 100px !important;
  }
  
  th{
    font-size: 1.8vw !important;
  }
  
  td{
    font-size: 1.8vw !important;
  }
  
  .cc{
    font-size: 2vw !important;
    text-transform: capitalize !important;
  }
  
  .del{
    font-size: 2vw !important;
  }
  
  }
  
  
  
@media screen and (max-width:420px){

 .checkFluid, .row{
     width: 100% ! important;
 } 
  
 .checkFluid{
    padding-top:80px ! important;
 } 
  
 .row{
     margin-left:0px ! important;
 }
 
 .checkFluid h1{
    margin-top:0px ! important;
 }
  #checkLogo{
      width: 30px !important;
  }
  
  .mBtn{
    margin-top: 0px !important;
  }
  
  .form-control{
    width: 95% !important;
    margin: 5px auto !important;
  }
  
  .btn-block{
    font-size: 4vw !important;
  }

  #message{
    margin-top: 0px !important;
    margin-left: 0px !important;
  }
  
  h1{
    font-size: 6vw !important;
  }
  
  h2{
    font-size: 4.5vw !important;
    }
  
  h3{
    font-size: 4vw !important;
  }
  
  h4{
    font-size: 4vw !important;
  }
  
  ::placeholder{
    font-size: 3vw !important;
  }
  address{
    font-size: 3vw !important;
  }
  
  select{
    font-size: 3vw !important;
  }
  
  option{
    font-size: 3.2vw !important;
  }
  
  .cart{
    margin-top: 60px !important;
    margin-bottom: 100px !important;
  }
  
 
  th{
    font-size: 3vw !important;
  }
  
  td{
    font-size: 3vw !important;
  }
  
  .cc{
    font-size: 3vw !important;
    text-transform: capitalize !important;
  }
  
  .del{
    font-size: 3.2vw !important;
  }
  
  }