@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: 100%;}
.hero video {position: relative;top: 0;left: 0;min-width: 100%;min-height: 100%;width: 100%;height: auto;transform: translate(0%, 0%);
object-fit: cover;}
.nav-item {padding: 8px 0;}
.navbar-collapse {padding-bottom: 10px;}
.dropdown-menu {
    padding: 10px 0;}
.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%;}
h1, h2, h3, h4, h5, h6{line-height: normal;}
}
@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: -20px;right: 20px;font-size: 50px;}
.our-product .container::after {top: -50px;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;}
.green-box:after{bottom: -8px}
}