html{scroll-behavior: smooth;}
	

body {
    font-family: 'Poppins';
    box-sizing: border-box;
     margin: 0% !important;
}



  .navbar-expand-md{
    background:#CDCDCD !important;
  }
  
  .navbar-toggler{
    color: black !important;
  }
  
  
  .navbar-toggler-icon{
    color: black !important;
  }
  
  a{
    color: black !important;
  }

  .container-fluid, .table-responsive {
    margin: 0% !important;
    width: 100% !important;
  }

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

.cc{
    width: 50% !important;
}

  /* For Desktop View */
@media screen and (min-width: 1025px) {

    .row-justify-content-center{
        padding: 50px 100px 100px 100px !important;
    }

    h1{
        font-size: 1.4vw !important;
    }
	
    th{
        font-size: 1vw !important;
      }
      
      td{
        font-size: 1vw !important;
      }
      
      #pimg{
        width: 50px !important;
        height: 50px !important;
        border-radius: 50px !important;
      }


      .itemQty{
        font-size: 1vw !important;
      }
      .cc{
        font-size: 1vw !important;
        text-transform: capitalize !important;
      }
      
      .del{
        font-size: 0.7vw !important;
      }


}
  
/* For Tablet Landscape View  */
@media only screen and (min-device-width: 641px)
and (max-device-width: 1024px) {

    .row-justify-content-center{
        padding: 10px 50px 50px 50px !important;
    }

    h1{
        font-size: 1.7vw !important;
    }
	
    th{
        font-size: 1.2vw !important;
      }
      
      td{
        font-size: 1.2vw !important;
      }
      
      #pimg{
        width: 30px !important;
        height: 30px !important;
        border-radius: 50px !important;
      }


      .itemQty{
        font-size: 1.2vw !important;
      }
      .cc{
        width: 90% !important;
        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) {

    
    .row-justify-content-center{
        padding: 10px 30px 30px 30px !important;
    }

    h1{
        font-size: 3vw !important;
    }
	
    th{
        font-size: 2vw !important;
      }
      
      td{
        font-size: 2vw !important;
      }
      
      
      .itemQty{
        font-size: 2vw !important;
      }

      #pimg{
        width: 30px !important;
        height: 30px !important;
        border-radius: 50px !important;
      }
     
      .cc{
        width: 100% !important;
        font-size: 2vw !important;
        text-transform: capitalize !important;
      }
      
      .del{
        font-size: 2vw !important;
      }

}
  
/* For Mobile Screen */
@media only screen and (max-width: 420px) {
    
    
    .row-justify-content-center{
        padding: 0px 0px 0px 0px !important;
    }

    h1{
        font-size: 4vw !important;
    }
	
    th{
        font-size: 2.8vw !important;
      }
      
      td{
        font-size: 2.8vw !important;
      }
      
      
      .itemQty{
        font-size: 2.8vw !important;
      }
      
      #pimg{
        width: 30px !important;
        height: 30px !important;
        border-radius: 50px !important;
      }
     
      .cc{
        width: 100% !important;
        font-size: 2.8vw !important;
        text-transform: capitalize !important;
      }
      
      .del{
        font-size: 2.8vw !important;
      }

}