/*--------- Laptop Large Screen --------*/
@media(max-width: 1500px){

	/*--- Home Page ---*/
	.banner .owl-nav {max-width: 100%;}
	.banner .owl-nav .owl-prev {left: 50px;}
	.banner .owl-nav .owl-next {right: 110px;}

	/*---- About Page Style -----*/
	.about-box {height: 100%;}
	.about-box-text{height: unset;}
	.about-box img {max-height: 400px; object-fit: cover; height: 100%;}

	/*---- Blog page Style -----*/
	.recent-img {width: 70px;}
	.recent-des {width: calc(100% - 70px);}
	.blog-right .latest-blog-img img {min-height: 250px; max-height: 250px;}
}

/*--------- Laptop Regular Screen --------*/
@media(max-width: 1300px){
	button.owl-next {right: -10px;}
	button.owl-prev {left: -10px;}

	/*--- Home Page ---*/
	.banner .owl-nav {max-width: 100%;}
	.banner .owl-nav .owl-prev {left: 30px;}
	.banner .owl-nav .owl-next {right: 90px;}
	
}

/*--------- Laptop Small Screen --------*/
@media(max-width: 1199px){
	.container{max-width: 96%;}
	.ptb-100{padding-top: 70px; padding-bottom: 70px;}
	.pt-100{padding-top: 70px;}
	.pb-100{padding-bottom: 70px;}
	.mt-100{margin-top: 70px;}
	.headding-title {font-size: 30px; padding-bottom: 5px;}
	.section-headding {margin-bottom: 40px;}
	.headding-title:before{width: 150px;}
	button.owl-next {right: -30px;}
	button.owl-prev {left: -30px;}
	.owl-dots {padding-top: 20px;}

	.main-menu > ul > li  {margin: 0px 15px;}
	.main-menu > ul {padding-right: 30px;}

	/*--- Home Page ---*/
	.home-banner-bg {padding: 240px 0px 240px 0px;}
	.banner-title {font-size: 70px;}
	.banner-des {font-size: 18px;}
	.banner .owl-nav .owl-prev:before, .banner .owl-nav .owl-next:before{width: 40px; height: 40px;}
	.banner .owl-nav .owl-prev {left: 10px;}
	.banner .owl-nav .owl-next {right: 50px;}
	/*---- service Style -----*/
	.service-inner {padding: 40px 30px; margin-top: -30px;}
	/*---- testimoniyal Style -----*/
	.testimoniyal-detail {font-size: 14px; padding-top: 20px;}
	.testimoniyal-name {font-size: 16px; padding-top: 20px;}
	/*---- newsletter Style -----*/
	.newsletter-title {font-size: 35px;}

	/*---- SHOP Grig page Style -----*/
	.shorting {padding: 10px 14px;}
	.shorting .view {width: 65px;}
	.short-by {width: calc(100% - 65px);}
	.shorting select {max-width: 120px; min-width: unset;}
	.show-item {padding-left: 0;}

	/*---- Blog page Style -----*/
	.blog-right .latest-blog-img img {min-height: 180px; max-height: 180px;}

	/*--- Footer Page ---*/
	.footer-box {flex: 0 0 25%; max-width: 25%;}
}

