@media screen and (max-width: 383px) {
	.res-w69 {
		width: 69% !important;
	}
	.res-w26 {
		width: 26% !important;
		margin-bottom: 35px;
	}
	.res-img-small {
		width: 23% !important;
		height: 77px !important;
	}
}

@media screen and (max-width: 460px) {
	.hide {
		display: none !important;
	}
	.show {
		display: block !important;
	}
	.res-icon-search {
		float: none !important;
		margin-bottom: 10px !important;
		margin-right: 0px !important;
		margin-left: 25px !important;
		margin-top: 2px !important;
	}
	.res-login {
		display: none !important;
	}
	.res-icon-menu {
		float: none !important;
		margin-left: 25px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
	}
	.res-icon-arrow {
		float: none !important;
		margin-top: -7px !important;
		margin-left: 50px !important;
		margin-bottom: 23px !important;
	}
	.res-cream-products {
		padding-top: 10px !important;
	}
	.res-item-product2 {
		margin-top: 13px !important;
	}
	.res-h10px {
		height: 10px !important;
	}
	.res-icon-chart {
		float: none !important;
		margin-left: 54px !important;
		margin-top: 10px !important;
	}
	.res-stayup {
		line-height: 24px !important;
	}
	.res-menu-mobile {
		height: 115px !important;
	}
	.res-thumb-product2 {
		width: 100% !important;
		margin-top: 15px;
		margin-bottom: 11px;
		background-position-x: -330px !important;
	}
	.res-cbp-spmenu {
		width: 100% !important;
	}
	.res-img-small {
		width: 23.5% !important;
		height: 77px !important;
	}
	.res-img-journal {
		height: 200px !important;
	}
	.res-title-blog {
		height: 110px !important;
	}
}

@media screen and (max-width: 680px) and (min-width: 461px) {
	.res-thumb-product2 {
		width: 100% !important;
		margin-top: 15px;
		margin-bottom: 11px;
		background-position-x: -200px !important;
	}
	.res-img-small {
		width: 23.5% !important;
		height: 77px !important;
	}
}

