/*
 * container
*/
.bp-768-container,
.bp-768-container-576,
.bp-768-container-768,
.bp-768-container-1024,
.bp-768-container-1366,
.bp-768-container-992,
.bp-768-container-1200,
.bp-768-container-1920
   {
      margin-left: auto !important;
      margin-right: auto !important;
      width: 100% !important;      
      max-width: 100% !important;
   }
.bp-768-container-576 { max-width: 36rem !important; }

.bp-768-container-768 { max-width: 48rem !important; }
   .bp-768-container-1024 { max-width: 64rem !important; }
   .bp-768-container-1366 { max-width: 85.bp-768-375rem !important; }
   
.bp-768-container-992 { max-width: 62rem !important; }

.bp-768-container-1200 { max-width: 75rem !important; }
   .bp-768-container-1920 { max-width: 120rem !important; }
   
/* width */ 
.bp-768-w-auto { width: auto !important; }
.bp-768-w-0 { width: 0% !important; }
.bp-768-w-25 { width: 25% !important; }
.bp-768-w-33 { width: 33% !important; }
.bp-768-w-50 { width: 50% !important; }
.bp-768-w-66 { width: 66% !important; }
.bp-768-w-75 { width: 75% !important; }
.bp-768-w-100 { width: 100% !important; }

.bp-768-vw-25 { width: 25vw !important; }
.bp-768-vw-33 { width: 33vw !important; }
.bp-768-vw-50 { width: 50vw !important; }
.bp-768-vw-66 { width: 66vw !important; }
.bp-768-vw-75 { width: 75vw !important; }
.bp-768-vw-100 { width: 100vw !important; }

.bp-768-min-width-0  { min-width: 0rem !important; }
.bp-768-min-width-50  { min-width: 3.125rem !important; }
.bp-768-min-width-100  { min-width: 6.25rem !important; }
.bp-768-min-width-150  { min-width: 9.375rem !important; }
.bp-768-min-width-200  { min-width: 12.5rem !important; }
.bp-768-min-width-250  { min-width: 15.625rem !important; }
.bp-768-min-width-300  { min-width: 18.75rem !important; }
.bp-768-min-width-350  { min-width: 21.875rem !important; }
.bp-768-min-width-400  { min-width: 25rem !important; }
.bp-768-min-width-450  { min-width: 28.125rem !important; }
.bp-768-min-width-500  { min-width: 31.25rem !important; }
.bp-768-min-width-550  { min-width: 34.375rem !important; }
.bp-768-min-width-600  { min-width: 37.5rem !important; }
.bp-768-min-width-650  { min-width: 40.625rem !important; }
.bp-768-min-width-700  { min-width: 43.75rem !important; }
.bp-768-min-width-750  { min-width: 46.875rem !important; }
.bp-768-min-width-800  { min-width: 50rem !important; }
.bp-768-min-width-850  { min-width: 53.125rem !important; }
.bp-768-min-width-900  { min-width: 56.25rem !important; }
.bp-768-min-width-950  { min-width: 59.375rem !important; }
.bp-768-min-width-1000  { min-width: 62.5rem !important; }

.bp-768-max-width-none  { max-width: none !important; }
.bp-768-max-width-0  { max-width: 0rem !important; }
.bp-768-max-width-50  { max-width: 3.125rem !important; }
.bp-768-max-width-100  { max-width: 6.25rem !important; }
.bp-768-max-width-150  { max-width: 9.375rem !important; }
.bp-768-max-width-200  { max-width: 12.5rem !important; }
.bp-768-max-width-250  { max-width: 15.625rem !important; }
.bp-768-max-width-300  { max-width: 18.75rem !important; }
.bp-768-max-width-350  { max-width: 21.875rem !important; }
.bp-768-max-width-400  { max-width: 25rem !important; }
.bp-768-max-width-450  { max-width: 28.125rem !important; }
.bp-768-max-width-500  { max-width: 31.25rem !important; }
.bp-768-max-width-550  { max-width: 34.375rem !important; }
.bp-768-max-width-600  { max-width: 37.5rem !important; }
.bp-768-max-width-650  { max-width: 40.625rem !important; }
.bp-768-max-width-700  { max-width: 43.75rem !important; }
.bp-768-max-width-750  { max-width: 46.875rem !important; }
.bp-768-max-width-800  { max-width: 50rem !important; }
.bp-768-max-width-850  { max-width: 53.125rem !important; }
.bp-768-max-width-900  { max-width: 56.25rem !important; }
.bp-768-max-width-950  { max-width: 59.375rem !important; }
.bp-768-max-width-1000  { max-width: 62.5rem !important; }
   
