/*For device: tablet, mobile*/
/*Min -> 320px -> 768px ->992px -> 1024px -> 1200 -> Max*/
	
@media (max-width: 543px) {
    .large--four-twelfths {
    width: 100% !important;
}
section.sidebar.left-content.col-lg-12 {
	padding: 0
}
.products .col-xs-6, .category-products .col-xs-6 {
	clear: left;
	width: 100%
}
}

@media (max-width: 767px) {
.products-view-list .product-box .product-thumbnail, .products-view-list .product-box .product-info {
	width: 100%;
	margin-left: 0
}
.bottom-footer .social, .bottom-footer .copyright {
	text-align: center
}
.bottom-footer .copyright {
	margin-top: 10px;
	line-height: 18px;
	display: inherit
}
.mid-footer h4 {
	margin-top: 20px
}
.mid-footer .linklist li {
	padding: 5px 0;
	border-bottom: none
}
.mid-footer {
	padding: 15px 0
}
.top-footer b {
	margin-top: 20px
}
#footer .top-footer {
	padding: 10px 0 20px
}
#footer {
	margin-top: 35px
}
.breadcrumb {
	margin-bottom: 10px
}
}

@media (max-width: 430px) {
.logo img {
	max-width: 200px
}
.product-box .product-price-old {
	margin: 0 10px 0 10px
}
#sort-by li:hover>ul {
	visibility: hidden
}
#sort-by li:hover>ul.active {
	visibility: visible
}
.collection p.title-head-info {
	position: static
}
.collection h1.title-head {
	margin-bottom: 5px
}
}

@media (max-width: 1199px) {
aside.left.left-content.col-lg-3 {
	margin-top: 30px;
	width: 100%
}
.list-articles .image {
	width: 100px
}
.list-articles .info {
	width: calc(100% - 120px)
}
.page_order_account .top_order_title .order_date a {
	margin-top: -46px
}
.products-view-grid .product-box .product-action .btn {
	width: calc((100% / 2 ) - 5px);
	min-width: auto
}
.more-views .swiper-slide:before {
	display: none
}
.featured-image {
	width: 100%;
	margin: 0
}
.details-product #gallery_01 {
	width: 100%;
	max-width: 100%;
	position: static !important;
	margin: 15px 0;
	border: none
}
.more-views img {
	height: auto;
	width: 100%;
	max-width: 100%;
	padding: 0;
	border: none
}
.more-views .swiper-button-next, .more-views .swiper-button-prev {
	display: none
}
}

@media (max-width: 1199px) and (min-width: 992px) {
.more-views .swiper-button-next {
	bottom: 46px
}
}

@media (max-width: 767px) {
.details-product .form-detail-action button {
	float: none;
	clear: left;
	display: block;
	width: 100%;
	margin-left: 0
}
.details-product .custom-btn-number {
	width: 100%
}
.product-tab .tab-link {
	width: 100%;
	border: none;
	padding: 0
}
.tab-content-mobile {
	display: none
}
.current .tab-content-mobile {
	display: block;
	padding: 10px;
	border: 1px solid #e1e1e1;
	border-top: none
}
ul.tabs.tabs-title {
	display: block;
	border: none;
	width: 100%
}
.product-tab .tab-link.current {
	margin-bottom: 10px !important
}
.product-tab .tab-content.current {
	padding-top: 0
}
.product-tab .tab-link h3 {
	border: 1px solid #e1e1e1;
	padding: 10px 10px;
	margin-top: 0;
	position: relative
}
.product-tab .tab-link h3:before {
	content: '\f107';
	font-size: 20px;
	font-family: FontAwesome;
	float: right;
	margin-right: 0;
	margin-top: 0
}
.product-tab .tab-link.current .tab-content-mobile {
	margin-bottom: 10px
}
.product-tab .tab-link.current h3 {
	margin-bottom: 0;
	border-bottom: none
}
.details-product .custom-btn-number #qty {
	width: 100%
}
}

@media (max-width: 480px) {
.details-product form button {
	padding: 0
}
}

@media (max-width: 375px) {
.sodiachi .btn.btn-50 {
	width: 100%;
	margin-bottom: 10px
}
}

@media (max-width: 768px) {
.quick-view {
	display: none !important
}
}
.info-contact {
	margin-top: 30px
}
.info-contact .logo a {
	text-align: left
}

@media (max-width: 767px) {
.page-title.mx991 h1 {
	font-size: 20px
}
.table-responsive.tab-all {
	border: none
}
.page_customer_account .col-main-acount {
	margin-bottom: 0
}
.page_customer_account .col-main-acount .recent-orders .tab-all .table-cart {
	margin-bottom: 0
}
.address .page_address .adr_title .title-head {
	font-size: 16px
}
.address .page_address .adr_title .title-head a {
	font-size: 14px
}
}

@media (max-width: 991px) {
#footer ul.linklist.list-unstyled {
	margin-bottom: 30px
}
.mid-footer {
	padding: 45px 0 10px
}
}

@media (max-width: 767px) {
#footer ul.linklist.list-unstyled {
	display: none
}
#footer .active ul.linklist.list-unstyled {
	display: block;
	margin-bottom: 10px
}
.mid-footer h4 {
	margin-top: 10px
}
.mid-footer h4:after {
	content: "\f0fe";
	font-family: FontAwesome;
	font-size: 20px;
	float: right
}
#footer .mid-footer .active h4:after {
	content: "\f146"
}
.mid-footer {
	padding: 20px 0 10px
}
}
#nav-mobile.mm-opened {
	display: block !important
}