@media (max-width: 1700px) {
.hero-slider .slick-prev{
right: 10%;
}}
@media (max-width: 1400px) {
.product_cnt{
    width:100%;
}
}
@media (max-width: 1300px) {
.container-fluid {
    max-width: 95%;
}
}
@media (max-width: 1350px) {
 header ul li a {
        font-size: 14px !important;
    }

}
@media (max-width: 1200px) and (min-width: 992px) {
.location{
    grid-template-columns:repeat(1,1fr);
}

.aboutcnt_main {
width:180%;
}
.product_slider_wrapper .slide-card{
    padding:10px 25px;
}

}
@media (max-width: 1200px) {
.hero-slider .slick-prev{
right: 11%;
}.our_products::before {
width:50%;
}
/*.aboutcnt_main{*/
/*    width:180%;*/
/*}*/
.breadTitle h1{
    margin-bottom:24px;
}
.next_card{
    width:100%;
}
    header ul li a {
        font-size: 14px !important;
    }
}

@media (max-width: 1100px) {
    
.navbar-nav .nav-link{
    /*padding:8px 15px;*/
}
}
 @media (max-width: 991px) {
    .navbar-nav > li:last-child {
        margin-bottom: 10px;
    }
}

@media (max-width: 992px) {
    .ist_sec{
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:30px;
    }
    
	.pro-slider .slide-card h4{
		color:#fff;
	}
    
    header.scrolled {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(0px);
}
    
     .esg-credentials-section .esg-grid{
         display:grid;
         grid-template-columns:repeat(2,1fr)
     }
   
    .dropdown-menu {
        display:none;
    }
    
    
    
    .teamContainer{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
    
    
    
    
    .about-grid{
 grid-template-columns:repeat(1,1fr);}
 .career_sec1 .aboutnumber {
padding-top:40px;
 }
 
 .main_pdf{
     display:grid;
     grid-template-columns:repeat(2,1fr);
 }
 .ag-production-wrapper .overlap-card{
     width:70%;
 }
 .product_main > *:nth-child(2) ,.product_main > *:nth-child(4) {
    border: none !important;
}
.product_main .propadding:nth-child(4) .product-card {
    border-bottom: 1px solid #cfc9c9 ;
}
.product_main > *:nth-child(3){
    border-right:1px solid #cfc9c9;
}
 .slider-container{
     padding:unset;
 }
 
 .main-mission{
 grid-template-columns:repeat(1,1fr);
     gap:20px;
 }
.product_main{
     grid-template-columns:repeat(2,1fr);
}
    .industries_grid{
        grid-template-columns:  repeat(2,1fr) ;
    }
	.industries_grid1{
		 grid-template-columns:  repeat(2,1fr) ;
	}

.aboutcnt_main{
    margin-top:40px;
}
    .value-card {
text-align:center;
}
.margin-tp{
        margin-top:70px;
    }
    .breadImage img{
        height:400px;
        object-fit:cover
    }
    .slide .content{
        top:20%;
    }

    .mobile-btn-wrapper {
     margin-bottom:20px;   
}
.product_slider_wrapper{
    margin-left:0px;
}

.hero-slider .slick-prev{
right: 13%;
}
.our_products::before{
    width:100%;
}
.custom-header {
    box-shadow:unset;
            /*box-shadow: 0 2px 4px rgba(0,0,0,0.05);*/
            /*padding:15px 0px;*/
        }
        
        .navbar-nav{
            /*background-color:#fff;*/
        }
        .navbar-collapse{
            background-color:#fff;
        }
        .aboutcnt_main{
            width:100%;
            margin-bottom:40px;
        }
        .aboutag::before{
            display:none;
        }
        
       .aboutag .aboutnumber div:nth-child(4) ,.abnumbers div:nth-child(4)   {
    margin-top : 20px;
}
}

@media (max-width: 1050px) and (min-width: 992px) {
    .container-fluid {
    max-width: 100%;
}
}
@media (max-width: 768px) {
    .hero-slider {
	   margin-top:40px;
	}
    
    .inner_product{
		margin-top:60px;
	}
    
     .main_pdf{
     display:grid;
     grid-template-columns:repeat(1,1fr);
 }
    .industries_about p, .product-main p{
        width:100%;
    }
    .ag-production-wrapper .image-text-container {
    /* position: relative; */
    width: 100%;
    display: flex;
    /* align-items: flex-end; */
    flex-direction: column;
    gap: 20px;
}

.ag-production-wrapper .large-image {
        width: 100%;
        height: auto;
    }
        .ag-production-wrapper .layout-right-text .btn-container {
         text-align: left ; 
        padding-top: 20px ;
    }
    .ag-production-wrapper .layout-left-text .btn-container{
        text-align:left;
        padding-top:20px;
    }
    .mohan-production-wrapper .page-container{
        gap:20px;
    }
    .ag-production-wrapper .overlap-card {
        position: relative;
        width: 100%;
         margin: unset; 
         bottom: 0; 
        
        /* right: 0; */
        /* left: 0; */
        padding: 20px;
         padding-left:0px;
        box-shadow:unset;
    }
    
    .teamContainer{
        display:grid;
        grid-template-columns:repeat(1,1fr);
    }
    
    .ag-production-wrapper .page-container {
gap:20px;
}

.mohan-production-wrapper .features-section, .features-section{
    gap:20px;
}
    
    
    .hero-slider .slick-prev{
right: 14%;
}
.industries_about h2, .product-main h2{
    width:100%;
}
 .cad-cam-capability h3{
        margin-bottom:20px;
    }
    .accordion-item strong{
        font-size:16px;
    }
.job-grid{
    grid-template-columns:repeat(1,1fr);
}
.breadTitle h1{
    font-size:36px;
    margin-bottom:0px;
}
	.inner_product h1{
		font-size:36px;
	}
.job-card{
    width:95%;
}
.features{
    grid-template-columns:repeat(2,1fr);
}
.clients_logo .logo-item{
    padding:20px;
}
.aboutcont .ab_num p, .abnumbers .ab_num p {
    font-size : 36px;
    line-height:46px;
    
}
.cards-container{
    grid-template-columns:repeat(1,1fr)
}
.mainbtn{
    padding:8px 20px;
}
.industries_sec .card-content h3, .product-main .card-content h3{
    margin-bottom:0px;
}
 .breadImage img{
        height:300px;
        object-fit:cover
    }
h2 {
    font-family: DM Serif Display;
    font-weight: 400;
    font-style: Regular;
    font-size: 36px;
    line-height: 50px;
    color: #fff;
    /* width:40%; */
}
h3 {
    font-family: DM Serif Display;
    font-weight: 400;

    font-size: 22px;

    line-height: 32px;
    color: #fff;
    margin-bottom: 12px;
}
h4,h5{
    font-size:20px;
    line-height:30px;
}
p{
    font-size:16px;
    line-height:26px;
}

.footer_logo_image img{
    height:50px;
    width:auto;
}
.csr_3rdsec h2 ,
.ist_cont h2,
.client_logo h2,
.contact_wrapper h2,
.indus_heading h2 ,
.next_step h2,
.commitment-section h2 ,
.career_sec1  .aboutcont h2,
.industries_about h2,
.product-main h2,
.next_step1 h2,
.main-mission h2,
.product-section h2,
.esg-credentials-section h2
,.ag-map-wrapper h2{
    color: rgba(12, 34, 66, 1);
    margin-bottom: 20px;
    margin-top:unset;
}

.progress-container{
    width:100%;
}
.aboutcont h2{
    margin-top : 0px;
}
    h1 {
    font-weight: 400;
    font-size: 56px;
    line-height: 66px;
    letter-spacing: 0%;
    font-family: DM serif Display;
    margin-bottom: 32px;

}

p,.aboutcnt_main p{
    font-size:16px;
    line-height:26px;
}
.aboutcnt_main{
    padding:22px;
}

    h2{
        font-size:30px;
        line-height:40px;
    }
    .p_100{
        padding-top:50px;
        padding-bottom:50px;
    }
     .aboutag .aboutnumber div:nth-child(3) ,.abnumbers div:nth-child(3) ,.aboutag .aboutnumber div:nth-child(4) {
    margin-top : 20px;
}
    
    
.product_slider_wrapper .slide-card{
    padding:30px 60px ;
}

    .slider-container{
        padding:0px;
    }
    
 
.contact_wrapper::before{
    /*display:none;*/
    width:100%;

}

   .contact_wrapper {
    position: relative;
    overflow: hidden;
}
.custom-diflex-slider-wrapper .text-box{
    padding :10px;
    top:5%;
}

.contact_wrapper::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url('<?php the_field("contact_img"); ?>');
    background-size: cover;
    background-position: center;

    z-index: -2;
}
.industries_sec .card-content, .product-main .card-content {
    padding:0px 20px 20px 20px;
}
.contact_wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    backdrop-filter: blur(5px);
    background: rgba(0, 0, 0, 0.1); /* dark glass effect */
    -webkit-backdrop-filter: blur(20px);
   /* thoda transparency */
    z-index: -1;
}
.contact_wrapper .container {
    position: relative;
    z-index: 2;
}
}
@media (max-width: 576px) {
    .product-card h3.product-title {
    font-size: 20px;
}
	.hero-slider .slide::before{
	height:700px;
	width:700px;
}
	.industries_grid1{
		 grid-template-columns:  repeat(1,1fr) ;
	}
    .top-line{
        margin-bottom:10px;
    }
    
        .career_sec1 .aboutnumber {
          padding-top:unset;  
            
}
	.inner_product{
		margin-top:40px;
	}
.career_sec1 h3{
    margin-bottom:20px;
}
.divider{
    margin:0px;
    display:none;
}
.job-card
{
    padding:20px;
}

.jobs-top{
    gap:20px;
}
    
	.breadBrumb::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    background-color: var(--primary-color);
    clip-path: polygon(0 0, 40% 0, 100% 100%, 0% 100%);
    z-index: 1;
}
	
	
    .mohan-production-wrapper .feature-column, .feature-column{
        padding-left:0px;
 }

    .leadershipModal button.btn-close{
        right: -10%;
    top: -6%;
    }
    
    .esg-credentials-section .esg-grid{
        display:grid;
        grid-template-columns:repeat(1,1fr);
        gap:50px;
    }
    .esg-credentials-section .esg-logo{
        margin-bottom:10px;
    }
    .esg-item h3{
        line-height:32px;
    }
    
    .profileContainer{
        padding:0px;
    }
    h1 {
    font-weight: 400;
    font-size: 44px;
    line-height: 58px;
    letter-spacing: 0%;
    font-family: DM serif Display;
    margin-bottom: 32px;

}
.navbar-brand img {
    /* height: 70px; */
    /* width: 100%; */
    width: 70px;
    height:70px;
    margin-left:15px;
}
button.navbar-toggler {
    margin-right: 15px;
}
.features{
    grid-template-columns:repeat(1,1fr);
}
.propadding{
    padding:unset;
    border:unset;
}
.product_main{
     grid-template-columns:repeat(1,1fr);
}
 .industries_grid{
        grid-template-columns:  repeat(1,1fr) ;
}
.loc_detail{
    margin-top:20px;
    padding:unset;
}
.next_cont{
    gap:0px
}
.breadContent{
    padding-left:10px;
}
.industries_sec .card-content, .product-main .card-content{
                padding: 40px;
}

 
.breadBrumb:after{
    width:100%;
}
 .slide .content{
        top:13%;
 }
    .hero-slider .slick-prev{
right: 16%;
}
.hero-slider .slick-next{
    right:4%;
}
 .aboutag .aboutnumber div:nth-child(2) ,.abnumbers div:nth-child(2)  {
    margin-top : 20px;
}
.product_slider{
    right:5%;
}
.location{
    grid-template-columns:repeat(1,1fr);
}
.product_slider_wrapper .slide-card {
        min-height: 450px;
    }
    .product_slider_wrapper .slide-card {
        padding: 0px;
    }
