/*
Template Name: Jewelry
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************contact****************/
#contact_top{ 
 padding-bottom:40px;
 }

.detail_14 h2{
margin-bottom:20px;  
  }
.detail_14 .form-control{
 margin-bottom:20px;
 border-radius:0;
 height:50px;
 font-size:16px;
 background:none;
 border-color:#dfb8584d;
 box-shadow:none;
 }
.detail_14 .form_1{
 height:150px; 
  }
#contact_last{
 background:#dfb85838;
 padding-top:40px;
 padding-bottom:40px;
  }
.contact_last_2{
 margin-top:20px;
 }
.contact_last_2i h4{
font-size:24px;
 }
.contact_last_2i hr{
 border-color:#dfb858;
 border-width:3px;
 width:13%;
 margin-left:0; 
  }
/*********************contact_end****************/

@media screen and (max-width : 767px){
.detail_14 {
 text-align:center;
 margin-top:15px;
 }
#contact_last{
 text-align:center; 
  }
.contact_last_1r {
margin-top:15px; 
 }
.contact_last_2i{
margin-bottom:10px; 
 }
.contact_last_2i hr{
margin-left:auto; 
 }

}

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

 }
@media (min-width:992px) and (max-width:1200px) {

 }.contact-section{
  padding:60px 0;
  background:#fafafa;
}

.contact-card{
  background:#fff;
  padding:30px 25px;
  margin-bottom:30px;
  border-radius:12px;
  box-shadow:0 5px 20px rgba(0,0,0,0.08);
  transition:0.3s;
}

.contact-card:hover{
  transform:translateY(-8px);
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.contact-card h4{
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:15px;
}

.divider{
  width:40px;
  height:3px;
  background:#d4af37;
  margin:10px auto 20px;
}

.contact-info{
  font-weight:600;
  color:#555;
}
@media (min-width:1201px) and (max-width:1220px) {

 }

 .map-section{
  padding:70px 0;
  background:#f9f9f9;
}

.map-card{
  background:#fff;
  padding:20px;
  border-radius:14px;
  box-shadow:0 6px 25px rgba(0,0,0,0.08);
  margin-bottom:30px;
  transition:0.3s;
}

.map-card:hover{
  transform:translateY(-8px);
  box-shadow:0 12px 35px rgba(0,0,0,0.12);
}

.map-title{
  text-align:center;
  font-weight:700;
  margin-bottom:15px;
  letter-spacing:1px;
}

.map-card iframe{
  width:100%;
  height:350px;
  border-radius:10px;
  border:0;
}