/* responsive */
@media(max-width:1600px){
ul.menustoplogo { margin-right: -20px;}
}
@media(max-width:1400px){
header .toggle {right: 70px;}

}
@media(max-width:1366px){
.testimonial-box p { font-size: 14px;}
.corporate-container {margin: 0 90px;}
.testimonial-box {margin: 0 10px;}
.testimonial-section {padding: 60px 0;}
.content-box h2 { padding-right: 50px;}
.caption-box h2 { font-size: 70px;}
.call-btn { padding-left: 0;}
}
@media(max-width:1300px){
.main-header .navbar { margin-left: 0;}
.menustoplogo a { font-size: 14px;}
.main-header .navbar ul li a {font-size: 14px;}
.main-header .navbar ul { gap: 25px;}
.menustoplogo a {   font-size: 13px;  }
}
@media(max-width:1200px){
.content-box h2 { font-size: 30px;}
.header-right{ display:block;}
 ul.menustoplogo {
  margin-right: -20px;
}
header .toggle { top: 26px;}
.future-content p { line-height: 24px; font-size: 14px; margin-bottom: 10px;padding-right: 15%;}
.discover-btn { padding: 8px 20px; font-size: 14px;}
.discover-btn {width: auto; height: 40px;}
.feature-card h4 { font-size: 17px;}
.caption-box h2 { font-size: 60px;}
.content-box p { line-height: 24px; font-size: 14px; margin-bottom: 20px;}
.content-box h2 {font-size: 25px; margin-bottom: 15px; padding-right: 0px;}
.video-overlay h3 {font-size: 20px;}
.title-border h2 { font-size: 20px;}
.features-section p { font-size: 14px; line-height: 24px; margin-bottom: 10px; padding-right: 0;}
.feature-content h2 { font-size: 25px;margin-bottom: 10px;}
.feature-btn { padding: 8px 20px; font-size: 14px;}
.features-section { padding: 60px 0;}
.red-box h2 {  font-size: 20px;}
.yellow-box h2 { font-size: 20px;}
.photo-gallery h2 { font-size: 25px;}
.testisub span { font-size: 15px; margin-bottom: 10px;}
.testisub {margin-bottom: 15px !important;}
.testisub h2 {font-size: 25px; margin-bottom: 0px;}
.testimonial-box {  margin: 0 10px;padding: 20px 30px; }
.footer-section { padding: 50px 0 25px;}
.quote-icon { top: -28px;}
.feature-stack { width: 200px;}
.clients h2 {font-size: 35px;}
.header.subpage-header { display: block;}

.pacha h5 { margin: 15px 0; display: flex; margin: 10px 0;  display: flex;  flex-wrap: wrap;  gap: 10px;}
}

