@media(min-width:1400px){

}
/*max width 1599px*/
@media(max-width:1599px){
    .header-wrapper .navbar .logo-wrap{
        width: 100px;
    }
    .header-wrapper .navbar .logo-wrap .custom-logo-link img{
        width: 80px;
    }
    .header-wrapper .navbar .logo-wrap::before{
        width: 180px;
    }
    .header-wrapper .navbar .main-menu > li a{
        font-size: 14px;
    }

    .newsletter-section-wrapper::after{
        right: 6%;
        width: 300px;
        height: 300px;
    }
}
/*max width 1399px*/
@media(max-width:1399px){
    /* header css */
    .header-wrapper .navbar .main-menu > li{
        padding: 0px 4px;
    }
    .header-wrapper .navbar .main-menu > li a {
        font-size: 13px;
        padding: 10px 3px;
    }

    .header-wrapper .navbar .head-right-wrap .book-online-btn .common-btn1{
        padding: 6px 6px;
        font-size: 14px;
    }
    /* header css end */
    /* banner css */
    .banner-wrapper .banner-content-wrap .banner-content h1{
        font-size: 50px;
    }
    /* banner css end */
}
/*max width 1200px to 1399px*/
@media(min-width: 1200px) and (max-width: 1399px){

}
/*max width 1199px*/
@media(max-width: 1199px){
    .header-wrapper{
        padding: 10px 4px;
        padding-bottom: 0px;
    }
    .header-wrapper .navbar .logo-wrap {
        width: 70px;
    }
    .header-wrapper .navbar .logo-wrap .custom-logo-link img {
        width: 50px;
    }
    .header-wrapper .navbar .main-menu > li a {
        font-size: 11px;
        padding: 10px 2px;
    }
    .header-wrapper .navbar .head-right-wrap .book-online-btn .common-btn1 {
        padding: 6px 3px;
        font-size: 12px;
    }
    /*  */
    .we-hiring-wrapper .we-hiring-inner-content h4{
        font-size: 18px;
    }
    .we-hiring-wrapper .we-hiring-inner-content h3{
        font-size: 40px;
    }
    .we-hiring-wrapper .we-hiring-inner-content p{
        font-size: 14px;
    }
}

/*max width 992px to 1199px*/
@media(min-width: 992px) and (max-width: 1199px){

}

/*max width 991px*/
@media(max-width: 991px){
    .common-title h3{
        font-size: 30px;
    }
    .common-title p{
        font-size: 14px;
    }
	/* header banner css start */
    .header-wrapper .navbar .logo-wrap {
        width: 90px;
    }

    .header-wrapper .navbar .main-menu{
        background-color: #212020;
        padding: 15px 15px;
    }
    .header-wrapper .navbar .main-menu > li.menu-item-has-children::after{
        display: none;
    }
    .header-wrapper .navbar .main-menu > li .expand {
        padding: 5px;
        cursor: pointer;
    }

    .header-wrapper .navbar .logo-wrap .custom-logo-link img {
        width: 70px;
    }
    .banner-wrapper .banner-content-wrap .banner-content h1 {
        font-size: 30px;
    }
    .banner-wrapper .banner-sld-items > img{
        height: 400px;
    }
    
	/* header banner css end */
    .who-we-are-left-img{
        padding: 40px 0px;
        padding-right: 20px;
    }
    .who-we-are-right-content{
        padding: 40px 20px;
    }
    .who-we-are-right-content h3{
        font-size: 30px;
    }
    .who-we-are-right-content p{
        font-size: 14px;
    }
    .engineering-services-left-content .engineering-services-inner-content h3{
        font-size: 30px;
    }
    /* #### */
    .we-hiring-wrapper > img{
        height: 350px;
        object-fit: cover;
    }
    .testimonials-wrap p{
        font-size: 16px;
    }

    .project-gallery-wrap .project-hover-text{
        width: 70%;
    }
    .project-gallery-wrap .project-hover-text h4{
        font-size: 16px;
    }

    .about-left-content h3{
        font-size: 30px;
    }
    .about-left-content p{
        font-size: 14px;
    }
    .services-hm-list{
        border-right: 1px solid #C7C7C7;
    }

    .footer-left-content-wrap .foot-left-content h3{
        font-size: 30px;
    }
    .footer-left-content-wrap .foot-read-btn-wrap .foot-read-btn{
        width: 55px;
        height: 55px;
    }

    .newsletter-section-wrapper::after {
        right: 6%;
        width: 170px;
        height: 170px;
    }
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}

/*max width 767px*/
@media(max-width: 767px){
    .inner-banner-wrapper img{
        height: 280px;
    }
	.inner-banner-wrapper .inner-banner-content h1{
        font-size: 30px;
    }
    .who-we-are-right-content{
        padding: 0;
        padding-bottom: 20px;
        border: 0;
    }
    .engineering-services-right-img{
        padding-left: 0;
    }
    .project-tab-wrap .resp-tabs-container{
        width: 100%;
    }

    .art-technology-left-content{
        margin-bottom: 15px;
    }


    /* advantages-of-steel-framing page css start*/
    .advantages-steel-info-list{
        margin: 0;
        margin-top: 20px;
        border-radius: 15px;
    }
    .advantages-of-steel-bottom-wrapper .row.flex-md-row-reverse .advantages-steel-info-list{
        margin: 0;
        margin-top: 20px;
        border-radius: 15px;
    }
    .advantages-steel-info-list h3{
        font-size: 24px;
    }
    .advantages-steel-info-list p{
        font-size: 14px;
    }
    .steel-framing-wrap h3{
        font-size: 16px;
    }
    /* advantages-of-steel-framing page css end*/
    .blog-sidebar{
        padding: 0;
        border-left: 0;
    }
    .newsletter-section-wrapper::after {
        display: none;
    }

    .founder-list .founder-img img{
        height: 400px;
    }
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){
	/* Header banner css start */
    .header-wrapper .navbar .logo-wrap {
        width: 70px;
    }
    .header-wrapper .navbar .logo-wrap .custom-logo-link img {
        width: 60px;
    }
    .header-wrapper .navbar .logo-wrap::before {
        width: 150px;
    }
    .banner-wrapper .banner-content-wrap .banner-content h1 {
        font-size: 20px;
    }
    /* Header banner css end */
}