/* ===== Green Nature Theme v2 — pagemob.css (supplemental responsive) ===== */

@media(max-width:1024px){
.page-container{grid-template-columns:1fr;gap:24px}
.sidebar{order:2}
.prodetails-top{grid-template-columns:1fr;gap:28px}
.preview-container{position:static}
.contact-list{grid-template-columns:1fr}
.newslist li{grid-template-columns:200px 1fr;gap:20px}
.pro-list{grid-template-columns:repeat(2,1fr)}
.certificates-list{grid-template-columns:repeat(2,1fr)}
.prodetails-content{padding:24px}
.newscontent-details{padding:24px}
}

@media(max-width:768px){
.common-main{padding:30px 0 50px}
.banner-inner{height:180px}
.banner-title-h1{font-size:24px}
.pro-list{grid-template-columns:1fr;gap:14px}
.newslist li{grid-template-columns:1fr;gap:14px}
.contact-list{grid-template-columns:1fr;gap:14px}
.certificates-list{grid-template-columns:1fr 1fr;gap:14px}
.inquiry-pc .inquiry-form{grid-template-columns:1fr}
.pro-cate-title{font-size:20px}
.newscontent-title{font-size:22px}
.prodetails-name{font-size:22px}
.news-pagelink{flex-direction:column;gap:14px}
.news-pagelink .pagelink-item{max-width:100%}
.news-pagelink .pagelink-item.next{flex-direction:row;text-align:left}
.company-profile article{padding:24px 20px}
.prodetails-content{padding:20px}
.newscontent-details{padding:20px}
.contact-box{padding:24px 16px}
.faqs-list li .project-name{padding:16px 20px;font-size:15px}
}