@media screen and (max-width: 680px) {
	.hide {
		display: none !important;
	}
	.w100 {
		width: 100% !important;
		float: none !important;
		margin: 0% 0% 4% 0% !important;
	}
	.res-header {
		/*background-position: bottom !important;

		    background-size: contain !important;*/
		height: 328px !important;
	}
	.res-w30px {
		width: 25px !important;
	}
	.res-w22px {
		width: 22px !important;
	}
	.res-bag {
		width: 21px !important;
		position: relative !important;
		top: -8px !important;
		right: 6px !important;
	}
	.res-btn-menu {
		width: 30% !important;
		margin-top: 25px !important;
	}
	.res-btn-menu2 {
		width: 30% !important;
		margin-top: 27px !important;
	}
	.res-logo-menu {
		width: 39% !important;
		padding-top: 20px !important;
		margin-left: -5px !important;
	}
	.res-item-product {
		width: 30% !important;
		margin-left: 1.5% !important;
	}
	.res-item-product:nth-child(3n+3) {
		width: 30% !important;
		margin-left: 0% !important;
		margin-right: 1.5% !important;
	}
	.res-item-product img {
		width: 80% !important;
	}
	.res-chat {
		margin-top: 25px !important;
		position: relative !important;
		right: unset !important;
		width: 100% !important;
	}
	.res-ig-logo {
		margin-left: 33% !important;
	}
	.res-yt-logo {
		margin-left: 35% !important;
	}
	.res-link-foot {
		font-size: 11px !important;
	}
	.res-popup {
		padding: 0px 10px !important;
	}
	.res-modal-content {
		width: 90% !important;
	}
	.res-popup-text {
		width: 70% !important;
	}
	.res-talk-txt {
		width: 100% !important;
		float: none !important;
		margin-bottom: 20px;
	}
	.res-img-shop2 {
		width: 47% !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	.res-shop-ol {
		font-size: 12px !important;
	}
	.res-new {
		margin: -14px 0px 0px -36px !important;
		padding: 5px 10px !important;
		position: absolute !important;
		font-size: 12px !important;
		top: unset !important;
		right: unset !important;
		float: none !important;
	}
	.res-category {
		padding: 35px 19px 40px 19px !important;
	}
	.res-category2 {
		padding: 35px 53px 13px 0px !important;
	}
	.res-categories {
		float: none !important;
		padding-bottom: 19px !important;
	}
	.res-h0px {
		height: 0px !important;
	}
	.res-sort {
		float: none !important;
	}
	.res-img-shop-hm2 {
		width: 30% !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
		float: none !important;
	}
	.res-banner-product {
		background-position-x: 75% !important;
		height: 350px !important;
	}
	.res-banner-talk {
		background-position-x: 82% !important;
	}
	.res-story-1 {
		font-size: 33px !important;
		line-height: 41px !important;
		padding: 0px !important;
	}
	.res-story-2 {
		padding: 20px 60px 38px 0px !important;
	}
	.res-story-bawah {
		padding: 0px 0px 0px 10px !important;
	}
	.res-back-story {
		background-position: center !important;
	}
	.res-back-cart {
		height: 300px !important;
		background-position-x: 21% !important;
	}

	.res-back-myacc {
		height: 300px !important;
	}
	.res-checkout {
		float: none !important;
		margin: 0px !important;
	}
	.res-btn-checkout {
		padding: 4% 20% !important;
	}
	.res-td {
		width: 60% !important;
	}
	.res-market {
		padding-top: 22px !important;
	}
	.res-thumb-product-mob {
		margin-top: 36px !important;
	}
	.res-img-prod {
		width: 95px !important;
	}
	.res-title-prod {
		padding: 40px 7px 0px !important;
	}
	.res-nm-product {
		width: 100% !important;
		margin: 0px !important;
	}
	.blog img {
		width: 100% !important;
		height: auto !important;
	}
	.res-img-main {
		width: 80% !important;
	}


}

@media screen and (max-width: 750px) {
	.res-mr-15 {
		margin-right: 15px !important;
	}
	.res-shop-detail {
		width: 100% !important;
		float: none !important;
	}
	.res-banner-story {
		display: table !important;
		position: relative !important;
		height: 300px !important;
		background-attachment: scroll !important;
		background: url(../../images/story_02.jpg) no-repeat center center fixed !important;
		-webkit-background-size: cover !important;
		-moz-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}
	.res-div-signup {
		width: 100% !important;
		margin: 0px !important;
	}
	.res-cell {
		margin-top: 20px !important;
	}
}

@media screen and (max-width: 768px) and (min-width: 376px) {
	.res-img-shop-hm {
		width: 30% !important;
		margin-left: 7% !important;
		margin-right: -3% !important;
		float: none !important;
		height: 48px !important;
		margin-bottom: 20px !important;
		margin-top: 15px !important;
	}
	.res-item-product {
		width: 25% !important;
	}
	.res-item-product:nth-child(3n+3) {
		width: 25% !important;
		margin-left: 0% !important;
		margin-right: 1.5% !important;
	}
	.res-sosmed {
		width: 100% !important;
	}
	.mob {
		display: block !important;
	}
	.res-footer-link {
		margin-left: 20% !important;
		margin-top: -5px !important;
	}
}

@media screen and (max-width: 952px) and (min-width: 680px) {
	.res-footer-link a {
		margin-right: 5% !important;
		font-size: 11px !important;
	}
	.res-banner-product {
		background-position-x: 82% !important;
	}
}

@media screen and (max-width: 952px) and (min-width: 384px) {
	.res-w75 {
		width: 71% !important;
	}
	.res-w25 {
		width: 24% !important;
	}
}

@media screen and (max-width: 767px) {
	.mob {
		display: block !important;
	}
	.w90 {
		width: 90% !important;
		float: none !important;
	}
	.res-w100 {
		width: 100% !important;
	}
	.res-mt-25 {
		margin-top: 25px !important;
	}
	.res-mb-30 {
		margin-bottom: 30px !important;
	}
	.res-link-faq {
		margin-left: 5% !important;
	}
	.res-footer-link {
		margin-left: 0% !important;
		width: 100% !important;
		text-align: center !important;
	}
	.res-pl-0 {
		padding-left: 0px !important;
	}
	.res-img-shop-hm {
		width: 33% !important;
		margin-left: 0% !important;
		margin-right: 0% !important;
		float: none !important;
		height: 48px !important;
		margin-bottom: 5px !important;
		margin-top: 3px !important;
	}
	.res-copyright {
		text-align: center !important;
		margin-top: 0px !important;
		margin-bottom: 22px !important;
	}
	.res-thumb-hover {
		display: block !important;
	}
	.res-featured-product {
		margin-top: 20px !important;
	}
	.res-container {
		margin-bottom: 20px !important;
	}
	.res-item-product2 {
		margin-top: 0px !important;
	}

	.res-div-myacc {
		float: none !important;
		width: 100% !important;
		margin: 0 0 50px 0 !important;
	}
	.res-service {
		width: 90% !important;
		margin: 0% !important;
		padding-bottom: 10% !important;
	}
	.res-t-service {
		font-size: 32px !important	;
	}
}

@media screen and (max-width: 980px) and (min-width: 681px) {
	.hide {
		display: none !important;
	}
	.mobile {
		display: inline-block !important;
	}
	.res-w20 {
		width: 20% !important;
	}
	.res-w60 {
		width: 59% !important;
	}
	.res-thumb-product {
		width: 49% !important;
		float: left;
		margin-right: 0.5% !important;
		margin: 0px !important;
	}
	.res-thumb-product:nth-child(2n+2) {
		width: 49% !important;
		float: right;
		margin-left: 0.5% !important;
		margin-right: 0% !important;
	}
	.res-thumb-product2 {
		width: 100% !important;
		margin-top: 15px;
		margin-bottom: 11px;
	}
	/*.res-sosmed {

		width: 50% !important;

		margin-left: 35px !important;

	}*/
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.w90 {
		width: 90% !important;
		float: none !important;
	}
	.res-service {
		width: 40% !important;
		margin: 0 2% !important;
		padding-bottom: 4% !important;
	}
}

@media screen and (max-width: 1024px) {
	.res-content-blog {
		margin-top: 0px !important;
		width: 95% !important;
	}
	.res-blog-100 {
		width: 100% !important;
		float: none !important;
	}
	.slick-prev,
	.slick-next {
		width: 25px !important;
		top: -13px !important;
	}
	.slick-prev {
		left: 33% !important;
	}
	.res-hr {
		width: 75% !important;
	}
	.res-sosmed {
		width: 100% !important;
	}
}

@media screen and (max-width: 1055px) and (min-width: 650px) {
	.res-img-shop {
		width: 45% !important;
		float: left !important;
		margin-left: 3% !important;
		margin-right: 0% !important;
	}
	.res-img-shop:nth-child(2n+2) {
		width: 45% !important;
		margin-right: 3% !important;
		margin-left: 0% !important;
		float: right !important;
	}
}

@media screen and (max-width: 1920px) and (min-width: 1367px) {
	.res-banner-talk {
		height: 650px !important;
	}
}