.index-about{padding:130px 0}
@media (max-width: 768px) {
	.index-about {
    padding: 20px 0;
}
	.indexslide .swiper-slide>div .img img {
		width: 80%;border-radius: 10px;}
	.index-about h1{line-height:32px}
	.index-pro{padding: 20px 0;}
	.index-why{padding: 20px 0;}
	.index-case{padding: 20px 0;}
	.index-news{padding: 20px 0;}
	.index-pro-box .imgbox {
    height: 200px;
}
	.menu-top .main-menu .menu .sub-menu {
    display: block;
}
	.menu>li.menu-item-has-children .sub-menu {
    position: relative;
}
	.whycontentbox .box {
    padding: 20px;
	}
	.index-case .width{width:100%}
	.caseswiper .arrow-right{right:10px}
	.caseswiper .arrow-left{left:10px}
	.foot-all{padding:20px}
	.celan{
		padding:20px
}
	.product-list-box>div>div{flex-direction: column-reverse;}
	.Specification .box {
    width: 100%;
    overflow: scroll;
	}
	.product-slide{padding:40px 20px}
	.product-slide .textbox {
    padding: 0;
}
	.product-slide .textbox h1 {
    line-height:32px;
}
	.product-slide .btn-tool{flex-wrap:wrap}
	.product-slide .btn-tool>div{width:100%}
	.product-slide .whatsapp{margin:30px 0}
	.product-slide .share ul {
    justify-content: center;
}
	.product-slide .btn-tool {
    border-radius: 10px;
}
	.product-box .width{padding:0 20px}
	.Contact .box {
    padding: 20px;
	}
	.contactform .title{margin:20px 0}
	.contactform .whatsapp{margin-top:20px;padding:20px 0;border-top:1px solid #fff;border-bottom:1px solid #fff}
	#getrul{width:100%}
	.Case .case-box a{display:block;height:300px;overflow:hidden}
	.Case .case-box a img{width:100%;height:100%;object-fit:cover}
	.category-project {
    padding: 30px 20px;
}
	.post-content {
    padding-right: 0px;
}
	.post-content h1{line-height:36px}
	.about-page .width{padding:0 20px}
	.feedback .img>div{    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
    font-size: 32px;}
	.feedback .box-content{margin-bottom:30px}
	.feedback .title{text-align:center;margin:30px 0}
	.feedback svg{fill:#f69421}
	.product-list .content-box img{width:100%}
	.message {
    padding: 60px 20px;text-align:center
}
	.archive-grid{grid-template-columns: repeat(2, 1fr);}
	.archive-layout{grid-template-columns: unset;}
	.archive-sidebar {
    position: unset;
    top: 100px;
	}
}
@media (min-width: 769px) and (max-width: 1023px){
	.index-about {
    padding: 20px 0;
}
	.indexslide .swiper-slide>div .img img {
		width: 80%;border-radius: 10px;}
	.index-about h1{line-height:32px}
	.index-pro{padding: 20px 0;}
	.index-why{padding: 20px 0;}
	.index-case{padding: 20px 0;}
	.index-news{padding: 20px 0;}
	.index-pro-box .imgbox {
    height: 200px;
}
	.menu-top .main-menu .menu .sub-menu {
    display: block;
}
	.menu>li.menu-item-has-children .sub-menu {
    position: relative;
}
	.whycontentbox .box {
    padding: 20px;
	}
	.index-case .width{width:100%}
	.caseswiper .arrow-right{right:10px}
	.caseswiper .arrow-left{left:10px}
	.foot-all{padding:20px}
	.celan{
		padding:20px
}
	.product-list-box>div>div{flex-direction: column-reverse;}
	.Specification .box {
    width: 100%;
    overflow: scroll;
	}
	.product-slide{padding:40px 20px}
	.product-slide .textbox {
    padding: 0;
}
	.product-slide .textbox h1 {
    line-height:32px;
}
	.product-slide .btn-tool{flex-wrap:wrap}
	.product-slide .btn-tool>div{width:100%}
	.product-slide .whatsapp{margin:30px 0}
	.product-slide .share ul {
    justify-content: center;
}
	.product-slide .btn-tool {
    border-radius: 10px;
}
	.product-box .width{padding:0 20px}
	.Contact .box {
    padding: 20px;
	}
	.contactform .title{margin:20px 0}
	.contactform .whatsapp{margin-top:20px;padding:20px 0;border-top:1px solid #fff;border-bottom:1px solid #fff}
	#getrul{width:100%}
	.Case .case-box a{display:block;height:300px;overflow:hidden}
	.Case .case-box a img{width:100%;height:100%;object-fit:cover}
	.category-project {
    padding: 30px 20px;
}
	.post-content {
    padding-right: 0px;
}
	.post-content h1{line-height:36px}
	.about-page .width{padding:0 20px}
	.feedback .img>div{    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    width: 70px;
    font-size: 32px;}
	.feedback .box-content{margin-bottom:30px}
	.feedback .title{text-align:center;margin:30px 0}
	.feedback svg{fill:#f69421}
	.product-list .content-box img{width:100%}
	.message {
    padding: 60px 20px;text-align:center
}
}
@media (min-width: 1024px) and (max-width: 1280px) {
	.index-case .title{text-align:unset}
	 .index-pro-box{margin-left:20px}
	.index-about .text{padding-right:30px}
	.whycontentbox .box{margin-right:20px}
	.product-box .nav{border-bottom:1px solid #ccc;border-top:2px solid #f69421;position: sticky;top: 0;background-color:white}
	.product-box .nav ul{padding:10px 0;margin;0;display:flex;}
	.product-box .nav ul li{list-style:none;}
	.product-box .nav ul li a{padding:10px 20px;cursor:pointer}
	.product-box .nav ul li a:hover{background-color:#f69421;color:white}
	.FAQs .box>div .q{cursor:pointer}
	.FAQs .box>div .q:hover{background-color:#f69421;color:white}
/* 	 aboutus*/
	.about-page .about-text{background-color:#f5f5f5;padding:100px 0}
.about-text .left{padding-right:100px}
.slide-img-about .box{width:48.5%;text-align:center}
.slide-img-about .box:first-child{margin-right:3%}
.slide-img-about .box img{width:100%;height:auto}
.slide-img-about .box .top-words{padding:0 15px}
.slide-img-about .box>img{border-radius:10px}
	.card-stack-container{height:400px}
.feature-num{padding:60px 0}
.feature-num .numbox .box>div:first-child{font-size:60px;margin-bottom:20px}
.feature-num .numbox .box{text-align:center}
.feedback{padding:60px 0;background-color:#f5f5f5}
.feedback .box{background-color:white;border-radius:10px;padding:20px;align-items:center;height:100%}
.feedback .box-content{padding:15px}
.feedback .box .img{padding:20px}
.feedback .box .img>div{height: 70px;
    width: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
    color: #ccc;
}
.feedback .box img{width:100%;aspect-ratio: 1 / 1;;background-color:#ccc;border-radius:50%}
.feedback .title{margin-bottom:30px}
.feedback .title .star{display:flex;align-content:center;justify-content:center;align-items:center}
.feedback .title .star svg{margin:0 10px;}
.feedback .width>div{margin:0 -15px}
.feedback svg{fill:#f69421}
.r-d{padding:60px 0}
.r-d .box{position:relative;margin-bottom:15px;}
.r-d .box .text{position:absolute;transform:translate(-50%,50%);bottom:0;left:50%;width:80%;background-color:white;padding:10px 0px;text-align:center;border-radius:6px;box-shadow:0px 0px 5px 5px #54545424}
	.r-d .box .img{height:200px;overflow:hidden}
.r-d .box img{border-radius:10px;width:100%;height:100%;object-fit:cover}
.r-d .pure-g{margin:0 -15px}
.r-d .pure-u-xl-6-24{padding:15px;}
.a-btn{align-items:center;justify-content:start}
.a-btn .talk a{display:block;color:white;padding:0 20px}
.talk{background-color:#f69421;color:white;line-height:46px;text-align:center;border-radius:10px}
.about-page .video{margin-left:20px;display:flex;align-items:center;}
.about-page .video svg{margin-right:15px}
.land-feature .box{padding:20px;text-align:center}
.land-product-text{padding-left:60px}
}
@media (min-width: 1281px) and (max-width: 1366px) {
	.index-case .title{text-align:unset}
  .index-pro-box{margin-left:20px}
	.whycontentbox .box{margin-right:20px}
	.product-box .nav{border-bottom:1px solid #ccc;border-top:2px solid #f69421;position: sticky;top: 0;background-color:white}
	.product-box .nav ul{padding:10px 0;margin;0;display:flex;}
	.product-box .nav ul li{list-style:none;}
	.product-box .nav ul li a{padding:10px 20px;cursor:pointer}
	.product-box .nav ul li a:hover{background-color:#f69421;color:white}
	.index-about .text{padding-right:30px}
	.FAQs .box>div .q{cursor:pointer}
	.FAQs .box>div .q:hover{background-color:#f69421;color:white}
/* 	 aboutus*/
	.about-page .about-text{background-color:#f5f5f5;padding:100px 0}
.about-text .left{padding-right:100px}
.slide-img-about .box{width:48.5%;text-align:center}
.slide-img-about .box:first-child{margin-right:3%}
.slide-img-about .box img{width:100%;height:auto}
.slide-img-about .box .top-words{padding:0 15px}
.slide-img-about .box>img{border-radius:10px}
	.card-stack-container{height:400px}
.feature-num{padding:60px 0}
.feature-num .numbox .box>div:first-child{font-size:60px;margin-bottom:20px}
.feature-num .numbox .box{text-align:center}
.feedback{padding:60px 0;background-color:#f5f5f5}
.feedback .box{background-color:white;border-radius:10px;padding:20px;align-items:center;height:100%}
.feedback .box-content{padding:15px}
.feedback .box .img{padding:20px}
.feedback .box .img>div{height: 70px;
    width: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
    color: #ccc;
}
.feedback .box img{width:100%;aspect-ratio: 1 / 1;;background-color:#ccc;border-radius:50%}
.feedback .title{margin-bottom:30px}
.feedback .title .star{display:flex;align-content:center;justify-content:center;align-items:center}
.feedback .title .star svg{margin:0 10px;}
.feedback .width>div{margin:0 -15px}
.feedback svg{fill:#f69421}
.r-d{padding:60px 0}
.r-d .box{position:relative;margin-bottom:15px;}
.r-d .box .text{position:absolute;transform:translate(-50%,50%);bottom:0;left:50%;width:80%;background-color:white;padding:10px 0px;text-align:center;border-radius:6px;box-shadow:0px 0px 5px 5px #54545424}
	.r-d .box .img{height:200px;overflow:hidden}
.r-d .box img{border-radius:10px;width:100%;height:100%;object-fit:cover}
.r-d .pure-g{margin:0 -15px}
.r-d .pure-u-xl-6-24{padding:15px;}
.a-btn{align-items:center;justify-content:start}
.a-btn .talk a{display:block;color:white;padding:0 20px}
.talk{background-color:#f69421;color:white;line-height:46px;text-align:center;border-radius:10px}
.about-page .video{margin-left:20px;display:flex;align-items:center;}
.about-page .video svg{margin-right:15px}
.land-feature .box{padding:20px;text-align:center}
.land-product-text{padding-left:60px}
}
@media (min-width: 1367px) and (max-width: 1440px) {
	.index-case .title{text-align:unset}
	.index-pro-box{margin-left:20px}
	.whycontentbox .box{margin-right:20px}
	.product-box .nav{border-bottom:1px solid #ccc;border-top:2px solid #f69421;position: sticky;top: 0;background-color:white}
	.product-box .nav ul{padding:10px 0;margin;0;display:flex;}
	.product-box .nav ul li{list-style:none;}
	.product-box .nav ul li a{padding:10px 20px;cursor:pointer}
	.product-box .nav ul li a:hover{background-color:#f69421;color:white}
	.FAQs .box>div .q{cursor:pointer}
	.FAQs .box>div .q:hover{background-color:#f69421;color:white}
/* 	 aboutus*/
	.about-page .about-text{background-color:#f5f5f5;padding:100px 0}
.about-text .left{padding-right:100px}
.slide-img-about .box{width:48.5%;text-align:center}
.slide-img-about .box:first-child{margin-right:3%}
.slide-img-about .box img{width:100%;height:auto}
.slide-img-about .box .top-words{padding:0 15px}
.slide-img-about .box>img{border-radius:10px}
	.card-stack-container{height:400px}
.feature-num{padding:60px 0}
.feature-num .numbox .box>div:first-child{font-size:60px;margin-bottom:20px}
.feature-num .numbox .box{text-align:center}
.feedback{padding:60px 0;background-color:#f5f5f5}
.feedback .box{background-color:white;border-radius:10px;padding:20px;align-items:center;height:100%}
.feedback .box-content{padding:15px}
.feedback .box .img{padding:20px}
.feedback .box .img>div{height: 70px;
    width: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
    color: #ccc;
}
.feedback .box img{width:100%;aspect-ratio: 1 / 1;;background-color:#ccc;border-radius:50%}
.feedback .title{margin-bottom:30px}
.feedback .title .star{display:flex;align-content:center;justify-content:center;align-items:center}
.feedback .title .star svg{margin:0 10px;}
.feedback .width>div{margin:0 -15px}
.feedback svg{fill:#f69421}
.r-d{padding:60px 0}
.r-d .box{position:relative;margin-bottom:15px;}
.r-d .box .text{position:absolute;transform:translate(-50%,50%);bottom:0;left:50%;width:80%;background-color:white;padding:10px 0px;text-align:center;border-radius:6px;box-shadow:0px 0px 5px 5px #54545424}
	.r-d .box .img{height:200px;overflow:hidden}
.r-d .box img{border-radius:10px;width:100%;height:100%;object-fit:cover}
.r-d .pure-g{margin:0 -15px}
.r-d .pure-u-xl-6-24{padding:15px;}
.a-btn{align-items:center;justify-content:start}
.a-btn .talk a{display:block;color:white;padding:0 20px}
.talk{background-color:#f69421;color:white;line-height:46px;text-align:center;border-radius:10px}
.about-page .video{margin-left:20px;display:flex;align-items:center;}
.about-page .video svg{margin-right:15px}
.land-feature .box{padding:20px;text-align:center}
.land-product-text{padding-left:60px}
}
@media (min-width: 1441px) {
	.index-pro-box{margin-left:20px}
	.whycontentbox .box{margin-right:20px}
	.product-box .nav{border-bottom:1px solid #ccc;border-top:2px solid #f69421;position: sticky;top: 0;background-color:white}
	.product-box .nav ul{padding:10px 0;margin;0;display:flex;}
	.product-box .nav ul li{list-style:none;}
	.product-box .nav ul li a{padding:10px 20px;cursor:pointer}
	.product-box .nav ul li a:hover{background-color:#f69421;color:white}
	.FAQs .box>div .q{cursor:pointer}
	.FAQs .box>div .q:hover{background-color:#f69421;color:white}
/* 	 aboutus*/
	.about-page .about-text{background-color:#f5f5f5;padding:100px 0}
.about-text .left{padding-right:100px}
.slide-img-about .box{width:48.5%;text-align:center}
.slide-img-about .box:first-child{margin-right:3%}
.slide-img-about .box img{width:100%;height:auto}
.slide-img-about .box .top-words{padding:0 15px}
.slide-img-about .box>img{border-radius:10px}
.feature-num{padding:60px 0}
.feature-num .numbox .box>div:first-child{font-size:60px;margin-bottom:20px}
.feature-num .numbox .box{text-align:center}
.feedback{padding:60px 0;background-color:#f5f5f5}
.feedback .box{background-color:white;border-radius:10px;padding:20px;align-items:center;height:100%}
.feedback .box-content{padding:15px}
.feedback .box .img{padding:20px}
.feedback .box .img>div{height: 70px;
    width: 70px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
    color: #ccc;
}
.feedback .box img{width:100%;aspect-ratio: 1 / 1;;background-color:#ccc;border-radius:50%}
.feedback .title{margin-bottom:30px}
.feedback .title .star{display:flex;align-content:center;justify-content:center;align-items:center}
.feedback .title .star svg{margin:0 10px;}
.feedback .width>div{margin:0 -15px}
.feedback svg{fill:#f69421}
.r-d{padding:60px 0}
.r-d .box{position:relative;margin-bottom:15px;}
.r-d .box .text{position:absolute;transform:translate(-50%,50%);bottom:0;left:50%;width:80%;background-color:white;padding:10px 0px;text-align:center;border-radius:6px;box-shadow:0px 0px 5px 5px #54545424}
	.r-d .box .img{height:200px;overflow:hidden}
.r-d .box img{border-radius:10px;width:100%;height:100%;object-fit:cover}
.r-d .pure-g{margin:0 -15px}
.r-d .pure-u-xl-6-24{padding:15px;}
.a-btn{align-items:center;justify-content:start}
.a-btn .talk a{display:block;color:white;padding:0 20px}
.talk{background-color:#f69421;color:white;line-height:46px;text-align:center;border-radius:10px}
.about-page .video{margin-left:20px;display:flex;align-items:center;}
.about-page .video svg{margin-right:15px}
	.land-feature .box{padding:20px;text-align:center}
	.land-product-text{padding-left:60px}
}