/*------------------------------------------------------------------

[Table of contents]
1. Responsive

-------------------------------------------------------------------*/
@media only screen and (max-width: 980px) {

	.search-box,
	.menu-web,
	.banner-category,
	.social-siderbar,
	.hidden-mobile,
	.menu-header>ul>li>ul,
	.menu-header>ul>li .sub-menu {
		display: none
	}

	.list-logo-top-v3 ul li {
		width: calc(100% / 4);
	}

	.container-web {
		overflow: hidden;
	}

	.icon-search-mobile,
	.icon-menu-bar,
	.banner-category-v2,
	.banner-category-v3,
	.button-show-sidebar,
	.menu-header>ul>li:hover ul,
	.menu-header>ul>li:hover .sub-menu {
		display: block;
	}

	.container-web,
	.slide-box-home,
	.box-banner-small,
	.banner-category-v2 {
		width: 100%;
		height: auto;
	}

	.thumbnail-slide-detail {
		width: calc(100% - 60px - 2%);
		max-width: 480px;
		margin: 0 auto;
	}

	.contact_us_header {
		padding: 8px 0 8px 15px
	}

	.logo {
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		position: absolute;
	}

	.slide-v2,
	.box-banner-small-v2 {
		max-width: 600px;
		margin: 0 auto;
	}

	.box-banner-small-v2>div {
		width: calc(100% / 2);
		height: auto;
		float: left;
	}

	.right-top-checkout,
	.left-top-checkout,
	.left-content-shoping,
	.right-content-shoping {
		padding: 0;
	}

	.left-top-checkout {
		margin: 0 0 15px 0;
	}

	.cart-website {
		right: 30px;
	}

	.banner_full_width img {
		max-width: 100%;
	}

	.text-subscribe {
		width: 45%;
	}

	.social-box a:last-child {
		margin: 0 15px 0 2px;
	}

	.slide-box-home,
	.box-banner-small {
		margin: 0 auto;
		display: block;
		float: none;
	}

	.header-content {
		height: 99px;
		margin: 0;
	}

	.social-box {
		text-align: center;
	}

	.menu-title-box li a {
		font-size: 13px;
	}

	.slide-box-home,
	.box-banner-small {
		width: 100%;
		height: auto;
	}

	.list-products-category {
		width: calc(100% - 200px);
	}

	.contact_us_header,
	.menu-header-top {
		text-align: center;
	}

	.menu-header-top ul {
		display: table;
	}

	.slide-v3,
	.category-image {
		margin: 0 auto !important;
		max-width: 685px;
		float: none;
		width: auto;
	}

	.menu-header ul li a {
		font-size: 15px;
		line-height: 49px;
		padding: 0 20px;
	}

	.footer-v3 .support-box-info p:nth-of-type(1) {
		margin: 60px 0 0px 0;
	}

	.footer-v3 .support-box-info p:nth-of-type(2) {
		margin: 2px 0 10px 0;
	}

	.footer-v3 .support-box-info img {
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.footer-v3 .support-box-info p:nth-of-type(2),
	.footer-v3 .support-box-info p:nth-of-type(1) {
		float: none;
		width: auto;
	}

	.footer-v3 .support-box-info {
		text-align: center;
	}

	#slide-bar-category {
		position: fixed;
		top: 0;
		left: -285px;
		height: 100vh;
		z-index: 1000;
		background: #fff;
		width: 280px;
		overflow-x: scroll;
		padding: 5px !important;
		margin: 0;
		-webkit-box-shadow: 3px 0px 9px -5px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 3px 0px 9px -5px rgba(0, 0, 0, 0.75);
		box-shadow: 3px 0px 9px -5px rgba(0, 0, 0, 0.75);
	}

	.box-banner-small-v3 .banner-v3-home {
		width: calc(100% / 2);
		float: left;
	}

	/*-- CSS Responsive Table --*/
	.table-wish-list table tbody tr {
		border: none;
	}

	.table-wish-list tbody tr td:first-child,
	.table-wish-list thead {
		display: none;
	}

	.table-wish-list tbody tr td {
		position: relative;
		padding-left: 30%;
		border-bottom: 1px solid #dedede;
	}

	.table-wish-list tbody tr:nth-of-type(odd) {
		background: #eee;
	}

	.table-wish-list table tbody *:not(i) {
		display: block;
	}

	.table-wish-list tbody tr td:nth-of-type(2):before {
		content: "Product name";
	}

	.table-wish-list tbody tr td:nth-of-type(3):before {
		content: "Price";
	}

	.table-wish-list tbody tr td:nth-of-type(4):before {
		content: "Stock Status";
	}

	.table-wish-list tbody tr td:nth-of-type(5):before {
		content: "Add to Cart";
	}

	.table-wish-list tbody tr td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 50%;
		transform: translateY(-50%);
		left: 6px;
		width: 30%;
		white-space: nowrap;
		font-size: 18px;
	}

	.table-wish-list tbody tr td:nth-child(5) a {
		margin: 10px 0;
	}

	.table-wish-list table tbody p {
		padding: 10px 0;
		margin: 0;
	}

	.content-404>p:nth-of-type(1) {
		font-size: 30px;
	}

	.css_content img {
		max-width: 100%;
		max-height: 100%;
	}

	.content-row {
		flex-direction: column;
	}

	.action-compare a {
		margin: 0 10px 10px 0;
	}

	header .container-web {
		overflow: initial;
	}

	.cart-detail-header {
		top: 85px;
		right: 25px;
	}
}

