@media (max-width: 1200px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) {
}
@media (max-width: 1025px) {
	.ul_mainmenu{
		display: none;
	}
	.page_block{
		width: 100%;
	}
	#top {
		display: none;
	}
	#top_mobile{
		display: block;
	}
	header {
		top: 0px;
	}

	#cart button.btn{
		padding: 9px 10px 9px 15px;
	}
	.search {
	    padding-left: 0;
	    position: relative;
	    width: 77%;
	}
	
	.logo-mobile {
		display: block;
	}
	.logo-cleansui {
		margin-top: 7px;
	}
	.menu-haili li {
		float: none;
		overflow-y: hidden;
	}
	#navbar {
		overflow-y: hidden;
	}
	.navbar{
		background-color: white;
	}
	.navbar-header {
		float: none;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	.navbar-collapse.collapse {

		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px -15px;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.navbar-text {
		float: none;
		margin: 15px 0;
	}
	.navbar-collapse.collapse.in {
		height: 100vh!important;
		display: block!important;
	}
	.collapsing {
		overflow: hidden!important;
	}
	.nav-destop{
		display: none;
	}
	.mobimenuicon{
		display: flex !important;
		align-items: center;
		justify-content: center;
		position: relative;
		margin-left: 15px;
	}
	#top-links{
		display: none;
	}
	.category_title{display: none;}
	.new_product{display: none;}
	.hot_product_cat{width: 100%;}
	.center-block{display: none;}
	.product_menu{display: none;}
	#slider{width: 100%;}
	.left_menu{display: none;}
	.content_detail{width: 100%}
	.product_image{width: 100%}
	.product_info{width: 100%}
	.product_content img{max-width: 100%;}
	.product_cat{width: 100%}
	.container {
	    padding-right: 10px;
	    padding-left: 10px;
	    margin-right: auto;
	    margin-left: auto;
	}
	.content_detail{
		width: 100%;
		margin: 0 !important;
		padding: 0 !important;
	}
	.product_info{
		margin: 0px !important;
	}
	.breadcrumbs{
		padding-bottom: 5px !important;
	}
	.product_detail_image{
		border: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.class_fist{padding-right: 7px !important}
	.class_end{padding-left: 7px !important}
	.product_detail .product_name a{font-size: 12px;}
	.fist_news_content img{width: 100%;}
	#bread{
		padding: 0 10px;
		width: auto;
	}
	.page_block{
		padding: 0 10px;
	}
	.breadcrumbs .home{
		margin-left: 0px;
		padding-left: 0px;
	}
	.list_news_content{
		border-top: 1px solid #ccc;
		margin-top:10px;
		padding-top: 10px !important;
		margin-left: -10px;
		margin-right: -10px;
	}
	.list_news_content .cont{margin-top: 15px;}
	.newletter-title{padding-left: 15px;}
	.productcat_title p a {
	    font-size: 13px;
	    text-transform: uppercase;
	    padding: 0 5px;
	    font-weight: 500;
	    color: #333;
	}
	#wrap{z-index: 0 !important}
	.pull-right{
		margin-top: 10px;
		cursor: pointer;
		font-size: 15px !important;
		display: block;
		padding: 10px 15px;
	}
	.product_images img {
		width: 100%;
		max-height: 245px;
	}
	.fa-caret-right{display: none !important;}
	.list_policy .wrap-banner{width: 20%;}
	.list_policy .wrap-banner img{width: 80%;}
	.list_policy .wrap-text-content{width: 75%;padding: 0;}
	.wrap-text-content span {
		color: #666666;
		font-size: 11px;
		font-style: italic;
		line-height: 17px;
	}
	.list_policy .wrap-text-content h3 {
		margin-top: 10px;
	}
	.right-block{
		position: absolute;
		top: 20px;
		right: 0px;
	}
	#logo img{
		height: auto;
		width: 100%;
		max-height: 100px;
	}
	.fcart {
		padding: 20px 15px 14px 15px;
	}
	.contacinfo-phone{
		display: none;
	}
	.block-search{
		margin-top: 5px;
		padding-left: 55px;
		border: none;
	}
	.service-banner-style02 li{
		height: 80px;
	}
	.menu_slider{
		padding: 10px 20px;
	}
	#header-search{
		width: 100%;
		border: 1px solid #ebebeb;;
	}
	.header-left{
		position: relative;
	}
	#navition{
		position: absolute;
		left: 0px;
		top: 115px;
		padding-top: 5px;
		background: none;
	}
	.content_right{width: 100%;}
	.product_detail_image{width: 100%;border: 1px solid #ccc;}
	.breadcrumbs li {
		display: inline-block;
		background-color: transparent;
		padding-left: 10px;
		background:none;
		background-position: left center;
		background-repeat: no-repeat;
	}
	.breadcrumbs li strong{background: none;}
	.addtocart{margin-top: 10px;width: 98%;}
	#userNextStepBottom{width: 100%;margin-bottom: 10px;}
	.cart_button_contin{margin-top: 20px;}
	.left_product_menu{display: none;}
	.menu_slider{height: auto;}
	.slider{
		width: 100%;
		height: 160px;
	}
	.breadcrumbs{
		border: none;
	}
	.abs-dropdown{display: none;}
	.cdz-tabs{width: 100%;}
	.service-banner-style02 .item{
		padding: 7px;
	}
	.newsletter_item{display: none;}
	.middle-top{width: 100%;}
	.newsletter_control{width: 70%;margin: 0 5px;}
	#newsletter{width: 100%;}
	.ads{
		margin-top: 10px;
	}
	.mm-listitem__btn{
		padding: 10px 20px !important;
	}
	.mm-listitem:after{
		left: 0px !important;
	}
	.mm-menu{
		background: #fff !important;
	}
	.mm-listitem__text{
		padding-left: 10px !important;
	}
	.mm-panel{
		background: #fff !important;
	}
	.mm-listview li:first-child{
	}
	.nav-pills>li.active>a{
		background: #62d2a2 !important;
		padding-left: 10px;
	}
	.r-tabs-accordion-title{
		background: #62d2a2;
		padding: 5px 10px;
		margin-bottom: 3px;
	}
	.r-tabs-accordion-title a{
		color: #fff;
		text-transform: uppercase;
	}
	.product_info{
		margin: 20px -20px 20px -20px !important;
	}
	.newsletter-footer{
		width: 100%;
	}
	.velaNewsletterFooter .velaContentForm{
		width: 78%;
	}
	.product-review-container{
		width: 100%;
	}
	.newsletter-footer button.action{
		padding: 0 15px;
	}
	.velaNewsletterFooter .control{
		
	}
	.velaNewsletterFooter .velaContentTitle{
		width: 20%;
	}
	.review-add{
		width: 100%;
		float: left;
	}
	.newsletterDescription, .velaFooterTitle{
		display: none;
	}
	.product_detail .product_name a{
		font-size: 14px !important; 
	}
	.hot_product_item_inner{
		min-height: 315px;
	}
	.content_detail_news{
		margin-left: 0px;
		text-align: justify;
	}
	.product_content{
		margin: 0 -10px;
	}
	.service-banner-style02 .item:nth-child(3){border-left: none;}
}

