@media (max-width: 1200px) and (min-width: 992px) {
	.menuzord-menu > li > a {
	    padding: 40px 15px;
	}
	.theme_menu .thm-btn {
		padding: 0 15px;
	}
	.theme_menu .right-column {
	    width: 225px;
	}
}

@media (max-width: 1199px) {
	.subscribe-form input {
		width: 100%;
		margin-bottom: 30px;
	}
	.awards .service-list li {
		width: 45%;
	}
}

@media (max-width: 1199px) and (min-width:992px){
	.why-choose .item:hover .inner-box {
	    padding: 0px 15px 0px 75px;
	    transition: .5s ease;
	}
	.why-choose .item:hover .icon_box span {
	    margin-top: -40px;
	}
}

@media (min-width: 992px) {
	.menuzord-menu li .indicator {
		display: none;
	}
}

@media (max-width: 991px) {
	.menuzord-responsive.menuzord {
	    padding: 0 15px;
	    min-height: 66px;
	}
	.menuzord .showhide {
	    height: 60px;
	    width: 30px;
	    padding: 18px 0 41px;
	    float: none;
	}
	.menuzord .showhide span {
	    display: block;
	    width: 100%;
	    height: 2px;
	    margin: 4px 0;
	    background: #48c7ec;
	}
	.menuzord-menu > li:first-child a {
	    padding-left: 20px;
	}
	.menuzord-menu ul.dropdown {
		padding: 0;
	}
	.menuzord-responsive .menuzord-menu.menuzord-indented > li > ul.dropdown > li:hover > a {
	    padding-left: 40px !important;
	}
	.theme_menu.stricky-fixed .main-logo {
	    display: none;
	}
	.right-area {
	    position: absolute;
	    right: 15px;
	    top: -17px;
	}
	.nav_side_content .search_option form {
	    width: 250px;
	    right: -25px;
	    top: 52px;
	}
	.theme_menu {
		background: #f7f7f7;
	}
	.main-logo {
	    margin: 15px 0 15px;
	}
	.nav_side_content {
		margin-top: 31px;
	}
	.why-choose .item:hover .inner-box {
	
	    transition: .5s ease;
	}


/*menu*/


.about-faq .img-box {
	margin-top: 30px;
}

.top-bar .social {
	width: 100%;
	text-align: center;
	
}
.top-bar .clearfix {
	flex-direction: column;
	justify-content: center;
}

/* mobile: logo + hamburger same row with solid background */
.theme_menu .row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 0;
}
.theme_menu .col-md-2 {
	width: auto;
	flex: 0 0 auto;
}
.theme_menu .col-md-10.menu-column {
	width: auto;
	flex: 1 1 auto;
}
.theme_menu .main-logo {
	margin: 0;
}

/* Fix: solid white background for mobile header bar (was frosted-glass rgba) */
.theme_menu .navbar-default {
	background: #fff;
	border-radius: 8px;
}

/* Fix: solid background for opened mobile menu dropdown */
.theme_menu .navbar-collapse,
.theme_menu .navbar-collapse.collapsing,
.theme_menu .navbar-collapse.collapse.in {
	background: #fff !important;
	border-top: 1px solid #e5e5e5;
}

/* Fix: override homepage transparent navbar on mobile (style.css forces transparent for hero overlay) */
.home-page .theme_menu:not(.stricky-fixed) .navbar-default {
	background-color: #fff !important;
}
/* Mobile homepage logo: remove white-invert filter so it is visible on white bg */
.home-page .theme_menu:not(.stricky-fixed) .main-logo img {
	filter: none;
}
/* Mobile homepage nav text: dark color for readability on white bg */
.home-page .theme_menu:not(.stricky-fixed) .nav.navbar-nav > li > a {
	color: #333;
}
/* Mobile hamburger icon: dark bars for readability on white bg */
.home-page .theme_menu:not(.stricky-fixed) .navbar-toggle .icon-bar {
	background: #333;
}

/* Fix: homepage header should sit above hero on mobile, not overlay it */
.home-page header {
	position: relative;
}
.home-page .hero-section {
	padding-top: 0;
}

/* Fix: mobile hamburger dropdown should look like a full-width menu */
.theme_menu .navbar-collapse,
.theme_menu .navbar-collapse.collapse.in {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	max-width: 100vw;
	border-radius: 0;
	box-shadow: 0 4px 12px rgba(0,0,0,0.12);
	z-index: 999;
	padding: 0;
}
.theme_menu .navbar-collapse .nav.navbar-nav {
	float: none;
	margin: 0;
}
.theme_menu .navbar-collapse .nav.navbar-nav > li {
	float: none;
	display: block;
}
.theme_menu .navbar-collapse .nav.navbar-nav > li > a {
	display: block;
	padding: 14px 20px;
	border-bottom: 1px solid #f0f0f0;
	color: #333;
}
.theme_menu .navbar-collapse .nav.navbar-nav > li:last-child > a {
	border-bottom: none;
}

