@media (min-width : 481px) {

}

@media (min-width : 769px) {

}

@media (min-width : 993px) {

}

@media (min-width : 1201px) {
	.container {
		max-width: 1270px;
	}
}

/*==========  Non-Mobile First Method  ==========*/
@media (max-width : 1200px) {
	.banner-left {
		display: none;
	}
}

@media (max-width : 1024px) {
	.header-top-li-2 {
		padding-top: 0;
	}
	.header-top-li-3 {
		display: none;
	}
	.header-top-li-4 {
		display: block;
		flex: 5%;
		padding-top: 5px;
	}
	.header-li .icon {
	    font-size: 1.7rem;
	}
	.header-sub .w::before {
		margin-left: 28px;
	}
	.banner-middle {
		width: 100%;
		max-width: none;
	}
	.banner-right {
		display: none;
	}
	.hotlink-li a span {
		font-size: 1rem;
	}
	.hotlink-ul-4 .hotlink-li a span {
	    font-size: 1.4rem;
		padding-top: 30px;
	}
	.hotlink-ul-3 .hotlink-li a span {
		font-size: 1.8rem;
		padding-top: 40px;
	}
	.products-price .price {
		display: block;
	}
	.products-price .old-price {
		margin-left: 0;
	}
	.category-head .category-filter {
	    flex: 100%;
	    text-align: left;
	    margin-top: 15px;
	}
	.category-hotlink .hotlink-ul-4 .hotlink-li {
		flex: 50%;
	}
	.category-hotlink .hotlink-ul-4 .hotlink-li a {
		max-width: 326px;
	}
	.category-hotlink .hotlink-ul-4 .hotlink-li a span {
		padding-top: 20px;
	}
	.certificate-li {
	    flex: 50%;
	    margin-bottom: 15px;
	}
	.certificate-item {
	    padding-left: 40px;
	}
	.certificate-item .fas {
	    font-size: 1.6rem;
	}
	.product-info-feedback .product-info-li .sum {
		font-size: 1.2rem;
	}
	.product-action .btn {
		padding-left: 15px;
		padding-right: 15px;
	}
	.diy-filter-wrap {
		overflow: hidden;
		height: 45px;
		text-align: left;
	}
	.cart-li-title {
		flex: 0 0 39%;
	}
	.cart-li-qty .product-qty .qty {
		width: 90px;
	}
	.user-td-1 {
		flex: 0 0 25%;
	}
	.user-td-2 {
		flex: 0 0 25%;
	}
	.user-td-3 {
		flex: 0 0 50%;
	}
	.user-td-4 {
		flex: 0 0 50%;
	}
	.user-td-5 {
		flex: 0 0 50%;
	}
	.order-detail-box {
	    min-height: 180px;
	}
	.order-detail-1 {
	    flex: 0 0 49%;
	}
	.order-detail .total {
	    font-size: 1.2rem;
	}
	.merchants-item .action .btn {
	    font-size: .7rem;
	}
	.banner-left-2 {
	    width: -webkit-fill-available;
	}
}

@media (max-width : 992px) {
    .navbar-toggle {
        display: block;
        left: 15px;
    }
	.header-logo {
		margin-left: 60px;
		margin-top: 8px;
		max-width: 150px;
	}
	.header-li.desktop {
		display: none;
	}
	.header-li.tablet {
		display: table-cell;
	}
	.header-li .icon {
		font-size: 1.5rem;
		padding-top: 5px;
	}
	.header-sub {
		top: 35px;
		right: -40px;
	}
	.products-price .price {
		display: block;
	}
	.products-price .old-price {
		margin-left: 0;
	}
	.bottom .social a {
		margin-right: 0;
	}
	.bottom .col-6 {
		margin-bottom: 30px;
	}
	.bottom-end .col-6 {
		margin-bottom: 0;
	}
}

