@media only screen and (max-width: 767px)
{
    .abt-img
    {
        margin-bottom: 5%;
    }
    .abt-img img
    {
        height: auto;
    }
    .site-text h3
    {
        font-size: 28px;
    }
    .site-text h4
    {
        font-size: 28px;
    }
    .site-text p
    {
        font-size: 15px;
        line-height: 22px;
    }
    .site-text a, .mar-bottom .btn-primary
    {
        padding: 13px 40px;
        font-size: 15px;
        margin-top: 18px;
    }
    .br-1
    {
      border-right: 0px solid#c6c6c6;
    }
    .all-rights
    {
        margin-top: 4%;
        margin-bottom: 3%;
    }
    .site-map h3
    {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .banner-bg-img .site-map a
    {
        margin-bottom: 10px;
    }
    .site-text
    {
        margin-top: 10px;
    }
    /* how-we-work */
    .hall-img
    {
        height: auto;
    }
    .process-step
    {        
        padding: 10px;
        margin-bottom: 0px;
        gap: 0px;
    }
    .process-step span
    {
        font-size: 60px;
    }
    .process-step h3
    {
        font-size: 1em;
    }
    #what-we-do .img-fluid
    {
        margin-top: 35px;
    }
    .flip-card
    {
        height: 430px;
    }
    /* .carousel-caption
    {
        right: 8% !important;
        bottom: 3.25rem !important;
        left: 9% !important;
    } */
    .carousel-caption h3
    {
        font-size: 23px;
    }
    .carousel-caption h5
    {
        font-size: 21px;
    }
    .all-rights p
    {
        font-size: 14px;
    }
    .carousel-caption a
    {
        margin-top: 15px;
    }
    .carousel-item img
    {
        height: 600px;
    }
    .nav-pills .sub-page-tab .nav-link.active, .sub-page-tab .nav-link 
    {
        font-size: 16px;
    }
    .project-service
    {
        flex-direction: column;
    }
    .ser-img
    {
        width: 100%;
    }
    .project-service .ser-img img
    {
        width: 100% !important;
        height: 220px;
        object-fit: cover;
        margin: 0px 0px 16px 0px;
    }
    .clients-img
    {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .clients-img img
    {
        margin: 0px 0px 16px 0px;
    }
    .map-img img 
    {
        width: 100%;
    }
    .f-listing i
    {
        font-size: 40px;
    }
}
/* End of 767px */

@media only screen and (max-width: 991px)
{
    .get-to-img
    {
        margin-bottom: 20px;
    }
    .navbar-expand-lg .navbar-nav
    {
        gap: 10px;
    }
    .navbar-collapse
    {
        padding: 16px;
    }
    .abt-img img
    {
        height: 400px;
        width: 100%;
    }
    /* .carousel-caption
    {
        right: 17% !important;
        bottom: 3.25rem !important;
        left: 17% !important;
    } */
    .carousel-caption
    {
        width: 52%;
    }
    .margin-bott
    {
        margin-bottom: 24px;
    }
    .abt-us-product
    {
        height: auto;
    }
    .abt-us-product img
    {
        position: relative;
    }
    .subpage-sub-htext .comm-projects .highlighting-text
    {
        font-size: 26px;
    }
    .other-machines img
    {
        height: 400px;
    }
    .machine img, .cont-img .abt-us-product
    {
        height: auto;
    }
    .location-search
    {
        width: 100%;
        margin-bottom: 16px;
    }
    .location-search
    {
        flex-direction: column;
    }
    .navbar-links
    {
        margin-bottom: 16px;
    }
    .navbar-links li,
    .navbar-btn
    {
        width: fit-content;
    }
    .carousel-caption h3
    {
        font-size: 24px;
        line-height: 38px;
    }
    .carousel-caption h5
    {
        font-size: 20px;
        line-height: 28px;
    }
    .carousel-caption .banner-text h6
    {
        font-size: 16px;
        line-height: 24px;
    }
    .language
    {
        width: fit-content;
        margin-bottom: 16px;
    }
    .categories
    {
        display: none;
    }    
}
/* End of 991px */

@media only screen and (max-width: 425px)
{  
    .carousel-item img
    {
        height: 460px;
    }
    .sub-page-htext h4
    {
        font-size: 28px;
    }
    .sub-page-htext p, .mission-vision .content p, .subpage-sub-htext p, .journey-content p
    {
        font-size: 16px;
        line-height: 26px;
    }
    .nav-pills .sub-page-tab .nav-link.active, .sub-page-tab .nav-link
    {
        width: 100%;
    }
    .contact-form .send-button a
    {
        width: 100%;
    }
    .completed-projects .project-content h4
    {
        font-size: 22px;
        margin-bottom: 14px;
    }
    .completed-projects .project-content p
    {
        font-size: 16px;
        line-height: 26px;
    }
    .pro-services .service-name
    {
        font-size: 15px;
    }
    .subpage-sub-htext .comm-projects .highlighting-text
    {
        font-size: 24px;
    }
    .machine img
    {
        height: 400px;
    }
    .other-machines img
    {
        height: auto;
    }
    .logo-social .site-map-img img
    {
        height: 24px;
    }
    .logo-social
    {
        padding: 24px 0px;
    }
    .banner-btn
    {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 8px;
    }
    .banner-btn .btn
    {
        padding: 8px 16px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 20px;
    }
    .carousel-caption
    {
        width: 85%;
        padding: 25px 22px;
    }

    .carousel-caption h3
    {
        font-size: 20px;
        line-height: 32px;
    }
    .carousel-caption h5
    {
        font-size: 16px;
        line-height: 24px;
    }
    .carousel-caption .banner-text h6
    {
        font-size: 14px;
        line-height: 20px;
    }
    .directory-brand-logo img
    {
        width: 100%;
    }
    .mar-left_right
    {
        margin: 0px 24px;
    }
    .col-contact i
    {
        margin-bottom: 16px;
        padding: 12px;
        font-size: 20px;
    }
}
/* End of 425px */
@media only screen and (max-width: 575px)
{
    .f-listing h3
    {
        font-size: 21px;
        line-height: 22px;
    }
    .f-listing p
    {
        font-size: 16px;
        line-height: 24px;
    }
}
/* End of 575px */

@media only screen and (max-width: 1440px)
{  
    .carousel-item img
    {
        height: 600px;
    }
}
/* End of 1440px */

@media only screen and (max-width: 600px)
{
    #banner-form
    {
        left: 4% !important;
        top: 40%;
        width: 92% !important;
    }
}

@media only screen and (max-width: 536px)
{  
    .navigation-tabs
    {
        flex-direction: column;
    }
    .sub-page-tab .nav-link
    {
        margin: 0px 0px 10px 0px;
    }
}
/* End of 536px */

@media only screen and (max-width: 1199px)
{  
    .cont-medium .cont-type
    {
        font-size: 16px;
    }
}
/* End of 1199px */

@media only screen and (min-width:320px) and (max-width: 1199px)
{  
    .left-content
    {
        left: 0% !important;
        right: 40% !important;
        width: 100%;
        top: 14% !important;
    }
    .right-content
    {
        left: 25% !important;
        top: 40%;
        width: 50% !important;
    }
}

@media only screen and (min-width:1200px) and (max-width: 1399px)
{  
    .menu-truncate
    {
        white-space: nowrap;
        width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (min-width:992px) and (max-width: 1199px)
{  
    .menu-truncate
    {
        white-space: nowrap;
        width: 124px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 575px)
{  
    
    .banner-img-shape
    {
        padding: 18% 0%;
    }

}
@media only screen and (max-width: 768px)
{
    .title-h2
    {
        font-size: 20px;
    }
    .breadcrumb .breadcrumb-item
    {
        font-size: 14px;
    }
    .nav-ct
    {
        position: static;
    }
    .banner-img-shape
    {
        padding: 18% 0%;
    }
}
@media only screen and (max-width: 1199px)
{
    .banner-img-shape
    {
        padding: 13% 0% 10% 0%;
    }
    .title-h2
    {
        font-size: 24px;
    }
    .breadcrumb .breadcrumb-item
    {
        font-size: 14px;
    }
    .f-listing h3
    {
        line-height: 30px;
    }
}
@media only screen and (max-width: 575px) {
    .modal-content {
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .carousel-caption
    {
        width: 85%;
        padding: 25px 22px;
    }

}