/* =============================================
   Fix: Mobile Dropdown Menu — Accordion Style
   Prevents layer overlap, double-render, red line
   ============================================= */
.theme_menu .navbar-collapse .dropdown {
	position: static;
}
/* Default: hidden; override style.css display:block */
.theme_menu .navbar-collapse .dropdown-menu {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	position: static !important;
	transform: none !important;
	transition: none !important;
	pointer-events: auto !important;
	margin-top: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	min-width: auto !important;
	width: 100%;
	float: none;
	max-height: none;
	overflow: visible;
}
/* Show only when parent li has .open class (Bootstrap toggle) */
.theme_menu .navbar-collapse .dropdown.open > .dropdown-menu,
.theme_menu .navbar-collapse .dropdown .dropdown-menu.show {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}
/* Hide desktop-only red accent line on mobile */
.theme_menu .navbar-collapse .dropdown-menu::before {
	display: none !important;
}
/* Mobile dropdown items: indented sub-items */
.theme_menu .navbar-collapse .dropdown-menu > li {
	padding: 0;
}
.theme_menu .navbar-collapse .dropdown-menu > li > a {
	padding: 10px 20px 10px 36px;
	color: #555;
	font-size: 13px;
	border-bottom: 1px solid #eee;
	background: #fafafa !important;
	border-radius: 0;
	display: block;
}
.theme_menu .navbar-collapse .dropdown-menu > li > a:hover,
.theme_menu .navbar-collapse .dropdown-menu > li > a:focus {
	background: #f0f0f0 !important;
	color: #b81c22 !important;
	padding-left: 40px;
}
.theme_menu .navbar-collapse .dropdown-menu > li:last-child > a {
	border-bottom: none;
}
/* Caret: rotate when open on mobile */
.theme_menu .navbar-collapse .dropdown.open > a .caret,
.theme_menu .navbar-collapse .dropdown .show + a .caret {
	transform: rotate(180deg);
}

.why-choose {
	padding-bottom: 30px;
}
.why-choose .item {
	margin-bottom: 40px;
}
.about-faq .about-info {
	margin-bottom: 50px;
}

.latest-project .link {
	margin-bottom: 40px;
}

.awards .service-list li {
	width: 48%;
}
.awards:after {
	display: none;
}
.awards .service-list {
	text-align: center;
}
.awards .award-logo img {
	margin-bottom: 50px;
}

.sidebar_search {
    margin-top: 40px;
}















}

@media (max-width: 768px) {

.top-bar .top-bar-text {
	width: 100%;
	float: none;
	text-align: center;
}
.why-choose {
	text-align: center;
}
.why-choose .item {
	display: inline-block;
}
.why-choose .item:hover .inner-box {

    transition: .5s ease;
}


.single-shop-item{
	height: 320px;
}
.honor {
	height: 220px;
	
}
.honor p{
	line-height: 20px;
}

.p:before {
	top:68px;
}
.rev_slider_wrapper .slide-content-box h1{
	font-size: 25px;
	line-height: 25px;
	word-break: break-all;
	margin: 25px 0 9px;
}
.rev_slider_wrapper .slide-content-box p{
	font-size: 14px;
	line-height: 16px;
	word-break: break-word;
	}
	.right_nav{
		bottom: 15%;
	}

/* Mobile pagination: single-line scrollable */
.page_pagination {
	padding: 15px 5px;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.page_pagination::-webkit-scrollbar {
	height: 0;
}
.page_pagination li {
	margin: 0 1px;
}
.page_pagination li a {
	min-width: 32px;
	line-height: 32px;
	font-size: 1.25rem;
	padding: 0 5px;
	border-radius: 6px;
}
.page_pagination li .ellipsis {
	min-width: 24px;
	line-height: 32px;
	font-size: 0.8rem;
	letter-spacing: 1px;
}
}

@media (max-width: 640px) {

}

@media (max-width: 600px) {

}

@media (max-width: 575px) {
	.nav_side_content .search_option form {
		right: -70px;
	}
}

@media (max-width: 550px) {
	.megamenu .default-form.register-form {
		width: 100%;
	}
	.default-form-area {
		width: 100%;
	}
}
@media (max-width: 420px) {

}

/* 标签/品牌列表卡片图片：小屏降低高度，保持网格整齐 */
@media (max-width: 768px) {
  .default-blog-news .img-box img {
    height: 170px;
  }
}
@media (max-width: 480px) {
  .default-blog-news .img-box img {
    height: 150px;
  }
}