.itopplus-background {

}
.Checkout-font, .Checkout-font-panel {
    color: #000;
    font-size: 18px;
    font-family:supermarket;
}

.btn-default {
    font-family: supermarket;
}

label {
    max-width: 100%;
    margin-bottom: 5px;
    font-family: supermarket;
   font-size: 18px;
}

.btnCheckoutprevious, .step1checkout, .step5checkout {
    background-color: #0077eb;
    text-align: center;
    font-family: supermarket;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: supermarket;
    font-size: 18px;
}

.Headcheckout {
    font-size: 18px;
    color: #000;
    font-family: supermarket;
}

.Bodycheckout {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    font-family: supermarket;
}

.ui.steps .step .title {
    font-family: supermarket;
    font-size: 1.0714em;
    font-weight: 700;
}

-----------------------------------

label {
    max-width: 100%;
    margin-bottom: 5px;
   font-family: supermarket;
      font-size: 20px;
}

.shopcartDetail-Default {
    font-size: 22px;
    font-family: supermarket;
}

.Template-K-Item, .Template-K-Quantity {
    font-family: supermarket;
    font-size: 22px;
}

.Template-K-PriceNormal {
    font-size: 22px;
    font-family: supermarket;
}

.shopcartFeature-Default, .shopcartName-Default {
    font-size: 22px;
    font-family: supermarket;
}

.shopcartID-Default {
    font-size: 22px;
    font-family: supermarket;
}

.shopcartID-Head-Default, .shopcartName-Head-Default {
    font-size: 22px;
    font-family: supermarket;
}

.Template-K-ProName {
    font-family: supermarket;
    font-size: 20px;
}

.Template-H-PricePromotion, .Template-H-button, .Template-I-CateName {
    font-family: supermarket;
    font-size: 20px;
}

.priceNoPromotion, .promotionPrice {
    font-family: supermarket;
    font-size: 20px;
}

.Template-K-Name {
    font-size: 20px;
    height: 61px;
    font-family: supermarket;
}



.Bodycheckout {
    font-family: supermarket;
}

.Headcheckout {
    font-family: supermarket;
}


.ui.steps .step .title {
    font-family: supermarket;
    font-size: 13px;
}



.dropdown-menu>li>a {
    font-family: supermarket;
    font-size: 16px;
}

.navbar-default .navbar-nav>li>a {
    font-family: supermarket;
    font-size: 19px;
}


.col-md-offset-3 {
    font-family: supermarket;
}


.label {
    font-size: 90%;
    font-family: supermarket;
}

.form-control {
    font-family: supermarket;
}

.form-horizontal .control-label {
    font-family: supermarket;
    font-size: 20px;
}



.PictureOverflow {
    width: 100%;
}

.Template-K-smallpic {
    width: 25%;
    height:25%;
}

.Template-K-frame {
    border-radius: 0px;
    border: 1px solid #c4c4c4;
}

.Template-K-button, .Template-K-buttonDetail {
    background-color: #f97f1c;
}
-------------------------------------------
/*Menu*/
.menuVertical>ul {
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    padding-top: 8px;
    padding-bottom: 26px;
    line-height: 15px;
    -webkit-border-radius: 0px;
    /* border-radius: 7px; */
}
.menuVertical>.nav-pills>li>a {
    border-radius: 0px;
    color: #000;
}
.menuVertical>.nav-pills>li>a {
    border-bottom: solid 1px #c4c4c4;
}

.shopcart {

    background-color: #fa882f !important;
}

.itopplus-menu {
    margin-top: 60px
}


.no-js .product-shops2 {
    margin-top: -33%;
    margin-bottom: 29%;
}
  

@media (max-width:768px) {
    .navbar-default {
        background: #001e72;
      	border-radius: 0px!important
    }
  .no-js .product-shops2 {
    margin-top: -33%;
    margin-bottom: 29%;
}
    .product-shops {
    width: 45%;

}
   
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1024px) {

h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}

  .navbar-default {
    background: 0 0
}
  
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1366px) {
h1,.h1 { font-size: 2.250em;}
h2,.h2 { font-size: 1.875em;}
h3,.h3 { font-size: 1.500em;}
h4,.h4 { font-size: 1.125em;}
h5,.h5 { font-size: 0.875em;}
h6,.h6 { font-size: 0.750em;}
p { margin: 0 0 10px;}
.navbar .nav,
.navbar .nav > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
    *zoom:1; /* hasLayout ie7 trigger */
    vertical-align: top;
}
#main-navbar-collapse{
  text-align:right ;
}

  .navbar-default {
    background: 0 0
}
  
}


@media only screen and (min-width: 992px){
.shopcart-Detail-Detail .image-inline {
    width: 10%!important;
}

#myImage1638954946626 {
 max-width: 10%;
}

#myImage1638954959641 {
 max-width: 10%;
}

#myImage1638954969777 {
 max-width: 10%;
}
.no-js .product-shops2 {
    margin-top: -12%;
    margin-bottom: 7%;
  	width: 22%;
}
  .product-shops {
    width: 45%;
 
}
}


@media screen and (max-width : 1191px) {

.no-js .product-shops2 {
    margin-top: -33%;
    margin-bottom: 23%;
}
  .product-shops {
    width: 45%;
 
}
}  

@media screen and (min-width : 1900px) {
 
.no-js .product-shops2 {
           margin-top: -20%;
        margin-bottom: 16%;
}
  .product-shops {
    width: 16%;

}
}

  .product-shops {
    display: grid;
    grid-template-columns: 20% auto;
    gap: 8px;
    background-color: #03c305;
    color: #fff;
    justify-content: center;
    margin: 0 auto;
    margin-left: 50%;
    padding: 1% 0%;
    border-radius: 100px;
    font-size: 20px;
    transition: 0.5s;
        font-family: supermarket;
}



.product-shops img {
    filter: invert(1);
}
    .shopcart-Detail-Detail .image-inline {
        width: 75% !important;
    }

.Template-K-button, .Template-K-buttonDetail{
      display: none !important;
}