.tabletMode.container {
  max-width: 768px !important;
}

.tabletMode .d-block-lg.p-col-8, .tabletMode .d-block-lg.p-col-4 {
  display: inline !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.tabletMode .p-lg-12, .tabletMode .p-lg-11, .tabletMode .p-lg-10, .tabletMode .p-lg-9,
.tabletMode .p-lg-8, .tabletMode .p-lg-7, .tabletMode .p-lg-6, .tabletMode .p-lg-5,
.tabletMode .p-lg-4, .tabletMode .p-lg-3, .tabletMode .p-lg-2, .tabletMode .p-lg-1 {
  width: auto;
  flex: 0 0 auto;
  max-width: auto;
}

.tabletMode .p-md-12 {
  width: 100.00002% !important;
  flex: 0 0 100.00002%;
  max-width: 100.00002%;
}

.tabletMode .p-md-11 {
  width: 91.666685% !important;
  flex: 0 0 91.666685%;
  max-width: 91.666685%;
}

.tabletMode .p-md-10 {
  width: 83.33335% !important;
  flex: 0 0 83.33335%;
  max-width: 83.33335%;
}

.tabletMode .p-md-9 {
  width: 75.000015% !important;
  flex: 0 0 75.000015%;
  max-width: 75.000015%;
}

.tabletMode .p-md-8 {
  width: 66.66668% !important;
  flex: 0 0 66.66668%;
  max-width: 66.66668%;
}

.tabletMode .p-md-7 {
  width: 58.333345% !important;
  flex: 0 0 58.333345%;
  max-width: 58.333345%;
}

.tabletMode .p-md-6 {
  width: 50.00001% !important;
  flex: 0 0 50.00001%;
  max-width: 50.00001%;
}

.tabletMode .p-md-5 {
  width: 41.666675% !important;
  flex: 0 0 41.666675%;
  max-width: 41.666675%;
}

.tabletMode .p-md-4 {
  width: 33.33334% !important;
  flex: 0 0 33.33334%;
  max-width: 33.33334%;
}

.tabletMode .p-md-3 {
  width: 25.000005% !important;
  flex: 0 0 25.000005%;
  max-width: 25.000005%;
}

.tabletMode .p-md-2 {
  width: 16.66667% !important;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.tabletMode .p-md-1 {
  width: 8.333335% !important;
  flex: 0 0 8.333335%;
  max-width: 8.333335%;
}

.mobileMode.container {
  max-width: 700px !important;
}

.mobileMode .p-md-12, .mobileMode .p-md-11, .mobileMode .p-md-10,
.mobileMode .p-md-9, .mobileMode .p-md-8, .mobileMode .p-md-7,
.mobileMode .p-md-6, .mobileMode .p-md-5, .mobileMode .p-md-4,
.mobileMode .p-md-3, .mobileMode .p-md-2, .mobileMode .p-md-1,
.mobileMode .p-lg-12, .mobileMode .p-lg-11, .mobileMode .p-lg-10,
.mobileMode .p-lg-9, .mobileMode .p-lg-8, .mobileMode .p-lg-7,
.mobileMode .p-lg-6, .mobileMode .p-lg-5, .mobileMode .p-lg-4,
.mobileMode .p-lg-3, .mobileMode .p-lg-2, .mobileMode .p-lg-1 {
  width: 100.00002%;
  flex: 0 0 100.00002%;
  max-width: 100.00002%;
}

.mobileMode .p-col-12, .mobileMode .p-sm-12 {
  width: 100.00002% !important;
  flex: 0 0 100.00002% !important;
  max-width: 100.00002% !important;
}

.mobileMode .p-col-11, .mobileMode .p-sm-11 {
  width: 91.666685% !important;
  flex: 0 0 91.666685% !important;
  max-width: 91.666685% !important;
}

.mobileMode .p-col-10, .mobileMode .p-sm-10 {
  width: 83.33335% !important;
  flex: 0 0 83.33335% !important;
  max-width: 83.33335% !important;
}

.mobileMode .p-col-9, .mobileMode .p-sm-9 {
  width: 75.000015% !important;
  flex: 0 0 75.000015% !important;
  max-width: 75.000015% !important;
}

.mobileMode .p-col-8, .mobileMode .p-sm-8 {
  width: 66.66668% !important;
  flex: 0 0 66.66668% !important;
  max-width: 66.66668% !important;
}

.mobileMode .p-col-7, .mobileMode .p-sm-7 {
  width: 58.333345% !important;
  flex: 0 0 58.333345% !important;
  max-width: 58.333345% !important;
}

.mobileMode .p-col-6, .mobileMode .p-sm-6 {
  width: 50.00001% !important;
  flex: 0 0 50.00001% !important;
  max-width: 50.00001% !important;
}

.mobileMode .p-col-5, .mobileMode .p-sm-5 {
  width: 41.666675% !important;
  flex: 0 0 41.666675% !important;
  max-width: 41.666675% !important;
}

.mobileMode .p-col-4, .mobileMode .p-sm-4 {
  width: 33.33334% !important;
  flex: 0 0 33.33334% !important;
  max-width: 33.33334% !important;
}

.mobileMode .p-col-3, .mobileMode .p-sm-3 {
  width: 25.000005% !important;
  flex: 0 0 25.000005% !important;
  max-width: 25.000005% !important;
}

.mobileMode .p-col-2, .mobileMode .p-sm-2 {
  width: 16.66667% !important;
  flex: 0 0 16.66667% !important;
  max-width: 16.66667% !important;
}

.mobileMode .p-col-1, .mobileMode .p-sm-1 {
  width: 8.333335% !important;
  flex: 0 0 8.333335% !important;
  max-width: 8.333335% !important;
}

.mobileMode .d-block-lg.p-col-8, .mobileMode .d-block-lg.p-col-4 {
  display: inline !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
}