@media(max-width:1100.5px){
.logo img {
  height: 50px;
}
}
@media(max-width:991.5px){
.content-box{ padding:40px 25px;}
.title-border h2{ font-size:28px;}
.image-box{  margin-top:30px;}
.service-section{ flex-direction:column;}
.video-box, .content-box{ width:100%;}
.video-box{ height:450px; }
.content-box{padding:60px 25px;}
.content-box h2{ font-size:38px;}
.side-image{ display:none;}
.caption-box{ width:100%;  max-width:100%;  padding:20px;}
.caption-box h2{font-size:45px;}
.caption-box h4{ font-size:20px; }
.footer-title{font-size:28px;}
.copyright{text-align:center;justify-content:center;}
.locations ul{gap:18px;}
.locations li::after{display:none;}
.certificate-box{flex-wrap:wrap;}
.header-right { display: block;}
.future-content h2 { font-size: 25px; margin-bottom: 15px;}
.discover-btn {margin-bottom: 20px;}
.feature-stack { position: static; transform: translate(0%,0%);  width: 100%;margin-top: 20px;}
.content-box {  padding: 30px 25px;}
.content-box h2 {  font-size: 25px; }
.image-box { margin-top: 0; }
.futurerow { background: #fff;padding: 20px 20px; box-shadow: 0 10px 30px rgba(0,0,0,.08); border-radius: 10px;margin: 0 0px;}
.sub-container {margin: 0 20px;}
.future-section {padding: 30px 0;}
.future-content p {padding-right: 0; }
.service-section {background: #fff;padding: 20px 20px;box-shadow: 0 10px 30px rgba(0,0,0,.08);border-radius: 10px; margin: 0 20px;margin-bottom: 0px; margin-bottom: 20px; }
.corporatemargin { margin-top: 0;}
.corporate-container {  margin: 0 20px;}
.content-boxs {padding: 40px 40px;}
.counterwrapper p { font-size: 16px;}
.counterwrapper img { height: 40px; margin-bottom: 15px; margin-top: 10px;}
.corporate-section {padding-bottom: 20px !important;}
.features-section {  padding: 30px 0; }
.counterwrapper { padding-bottom: 30px;}
.feature-content {  background: #fff; padding: 20px 20px;box-shadow: 0 10px 30px rgba(0,0,0,.08); border-radius: 10px;}
.photo-gallery { padding: 30px 0;}
.photo-gallery .category-card { margin-top: 10px;}
.testimonial-section { padding: 30px 0; }
.footer-section { padding: 30px 0 25px; }
.footer-title {font-size: 20px;margin-bottom: 10px; }
.footer-section .row {padding-bottom: 0;padding-top: 0;--bs-gutter-y: 0;}
.logo img { height: 55px;}
.feature-card { padding: 10px 15px;}
.slide-grid {display: none;}
.mobimg {display: block;}
.discover-btn {margin-bottom: 0;}
.service-section { min-height: auto;}
.future-image img {margin-top: 20px;}
.logosmenus {  text-align: center;}
.clients .mb-5 {margin-bottom: 15px !important;}
.clients h2 {  font-size: 28px;}
.sub-title { font-size: 14px;}
.clients {padding: 25px 0;}
.view-btn { width: 100px;  height: 35px; font-size: 14px;}
.desktop {display: none !important;}
.phone {display: block !important;}
.category-section {  padding: 30px 0;}
.blog-section { padding: 30px 0;}
.blog-section .section-title h2 { font-size: 24px;}
.blog-section  .section-title {margin-bottom: 10px !important;}
.blog-content { padding: 25px;  min-height: auto; max-height: 100%;}
.crafthero-content h1 {  font-size: 50px;margin-bottom: 10px;}
.crafthero-content {  bottom: 50px; left: 5%;}
.crafthero-content h1{   font-size:28px;}
.crafthero-slider .owl-prev,
.crafthero-slider .owl-next{   display:none;}
.contents-box { padding: 20px 10px;padding-bottom: 0;}
.category-section .mb-5 {margin-bottom: 10px !important;}
.category-section .section-title h2 {  font-size: 24px; }
.counttop { padding-top: 30px;}
/* product */
.product-section .productmargin{background: #fff; padding: 15px 15px;  box-shadow: 0 10px 30px rgba(0,0,0,.08);  border-radius: 10px;}
.product-section { padding: 20px 0px;}
.product-gallery { padding-right: 0;}
.product-details { padding-top: 20px;}
.product-details h2 {  margin: 5px 0;font-size: 30px;}
.description { font-size: 14px;}
.related-products {padding: 30px 0;}
.section-heading {  margin-bottom: 15px;}
.related-products .section-heading h2 { font-size: 25px;}
.sub-title { font-size: 13px; }
.product-content { padding: 15px;}
.product-content h5 { font-size: 19px; margin-bottom: 10px;}
.product-btn {font-size: 14px;}
.product-content p { margin-bottom: 10px;}
.view-all {  padding: 6px 14px; font-size: 14px;}
.formlist { margin-bottom: 15px;}
.future-sections { padding-top: 30px;}
/* group */
.subpage-header {display: block;padding: 0;}
.header .navbar-brand { max-width: 50px;
  margin-top: 0px;}
.subpage-header {height: 70px;}
.subpage-wrp {padding-top: 40px;}
.subpage-header.smaller  { display: none; }
.granites-text {padding: 20px 20px;}
.concrete-text { padding: 20px 20px;margin-top: 0px;}
.pacha h5 { margin: 10px 0; display: flex;  flex-wrap: wrap;  gap: 10px;}
.col-group-02 {order: 2;}
.col-group-01 {order: 1;}
.social-iconw { justify-content: left;  margin-top: 20px;}
.about-intro, .concrete-sec, .bricks-sec { margin-bottom: 30px;}
.header-containers { margin: 0 40px;}
/* contact */
.contact-section{padding-top: 70px;}
.contact-section .section-title h2{font-size: 20px;   margin: 7px 0; }
.contact-form{padding:20px;}
.social-riht { z-index: 9;}
.theme-btn {font-size: 14px; padding: 8px 20px;}
.contact-section .mb-5 {margin-bottom: 10px !important;}
.info-card { padding: 15px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);height: auto; margin-bottom: 20px;}
.info-card h5 { margin-bottom: 8px; font-size: 17px;}
.icon {width: 45px;height: 45px;}
.info-card p { font-size: 14px;}
/* product list */
div.hdr-pg h1 { font-size: 26px;  margin: 0;}
.filter .btn.filter-btn {padding: 4px 14px;  font-size: 14px; }
div.product-list-head {   position: relative;  padding: 130px 16px 0;  position: relative; }
.hdr-pg {  position: absolute; top: 30px;  left: 50%;  margin-left: 0px;    translate: -50% -90%;   width: fit-content;   text-align: center;   height: 50px;  display: flex;  align-items: center; flex-direction: column;  width: 100%; padding: 0 30px; }
.container.prod-list-contr { max-width: none !important; padding: 0 30px; }
.prod-left h3 { font-size: 19px;}
.prod-text {padding: 0 0px;}
.prod-text.button {  display: block;}
.prod-right a.prod-add {  padding: 7px 8px;   width: 150px;  height: auto; }
.prod-list-wrp .prod-right { display: flex; column-gap: 12px;}
div.prod-left { width: 100%; }
.pric { margin-bottom: 10px;}
.prod-list-wrp { margin-bottom: 30px;}
/* sub banner */
.about-banner { height:550px;  }
.banner-content h1{ font-size:58px;  }
.sub-title{ font-size:18px;  }
.banner-content h6 {  font-size: 14px;  line-height: 22px;   max-width: 100%;}
.detail-container { margin: 0 40px;}
.counter-wrapper{    justify-content:center;display: flex; }
.feature-row{   grid-template-columns:repeat(2,1fr);margin-top: 0px;  }
.sub-textshead { font-size: 15px;}
.detail-container {  margin: 0 30px;   margin-top: 100px; }
.smaller .navbar-brand { max-width: 50px;}
.main-header .navbar {   display: none; }
.counter-section { margin-top: 0;}
.tabs-wrapper .tab-btn { padding: 14px 15px;  font-size: 15px}
.product-list-wrp { margin-top: 0px;}
.tabs-wrapper .tab-arrow-left {  left: 10px;}
.tabs-wrapper .tab-arrow-right {  right: 10px;}
.sub-container.tabs-wrapper {width: min( calc(100% - 80px)) !important;  width: min(100% calc(100% - 80px)) !important;  width: 100%; padding: 0 0px !important; max-width: 100% !important;width: none; max-width: none;}
.sub-container.tabs-wrapper {     width: 100% !important;      max-width: 100% !important;      padding: 0 40px !important;  }
.tabs-wrapper .tabs { gap: 5px; padding-left: 0; padding-right: 0;}
.tabs-wrapper .tab-arrow { top: 2%;  width: 25px;  height: 25px;  font-size: 16px;}
.product-list-wrp .container.prod-list-contr {  max-width: none !important;   padding: 0 0px; }
.career-container {      width: calc(100% - 50px); }
.intro-grid {      gap: 50px;  }
.benefit-grid {      grid-template-columns: repeat(2, 1fr);  }
.benefit-card {     border-bottom: 1px solid #ccc;  }
/* form */
.formnewcv-intro { padding-top: 0;}
.formnewcv-title { margin-top: 10px; font-size: 35px;}

/* mix banner */
.hero-slider .text-banner{top: auto; left: 20px;width: 90%;background-size: auto;bottom: 20px;max-width: none;}
.hero-slider h1{font-size:18px;margin-bottom:7px}
.hero-slider .text-banner p{font-size:13px;margin-bottom:13px}
.hero-slider .text-banner .bnr-btn{padding:7px 12px;font-size:12px}
.social-icons {
  display: flex;
  gap: 5px;
  margin: 20px 0;
}

}
@media(max-width:768px){
.title-border h2 { font-size: 22px;}
.title-border {margin-bottom: 30px;}
.content-box { padding: 20px 0 0 0; }
.red-contct.btn.btn-primary { height:auto; width: auto !important;font-size: 11px !important;min-width: auto; min-height: auto;align-items: center;padding: 2px 7px !important;}
.red-contct.btn.btn-primary img { margin-left: 12px; height: 20px;}
.header-container { margin: 0 20px;}
.menustoplogo {right: 150px;}
.logo img { height: 45px;}
.menu-dsn { font-size: 14px;}
.red-box h2 {font-size: 18px;}
.yellow-box h2 { font-size: 18px; }
.yellow-box { min-height: 200px; padding: 20px;}
.red-box {min-height: 200px;padding: 20px;}
.video-box { height: auto;}
.play-btn {width: 50px; height: 50px;border: 2px solid #fff;font-size: 20px;}
.caption-box h4 { font-size: 16px; }
.caption-box { width: auto;}
.title-border h2 { font-size: 20px; }
.feature-content h2 { font-size: 22px;}
.feature-content span {font-size: 15px; margin-bottom: 5px;}
.feature-btn {margin-top: 0;}
.testimonial-section {padding-top: 0;}
.footer-section hr { margin: 20px 0;}
.content-boxs { padding: 20px 20px;}
.futurerow { padding: 20px 10px;}
.photomargin {margin-bottom: 20px;}
.testimonial-box {  padding: 20px 20px;}
.red-contct.btn.btn-primary img {margin-left: 0;}
.red-contct.btn.btn-primary { text-align: center;  padding: 5px 7px;}
.menustoplogo {  right: 60px; }
.menu-dsn { font-size: 13px;}
.blog-section .section-title {  margin-bottom: 30px !important;  display: block !important; }
.blog-section .section-title h2 {font-size: 20px;margin-bottom: 20px; }
.blog-btn { padding: 8px 18px; font-size: 13px;}
.blog-content { padding: 10px;}
.blog-content h3 { font-size: 16px; margin: 10px 0;}
.counterwrapper {   padding-bottom: 20px;   padding-top: 20px; }
.category-overlay h4 {font-size: 16px; }
.category-section .section-title {  margin-bottom: 30px !important;    display: block !important; }
.category-section .section-title h2 {   font-size: 20px;  margin-bottom: 20px;  }
.contents-box h2 {font-size: 23px;margin-bottom: 10px;}
.contents-box p {font-size: 14px;  }
.menu-dsn {display: none;}
header .toggle { top: 20px;  right: 25px;}
.call-btn a {  padding: 7px 10px;}
.form-label { font-size: 14px;}
.product-details .form-control { font-size: 15px;}
.buttons button { padding: 10px;  font-size: 14px;}
.related-products .section-heading h2 {  font-size: 21px; }
.related-products {  padding: 20px 0; }
.product-img img { height: auto;}
.product-content p {  font-size: 14px; }
.product-content h5 { font-size: 18px;  margin-bottom: 8px;}
.product-details h2 {margin: 5px 0;  font-size: 27px;}
.pacha h5 a { padding: 10px 25px; font-size: 12px; margin-bottom: 0; margin-right: 0;}
.header-containers { margin: 0 20px;}
.concrete-text h5 {font-size: 18px; padding-bottom: 10px; margin: 0;}
.features-text span { font-size: 16px}
.concrete-img {  margin-top: 0px; }
/* sub banner */
.about-banner{        height: 650px; }
.banner-content h1{     font-size:44px; }
.line{ margin:15px 0 25px;}
.counter-box{ width:100%;      min-width:100%;  }
.counter-content h2{   font-size:38px; }
.feature-row{        display:grid;  grid-template-columns:repeat(2,1fr);  gap:0;  }
.feature-box h5{    font-size:13px;   }
.feature-icon{    font-size:24px;  }
.header.smaller .navbar-brand { max-width: 50px;}
.prod-left h3 {  font-size: 16px;   margin-bottom: 15px; }
.hdr-pg h4 {  font-size: 17px;}
.hdr-pg p{font-size: 14px;}
.counter-content h2 {  font-size: 25px; }
.counter-wrapper {   display: grid; grid-template-columns: repeat(2,1fr);}
.tabs-wrapper .tab-btn {  padding: 14px 8px;}
/* media */
.media-hero h2 { margin: 10px 0; font-size: 25px;}
.media-hero {padding: 70px 0 20px;}
.tabgallery-tabs { margin-bottom: 30px;}
.gallery-item { height: auto;}
.photo-gallerys { grid-template-columns: repeat(2, 1fr); gap: 20px;}
.video-gallery {  grid-template-columns: repeat(2, 1fr);  gap: 20px;}
.video-thumb { height: auto;}
.subpage-wrp { min-height: auto;}
.metal-sections { padding: 25px 0 25px 0;}
/* career */
.career-container {     width: calc(100% - 30px); }
.career-hero h1 {       letter-spacing: -2px;  margin-top: 10px;  font-weight: 400; letter-spacing: -4px; font-size: 40px;}
.career-hero p {    font-size: 15px;  }
.career-intro, .career-benefits,  .career-openings,  .career-cta {      padding: 30px 0;  }
.intro-grid { display: block;}
.intro-title h2 { margin-top: 10px; font-size: 35px;}
.intro-text p { margin-bottom: 10px; font-size: 16px;}
.intro-text {    padding-top: 10px; }
.career-btn { margin-top: 0; padding: 10px 15px;}
.benefit-grid {     grid-template-columns: 1fr;     margin-top: 30px;   }
.benefit-card {      min-height: auto;     padding: 30px 20px;     border-left: 1px solid #ccc;  }
.benefit-card h3 {      margin-top: 20px;  }
.job-card {     padding: 25px 0; }
.job-info {      grid-template-columns: 40px 1fr;   }
.job-info h3 {      font-size: 18px;  }
.job-info p {      font-size: 12px;  }
.job-arrow {     width: 42px;     height: 42px;     flex-shrink: 0;  }
.career-hero { padding: 30px 10px;}
.career-openings {padding-bottom: 0;}
.careersub .section-heading h2 {margin-top: 10px; font-size: 35px;}
.job-list { margin-top: 30px;}
/* form */
.formnewcv-description { margin-top: 20px;  font-size: 15px; line-height: 24px;}
.formnewcv-contact.mt-5 {margin-top: 0rem !important;}
.formnewcv-section {    padding: 30px 0 !important;  }
.formnewcv-formbox {     padding: 25px 20px;  }
.formnewcv-title {     letter-spacing: -2px;  }
.submedias  { padding-top: 20px;}
}
@media (max-width: 450.5px) {
.future-content h2 { font-size: 20px;}
.caption-box h2 {  font-size: 32px;}
.copyright p{ font-size: 13px;margin: 0;}
.locations li {padding: 0 10px;  font-size: 14px;}
.locations ul {   gap: 0; }
.footer-title {   font-size: 18px}
.testimonial-box { margin: 0 4px;}
.title-border h2 { font-size: 18px;}
.title-border {  margin-bottom: 15px;}
.contact-btn { font-size: 15px;}
.yellow-box h2 {   font-size: 15px; }
.red-box h2 {  font-size: 15px;}
.logo img { height: 40px; }
.red-contct.btn.btn-primary { font-size: 11px;}
.header-container {  margin: 0 15px; }
.menu-dsn { font-size: 12px;}
.clients h2 {  font-size: 22px; }
.sub-title { font-size: 13px; }
.clients{padding-top: 0;}
/* sub banner */
.about-banner{           height: 550px; background-position: right;}
.banner-content h1{      font-size:36px; }
.sub-title{  font-size:15px;      letter-spacing:3px;  }
.detail-container {  margin: 0 30px;  }
.detailbannerone::before, .detailbannertwo::before , .detailbannerthree::before , .detailbannerfour::before{content:"";  position:absolute;   inset:0;  background:  linear-gradient( 90deg, rgba(0, 0, 0, 0.88) 0%, rgba(7,22,32,.72) 38%, rgba(7,22,32,.15) 100% );  z-index:1;}
.detail-container { margin: 0 20px;   margin-top: 100px; }
.menustoplogo {  gap: 5px;}
}


@media (max-width: 400.5px) {
header .toggle { top: 17px;  right: 20px; }
.logo img {  height: 35px; }
ul.menustoplogo { margin-right: 10px; }
}