.prodfooterl 
{background: #ececec;
width: 100%;
height: 400px;}

.header-contact_1 
{width: 100%;
height:100px;
background: #7d7d7d;
display: block;
text-align: center;
}

.header-contact_1 p 
{color: #fff;
font-size:35px;
line-height: 100px;
}


.prodfooterr
{background: #d2d2d2;
width: 100%;
height: 400px;
}

.header-contact_2 
{width: 100%;
height:100px;
background: #5f5f5f;
display: block;
text-align: center;
}

.header-contact_2 p 
{color: #fff;
font-size:35px;
line-height: 100px;
}


.prodform 
{width: 95%;
margin: 20px;}

.product_form_outer input 
{border: 1px solid #000000;
background: none !important;
width: 100%;
height: 50px;
margin-top: 20px;
}

.product_form_outer input::placeholder 
{color: #000000;
padding-left: 20px;}

.my-custom-input {
    color: #000000;
    padding-left: 20px;  
    width: 98% !important;
}

.my-custom-input::placeholder {
    color: #000000;   
}


.sendprod 
{background: #2a2a2a;
border:none;
color: #ffffff;
margin-top: 30px;
height: 50px;
width: 100.5%;}

.contact-item {
    display: flex;      
    align-items: center; 
    gap: 12px;          
    margin-bottom: 15px; 
    margin-top: 15px;
    margin-left: 15px;
}

.icon-contact {
    flex-shrink: 0;     
    width:45px;         
    display: flex;
    justify-content: center;
}

.icon-contact img {
    width: 100%;        
    height: auto;
    display: block;
}

.contact-item a, 
.contact-item span {
    font-size: 16px;     
    line-height: 1.4;    
    text-decoration: none;
    color: #333;        
}


.prod_contacts .row {
    margin-top: 20px;
    margin-right:10px;
}

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

.prodfooterl 
{background: #ececec;
width: 100%;
height:auto;} 

.prodform 
{width: 90%;
margin: 20px 20px;}

.prodform .my-custom-input
{width: 95% !important;}

.prodfooterr
{background: #d2d2d2;
width: 100%;
height:auto;
}    

}