@media (max-width: 768px) {
	.desktop_menu{display: none !important;;}
	.home-html h4 {
		font-size: 10px;
	}
	.home-aboutus .thuonghieu {
		line-height: 1.3;
	}
	.home-html div:nth-child(2)>h4 {
		border-right: none;
	}
	.header-about .text-whoiam {
		font-size: 28px;
	}
	.home-aboutus .thuonghieu {
		font-size: 25px;
	}
	.product_menu_item a{
		border: none;
		padding: 0;
	}
	iframe{
		width: 100% !important;
	}
	.tabs__nav_link{
		padding: 10px 0;
		border-bottom: 1px solid #ccc;
	}
	.tabs__content_wrapper{
		margin-top: 10px;
	}
	.rate_product, .review_product,.col-sidebar{
		margin: 10px -10px !important;
	}
	.ps-list>li img {
		border: none !important;
	}
}

@media (max-width: 415px) {
	.desktop_menu{display: none;}
	.logo-mitsu {
	    max-width: 50% !important;
	    display: block;
	    margin-top: 0px;
	    margin-left: 25% !important;
	}
	.logo-cleansui {
		max-width: 20%;
	    display: block;
	    margin-left: 40%;
	}
}

/* ====================================
   PRODUCT DETAIL PAGE - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.content_detail.row {
		flex-direction: column;
	}

	.col-sidebar {
		width: 100%;
		order: 0;
	}

	.rate_product .row {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.product_info h1 {
		font-size: 20px;
	}

	.product_info .price {
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.page_block {
		padding: 0 10px 40px;
	}

	.product_item_breadcrumb {
		margin-bottom: 20px;
	}

	.product_item_breadcrumb .items {
		font-size: 12px;
	}

	.product_info h1 {
		font-size: 18px;
	}

	.product_info .price {
		font-size: 22px;
	}

	.box-tocart {
		flex-direction: column;
	}

	.product_content_title .product_content_tit,
	.product_content_title .block-title a {
		font-size: 14px;
		padding: 10px 16px;
	}

	.rate_product .product_detail {
		padding: 10px;
	}

	.rate_product .product_name {
		font-size: 13px;
	}

	.rate_product .sale_off_price {
		font-size: 14px;
	}

	.review-add {
		padding: 16px;
	}

	.comment_container {
		flex-direction: column;
		gap: 12px;
	}

	.jdgm-rev__icon {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.product_item_breadcrumb #bread {
		padding: 0 10px;
	}

	.rate_product .row {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.rate_product .product_images img {
		height: auto;
	}

	.pro_detail li label {
		min-width: 44px;
		height: 36px;
		padding: 0 12px;
		font-size: 13px;
	}

	.single_add_to_cart_button,
	.single_buy_now_button {
		padding: 12px 16px;
		font-size: 14px;
	}

	/* New Products Widget */
	.new_product_item {
		gap: 10px;
	}

	.new_product_images {
		width: 60px;
		height: 60px;
	}

	.new_product_name {
		font-size: 13px;
	}
}

