@media all and (max-width: 991px) {
	.image-product-sm {
		display: block;
		width: 30%;
  	}

  	.image-product-md {
  		display: none;
  	}

  	.nav-tab-head {
  		display: flex;
    	flex-direction: column-reverse;
  	}
  	.horitab-scroll {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1.5rem;
        padding-left: 0;
        margin-block: 0;
        /* overflow-x: auto; */
        list-style: none;
        text-align: center;
        white-space: nowrap;
        overflow: auto;
    }

    .image-product-fit-banner {
	    border-radius: 1rem;
	    margin-top: -40px;
	}

	.image-banner {
		height: 70px; 
		width: 100%;
	}

	.content-buy {
		position: sticky;
		bottom: 0px;
		background-color: #222222;
	}
}

@media (min-width: 576px) and (max-width: 991px){
	.category-list {
		max-width: 100% !important;
	}

	.category-search {
		max-width: 100% !important;
	}

	.content-buy {
		position: sticky;
		bottom: 0px;
		background-color: #222222;
	}
}

@media all and (min-width: 992px) {
	.image-product-sm {
		display: none;
	}

	.image-product-md {
		display: block;
	}

	.category-list {
    	padding-left: 55px;
    }

    .category-search {
    	padding-right: 55px;
    }

    .payment-available-list {
    	padding-left: 110px; 
    	padding-right: 110px;
    }

    .image-product-fit-banner {
	    border-radius: 1rem;
	    margin-top: -100px;
	}

	.image-banner {
		width: 100% !important;
	}
}

.badge-number {
	color: black;
	background-color: #dfb92f; 
	border-radius: 90%;  
	font-weight: bold;
}


.btn-golden{color:#fff;background-color:#dfb92f;border-color:#b9a55c}

.btn-golden:hover{color:#fff;background-color:#dfb92f;border-color:#b9a55c}
.btn-golden:focus,.btn-golden.focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}
.btn-golden.disabled,.btn-golden:disabled{color:#fff;background-color:teal;border-color:#dfb92f}
.btn-golden:not(:disabled):not(.disabled):active,.btn-golden:not(:disabled):not(.disabled).active,.show>.btn-golden.dropdown-toggle{color:#fff;background-color:#b9a55c;border-color:#000}
.btn-golden:not(:disabled):not(.disabled):active:focus,.btn-golden:not(:disabled):not(.disabled).active:focus,.show>.btn-golden.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,90,90,0.5)}

.btn-outline-primary{color:teal;background-color:transparent;background-image:none;border-color:teal}.btn-outline-primary:hover{color:#222;background-color:#b9a55c;border-color:teal}
.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:teal;background-color:transparent}
.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#b9a55c;border-color:teal}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,128,128,0.5)}
.strip-primary{background-color:#dfb92f;border-radius:10px;height:5px;position:absolute;width:60px}.child-box{background:hsla(0,0%,92%,.035);border:1px solid hsla(0,0%,68%,.5);border-radius:7px!important;margin-bottom:18px}.child-box:hover{border:1px solid var(--bs-primary)}.child-box .header{border-top-left-radius:7px;border-top-right-radius:7px;cursor:pointer;justify-content:space-between;padding:11px 15px;position:relative}.child-box .header,.child-box .header .left{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.child-box .header .left{justify-content:flex-start}.child-box .header .left img{height:20px;margin-right:12px}.child-box .short-payment-support-info{align-content:center;align-items:center;background:hsla(0,0%,68%,.261);border-bottom-left-radius:7px;border-bottom-right-radius:7px;cursor:pointer;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;padding:11px 15px}.child-box .short-payment-support-info img{height:13px;margin-right:7px}.child-box .short-payment-support-info .open-button-action-payment{color:#414141;font-size:13px;margin-left:10px}.child-box .button-action-payment{display:none;padding:15px}.button-action-payment ul{align-content:baseline;align-items:center;display:grid;list-style:none;margin:0;padding:0}.button-action-payment li{background:#e8e8e8;border:1px solid hsla(0,0%,79%,.398);border-radius:.3em;display:list-item;margin-bottom:10px;padding:10px;position:relative;text-align:-webkit-match-parent}.button-action-payment li.active{border:1px solid #2f2fd5}.button-action-payment li.disabled{cursor:no-drop;pointer-events:none}.button-action-payment .info-top{border-bottom:1px solid #f0f0f0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin-bottom:10px;padding-bottom:10px}.button-action-payment .info-top img{height:20px;-o-object-fit:contain;object-fit:contain}.button-action-payment .info-top b{font-size:12px;font-weight:600}.button-action-payment .info-bottom{color:#767676;font-size:11px}.button-action-payment .info-bottom b{font-weight:bolder}.button-action-payment input[type=radio]{display:none}.button-action-payment .payment-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button-action-payment input[type=radio]+.payment-item{border-color:transparent;color:#9b9b9d;cursor:pointer;display:list-item;font-size:12px;position:relative}.button-action-payment input[type=radio]+.payment-item:before{font-weight:700;margin-right:1em}.button-action-payment input[type=radio]:checked+.payment-item{color:#2f2fd5}.button-action-payment input[type=radio]:checked+.payment-item:before{color:inherit}div.floating-action-menu>.action-menu{max-height:0;opacity:0;overflow:hidden;transform:translateY(65px);transition:all .3s linear;visibility:hidden}div.floating-action-menu.active>.action-menu{max-height:1000px;opacity:1;padding-bottom:5px;transform:translate(0);visibility:visible}div.floating-action-menu>.action-menu>.floating-action{padding-right:.45rem}div.floating-action-menu>.action-menu .badge,div.floating-action-menu>.action-menu .btn-floating{transform:scale(.4);transition:all .5s ease-in-out}div.floating-action-menu.active>.action-menu .badge,div.floating-action-menu.active>.action-menu .btn-floating{transform:scale(1)}div.floating-action-menu>.action-button>.btn-floating{transition:all .5s linear}div.floating-action-menu.active>.action-button>.btn-floating{background-color:#dc3545;border-color:#dc3545}div.floating-action-menu.active>.action-button>.btn-floating:hover{background-color:#c82333;border-color:#bd2130}div.floating-action-menu>.action-button>.btn-floating>i{transition:transform .5s ease-in-out}div.floating-action-menu.active>.action-button>.btn-floating>i{transform:rotate(-315deg)}

/*# sourceMappingURL=app.css.map*/

	#loading {
	    display: none;
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 100;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(192, 192, 192, 0.5);
	    background-image: url("../../../loading.gif");
	    background-repeat: no-repeat;
	    background-position: center;
	}