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

    .capabilities-section .owl-nav{
        left: 42%; 
    } 
}

@media screen and (max-width: 1024px) {
    .shape-circle{
        left: 27%;
    }
    .header-navbar .navbar .navbar-nav .nav-item .nav-link{
        font-size: 14px;
    }
    .contact-section{
        padding-top: 70px;
        padding-bottom: 80px;
    }
    .contact-section .contact-breadcrumb .heads{ 
        font-size: 40px;
        line-height: 50px;
    }
}
@media screen and (max-width: 991px) { 
    .section-spacing {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sec-title h2{
        font-size: 30px;
        line-height: 40px;
    }
    .anim-icons{
        display: none;
    }
    .shape-circle{
        display: none;
    }
    .banner-section .bg-banner .heading{
        font-size: 35px;
        line-height: 45px;
        padding-left: 30px;
    } 
    .banner-section .bg-banner .conts {
        font-size: 15px; 
        line-height: 25px;
        padding-left: 30px;
    }
    .cta-section .cta-content .cta-heading { 
        font-size: 30px;
        line-height: 40px; 
    }
    .footer_section .inner_section .sub_fluid .footer_box.card{
        margin-top: 0px;
    }
    .idustries-section .inner-column .text2{
        font-size: 14px;
        line-height: 24px;
    }
    .contact-form-section .map {
        height: 400px;
    }
    .contact-section{
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .contact-section .contact-breadcrumb .heads{ 
        font-size: 35px;
        line-height: 45px;
    }
    .capabilities-section .owl-nav{
        left: 42%;
    }
    .blog-details .blog-box .heading {
        font-size: 20px;
        line-height: 30px;
    }
    .blog-details .blog-box .post-left ul li{
        font-size: 13px;
    }
    .blog-details .blog-box blockquote{
        padding: 16px 17px;
        margin: 21px 0 42px 0;
        font-size: 15px;
        line-height: 25px;
    }
    .blog-details .blog-box blockquote::before{
        height: 9px;
    }
    .blog-details .blog-box .cnts {
        font-size: 14px;
        line-height: 24px;
    }
    .blog-details .blog-box .heads {
        font-size: 18px;
        line-height: 28px;
    }
     
}
@media screen and (max-width: 767px) {
    .section-spacing {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sec-title h2{
        font-size: 28px;
        line-height: 38px;
    }
    .anim-icons{
        display: none;
    }
    .header-navbar .navbar .navbar-brand img{
        max-width: 140px;
    }
    .banner-section .bg-banner{
        height: 400px;
    }
    .banner-section .bg-banner .heading{
        font-size: 28px;
        line-height: 38px;
        padding-left: 30px;
    } 
    .banner-section .bg-banner .conts {
        font-size: 14px; 
        line-height: 24px;
        padding-left: 30px;
    }
    .shape-circle{
        display: none;
    }
    .cta-section .cta-content {
        padding: 25px 25px;
    }
    .cta-section .cta-content .cta-heading { 
        font-size: 30px;
        line-height: 40px; 
    }
    .make-inida-section .bg-seamless{
        padding: 20px 10px;
    }
    .make-inida-section .content {
        font-size: 13px; 
        line-height: 24px;
    }
    .footer_section .inner_section .sub_fluid .footer_box.card{
        margin-top: 0px;
    }
    .idustries-section .inner-column .text2{
        font-size: 14px;
        line-height: 24px;
    }
    .contact-form-section .map {
        height: 400px;
    }
    .manufacuring-section .content-column .inner-column .text2 {
        font-size: 13px;
        line-height: 23px;
    }
    .contact-section{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .contact-section .contact-breadcrumb .heads{ 
        font-size: 35px;
        line-height: 45px;
    } 
    .capabilities-section .capabilities-carousel .item{
        padding: 2rem;
    }
    .capabilities-section .capabilities-carousel .item .heading{
        font-size: 20px;
        line-height: 30px;
    }
    .capabilities-section .capabilities-carousel .item .conts {
        font-size: 12px;
        line-height: 22px; 
    }
    .blog-details .blog-box .heading {
        font-size: 20px;
        line-height: 30px;
    }
    .blog-details .blog-box .post-left ul li{
        font-size: 13px;
    }
    .blog-details .blog-box blockquote{
        padding: 16px 17px;
        margin: 21px 0 42px 0;
        font-size: 15px;
        line-height: 25px;
    }
    .blog-details .blog-box blockquote::before{
        height: 9px;
    }
    .blog-details .blog-box .cnts {
        font-size: 14px;
        line-height: 24px;
    }
    .blog-details .blog-box .heads {
        font-size: 18px;
        line-height: 28px;
    }
}
@media screen and (max-width: 575.5px) {
    .section-spacing {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sec-title h2{
        font-size: 25px;
        line-height: 35px;
    }
    .anim-icons{
        display: none;
    }
    .header-navbar .navbar .navbar-brand img{
        max-width: 140px;
    }
    .banner-section .bg-banner{
        height: 400px;
    }
    .banner-section .bg-banner .heading{
        font-size: 25px;
        line-height: 35px;
        padding-left: 30px;
    } 
    .banner-section .bg-banner .conts {
        font-size: 14px; 
        line-height: 24px;
        padding-left: 30px;
    }
    
    .about-section .inner-column ul li{
        width: 100%;
    }
    .about-section .content-column .inner-column .text2{
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0px;
    }
    .shape-circle{
        display: none;
    }
    .cta-section .cta-content {
        padding: 25px 25px;
    }
    .cta-section .cta-content .cta-heading { 
        font-size: 30px;
        line-height: 40px; 
    }
    .make-inida-section .bg-seamless{
        padding: 20px 10px;
    }
    .make-inida-section .content {
        font-size: 13px; 
        line-height: 24px;
    }
    .footer_section .inner_section .sub_fluid .footer_box.card{
        margin-top: 0px;
    }
    .mision-section .mission-content {
        padding: 1.5rem 0rem; 
    }
    .soulution-and-services-section .inner-column .text2{
        font-size: 12px;
        line-height: 22px;
    }
    .services-content .heading{
        font-size: 14px;
        line-height: 24px;
    }
    .testimonial-section .testimonial-carousel .card-detail .heads{
        font-size: 18px;
        line-height: 28px;
    }
    .testimonial-section .testimonial-carousel .card-detail .cnts{
        font-size: 14px;
        line-height: 24px;
    }
    .testimonial-section .card-detail .authr-location{
        font-size: 14px;
        line-height: 24px;
    }
    .idustries-section .industry-contnt .conts{
        font-size: 12px;
        line-height: 22px;
    }
    .manufacuring-section .sec-title .sub-title{
        background-color: #1397cc17;
        border-radius: 29px;
        padding: 6px 13px;
        font-size: 11px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }
    .why-choose-section .sec-title .sub-title{
        background-color: #1397cc17;
        border-radius: 29px;
        padding: 6px 13px;
        font-size: 11px;
        letter-spacing: 1px;
        margin: 10px 0px;
        text-align: center;
    }
    .about-banner .banner-img{
        height: 120px;
    }
    .about-banner .banner-img img{
        height: 100%;
    }
    .contact-section{
        padding-top: 40px;
        padding-bottom: 50px;
    }
    .contact-section .contact-breadcrumb .heads{ 
        font-size: 35px;
        line-height: 45px;
    } 
    .capabilities-section .capabilities-carousel .item{
        padding: 1rem;
    }
    .capabilities-section .capabilities-carousel .item .heading{
        font-size: 20px;
        line-height: 30px;
    }
    .capabilities-section .capabilities-carousel .item .conts {
        font-size: 12px;
        line-height: 22px; 
    }
    .capabilities-section .capabilities-carousel .item .content-section ul li{
        font-size: 12px;
    }
    .why-choose-section .inner-column .text2 {
        font-size: 14px;
        line-height: 24px;  
    }
    .why-choose-section .inner-column ul li{
        font-size: 12px;
    }
    .capabilities-section .owl-nav {
        left: 40%; 
    } 
    .blog-details .blog-box .heading{
        font-size: 18px; 
        line-height: 28px;
    }
    .blog-details .blog-box .post-left ul li{
        font-size: 12px;
    }
    .blog-details .blog-box blockquote{
        padding: 16px 17px;
        margin: 21px 0 42px 0;
        font-size: 15px;
        line-height: 25px;
    }
    .blog-details .blog-box blockquote::before{
        height: 9px;
    }
    .blog-details .blog-box .cnts {
        font-size: 13px;
        line-height: 23px;
    }
    .blog-details .blog-box .heads {
        font-size: 16px;
        line-height: 26px;
    }
    .blog-details .blog-box2 .card .blog-post .post-info .cnts{
        font-size: 13px; 
        font-weight: 500;
    }
}     
@media screen and (max-width: 423px){
    .capabilities-section .owl-nav {
        left: 35%;
    }
}
@media screen and (max-width: 400px){
    
    .capabilities-section .owl-nav {
        left: 71.5%;
    }
    .capabilities-carousel .owl-nav::after{
        bottom: 42px; 
        right: -7%; 
        height: 39px;
        width: 80px;
        transform: rotate(270deg);
    }
}
@media screen and (max-width: 377px){
    .capabilities-section .owl-nav {
        left: 70%;
    }
}
@media screen and (max-width: 355px){
    .capabilities-section .owl-nav {
        left: 68%;
    }
}
@media screen and (max-width: 340px){
    .capabilities-section .owl-nav {
        left: 67%;
    }
}
@media screen and (max-width: 330px){
    .capabilities-section .owl-nav {
        left: 65.5%;
    }
}