/* ====================================
   SHOPPING CART - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.shopping_cart .row {
		flex-direction: column;
	}

	.shopping_cart .col-md-5 {
		width: 100%;
		position: static;
	}

	.form-group {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.form-group label {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.page_block {
		padding: 0 10px 40px;
	}

	.customer_info {
		padding: 16px;
	}

	.product_in_cart {
		padding: 16px;
	}

	.cart-item-image {
		width: 60px;
		height: 60px;
	}

	.cart-item-name {
		font-size: 13px;
	}

	.cart-item-price {
		font-size: 14px;
	}

	.shopping_cart_monney_ii .right {
		font-size: 18px;
	}

	.info_title {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.shipping_type {
		flex-direction: column;
		align-items: flex-start;
	}

	.shipping_type label {
		font-size: 13px;
	}

	.cart-item-bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.cart_button_buy .submitButton {
		padding: 14px 20px;
		font-size: 14px;
	}
}

/* ====================================
   TEMPLATE24 - GENERAL LAYOUT RESPONSIVE
   ==================================== */
@media (max-width: 1199px) {
	.t24-container {
		padding: 0 24px;
	}

	.t24-header-container,
	.t24-menu-list {
		padding: 0 24px;
	}

	.t24-hero-content h1,
	.t24-hero-title {
		font-size: 40px;
		line-height: 48px;
	}

	.t24-services-grid,
	.t24-products-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.t24-footer-top {
		grid-template-columns: repeat(2, 1fr);
		gap: 32px;
	}
}

@media (max-width: 991px) {
	.t24-hero-content {
		padding: 0 24px;
	}

	.t24-hero-content h1,
	.t24-hero-title {
		font-size: 32px;
		line-height: 40px;
	}

	.t24-hero-subtitle {
		font-size: 16px;
	}

	.t24-services-grid,
	.t24-products-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.t24-why-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.t24-knowledge-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
	}

	.t24-knowledge-header {
		margin-bottom: 32px;
	}

	.t24-knowledge-title {
		font-size: 32px;
		line-height: 1.2;
	}

	.t24-knowledge-desc {
		font-size: 16px;
	}

	.t24-footer-top {
		grid-template-columns: repeat(2, 1fr);
	}

	.tab_title {
		padding: 12px 16px;
		font-size: 14px;
	}

	.product_tab_titles {
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.product_tab_titles::-webkit-scrollbar {
		display: none;
	}
}