/*--------- Tablet Screen --------*/
@media(max-width: 991px){
	.header {padding: 8px 0px;}
	.header.sticky{padding: 8px 0px;}
	.main-menu {position: absolute; top: 100%; left: 0; background: rgba(0, 0, 0, 0.8); z-index: 9; overflow: hidden; height: auto; width: 100%; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
	.brand-logo {max-width: 150px;}
	.icon-menu > ul > li{padding: 5px 0px;}
	.icon-menu > ul > li:before {top: 10px;}
	.main-menu > ul {text-align: center; padding: 0; margin: 0;}
	.main-menu > ul > li {display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin: 0px 0px; padding: 0;}
	.main-menu > ul > li:last-child {border-bottom: none;}
	.main-menu > ul > li a { font-size: 18px; }
	.main-menu > ul > li > a {padding: 15px !important; font-size: 18px; display: block; color: #fff;}
	.main-menu > ul > li:hover > a {color: #1a1a1a;}
	.main-menu > ul > li > .opener:hover + a{color: #1a1a1a;}
	.main-menu ul ul {position: unset; background: transparent; box-shadow: unset; padding: 0; padding-left: 20px; opacity: 1; visibility: visible; transition: unset; padding-bottom: 15px;}
	.main-menu ul ul.megamenu.full {padding-bottom: 0;}
	.main-menu ul ul li {padding: 5px 0px;}
	.main-menu ul ul li:before{background: #fff;}
	.main-menu > ul > li > ul {padding-left: 30px;}
	.main-menu ul ul li a {color: #fff;}
	.main-menu ul ul li a:hover {color: #1a1a1a;}
	.main-menu span.opener{display: block;}
	.icon-menu {margin-right: 45px; width: 123px;}
	.menu-toggle{display: block; position: absolute; top: 50%; right: 15px; z-index: 1001; width: 25px; height: 16px; cursor: pointer; padding: 10px; margin: -13px -10px -13px -10px; transform: translateY(-50%);}
	.menu-toggle span {position: absolute; top: 50%; left: 0; width: 25px; height: 2px; background: #1a1a1a; transform: translateY(-50%); z-index: 1002;}
	.header-tow .menu-toggle span {background: #fff;}
	.menu-toggle span:before, .menu-toggle span:after {content: ""; position: absolute; left: 0; width: 25px; height: 2px; background: #1a1a1a; transition: all 400ms ease-in-out; z-index: 1002;}
	.header-tow .menu-toggle span:before, .header-tow .menu-toggle span:after{background: #fff;}
	.menu-toggle span:before {top: -9px;}
	.menu-toggle span:after {top: 9px;}
	.menu-toggle.active span {background: transparent;}
	.menu-toggle.active span:before {transform: rotate(-45deg) translate(-6px, 6px);}
	.menu-toggle.active span:after {transform: rotate(45deg) translate(-6px, -6px);}
	.sticky .menu-toggle span, .sticky .menu-toggle span:before, .sticky .menu-toggle span:after{background: #1a1a1a;}
	.sticky .menu-toggle.active span {background: transparent;} 
	.cart-dropdown.open {display: block; width: 100%; position: fixed; top: 50px; left: 0;}
	.icon-menu > ul > li.cart {position: unset; padding-bottom: 0;}
	.cart-dropdown:before{right: 76px; opacity: 1;}

	/*--- Home Page ---*/
	.banner-sub{font-size: 20px; padding-bottom: 10px;}
	.banner-title {font-size: 60px; padding-bottom: 15px;}
	.banner-des {font-size: 14px;}
	.home-banner-bg {padding: 210px 0px 210px 0px;}
	.banner .owl-dots {position: absolute; bottom: 50px; left: 50%; transform: translate(-50%);}
	.banner button.owl-dot {background: #fff !important;}
	/* .banner button.owl-dot.active {background: #f5900d !important;} */
	/*---- service Style -----*/
	.service-contain {width: calc(100% - 50px); padding-left: 10px;}
	.service-icon {width: 50px; height: 50px; line-height: 45px;}
	.service-inner {padding: 20px 20px; margin-top: -15px;}
	.service-name {font-size: 16px;}
	/*---- testimoniyal Style -----*/
	.testimoniyal-img img {width: 100px !important; height: 100px;}
	.testimoniyal-img {width: 100px; height: 100px;}
	.testimoniyal-img span {width: 30px; height: 30px; line-height: 31px; font-size: 16px;}
	/*---- Newsletter Style -----*/
	.newsletter-title {font-size: 32px; padding-bottom: 10px;}
	.newsletter form {max-width: 90%;}
	.newsletter .form-btn{width: 135px;}
	.newsletter-sub {margin-bottom: 20px;}
	.newsletter .form-control{padding: 0px 130px 0px 35px;}

	/*---- About page Style -----*/
	.about-title {margin-top: 20px; font-size: 26px;}
	.about-box img {max-height: unset; object-fit: cover; height: unset;}
	.about-box{text-align: center;}

	/*---- SHOP Grig page Style -----*/
	.shorting {margin-top: 30px;}

	/*---- PRODUCT DETAIL PAGE Style -----*/
	.review-tab li a{padding: 15px 30px;}
	.your-order {padding-top: 30px;}
	.estimate .reviews-head {font-size: 22px;}

	/*---- Blog page Style -----*/
	.recent-img {width: 100px;}
	.recent-des {width: calc(100% - 100px);}
	.blog-sidebar {margin-top: 60px;}
	.shiping-detail {padding-top: 30px;}

	/*---- 404 page Style -----*/
	.error-part .main-text {font-size: 120px; line-height: 120px;}
	.error-part h2 {font-size: 25px;}

	/*---- Footer Style -----*/
	.footer-box{flex: 0 0 50%; max-width: 50%; margin-bottom: 30px;}
	.footer-title{margin-bottom: 5px;}
	.copy-right{text-align: center;}
	.copy-right ul {text-align: center; margin-top: 10px;}
	.footer-inner {justify-content: unset; margin: 0px -15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	.copy-right ul li a {width: 35px; height: 35px; line-height: 35px;}
	.copyright-text {margin-bottom: 0px;}
	.copy-right {padding: 20px 0px;}
	
	/* 确保页脚在平板设备上也始终显示内容 */
	.footer-static .opener {display: none;} /* 隐藏展开/收起按钮 */
	.footer-box ul {display: block !important; padding: 8px 0px;} /* 始终显示内容 */
	.footer-box.footer-static {margin-bottom: 0; border-bottom: 1px solid #dfdfdf; padding: 7px 0px; margin-top: 7px !important;}
	
	/*---- New Product Section (Tablet) -----*/
	.new-product .product-box {width: 100%; max-width: 300px; margin: 0 auto;}
	.new-product .product-img {height: 300px;}
	.new-product .product-img img {height: 300px; width: 300px;}
	
	/* 语言切换按钮移动端样式 */
	.language-switch-container {
		display: block;
		margin: 10px 0;
		text-align: center;
	}
	
	.main-menu .language-switch {
		display: inline-block !important;
	}
	
	.main-menu .language-switch .lang-btn {
		padding: 8px 12px;
		font-size: 16px;
		margin: 0 5px;
	}
	
	/*---- SHOP List page Style (Tablet) -----*/
	.shop-list-page .product-box {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.shop-list-page .product-img {
		width: 100%;
		max-width: 300px;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	.shop-list-page .product-img img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	.shop-list-page .product-des {
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	
	.product-detail-desc {
		text-align: center;
	}
	
	.product-action {
		justify-content: center;
	}
	
	.product-action ul {
		justify-content: center;
	}
}
@media(min-width: 992px){
	.main-menu > ul > li:hover > a:after{opacity: 1;}
	.main-menu ul li:hover ul{opacity: 1; visibility: visible;}
	.main-menu > ul > li:hover ul li{padding: 4px 0px;}
	.main-menu > ul > li.dropdown:hover > a:before{opacity: 1;}
	.main-menu ul ul li a:hover {left: 10px;}
	.sticky .main-menu > ul > li > a {color: #1a1a1a;}
	.sticky .main-menu > ul > li:hover > a{color: #f5900d;}
	.cart:hover .header-link-dropdown {display: block;}
	.cart:hover .cart-dropdown:before{opacity: 1;}
        
        /* 确保在桌面端菜单始终显示 */
        .main-menu {
            display: block !important;
        }
}

/*--------- Mobile Screen --------*/
@media(max-width: 767px){
	.container{max-width: 100%;}
	.ptb-100{padding-top: 30px; padding-bottom: 30px;}
	.pt-100{padding-top: 30px;}
	.pb-100{padding-bottom: 30px;}
	.mt-100{margin-top: 30px;}
	.headding-title {font-size: 24px;}
	.headding-title:before {width: 120px;}
	.section-headding {margin-bottom: 20px;}
	.button {font-size: 14px; padding: 8px 15px;}
	button.owl-prev {left: 0px;}
	button.owl-next {right: 0px;}
	.nl-popup-main {background: #f0efee;}
	.top-scrolling a {width: 30px; height: 30px; line-height: 28px; font-size: 25px;}

	.cart-dropdown:before {right: 62px;}

	/*--- Home Page ---*/
	.banner-sub {font-size: 18px;}
	.banner-title {font-size: 40px; line-height: 40px;}
	.banner-des {padding: 13px 10px;}
	.home-banner-bg {padding: 130px 0px 130px 0px;}
	button.owl-dot {width: 10px; height: 10px;}
	.banner .owl-dots {bottom: 20px;}
	.service {padding-top: 30px;}
	.service-inner {margin-top: 0; padding: 0; background: transparent;}
	.service-box {background: #fff; padding: 15px 15px; margin-bottom: 15px;}
	.service-inner .col-md-4:last-child .service-box {margin-bottom: 0;}
	.product-img {text-align: center;}
	.advertise-box {text-align: center; padding: 0px; margin-bottom: 15px;}
	.product-des {margin-top: 0;}
	.advertise .col-md-4:last-child .advertise-box {margin-bottom: 0;}
	.advertise-box:hover a {transform: unset;}
	.advertise-box a {width: fit-content; margin: auto;}
	.advertise-box a:before{width: calc(100% - 30px); height: calc(100% - 30px);}
	.product-img {max-width: 300px; margin: auto;}
	.testimoniyal-img img {width: 70px !important; height: 70px;}
	.testimoniyal-img {width: 70px; height: 70px;}
	.testimoniyal-img span {width: 25px; height: 25px; line-height: 25px; font-size: 13px;}
	.testimoniyal-name {padding-top: 15px;}
	.owl-dots {padding-top: 10px;}
	/*---- Newsletter Style -----*/
	.newsletter-title {font-size: 25px; padding-bottom: 5px;}
	.sub-r {display: none;}
	.icon-r {display: block;}
	.newsletter .form-btn {width: 50px;}
	.newsletter .form-control {padding: 0px 60px 0px 15px;}

	/*---- About page Style -----*/
	.about-title {font-size: 20px;}

	/*---- SHOP Grig page Style -----*/
	.page-title {text-align: center; font-size: 20px;}
	.bredcum ul {text-align: center; padding-top: 10px;}
	.bredcum ul li {font-size: 16px;}
	.bredcum ul li:before {height: 13px;}
	.bredcum {padding: 25px 0px;}
	.pagination-1{text-align: center;}
	.float-none-md {float: unset;}
	
	/*---- SHOP List page Style (Mobile) -----*/
	.shop-list-page .product-box {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.shop-list-page .product-img {
		width: 100%;
		max-width: 300px;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	.shop-list-page .product-img img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	
	.shop-list-page .product-des {
		width: 100%;
		padding: 0;
		margin-left: 0;
	}
	
	.product-detail-desc {
		text-align: center;
	}
	
	.product-action {
		justify-content: center;
	}
	
	.product-action ul {
		justify-content: center;
	}
	
	/* 产品列表页面的额外调整 */
	.product-list-view .col-xl-12,
	.product-list-view .col-lg-12,
	.product-list-view .col-md-12 {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.product-list-view .product-box {
		flex-direction: column;
		width: 100%;
		max-width: 300px;
		margin: 0 auto 30px auto;
	}
	
	.product-list-view .product-img {
		width: 100%;
		height: auto;
		margin: 0 auto 15px auto;
	}
	
	.product-list-view .product-des {
		width: 100%;
		padding: 0;
		margin-left: 0;
		text-align: center;
	}
	
	.product-list-view .product-name,
	.product-list-view .product-price,
	.product-list-view .product-detail-desc {
		text-align: center;
	}
	
	.product-list-view .product-action {
		justify-content: center;
	}
	
	.product-list-view .product-action ul {
		justify-content: center;
		padding-left: 0;
	}
}

/*--------- Small Mobile Screen --------*/
@media(max-width: 480px){
	/*---- SHOP List page Style (Small Mobile) -----*/
	.shop-list-page .product-img {
		max-width: 100%;
	}
	
	.product-list-view .product-img {
		max-width: 100%;
	}
	
	.product-list-view .product-box {
		max-width: 100%;
	}
}