@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1100px;padding: 0}
}

@media(max-width:991px){
    .steel-content h1{
        font-size: 34px;
    }

    .steel-subtitle{
        font-size: 20px;
    }

    .steel-text{
        font-size: 18px;
    }

    .steel-btns .btn{
        font-size: 18px;
        min-width: auto;
        margin-bottom: 10px;
    }
    .section-title-main{
        font-size: 34px;
    }

    .project-card{
        height: 360px;
    }

    .project-overlay h3{
        font-size: 26px;
    }

    .custom-outline-btn{
        font-size: 20px;
    }

    .design-left h2{
        font-size: 54px;
    }

    .content-block h4{
        font-size: 24px;
    }

    .content-block p{
        font-size: 18px;
    }
    .contact-info-box{
        min-height: auto;
    }

    .contact-form-box{
        margin-left: 0;
        min-height: auto;
        padding: 45px 35px;
    }

    .contact-info-box h2{
        font-size: 34px;
    }

    .info-item .text,
    .contact-form-box input,
    .contact-form-box textarea{
        font-size: 18px;
    }

    .submit-btn{
        font-size: 20px;
    }
    .about-wrapper{flex-direction:column;}
.about-image{margin-left:0;}
.machine-title{
    font-size: 26px;
}

.machine-block h4{
    font-size: 20px;
}

.machine-block p,
.machine-block ul li{
    font-size: 16px;
}

.machine-image{
    margin-top: 20px;
}
}

@media(max-width:767px){
    .steel-banner{
        min-height: auto;
        padding: 60px 20px;
    }

    .steel-content h1{
        font-size: 28px;
    }

    .steel-subtitle{
        font-size: 18px;
    }

    .steel-text{
        font-size: 16px;
    }

    .steel-btns .btn{
        display: block;
        width: 100%;
        margin-right: 0 !important;
        font-size: 15px;
    }

    .section-title-main{
        font-size: 30px;
    }

    .project-card{
        height: 320px;
    }

    .project-overlay{
        padding: 20px;
    }

    .project-overlay h3{
        font-size: 22px;
    }

    .certificate-img{
        height: 320px;
    }

    .custom-outline-btn{
        width: 100%;
    }
    .steel-service{padding: 60px 20px;}
    .design-left h2{
        font-size: 40px;
    }

    .content-block h4{
        font-size: 20px;
    }

    .content-block p{
        font-size: 16px;
        line-height: 1.7;
    }
    .steel_fabrication h3{margin-bottom: 20px;font-size: 30px;}
    .steel_fabrication{padding: 60px 20px;}
    .mobile_row_reverse{
        flex-direction: column-reverse;
    }
    .contact-section{
        padding: 60px 0;
    }

    .contact-info-box,
    .contact-form-box{
        padding: 30px 25px;
    }

    .contact-info-box h2{
        font-size: 28px;
    }

    .info-item .text{
        font-size: 16px;
    }

    .submit-btn{
        width: 100%;
    }

    .gallery-main-img{
        height: 260px;
    }

    .gallery-logo img{
        width: 75px;
        height: 75px;
    }

    .close-popup{
        font-size: 40px;
        top: 15px;
        right: 20px;
    }
    .gallery-img{
        height: 130px;
    }

    .gallery-lightbox img{
        max-width: 92%;
    }

    .close-lightbox{
        font-size: 40px;
        right: 20px;
    }

    .lightbox-prev,
    .lightbox-next{
        font-size: 45px;
    }

    .lightbox-count{
        font-size: 20px;
        top: 22px;
    }
    .table-color-change{
        overflow-x: scroll;
    }
    .footer-bottom {text-align: center;flex-direction: column;gap: 10px;}
.hero {height: 70vh;}
.project-slider {
flex-direction: column;
}

.projects h2 {
font-size: 32px;
}
.main-title {
font-size: 32px;
}
.services::after {
font-size: 100px;
}
.slide img {
    height: 250px;
  }
  .machine-title{
    font-size: 22px;
}

.machine-image img{
    max-width: 100%;
}
}





@media (max-width: 650px) {
.navbar-nav .dropdown-menu{display: none;}
.navbar-nav .dropdown-menu.show{display: block;}
.client img{width: 100%}
.about-left {
width: 100%;
flex-wrap: wrap;
padding: 380px 20px 30px 20px;background-size: 90%;
background-position: top center;}
.about-title{display: none;}
.mob-about-title{display: block;font-size: 37px;font-weight: 500;line-height: 1.2;margin: 0; color: #4c4f5a}
.about-card {
margin-top: 20px;}
.services, .our-product {
padding: 70px 20px 50px;}
.services .container::after {
top: -10px;
right: 20px;
font-size: 50px;}
.our-product .container::after {
top: -30px;
right: 20px;
font-size: 50px;}
.about-right{width: 100%; padding: 0 20px}
.projects{padding: 40px 0;}
.service-title{margin-bottom: 0;}
.project-thumbs img {
width: 185px;
height: 155px;}
.project-main img {
width: 100%;
height: 330px;}
.social-icons{text-align: center;}
.footer {
padding: 30px 20px;}
.footer h5 {    margin-top: 30px;}
}