/* ====================================
   TEMPLATE24 - RESPONSIVE HEADER
   ==================================== */
@media (max-width: 1024px) {
	.t24-header-container {
		padding: 0 24px;
	}

	.t24-desktop-nav {
		display: none;
	}

	.t24-mobile-toggle,
	.mobimenuicon,
	.t24-mobile-menu-toggle {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 1025px) {
	#menu {
		display: none !important;
		visibility: hidden;
	}
}

@media (max-width: 768px) {
	.t24-header-container {
		height: 70px;
		padding: 0 16px;
	}

	.t24-logo {
		font-size: 20px;
	}

	.t24-logo img {
		max-height: 50px;
		width: auto;
	}

	.t24-header-btn {
		width: 40px;
		height: 40px;
	}

	.t24-mobile-menu,
	#menu {
		width: 280px;
	}

	.t24-container {
		padding: 0 16px;
	}

	.t24-hero-content {
		padding: 0 16px;
	}

	.t24-hero-content h1,
	.t24-hero-title {
		font-size: 28px;
		line-height: 36px;
	}

	.t24-hero-subtitle {
		font-size: 14px;
		line-height: 24px;
	}

	.t24-hero-buttons {
		flex-direction: column;
	}

	.t24-btn-primary,
	.t24-btn-secondary {
		justify-content: center;
		width: 100%;
	}

	.t24-section-title {
		font-size: 24px;
		line-height: 32px;
	}

	.t24-why-section,
	.t24-services-section,
	.t24-products-section,
	.t24-knowledge-section,
	.t24-cta-section {
		padding: 60px 0;
	}

	.t24-why-grid,
	.t24-services-grid,
	.t24-products-grid,
	.t24-knowledge-grid {
		grid-template-columns: 1fr;
	}

	.t24-knowledge-title {
		font-size: 28px;
		line-height: 1.2;
	}

	.t24-knowledge-desc {
		font-size: 15px;
	}

	.t24-knowledge-link {
		padding: 12px 24px;
		font-size: 14px;
	}

	.t24-cta-content h2 {
		font-size: 24px;
	}

	.t24-btn-cta {
		padding: 14px 28px;
		font-size: 16px;
	}

	.t24-footer-container {
		padding: 0 16px;
	}

	.t24-footer-top {
		grid-template-columns: 1fr;
		gap: 32px;
		padding: 48px 0;
	}

	#menu {
		display: block !important;
		visibility: visible !important;
		right: -320px !important;
		left: auto !important;
	}

	#menu.open {
		right: 0 !important;
		left: auto !important;
	}

	#menu .nav li span a,
	#menu .nav li a:not([href="/"]) {
		padding: 14px 20px;
		font-size: 14px;
	}

	#menu .nav li span a:hover,
	#menu .nav li a:not([href="/"]):hover {
		padding-left: 26px;
	}

	.product_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.product_search_box form {
		flex-direction: column;
	}

	.product_search_box button {
		width: 100%;
	}

	.block.product_cat {
		padding: 0 10px 40px;
	}
}

@media (max-width: 480px) {
	.t24-logo {
		font-size: 18px;
	}

	.t24-hero-section {
		min-height: 500px;
	}

	.t24-hero-bg {
		min-height: 500px;
	}

	.t24-why-icon {
		width: 56px;
		height: 56px;
	}

	.product_grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}

/* ====================================
   TEMPLATE24 - MOBILE MENU RESPONSIVE
   ==================================== */
@media (max-width: 1024px) {
	#menu {
		display: block !important;
		visibility: visible !important;
		position: fixed !important;
		right: -320px !important;
		left: auto !important;
		transform: none !important;
		z-index: 1001 !important;
	}

	#menu.open {
		right: 0 !important;
		left: auto !important;
	}

	#menu .nav li span a,
	#menu .nav li a:not([href="/"]) {
		display: flex;
		align-items: center;
		padding: 16px 20px;
		font-size: 15px;
		font-weight: 500;
		color: #333;
		transition: all 0.2s ease;
		border-bottom: 1px solid #f0f0f0;
	}

	#menu .nav li span a:hover,
	#menu .nav li a:not([href="/"]):hover {
		background: #f8f9ff;
		color: #00234d;
		padding-left: 28px;
	}

	#menu .nav li span a::before,
	#menu .nav li a:not([href="/"])::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 4px;
		background: #00234d;
		transform: scaleY(0);
		transition: transform 0.2s ease;
	}

	#menu .nav li span a:hover::before,
	#menu .nav li a:not([href="/"]):hover::before {
		transform: scaleY(1);
	}
}