/* height */
.bp-768-h-auto { height: auto !important; }
.bp-768-h-0 { height: 0% !important; }
.bp-768-h-25 { height: 25% !important; }
.bp-768-h-33 { height: 33% !important; }
.bp-768-h-50 { height: 50% !important; }
.bp-768-h-66 { height: 66% !important; }
.bp-768-h-75 { height: 75% !important; }
.bp-768-h-100 { height: 100% !important; }

.bp-768-vh-25 { height: 25vh !important; }
.bp-768-vh-33 { height: 33vh !important; }
.bp-768-vh-50 { height: 50vh !important; }
.bp-768-vh-66 { height: 66vh !important; }
.bp-768-vh-75 { height: 75vh !important; }
.bp-768-vh-100 { height: 100vh !important; }

.bp-768-min-height-0  { min-height: 0rem !important; }
.bp-768-min-height-50  { min-height: 3.125rem !important; }
.bp-768-min-height-100  { min-height: 6.25rem !important; }
.bp-768-min-height-150  { min-height: 9.375rem !important; }
.bp-768-min-height-200  { min-height: 12.5rem !important; }
.bp-768-min-height-250  { min-height: 15.625rem !important; }
.bp-768-min-height-300  { min-height: 18.75rem !important; }
.bp-768-min-height-350  { min-height: 21.875rem !important; }
.bp-768-min-height-400  { min-height: 25rem !important; }
.bp-768-min-height-450  { min-height: 28.125rem !important; }
.bp-768-min-height-500  { min-height: 31.25rem !important; }
.bp-768-min-height-550  { min-height: 34.375rem !important; }
.bp-768-min-height-600  { min-height: 37.5rem !important; }
.bp-768-min-height-650  { min-height: 40.625rem !important; }
.bp-768-min-height-700  { min-height: 43.75rem !important; }
.bp-768-min-height-750  { min-height: 46.875rem !important; }
.bp-768-min-height-800  { min-height: 50rem !important; }
.bp-768-min-height-850  { min-height: 53.125rem !important; }
.bp-768-min-height-900  { min-height: 56.25rem !important; }
.bp-768-min-height-950  { min-height: 59.375rem !important; }
.bp-768-min-height-1000  { min-height: 62.5rem !important; }

.bp-768-max-height-none  { max-height: none !important; }
.bp-768-max-height-0  { max-height: 0rem !important; }
.bp-768-max-height-50  { max-height: 3.125rem !important; }
.bp-768-max-height-100  { max-height: 6.25rem !important; }
.bp-768-max-height-150  { max-height: 9.375rem !important; }
.bp-768-max-height-200  { max-height: 12.5rem !important; }
.bp-768-max-height-250  { max-height: 15.625rem !important; }
.bp-768-max-height-300  { max-height: 18.75rem !important; }
.bp-768-max-height-350  { max-height: 21.875rem !important; }
.bp-768-max-height-400  { max-height: 25rem !important; }
.bp-768-max-height-450  { max-height: 28.125rem !important; }
.bp-768-max-height-500  { max-height: 31.25rem !important; }
.bp-768-max-height-550  { max-height: 34.375rem !important; }
.bp-768-max-height-600  { max-height: 37.5rem !important; }
.bp-768-max-height-650  { max-height: 40.625rem !important; }
.bp-768-max-height-700  { max-height: 43.75rem !important; }
.bp-768-max-height-750  { max-height: 46.875rem !important; }
.bp-768-max-height-800  { max-height: 50rem !important; }
.bp-768-max-height-850  { max-height: 53.125rem !important; }
.bp-768-max-height-900  { max-height: 56.25rem !important; }
.bp-768-max-height-950  { max-height: 59.375rem !important; }
.bp-768-max-height-1000  { max-height: 62.5rem !important; }
   
/* display */
.bp-768-d-none { display: none !important; }
.bp-768-d-initial { display: initial !important; }
.bp-768-d-inherit { display: inherit !important; }
.bp-768-d-block { display: block !important; }
.bp-768-d-inline-block { display: inline-block !important; }
.bp-768-d-inline { display: inline !important; }
.bp-768-d-contents { display: contents !important; }
.bp-768-d-list-item { display: list-item !important; }
.bp-768-d-run-in { display: run-in !important; }
   
/* overflow */
.bp-768-overflow-hidden { overflow: hidden !important; }
.bp-768-overflow-scroll { overflow: scroll !important; }
.bp-768-overflow-auto { overflow: auto !important; }
.bp-768-overflow-visible { overflow: visible !important; }