@media (max-width : 768px) {
	.product-gallery {
		margin-bottom: 30px;
	}
	.header-sub {
		top: 40px;
		right: -34px;
	}
	.hotlink-li {
		flex: 50%;
	}
	.hotlink-li a {
		max-width: 100% !important;
		height: 146px !important;
	}
	.hotlink-li a span {
		font-size: 1.3rem !important;
	    padding-top: 30px !important;
	}
	.hotlink-li:last-child {
		display: none;
	}
	.hotlink-ul-4 .hotlink-li,
	.hotlink-ul-2 .hotlink-li {
		flex: 50%;
	}
	.hotlink-ul-4 .hotlink-li:last-child,
	.hotlink-ul-2 .hotlink-li:last-child {
		display: flex;
	}
	.products-ul-4 .products-li,
	.products-li {
		flex: 0 0 33.3333%;
	}
	.products-li.end {
		display: flex;
	}
	.header-top-li-1 {
		flex: 30%;
	}
	.header-top-li-2 {
		flex: 50%;
	}
	.header-top-li-3 {
		display: none;
	}
	.header-top-li-4 {
		flex: 10%;
		padding-top: 0;
	}
	.header-sub .w::before {
	    margin-left: 10px;
	}
	.category-wrap .products-li {
	    flex: 0 0 50%;
	}
	.product-col-left {
	    border-left: 0;
	}
	.product-related {
		display: none;
	}
	.cart-li-title {
		flex: 0 0 77.7777%;
	}
	.cart-li-price {
		margin-left: 100px;
	}
	.user-item {
		padding-bottom: 40px;
	}
	.user-item-link {
		float: none;
		min-height: inherit;
		text-align: left;
		position: absolute;
		bottom: 10px;
	}
	.user-item-link a {
		margin: 0 10px 0 0;
	}
	.user-td-1 {
		flex: 0 0 50%;
	}
	.user-td-2 {
		flex: 0 0 50%;
	}
	.user-td-3 {
		flex: 0 0 100%;
	}
	.user-td-4 {
		flex: 0 0 50%;
	}
	.user-td-5 {
		flex: 0 0 50%;
	}
	.order-detail-1 {
		flex: 0 0 100%;
	}
	.order-detail-2 {
		flex: 0 0 25%;
	}
	.order-detail-3 {
		flex: 0 0 25%;
	}
	.order-detail-4 {
		flex: 0 0 25%;
	}
	.order-detail-5 {
		flex: 0 0 25%;
		text-align: right;
	}
	.order-detail-6 {
		flex: 0 0 80%;
		text-align: right;
	}
	.order-detail-7 {
		flex: 0 0 20%;
		text-align: right;
	}
	.order-detail-box {
	    min-height: inherit;
	}
	.order-detail-6 {
	    flex: 0 0 65%;
	}
	.order-detail-7 {
	    flex: 0 0 35%;
	}
	.order-detail .total {
	    font-size: 1rem;
	}
	.my-favourite-1 {
		flex: 0 0 100%;
	}
	.my-favourite-2 {
		flex: 0 0 100%;
		text-align: left;
		padding-left: 95px;
	}
	.my-favourite .sku {
		margin-top: 5px;
		margin-left: 0;
		display: block;
	}
	.merchants-logo {
		display: block;
	}
	.merchants-item .end {
		margin-top: 10px;
	}
	.merchants-item .action {
		margin-top: 0;
	}
	.category-home-li {
	    flex: 0 0 25%;
	}
}