@media only screen and (max-width: 768px) {
	.nav-prev {
		left: 0;
	}

	.menu-header>ul>li:hover .mega-menu-v2 {
		left: -200px;
	}

	.menu-header>ul>li:hover .mega-menu {
		left: -240px;
	}

	.table-wish-list tbody tr td:nth-child(3),
	.table-wish-list tbody tr td:nth-child(4),
	.table-wish-list thead tr th:nth-child(2),
	.table-wish-list thead tr th:nth-child(3) {
		text-align: left;
	}

	.nav-next {
		right: 0;
	}

	.nav-slide-brand button {
		padding: 20px 5px;
		font-size: 4.5em;
	}

	.nav-slide-brand button:hover,
	.nav-slide-brand button {
		border: none;
	}

	.nav-slide-brand {
		top: 54px;
		z-index: 9;
	}

	.slide-v2,
	.box-banner-small-v2 {
		max-width: 600px;
	}

	.box-banner-small-v2>div {
		width: calc(100% / 2);
		float: left;
	}
}

@media only screen and (max-width: 767px) {
	.container-web {
		padding: 0 !important;
	}
}

@media only screen and (max-width: 480px) {
	.right-category-bar p {
		font-size: 14px;
	}

	.btn-back {
		flex-direction: column;
	}

	.table-wish-list tbody tr td:before {
		width: 40%;
	}

	.table-wish-list tbody tr td {
		padding-left: 40%;
	}

	.btn-back a {
		margin: 10px 0 0 0;
	}

	.active-box-category,
	.box-content-product-home-v3,
	.product-son,
	.list-products-category {
		display: table;
	}

	.text-subscribe p,
	.menu-header-top>ul,
	.image-product,
	.text-subscribe i,
	.icon_logo_footer {
		float: none !important;
	}

	.menu-header-top>ul,
	.image-product,
	.text-subscribe i {
		margin: 0 auto !important;
	}

	.footer-v3 .support-box-info {
		margin: 0;
	}

	.clear-padding-480,
	.left-content-detail {
		padding: 0;
	}

	.cart-website {
		right: 0;
	}

	.total-number-about p:nth-of-type(2) {
		font-size: 14px;
	}

	.total-number-about p:nth-of-type(1) {
		font-size: 30px;
	}

	.total-number-about,
	.content-404>p:nth-of-type(1) {
		margin: 40px 0 30px 0;
	}

	.title-tabs li {
		font-size: 12px;
		padding: 0 5px;
	}

	.copyright,
	.deal-hot-v2,
	.deal-hot-v2 div,
	.text-subscribe,
	.form-subscribe,
	.product-category-list {
		display: block;
	}

	.list-logo-top-v3 ul li {
		width: calc(100% / 3);
	}

	.support-box .support-box-info:nth-of-type(2) {
		border: none;
	}

	.deal-hot-v2,
	.deal-hot-v2 div,
	.list-products-category {
		height: auto;
		min-height: auto;
	}

	.deal-hot-v2>div:nth-of-type(1) {
		width: calc(100% + 10px);
	}

	.content-left,
	.content-right {
		padding: 10px 0;
	}

	.good-deals-v2 img {
		left: 10px !important;
	}

	.good-deals-v2 .text-default-color {
		padding: 0 0 0 35px;
	}

	.contact_us_header img {
		margin: -1px 10px 0 0;
	}

	.text-subscribe,
	.form-subscribe {
		margin: 0 auto 10px auto;
		width: 90%;
		text-align: center;
		float: none;
	}

	.text-subscribe i {
		margin: 0 10px 0 15%;
	}

	.list-logo-category,
	.menu-title-box ul,
	.banner-category-v3,
	.menu-header,
	.slide-modal {
		display: none;
	}

	.percent-content-3 {
		width: calc(100% / 2);
	}

	.list-products-category,
	.grid-content-blogs,
	.deal-hot-v2>div:nth-of-type(2),
	.box-content-product-home-v3,
	.info-product-list,
	.bar-category .row div:nth-of-type(1),
	.bar-category .row div:nth-of-type(2) {
		width: 100%;
	}

	.product-son {
		margin: 0 auto;
		text-align: center;
	}

	.icon-search-mobile {
		right: 45px;
	}

	.active-box-category {
		position: relative;
	}

	.copyright {
		text-align: center;
	}

	.footer-icon-bottom {
		margin: 10px 0 0 0;
		display: block;
		text-align: center;
		float: none;
	}

	.box-content-product-home-v3 .percent-content-3 {
		min-height: calc(100% / 3);
	}

	.text-footer {
		margin: 15px 0;
		padding: 0px 30px;
	}

	.banner-top-category-page {
		height: auto;
	}

	.product-code p:nth-of-type(1) {
		margin: 0px 12px 0 0;
		padding: 0 12px 0 0;
	}

	.box-banner-small-v3,
	.add-cart-modal {
		margin: 10px 0px !important;
	}

	.form-login-checkout {
		flex-direction: column;
	}

	.form-login-checkout ul,
	.form-login-checkout a {
		margin: 10px 0 0 0 !important;
	}

	.cart-detail-header {
		right: 0;
	}

	.cart-detail-header:before {
		right: 5px;
	}

	.box-content-product-home-v2 .active-box-category {
		display: block;
	}

	.option-button-modal {
		flex-direction: column;
	}

	.compare-content {
		overflow: auto;
	}

	.pagging ul li:last-child a,
	.pagging ul li:first-child a {
		padding: 0 5px;
	}

	.pagging ul li {
		margin: 0 2px;
	}

	.title-404 img {
		height: 130px;
		width: 130px;
	}

	.text-intro {
		font-size: 20px;
	}

	.box-search-mobile button {
		width: 40px;
		font-size: 25px;
	}

	.search-box button i {
		height: 35px;
		display: block;
		padding: 4px 0;
	}

	.search-box input {
		width: calc(100% - 160px);
	}
}

