.bg-dark1
    {
        background-color:#EEBF00;
        color:black;
        
    }
    .form-control
    {
        border:none;
        border-radius:50rem;
        line-height:2;
        padding-top:0px;
    }
    .map{
        height:100%;
        background-image:linear-gradient(
            rgba(35,43,56,0.9),
        rgba(209,121,2,1)),
        url('https://th.bing.com/th/id/OIP.dW5vrCaOA_XOFmQ_1KG2dAHaD-?w=275&h=180&c=7&r=0&o=5&pid=1.7');
	   background-size:cover;
	  background-repeat:no-repeat;
	background-position:center;
	position:relative;
    bottom:20px;
}
.foot_color p>a{
    color:black;
      text-decoration:none;
}
.foot_color p>a:hover{
      color:white;
}
.foot_c a:hover{
    color:white;
}
@media(max-width:480px){
  .respon{
        width:100%;
        
  }
  .h{
    height:572px;
  }
  .hp{
       height:879px;
  }
}


@media(min-width:481px) and (max-width:767px){
  .respon{
        width:100%;
        
  }
  .h{
    height:420px;
  }
}
@media(min-width:768px) and (max-width:1024px){
  .respon{
        width:500px;
  }
  .h{
  height:420px;
  }
}
@media(min-width:1025px) and (max-width:1280px){
  .respon{
        width:850px;
  } 
  .tabcontent{
  height:420px;
  }
}
@media(min-width:1281px){
  .respon{
    width:900px;
  }
  .p{
 position:absolute;
    left:500px;
  }  
  
  .tabcontent{
    height:420px;
  }
}
.tab {
  float: left;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width: 30%;
  
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  
  display: none;
}

/* Clear floats after the tab */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.iround{
    border-radius:0 50rem 50rem 0;
    background-color:white;
}
.round{
    border-radius:50rem;
}
//header style-->
/*{
    width:100%;
    height:100%;
    background-image:linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.15)),url("https://images.pexels.com/photos/459653/pexels-photo-459653.jpeg?cs=srgb&dl=apple-coffee-computer-459653.jpg&fm=jpg");
    background-repeat:no-repeat;
    background-size:cover;
}*/

  /* Default height for small devices */
    #intro-example {
      height: 400px;
    }

    /* Height for devices larger than 992px */
    @media (min-width: 992px) {
      #intro-example {
        height: 600px;
      }
    }