@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
	@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700');
    html, body {
        height:100%;
    }
	body {
		font-family: 'Poppins', 'Prompt', sans-serif !important; 		
		font-size: 12px;
        letter-spacing: .03rem;		        
	} 
	footer {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	html,body{
		height:100%;  
		overflow:hidden;
		margin:0;
		padding:0;
	}
	nav {
		z-index: 9999;
		box-shadow: 0 2px 2px -2px rgba(0,0,0,.2) !important;
	}
	#search_area {
		width: 390px;
	}
	#google-maps {
		position:absolute;
		top:58px;		
		left:580px;  
		/*bottom:30px;  */
		right:0;			
	}		
	
	iframe {
		display: block;
		background: #000;
		border: none;
		width: 100%;
        height: 93vh; 
        
	}
	#sidebar{
		background:#fff;  
		position:absolute;
		width:580px;			 
		top:130px;
		left:0;  
		bottom:0;  
		overflow:auto;
		padding-right: 10px;		
	}
	
	#sidebar::-webkit-scrollbar { width: 0 !important; }
	#sidebar { scrollbar-width: none !important; }
	#sidebar { -ms-overflow-style: none !important;}
    

	.tagfree{	 
		position: relative;
		top: -1px;
		display: inline-block;
		margin-left: 5px;
		padding: 5px 7px 4px;
		color: #068047;
		font-size: 10px;
		line-height: 1;
		vertical-align: middle;
		background: #ebf6f1;
		border-radius: 5px;
	}		
	
	#filter, #sorting {
		width: 80px;
	}

	input::placeholder {
		font-size: 12px;
	}

	.media {
		background:#fff; 
		position:relative; 
		margin-bottom:10px;
	}
	.media img{
		width:250px;
		margin:0; 
        height:175px;  
        border-top-left-radius: .25rem;
        border-bottom-left-radius: .25rem;
        border:1px solid #eee; 
		object-fit: cover;
	}
	.media-body {
		border:1px solid #eee; 
		border-left:0; 
		height:175px;
        border-top-right-radius: .25rem;
        border-bottom-right-radius: .25rem;
	}
	.media .price {
		float:left; 
		width:100%; 
		font-size:18px;
		font-weight:500; 
		color:#16a085; 
		margin-top:5px;
	}
	.media .price small {
		display:block; 
		font-size:13px; 
		color:#232323;
	}
	.media .stats {
		float:left; 
		width:100%; 
		margin-top:10px;
	}
	.media .stats span {
		float:left; 
		margin-right:4px; 
		font-size:10px;
	}
	.media .stats span i {
		margin-right:3px; 
		color:#4765AB;
		font-size:12px;
	}
	.media .address {
		float:left; 
		width:100%;
		font-size:11px; 
		color:#888;
		margin-top:5px; 					
		padding-right: 5px;
		padding-bottom: 5px;
	}
	.media .fav-box i {
		position:absolute; 
		right:10px; 
		top:11px;  		
		font-size:14px; 
		color: #e1b12c;				
	}
	.media .fav-box span{		
		position:absolute; 
		right:27px; 
		top:10px;  	
		font-size:11px !important; 
		background-color : #3498db;
		font-size:13px; 
		color: #fff;		
		padding: 1px 3px;
	}
	.amenities {
		background-color : #C2DFFF;
		font-size:13px; 
		color: #0984e3;	
		padding: 1px 3px;
		margin-top: 2px;
	}
	#sidebar ul {
		padding-left:10px !important;
	}
	ul li {
		list-style-type: none;
		padding-left:0 !important;
		margin-left:0 !important;
	}
	.btn  {
		font-size: 11px;  
	}
	.animated-modal {
		max-width: 550px;
		border-radius: 4px;
		overflow: hidden;	  
		transform: translateY(-50px);
		transition: all .7s;
	}
	.col-form-label {
		font-weight: 600;
	}
	
	.btn-outline-success {
		color: #3FB8AF;
		border-color: #3FB8AF;
	}
	.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show>.btn-outline-success.dropdown-toggle {
		color: #fff;
		background-color: #3FB8AF;
		border-color: #3FB8AF;
	}
	 .btn-outline-success:hover {
		color: #fff;
		background-color: #3FB8AF;
		border-color: #3FB8AF;
	 }
 
	
	
	@media (max-width: 576px) { 
		.navbar-toggler {
			border:0;
		}
		#search_area {
			width: 325px !important;
        }
        

        .MapListToggle:focus {
            outline: none;
        }

        .MapListToggle {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 24px;
            margin: 0 0 0 10px;
            padding: 0;
            color: #2e64e2;
            font-size: 12px;
            line-height: 1;
            background: none;
            border: 0;
            margin-right: -70px;
        }

		
    }
    

    @media (min-width:768px) and (max-width:1024px){
        #search_area {
           display: none !important;
        }
		#search_area2 {
           display: block !important;		  
        }

        #area_detail, #filter_detail, #sidebar {
            width: 100% !important;
        }

        #google-maps {
            left: 530px !important;
        }

        #apt-frm {
            padding: 0 !important;
        }
        #section_appointment {
            width: 100% !important;
        }
        #apt-price,  #apt-rate {
            font-size: 13px !important;
        }
        .form-row {
            margin-top: 5px !important;
        }

        
    }