.connect-form{
    width:  100%;
    padding:10px;
}
.pro-slider .slide-card h4{
    margin-top:0px;
    padding:20px;
}
.clients_main{
    grid-template-columns:repeat(2,1fr);
}
	.client_main{
		grid-template-columns:repeat(2,1fr);
	}
.slide .content h1 {
    width:90%;
}

.industries_sec .card-content h3, .product-main .card-content h3{
    margin-bottom:40px;
}
.custom-diflex-slider-wrapper .text-box{
    left:0;
}
header .container-fluid {
        max-width: 100%;
        padding: unset;
    }
.aboutcnt_main{
    margin-top:24px;
}
.indus_head span:after, .next_step h2:after, .next_step1 h2:after{
    bottom:-10px;
}
.commitments-section .card-content {
padding: 35px 15px;
}
.hero-slider{
    height:50vh;
}
.modal-content{
    padding:10px;
    width:90%;
}
.aboutcnt_main .mainbtn{
    margin-top:20px;
}
}
@media (max-width: 400px) {
    
    .breadTitle h1{
    font-size:24px;
    margin-bottom:0px;
    line-height:34px;
}
    .industries_sec .card-content h3, .product-main .card-content h3{
         margin-bottom:20px;
    }
.product_slider_wrapper .slide-card {
        min-height: 360px;
    }
    .industries_sec  .card-content ,.product-main .card-content {
           padding:40px 25px;
        }
        .container-fluid {
        /*max-width: 100%;*/
        padding: unset;
    }
}

@media (max-width: 576px) {
    .product_main > *:nth-child(3) {
        border-right: unset;
    }
	.breadBrumb{
		margin-top:40px;
	}
	.commitment-section h2{
		margin-bottom:0px;
	}
	
	.commitment-section .top-content{
		gap:20px;
	}
	
	.breadTitle h1{
    font-size:30px;
    margin-bottom:0px;
}
	.inner_product h1{
		font-size:30px;
	}
	
	
}