@media (max-width : 480px) {
	.main-name {
		font-size: 1.2rem;
	}
	.main-more {
		display: none;
	}
	.header-special {
		font-size: .9rem;
	}
	.navbar-toggle {
		left: 15px;
		top: 4px;
	}
	.header-logo {
		margin-left: 60px;
		margin-top: 0;
		max-width: 160px;
	}
	.header-search {
		padding-top: 15px;
	}
	.header-top-li-1 {
		flex: 0 0 65%;
	}
	.header-top-li-2 {
		flex: 100%;
	}
	.header-top-li-4 {
		display: none;
	}
	.header-top-li-5 {
		display: block;
		flex: 0 0 35%;
	}
	.header-li:first-child {
		flex: 0 0 35%;
	}
	.header-li:last-child {
		flex: 0 0 64%;
	}
	.header-li .icon {
		padding-top: 0;
		position: relative;
	}
	.header-li .total-cart {
		background: #ffa500;
		color: #000;
		padding: 4px 3px;
		font-style: normal;
		font-weight: 500;
		font-size: .9rem;
		border-radius: 3px;
		margin-left: 5px;
	}
	.header-sub .w::before {
	    margin-left: 13px;
	}
	.banner-middle {
		width: auto;
		float: none;
		margin-bottom: 10px;
	}
	.banner-right {
		float: none;
		width: auto;
		display: table;
		margin-left: -5px;
		margin-right: -5px;
	}
	.banner-right::after {
		display: block;
		content: "";
		clear: both;
	}
	.banner-right .item {
		display: table-cell;
		padding-left: 5px;
		padding-right: 5px;
	}
	.hotlink-ul {
		margin-left: -5px;
		margin-right: -5px;
	}
	.hotlink-li {
		padding-left: 5px;
		padding-right: 5px;
	}
	.hotlink-li a {
		margin-bottom: 10px;
		height: 100px !important;
	}
	.hotlink-li a span {
	    font-size: 1rem !important;
	    padding-top: 20px !important;
	}
	.hotlink-li:last-child {
		display: none;
	}
	.bottom {
		padding-bottom: 0;
	}
	.bottom .tablet {
		margin-top: 0;
	}
	.products-ul-4 .products-li,
	.products-li {
		flex: 0 0 50%;
	}
	.products-item {
		padding: 10px;
	}
	.products-price .old-price {
		margin-left: 0;
	}
	.features-ul {
		margin-left: 0;
		margin-right: 0;
	}
	.features-ul2 .features-li,
	.features-li {
	    flex: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.subscribe .icon {
		max-width: 70px;
	}
	.subscribe .label {
		margin-bottom: 10px;
		padding-left: 80px;
	}
	.form-add-cart .btn {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 10px;
		width: 100%;
	}
	.form-add-cart .btn-link {
	    margin-left: 0;
	}
	.product-col-left {
		border-left: 0;
	}
	.product-col-right {
		border-right: 0;
		margin-bottom: 20px;
	}
	.product-related {
		margin-top: 30px;
		background: #fff;
		margin-left: 0;
		margin-right: 0;
	}
	.product-related .products-item {
		padding: 0;
		margin-bottom: 20px;
	}
	.product-action .btn {
		width: 49%;
	}
	.heading {
		font-size: 1.4rem;
	}
	.heading-sub {
	    font-size: .9rem;
	}
	.category-left {
		display: none;
	}
	.category-wrap {
		height: auto !important;
	}
	.category-right {
		margin-left: 0;
	}
	.certificate-li {
	    flex: 100%;
	}
	.certificate-item {
	    padding-left: 35px;
	}
	.certificate-item .fas {
	    font-size: 1.4rem;
	}
	.certificate-title {
	    font-size: .9rem;
	}
	.certificate-intro {
	    font-size: .8rem;
	}
	.category-merchant {
		display: block;
		padding-left: 15px;
		padding-right: 15px;
	}
	.modal-product-li {
		flex: 100% !important;
		margin-bottom: 5px;
	}
	.modal-product-wrap .modal-product-li:first-child {
		padding-right: 0;
	}
	.modal-product-wrap .modal-product-li:last-child {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #f3f3f3;
	}
	.modal-product .products-ul {
		padding: 0;
	}
	.modal-product .products-item {
		margin: 0;
	}
	.product-price .price {
		display: inline-block;
		font-size: 1.6rem;
	}
	.price-discount {
		float: right;
		margin-top: 6px;
	}
	.product-price .old-price,
	.product-price .discount {
		font-size: 1.1rem;
	}
	.modal-product-ul .desktop {
		display: none;
	}
	.modal-product-ul .mobile {
		display: block;
		padding: 0;
	}
	.menus {
	    padding: 15px;
	}
	.diy-filter a {
		margin-left: 0;
		margin-right: 0;
	}
	.category-filter-li:last-child {
		display: block;
	}
	.cart-li-title {
	    flex: 0 0 70.7777%;
	}
	.cart-li-price {
	    margin-left: 0;
	}
	.cart-li-total {
	    flex: 0 0 40%;
	}
	.user-left {
		float: none;
		width: auto;
	}
	.user-right {
	    padding-left: 0;
	    margin-top: 30px;
	}
	.user-profile .birthday {
		margin-bottom: 10px;
	}
	.user-profile .desktop {
		display: none;
	}
	.merchants-item .action {
		text-align: center;
	}
	.cart-tr-price,
	.cart-tr-old {
		margin-bottom: 0;
	}
	.banner-left-2 {
	    margin-bottom: 10px;
	}
	.category-home-desktop {
		display: none;
	}
	.category-home-mobile {
		display: block;
		margin-left: -5px;
		margin-right: -5px;
	}
	.category-home-mobile .category-home-item {
		margin: 5px;
	}
}

@media (max-width : 768px) and (max-height: 1024px) {
	.category-hotlink .hotlink-ul-4 .hotlink-li a span {
		font-size: 1.2rem !important;
	}
}

@media (max-width : 812px) and (max-height: 375px) {
	.header-top-li-1 {
		flex: 30%;
	}
	.header-top-li-4 {
		flex: 10%;
		padding-top: 0;
	}
	.header-sub .w::before {
	    margin-left: 3px;
	}
	.category-wrap .products-li {
	    flex: 0 0 50%;
	}
	.product-related {
		display: none;
	}
	.product-new .products-li {
	    flex: 0 0 33.3333%;
	}
	.product-new .products-li.end {
		display: flex;
	}
	.product-col-left {
		border-left: 0;
	}
	.cart-li-title {
	    flex: 0 0 77.7777%;
	}
	.cart-li-price {
	    margin-left: 100px;
	}
}

@media (max-width : 375px) and (max-height: 812px) {
	.category-hotlink .hotlink-ul-4 .hotlink-li a span {
		font-size: .9rem !important;
	}
}

@media (max-width : 414px) and (max-height: 736px) {
	.header-sub .w::before {
	    margin-left: 8px;
	}
	.category-hotlink .hotlink-ul-4 .hotlink-li a span {
	    font-size: 1rem !important;
	}
}

@media (max-width : 736px) and (max-height: 414px) {
	.header-search {
		padding-top: 15px;
	}
	.header-top-li-1 {
		flex: 0 0 75%;
	}
	.header-top-li-2 {
		flex: 100%;
	}
	.header-top-li-4 {
		display: none;
	}
	.header-top-li-5 {
		display: block;
		flex: 0 0 25%;
	}
	.header-top-li-5 .header-ul {
		margin-top: 5px;
	}
	.header-top-li-5 .header-li:first-child {
		flex: 0 0 35%;
	}
	.header-top-li-5 .header-li:last-child {
		flex: 0 0 65%;
		text-align: right;
	}
	.header-sub .w::before {
	    margin-left: 12px;
	}
	.subscribe .label {
		margin-bottom: 10px;
	}
	.category-left {
		display: none;
	}
	.category-wrap {
		height: auto !important;
	}
	.category-right {
		margin-left: 0;
	}
	.category-merchant {
		display: block;
	}
	.category-filter-li:last-child {
		display: block;
	}
	.modal-product .products-item {
		margin: 0;
		padding: 10px;
	}
	.product-action {
		margin-bottom: 15px;
	}
	.header-li .icon {
		padding-top: 0;
		position: relative;
	}
	.header-li .total-cart {
		background: #ffa500;
		color: #000;
		padding: 4px 3px;
		font-style: normal;
		font-weight: 500;
		font-size: .9rem;
		border-radius: 3px;
		margin-left: 5px;
	}
}

@media (max-width : 375px) and (max-height: 667px) {
	.header-sub .w::before {
	    margin-left: 13px;
	}
	.category-hotlink .hotlink-ul-4 .hotlink-li a span {
	    font-size: .9rem !important;
	}
}

@media (max-width : 667px) and (max-height: 375px) {
	.header-search {
		padding-top: 15px;
	}
	.products-li.end {
		display: flex;
	}
	.subscribe .label {
		margin-bottom: 10px;
	}
	.bottom {
		padding-bottom: 20px;
	}
	.modal-product-li {
		flex: 55%;
	}
	.modal-product-li+.modal-product-li {
		flex: 45%;
	}
	.category-filter-li:last-child {
		display: block;
	}
	.modal-product .products-item {
		margin: 0;
		padding: 10px;
	}
	.product-action {
		margin-bottom: 15px;
	}
}

@media (max-width : 320px) and (max-height: 568px) {
	.header-logo {
		margin-top: 5px;
		margin-left: 50px;
	}
	.header-sub {
		top: 35px;
	}
	.header-sub .w::before {
	    margin-left: 7px;
	}
	.hotlink-li a span {
	    font-size: .8rem !important;
	}
	.category-hotlink .hotlink-ul-4 .hotlink-li a span {
	    font-size: .7rem !important;
	}
	.category-filter-li {
		display: block;
		text-align: left !important;
	}
	.category-filter-li:last-child {
		margin-top: 10px;
	}
	.cart-li-title {
	    flex: 0 0 65%;
	}
	.header-li:first-child {
		flex: 0 0 50%;
	}
	.header-li:last-child {
		flex: 0 0 50%;
	}
	.header-li .total-cart {
		display: none;
	}
}

@media (max-width : 568px) and (max-height: 320px) {
	.subscribe .label {
		margin-bottom: 10px;
	}
	.header-search {
		padding-top: 15px;
	}
	.header-sub .w::before {
	    margin-left: 10px;
	}
	.category-filter-li:last-child {
		display: block;
	}
	.modal-product .products-item {
		margin: 0;
		padding: 10px;
	}
	.product-action {
		margin-bottom: 15px;
	}
}