/* ====================================
   PRODUCT CATEGORY - RESPONSIVE
   ==================================== */
@media (max-width: 1199px) {
	.product_grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 991px) {
	.product_grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 16px;
	}
}

/* ====================================
   CONTACT PAGE - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.t24-contact-grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.t24-contact-card,
	.t24-contact-form-wrapper {
		padding: 32px;
	}
}

@media (max-width: 767px) {
	.t24-contact-section {
		padding: 48px 0;
	}

	.t24-contact-card {
		padding: 24px;
	}

	.t24-contact-card h3 {
		font-size: 22px;
	}

	.t24-contact-form-wrapper {
		padding: 24px;
	}

	.t24-form-actions {
		margin-top: 24px;
	}

	.t24-btn-submit {
		width: 100%;
	}
}

/* ====================================
   NEWS PAGE - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.t24-news-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}

@media (max-width: 767px) {
	.t24-news-section,
	.t24-newsdetail-section {
		padding: 48px 0;
	}

	.t24-news-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.t24-news-title {
		font-size: 16px;
	}

	.t24-newsdetail-title {
		font-size: 26px;
	}

	.t24-newsdetail-body {
		font-size: 15px;
	}
}

/* ====================================
   ACCOUNT PAGES - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.shopping_cart .col-md-5,
	.shopping_cart .col-md-7 {
		width: 100%;
		margin-bottom: 24px;
	}
}

@media (max-width: 767px) {
	.content_detail form[action="/login"] {
		padding: 24px;
		margin: 16px auto;
	}

	.content_detail form[action="/login"] h2 {
		font-size: 22px;
	}

	.content_detail .customer_info {
		padding: 20px;
	}

	.content_detail .customer_info .form-group {
		flex-direction: column;
		align-items: flex-start;
	}

	.content_detail .customer_info .control-label {
		min-width: auto;
		margin-bottom: 8px;
	}

	.shopping_cart {
		padding: 16px 0;
	}

	.shopping_cart .info_title {
		font-size: 18px;
	}

	.thank_order {
		padding: 32px 20px;
		margin: 20px auto;
	}

	.thank_order img {
		width: 80px;
	}
}

/* ====================================
   CONTACT PAGE - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.contact_form .f-col {
		margin-bottom: 32px;
	}

	.contact_info {
		padding: 24px;
	}

	.cmxform1 {
		padding: 24px;
	}
}

@media (max-width: 767px) {
	.contact_info h3 {
		font-size: 20px;
	}

	.cmxform1 .control-label {
		margin-bottom: 8px;
	}

	.cmxform1 #userNextStepBottom {
		width: 100%;
	}
}

/* ====================================
   NEWS PAGE - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.cats_content .list_news_item {
		margin-bottom: 24px;
	}
}

@media (max-width: 767px) {
	.cats_content {
		padding: 24px 0;
	}

	.cats_content .cat_detail .item_name a {
		font-size: 16px;
	}

	.news_detail h1,
	.news_detail .news_title {
		font-size: 24px;
	}

	.news_detail .news_content {
		font-size: 15px;
	}
}

/* ====================================
   KNOWLEDGE SECTION - RESPONSIVE
   ==================================== */
@media (max-width: 991px) {
	.t24-knowledge-featured {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.t24-knowledge-section {
		padding: 48px 0;
	}

	.t24-knowledge-section .t24-knowledge-title {
		font-size: 28px;
	}

	.t24-knowledge-main .t24-knowledge-title {
		font-size: 18px;
	}

	.t24-knowledge-item {
		padding: 12px;
	}

	.t24-knowledge-thumb {
		width: 80px;
		height: 65px;
	}
}