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

.table-responsive{
    margin-top:100px ! important;
}
  
  a{
    color: black !important;
  }

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


h1{
    font-weight:bold ! 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: 1vw !important;
      }


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

    .row-justify-content-center{
        padding: 50px 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: 50px 30px 40px 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: 50px 0px 40px 0px !important;
    }

    h1{
        font-size: 6.5vw !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;
      }

}