.contact-section{ width:calc(100% - 20%);margin:0px auto 100px auto;}
.contact-details{ width:calc(100% - 20%); margin:0 auto;}
.contact-details-left{ width:30%; }
.contact-details-right{ width:60%; }
.contact-line{  height:1px;background:#a7a9ac;width:100px;}
.map{ width:100%;}

@media only screen and (max-width: 1400px) {
    
}

@media only screen and (max-width: 1200px) {
    .contact-details-left{ width:40%; }
    .contact-details-right{ width:50%; }
    .contact-address{ width:100%;}
}

@media only screen and (max-width: 1000px) {
    .contact-details{ width:100%; margin:unset;flex-wrap:wrap;}
}

@media only screen and (max-width: 768px) {
    .contact-details-left{ width:100%;justify-content:flex-start;margin-bottom:20px; }
    .contact-details-right{ width:100%; }
    .contact-line{display:none;}
    .contact-details-right{justify-content: flex-start;margin-top:20px;}
    .contact-details-right::before{content:'';display:block;height:1px;width:100px;background:#3c2415;margin-bottom:10px;}
}

@media only screen and (max-width: 500px) {
    
}

@media only screen and (max-width: 380px) {
    
}