@media (max-width: 990px) {
	.nav-bottom {
		padding: 17px 0;
        display: block;
        position: fixed;
        bottom: 0;
        background: var(--gray-1);
        width: 100%;
        z-index: 99;
	}
	.nav-bottom ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
	}

	.nav-bottom li {
        width: 20%;
        float: left;
        text-align: center;
        font-size: 10px;
        line-height: 18px;
	}

	.nav-bottom a {
		color: var(--dark);
		font-weight: 600;
		display: block;
	}

	.navbar-nav .nav-item .nav-link{
		padding: 0.2rem;
		color: #000;
		justify-content: flex-start;
	}

	.navbar-nav .nav-item .nav-link a{
		color: #000;
	}

	.navbar-main .offcanvas{
		max-width: 40%;
		background-color: #fff;
	}

}
@media (max-width: 767px) {

	.navbar-main .offcanvas{
		max-width: 60%;
	}

	.table-scroll{
		width: 100%;
		overflow-x: scroll;
		
	}

	.item-cate .more {
		
		font-size: 15px;
		
		width: 26px;
		height: 26px;
		
	}

	.list-order{
        width: 100%;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .list-order table{
        white-space: nowrap;
    }
	
	.back-to-top {
		bottom: 110px;
	}

	.right-icon-service {
		display: block;
		text-align: center;
	}

	.form-search-mb .input-group {
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.border-none {
		border: none;
	}

	.product-slider .owl-dots,
	.category-slider .owl-dots,
	.video-slider .owl-dots {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		padding-top: 24px;
	}

	.product-slider .owl-dots .owl-dot span,
	.category-slider .owl-dots .owl-dot span,
	.video-slider .owl-dots .owl-dot span {
	  width: 10px;
	  height: 10px;
	  background: var(--gray-2);
	  display: block;
	  border-radius: 30px;
	}

	.product-slider .owl-dots .owl-dot.active span,
	.category-slider .owl-dots .owl-dot.active span,
	.video-slider .owl-dots .owl-dot.active span {
		background: var(--primary);
	}

	.right-text-mb a {
		text-align: right;
		text-transform: capitalize;
		color: var(--primary);
		font-weight: 500;
		border-bottom: 1px solid var(--primary);
		padding-bottom: 4px;
	}

	.right-text-mb .more {
		text-align: right;
	}

	.ads-info p {
		white-space: nowrap;
		/*text-transform: capitalize;
		overflow-x: scroll;*/
	}

	.service-item h3 {
		font-size: 16px;
		line-height: 19px;
		margin-bottom: 4px;
	}

	.service-item p {
		font-size: 12px;
		line-height: 19px;
	}

	.list-btn-search ul {
		gap: 12px;
/*		justify-content: center;*/
	}

	.list-btn-search a {
		display: block;
		font-size: 13px;
		text-align: center;
	}

	.nav-about-footer {
		display: flex;
		flex-wrap: wrap;
	}

	.nav-about-footer li {
		max-width: 50%;
		flex: 0 0 50%;
	}

	.copyright .content {
		flex-wrap: wrap;
	}

	.copyright .info {
		max-width: 70%;
		flex: 0 0 70%;
	}

	.copyright .right {
		max-width: 30%;
		flex: 0 0 30%;
		text-align: right;
	}

	.banner-page .banner-title {
		width: 40%;
		left: 30px;
	}

	.banner-title h3 {
		font-size: 20px;
		line-height: 27px;
	}

	.search-filter {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 16px;
	}

	.frm-search .search-archive {
		margin-bottom: 10px;
	}
	.frm-search .search-archive input {
		padding: 10px 30px 10px 20px;
		min-height: 40px;
	}

	.mobile-menu-cate {
	    display: none;
	}

	.humberger-menu-overlay,
	.humberger-menu-mobile-overlay {
	    position: fixed;
	    left: 0;
	    top: 0;
	    height: 100%;
	    width: 100%;
	    background: rgba(255, 255, 255, 0.8);
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    z-index: 999;
	    visibility: hidden;
	}

	.humberger-menu-overlay.active,
	.humberger-menu-mobile-overlay.active {
	    visibility: visible;
	}

	.humberger-menu-wrapper,
	.humberger-menu-mobile-wrapper {
	    background: var(--white);
	    width: 410px;
	    height: 100%;
	    overflow-y: auto;
	    position: fixed;
	    left: -410px;
	    top: 0;
	    z-index: 9999;
	    opacity: 0;
	    visibility: hidden;
	    -webkit-transition: all 0.3s;
	    -o-transition: all 0.3s;
	    transition: all 0.3s;
	    padding: 50px;
	}

	.humberger-menu-wrapper,
	.humberger-menu-mobile-wrapper {
        width: 300px;
        padding: 20px;
    }

    .humberger-menu-wrapper.show-humberger-menu,
    .humberger-menu-mobile-wrapper.show-humberger-menu-cate {
	    left: 0;
	    opacity: 1;
	    visibility: visible;
	}

	.humberger-menu-wrapper .slicknav_menu,
	.humberger-menu-mobile-wrapper .slicknav_menu {
	    background: transparent;
	    padding: 0;
	}

	.humberger-menu-wrapper .slicknav_btn,
	.humberger-menu-mobile-wrapper .slicknav_btn {
	    display: none;
	}

	.humberger-menu-wrapper .slicknav_nav,
	.humberger-menu-mobile-wrapper .slicknav_nav {
	    display: block !important;
	}

	.humberger-menu-mobile-wrapper .mobile-menu a {
		display: block;
		padding: 12px 0;
		color: var(--black);
	}

	.humberger-menu-mobile-wrapper .slicknav_nav>ul {
		margin: 0;
	}

	.humberger-menu-mobile-wrapper .slicknav_nav a {
		background: transparent !important;
		color: var(--black) !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 0;

	}

	.add-cart {
		flex-direction: column;
	}

	.add-cart a {
		width: 100%;
		text-align: center;
	}

	.frm-account {
		padding: 20px;
	}

	.content-login h3 {
		font-size: 28px;
		line-height: 32px;
	}

	.content-login p {
		width: inherit;
	}

	.form-other {
		display: block;
		text-align: center;
	}

	.form-loginIcon {
		justify-content: center;
		margin-bottom: 12px;
	}

	
}

@media(max-width: 767px)
{
	.product-star-sell {
		display: block ;
	}
	.logo>img{
		max-height: 50px;
	}
	/*main-header*/
	.topbar {
		white-space: nowrap;
		background: url('../img/header-top-BG-1.jpg') no-repeat center center;
		background-size: cover;
	}
	.topbar .topbar-content p {
		font-size: 14px;
    	line-height: 20px;
	}
	.bottom-header .btn.btn-main ,
	.main-header .btn.btn-main {
		padding: 4px 15px;
		width: 129px;
	}
	/*main-header*/

	/*slider*/
	.carousel-indicators [data-bs-target] {
		border-bottom: 0 solid transparent;
	}
	#header-carousel .carousel-indicators li {
		width: 10px;
	}
	#header-carousel .carousel-indicators [data-bs-target] {
		border-bottom: 6px solid transparent;
	}
	/*slider*/

	/*product-sale*/
	.product-sale .container {
		padding: 0;
	}
	.sale-wrapper {
		border-radius: 0;
	}
	.title-countdown {
		
	}
	/*product-sale*/

}