@media (max-width:1366px){
         section.contact-us{
                   padding: var(--p60) var(--p12);
    }
}

@media (max-width: 1024px){
        section.contact-us{
                   padding: var(--p60) var(--p12);
    }
}
@media (max-width: 980px){
    section.contact-us{
                padding: var(--p50) var(--p12);
                
    }
   
    section.contact-us .col-8{
        width: 100%;
    }
    .contact-us .col-4{
        width:100%;
    }
    .address .right {
    border-right: 0px solid var(--heading-color);
}
.contact-us .row{
    flex-direction: column;
    gap: 30px;
}
.form-map .col-5.form {
    padding: 0;
    width: 100%;
}
.form-map {
    /* padding: var(--p50) var(--p12); */
}
.form-map .col-7 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px;
    margin-top: 0;
}
iframe {
    height: 500px;
}
  .contact-us .col-8{
        margin: auto;
    }
}
@media (max-width: 540px){
       section.contact-us{
                padding: var(--p40) var(--p12);
    }
    section.contact-us .head-sec{
        padding-top: 15px;
    }
    section.contact-us .col-8{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .contact-us .col-8{
        margin: auto;
    }
    .address h4 {
        font-size: 18px;
    }
    section.contact-us .head-sec h2{
        font-size: 28px;

    }
    .contact-us {
        padding-top: 40px;
    }
    .contact-us .col-4{
        padding:0px;
    }
    .form-map {
    padding: var(--p20) 0px;
}
.form-map .main{
    padding: var(--p25) var(--p25);
 
}
h2.form-head {
    font-size: var(--f20);
}
iframe {
    height: 400px;
}
}
@media (max-width: 360px){
    h2.form-head {
    font-size: var(--f23);
}
iframe {
    height: 350px;
}
}