@media screen and (min-width: 992px){
.about .about-wrapper .video-wrapper .video {
    border-radius: 0 12px 12px 0;
    position: absolute;
    top: -110px;
    left: 0px;
    width: calc(100% + 60px);
    height: calc(75% + 110px);
}
.about .about-wrapper .about-block-wrapper .about-block {
    background-color: var(--global--color-forth);
    border-radius: 12px 0 0 12px;
    position: absolute;
    top: -70px;
    left: 0px;
    padding-left: 60px;
    width: calc(100% + 60px);
}
.about .about-wrapper {
    display: grid;
    grid-template-columns: 50% 50%;
    height: 635px;
}
/* .aboutshort .about-wrapper .video-wrapper .video {
    border-radius: 12px 0 0 12px;
    position: absolute;
    top: -110px;
    left: 0px;
    width: calc(100% + 60px);
    height: calc(43% + 110px);
} */
.aboutshort .about-wrapper .video-wrapper .video {
    border-radius: 12px 0 0 12px;
    position: absolute;
    top: -110px;
    left: 0px;
    width: calc(100% + 60px);
    height: calc(75% + 110px);
}
.aboutshort .about-wrapper .about-block-wrapper .about-block {
    border-radius: 0 12px 12px 0;
    background-color: var(--global--color-forth);
}
.features.features-1 {
    margin-top: 0px;
}
.features .feature-panel-holder .feature-panel {  
    padding: 39px 34px 0px;
}
.bg-overlay-theme2:before {
    
    background-image: linear-gradient(
178deg, #32c36c63 50%, #ffffff4f 100%);
}
}
.about .about-wrapper .about-block-wrapper .about-block .heading .heading-desc {
    margin-bottom: 32px;
    color: white;
}
.projects-modern{
    margin-top: -260px;
    
}
.projects.projects-modern {
    padding-top: 170px;
}
.nodisplay12{
    display: none;
}



.feature-icon img{
    height: auto;
    width: 40%;
}
.project-panel .project-panel-holder .project-content .project-title {
    height: 80px;
    margin-bottom: 0px;
}
.about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
    position: relative;
    left: 25%;
}
.marginpoint{

    /* margin-left: 150px; */
    margin-left: 13%;
}
.features .feature-panel-holder .feature-panel .feature-content p {
    color: var(--global--color-body);
}
.features .feature-panel-holder .feature-panel {
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
}
.about {
    padding-top: 0px;
}
.about.about-2 {
    padding-top: 70px;
    padding-bottom: 0;
}
.aboutshort {
    padding-top: 0px !important;
}

.project-single .project-overview {
    padding-top: 70px;
    padding-bottom: 70px;
}
.heading .heading-subtitle {
    text-transform: uppercase;
    font-size: 18px;
} 


@media screen and (max-width: 767.98px) {


    .about .about-wrapper .about-block-wrapper .about-block {
            background-color: var(--global--color-forth);
    }
    .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
        border-radius: 0 0 12px 12px;
        margin-bottom: 40px;
    }
    .video {
        position: relative;
        border-radius: 12px;
        height: 375px;
        -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
        transform: translateY(100px);
        margin-top: -100px;
    }
    .about .about-wrapper .about-block-wrapper .about-block .heading {
        padding-bottom: 20px;
        max-width: 90%;
        margin: 0px auto;
    }
    .nodisplay13{
        display: none;
    }
    .nodisplay12{
        display: block;
    }
    .about.about-2 {
        margin-bottom: 0px;
    }
    .projects.projects-modern {
        padding-top: 100px;
        margin-top: -50px;
    }
    .projects.projects-modern {
        
        padding-bottom: 0px;
    }
    .about {
        padding-top: 30px;
        padding-bottom: 0px;
    }
    .features {
        padding-top: 120px;
    }
    .marginpoint {
        /* margin-left: 150px; */
        margin-left: 0px;
    }
    .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
        position: relative;
        left: 0;
    }
    .about.about-2 {
        padding-bottom: 65px;
    }
    }
    @media screen and (min-width: 768px) and (max-width: 992px){
        .about .about-wrapper .video-wrapper .video {
        border-radius: 0 12px 12px 0;
        position: absolute;
        top: -110px;
        left: 0px;
        width: calc(100% + 60px);
        height: calc(75% + 110px);
    }
        .about .about-wrapper .about-block-wrapper .about-block {
            background-color: var(--global--color-forth);
        }
        /* .nodisplay13{
            display: none;
        }
        .nodisplay12{
            display: block;
        } */
        .about .about-wrapper {
            display: grid;
            grid-template-columns: 50% 50%;
            height: 635px;
        }
        .about .about-wrapper .video-wrapper .video {
            border-radius: 0 12px 12px 0;
            position: absolute;
            top: -110px;
            left: 0px;
            width: calc(100% + 60px);
            height: calc(75% + 110px);
        }
        .about .about-wrapper .video-wrapper .video {
            border-radius: 0 12px 12px 0;
            position: absolute;
            top: -110px;
            left: -280px;
            width: calc(100% + 600px);
            height: calc(100% + 120px);
        }
        .about .about-wrapper .about-block-wrapper .about-block {
            background-color: var(--global--color-forth);
            border-radius: 12px 0 0 12px;
            position: absolute;
            top: -90px;
            left: -60px;
            padding-left: 60px;
            width: calc(100% + 60px);
        }
        .about .about-wrapper .about-block-wrapper .about-block .heading .heading-desc {
            margin-bottom: 32px;
            color: white;
        }
        .aboutshort .about-wrapper .video-wrapper .video {
            border-radius: 12px 0 0 12px;
            position: absolute;
            top: -110px;
            left: -308px;
            width: calc(100% + 600px);
            height: calc(100% + 180px);
        }
        .aboutshort .about-wrapper .about-block-wrapper .about-block {
        border-radius: 0 12px 12px 0;
        background-color: var(--global--color-forth);
    }
    .aboutshort{
        margin-top: 100px;
    } 
    .about {
        padding-top: 120px;
        padding-bottom: 70px;
    }
    .features {
        padding-top: 120px;
    }
    .about {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .about .about-wrapper .about-block-wrapper .about-block .heading .heading-subtitle {
        position: relative;
        left: 0;
    }
    .about.about-2 {
        padding-top: 0px;
        padding-bottom: 100px;
    }
    .aboutshort {
        margin-top: 20px;
        margin-bottom: 60px;
    }
    .heading.heading-1 {
        margin-bottom: 90px;
    }
    }

    .page-title.page-title-11 .page-title-wrap .title {
        margin-bottom: 0px;
    }
    .page-title.page-title-11 .page-title-wrap {
      height: 100vh;
        align-items: center;
    }
    .bg-overlay-dark-3:before {
       
        background-image: linear-gradient(180deg, #1b1a1a2e 0%, #00000042 100%);
    }
    .page-title .title .title-heading {
        margin-bottom: 0px;
    }


    .features {
        padding-top: 70px;
    }
    .footer {
        margin-top:-70px
    }

    .Manufacturinghead{
        color: var(--global--color-primary);
    }
    .businesshead{
        color: var(--global--color-primary);
    }
    .headhome {
        color: var(--global--color-heading);
      }