/*
Template Name: Broker
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************prop****************/
#prop{
 padding-top:50px;
 margin-top:63px;
 padding-bottom:90px;
 background: #d66a090f;
 }
.popular_2i2 h5 a{
display:inline-block;
background:#00000061;
color:#fff;
padding:8px 15px;
border-radius:5px;
 }
.popular_2i2{
position:absolute;
bottom:15px; 
right:15px; 
 }
.popular_2i{
position:relative; 
 }
.popular_2i3 h4 span{
font-size:16px;
 }
.popular_2i3 h6 span{
margin-left:40px;
 }
.popular_2i3 h5 i{
margin-left:5px;
 }
.popular_2i3 h6 i{
margin-right:5px;
 }
.popular_2i3{
padding:25px 15px 30px 15px;
background:#fff;
border-radius:0px 0px 5px 5px;
 }
.popular_2{
margin-top:30px; 
 }
.inline {
display: inline-block;
}
.popular_2i3 .button{
padding-left:20px;
padding-right:20px;
border-radius:0; 
 }
.popular_2i3 .button_1{
padding-left:20px;
padding-right:20px; 
border-radius:0; 
 }
 
#prop_dt{
 padding-top:50px;
 margin-top:63px;
 padding-bottom:90px;
 background: #d66a090f;
 }
.prop_dt1l h3 span{
font-weight:normal;
display:inline-block;
padding:5px 10px; 
vertical-align:middle;
border-radius:5px; 
 }
.icon_bar li a{
border:1px solid #ebd5c1;
text-align:center;
width:35px;
height:35px;
line-height:30px;
border-radius:5px; 
display:block;
transition: 0.3s;
 }
.icon_bar li a:hover{
background:#d66a09;
color:#fff;
border-color:#d66a09;
 }
.prop_dt1r ul li a{
padding:5px 10px; 
display:block;
border-radius:5px;
background:#d66a09;
color:#fff;
font-size:14px; 
transition: 0.3s;
 }
.prop_dt1r ul li a:hover{
background:#d66a090f;
color:#000;
 }
 
#main_area .thumbnail{
margin-bottom:0;
padding:0;
border:none; 
 }
.carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
background:#fff;
width:50px;
height:50px;
font-size:20px;
line-height:50px;
border-radius:0;
color:#d66a09;
 }
#main_area .carousel-control{
background:none;
opacity:1; 
 }
#main_area .fa-chevron-left:hover{
background: #d66a09;
color:#fff;
 }
#main_area .fa-chevron-right:hover{
background: #d66a09;
color:#fff;
 }
.prop_dt3l2 ul li  i{
font-size:26px; 
 }
.prop_dt3l2 ul li{
line-height:1.8em;
border-radius:5px;
background: #d66a090f;
padding:10px;
transition: 0.3s;
width:130px;
height:130px;
text-align:center;
font-size:15px;
border:1px solid transparent;
 }
.prop_dt3l2 ul li:hover{
border:1px solid #d66a09;
 }
.home_inner_i {
margin-top: 20px;
}
.home_inner_i h5 i {
margin-right: 5px;
}
.home_inner_i h5  {
font-weight:normal;
font-size:15px;
}
table {
width: 100%;
margin-top: 20px;
}
td, th {
border: 1px solid #eee;
padding: 10px;
}
td h6 {
font-weight: normal;
color:#333;
}
.prop_dt3l6il .form-control{
box-shadow:none;
height:50px;
margin-top:15px;
border-radius:20px; 
 }
.prop_dt3l6il .form-control:focus{
border-color:#ebd5c1!important;
 }
.prop_dt3l6il .form_text{
height:120px!important; 
 }
.prop_dt3l6il label {
font-weight: 100;
}
.prop_dt3r3 hr{
border-top:1px solid #efdece; 
  }
/*********************prop_end****************/

@media screen and (max-width : 767px){
.popular_2i {
margin-top:10px; 
 }
#prop{
margin-top:0;
padding-bottom: 50px; 
 }
#prop_dt{
margin-top:0; 
padding-bottom: 50px; 
 }
.prop_dt1l {
text-align:center;
 }
.prop_dt1r{
 text-align:center!important;
 margin-top:15px;
 }
.prop_dt3l h4{
text-align:center; 
 }
.main_row{
margin-left:0!important; 
margin-right:0!important; 
 }
.prop_dt3l2{
text-align:center; 
 }
.prop_dt3l2 ul li{
margin-top:8px;
margin-bottom:8px; 
 }
.home_inner_i .col-sm-4{
margin-top:10px; 
 }
.prop_dt3l5ir{
margin-top:15px;
text-align:center; 
 }
.prop_dt3l5ir p{
text-align:left; 
 }
.prop_dt3l6il label {
display:inline;
}
.prop_dt3l6{
text-align:center; 
 }
.prop_dt3r{
margin-top:20px; 
 }
.prop_dt3r h4{
text-align:center;
 }
.prop_dt3r1{
text-align:center; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.main_row{
margin-left:0!important; 
margin-right:0!important; 
 }

.prop_dt3l2 ul li{
margin-top:5px;
margin-bottom:5px;
 }
.prop_dt3l5 {
padding-left:15px; 
padding-right:15px;
 }
.prop_dt3l6il label {
display:inline;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.main_row{
margin-left:0!important; 
margin-right:0!important; 
 }
.prop_dt3l2 ul li{
margin-top:5px;
margin-bottom:5px;
 }
.prop_dt3l5 {
padding-left:15px; 
padding-right:15px;
 }
 }
@media (min-width:1201px) and (max-width:1230px) {
.main_row{
margin-left:0!important; 
margin-right:0!important; 
 }
 }