@media only screen and (max-width: 320px) {
	.date-blog {
		flex-direction: column;
	}

	.date-blog p {
		line-height: 3em;
	}

	.compare-content {
		overflow: auto;
	}

	.cart-detail-header {
		top: 100px;
	}

	.list-products-category>div {
		height: auto;
	}

	/*-- CSS Table --*/
	.table-wish-list tbody tr td:nth-child(5) a {
		width: 130px;
	}

	.title-404 {
		font-size: 11em;
	}

	/*-- End Table Responsive --*/
	.menu-header-top li a {
		padding: 3px 15px;
	}

	.clear-padding-320 {
		padding: 0;
	}

	.list-lib-image-about ul li,
	.list-logo-top-v3 ul li {
		width: calc(100% / 2);
	}

	.button-product-list ul li:first-child a {
		padding: 0 15px;
	}

	.logo {
		margin: -20px 0 0 0;
	}

	.icon-search-mobile,
	.icon-menu-bar,
	.cart-website {
		margin: 25px 0 0 0;
	}

	.support-box-info,
	.list-products-category-v1 .product-no-ranking {
		width: 100%;
	}

	.text-subscribe i {
		float: none !important;
	}

	.product-in-cart-col-3,
	.product-in-cart-col-2 p {
		margin: 0 auto;
	}

	.support-box .border,
	.support-box-info {
		border: none !important;
	}

	.btn-shoping-cart,
	.product-in-cart {
		flex-direction: column;
	}

	.btn-shoping-cart a {
		margin: 10px 0 !important;
	}

	.product-in-cart-col-2 {
		text-align: center;
	}

	.product-in-cart-col-1 {
		margin: 10px auto;
	}

	.btn-shoping-cart a,
	.product-in-cart-col-2,
	.product-in-cart-col-3 {
		width: 100%;
	}
}