@charset "UTF-8";

/*
  Description: Responsive stylesheets for Real Estate Template by Themes Dojo
  Author: ThemesDojo
  Coding: Pascaru Sergiu - Themes Dojo front-end developer
*/

/* Large devices (large desktops, 1200px and up) */
@media screen and (max-width: 1200px) {

	/*index.html*/
	
	/*carousel*/
	.main-carousel .carousel-caption{top: 35%;}
	.main-carousel .carousel-caption h1{margin: 15px 0;}
	.main-carousel .carousel-caption .price{margin-bottom: 15px;}
	.main-carousel:after{top: calc(50% - 250px);}

	/*search section*/
	.select2-container--default .select2-selection--single .select2-selection__arrow{width: 40px;}

	/*properties*/
	.property-meta{letter-spacing: 1px;}
	.property-type{transform: translateY(-29px);}

	/*categories*/
	.category{height: 200px;}

	/* blog.html */
	.blog-post{height: 600px;}
	.blog-post .post-title-body{
		padding: 15px;
		height: 200px;
		justify-content: center;
	}
	.blog-post .post-title-body h4{
		transform: translateY(0) !important;
		margin-bottom: 15px;
	}
	.blog-post .post-title-body .btn{
		position: relative;
		left: auto;
		right: auto;
		opacity: 1;
		transform: translateY(0);
	}
	.blog-post.sticky .post-title-body .btn{bottom: auto;}
	/*blog sidebar*/
	.widget_categories ul li .post-nr{opacity: 1;}


}

/* Medium devices (desktops, 992px and up) */
@media screen and (max-width: 991px) {

	/* index.html */
	/*navigation*/
	.navbar.navbar-default .container-fluid{padding: 0 30px;}
	.navbar.navbar-default .navbar-nav{width: auto;}
	.navbar.navbar-default .navbar-nav>li>a{padding: 15px 5px;}

	/*carousel*/
	.main-carousel .item{background-attachment: scroll;}
	.main-carousel:after{top: calc(50% - 210px);}

	/*search section*/
	.search-section .col-lg-4:first-child{padding-left: 30px;}
	.search-section .col-lg-4:last-child{padding-right: 30px;}

	/* properties */
	.property-type{transform: translateY(-28px);}
	.property-meta li{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 10px;
	}

	/*categories*/
	.category{background-size: cover;}
	
	/*subscribe form*/
	.subscribe-form{padding: 0 30px;}


	/*sidebar*/
	.select-wrapp.xs, .form-group.xs{width: 100%;}

	/* property-list.html */
	.property-inline .property-item-holder{padding: 30px 30px 15px;}
	.property-inline .property-meta{padding: 0 30px;}
	.property-inline .btn{
		transform: translateY(0);
	    position: relative;
	    left: 0;
	    bottom: 0;
	    margin: 15px 0 30px 30px;
	}
	.page-title{background-attachment: scroll;}

	/* property.html */
	.amenities-list li{
		display: inline-block;
		width: 100%;
	}
	.amenities-list .facility-item{width: 77%;}
	.amenities-list .facility-name{width: 23%;}
	.share-list li{
		width: 24% !important;
		margin-bottom: 6px;
	}
	
	/* agents-grid.html */
	.agent-blk{height: auto;}
	.agent-blk .btn{
		position: relative;
		margin: 30px auto;
		left: 0;
		bottom: 0;
		transform: translateY(0);
	}

	/* blog.html */
	.blog-post{height: 600px;}

	/* blog-post.html */
	.posts-pagination .pager-control{height: 220px;}


}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 767px) {

	/* index.html */
	/*navigation*/
	.navbar.navbar-default .container-fluid{padding: 0 30px;}
	.navbar.navbar-default .navbar-header{
		padding: 34px 0;
		margin-left: 0;
	}
	.navbar.navbar-default{justify-content: flex-start;}
	.navbar-collapse{
		position: relative;
		background: #838894;
		z-index: 999;
		padding: 20px 30px;
	}
	.navbar.navbar-default .navbar-right{margin-bottom: 15px !important;}
	/*main menu button*/
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{background-color: transparent;}
	.navbar-default .navbar-toggle{ 
		border: none;
		transform: rotate(-90deg);
		overflow: hidden;
		transition: all .1s ease-in-out;
		margin: 7px 30px;
	}
	.navbar-toggle .icon-bar{
		position: relative;
		width: 30px;
		background-color: #fff !important;
	}
	.navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}
	.navbar-toggle span:nth-of-type(3){ 
		margin-left: -60px;
		transition: .1s margin-left .2s ease-in-out
	}
	.navbar-toggle span:nth-of-type(2) {
	    transform: rotate(45deg);
	    top: 8px;
	    transition:  transform .2s linear;
	}
	.navbar-toggle span:nth-of-type(4){
		transform: rotate(-45deg);
	    bottom: 8px;
	    transition:  transform .2s linear;
	}
	
	.navbar-default .navbar-toggle.collapsed{
		transform: rotate(0);
		margin: 7px 30px;
	}
	.navbar-toggle.collapsed span:nth-of-type(3){ margin-left: 0; }
	.navbar-toggle.collapsed span:nth-of-type(2) {
	    transform: rotate(0);
	    top: auto;
	}
	.navbar-toggle.collapsed span:nth-of-type(4){
		transform: rotate(0);
	    bottom: auto;
	}

	.navbar.navbar-default .navbar-nav{
		width: 100%;
		margin: 0;
	}
	.navbar.navbar-default .navbar-nav li{
		display: block;
		width: 100%;
	}
	.socials-xs li{
		display: inline-block !important;
		width: auto !important;
	}

	/*menu effects*/
	.navbar.navbar-default .dropdown-menu{
		display: none;
		transform: translateY(0);
		opacity: 1;
	}
	.dropdown.open .dropdown-menu{display: block;}
	
	/*carousel*/
	.main-carousel .item{
		height: 100%;
		min-height: 100vh
	}
	.main-carousel .carousel-caption{
		width: 80%;
		top: 25%;
	}
	.main-carousel:after{
		top: 50%;
		margin-top: -70%;
	}

	/*main*/
	main .container-fluid{padding: 0 30px;}

	/*search section*/
	.search-section .title-section{padding: 45px 30px 40px;}
	.search-section .col-lg-4:first-child{padding-left: 30px;}
	.search-section .col-lg-4:last-child{padding-right: 30px;}
	.select-wrapp.xs{width: 100% !important;}

	/*properties*/
	.property-meta li{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 10px;
	}

	/*category*/
	.category{
		background-size: cover;
		margin-bottom: 30px;
		height: 300px;
	}
	/*subscribe*/
	.subscribe-section{
		transform: translateX(-30px);
		width: calc(100% + 60px);
	}

	/* footer */
	.footer-widgets .title-section{margin-bottom: 25px;}
	.footer-widgets .widget{margin-bottom: 17px;}
	#page-content{padding-bottom: 0 !important;}
	.page-footer{position: relative;}
	.page-footer .col-sm-6{padding: 0;}

	/* property-grid.html */
	.listings-controls{display: block;}
	.view-type{margin-bottom: 25px;}

	/* propert-list.html */
	.property-inline{
		height: 100%;
		max-height: 100%;
		text-align: center;
	}
	.property-inline .property-bg,
	.property-inline .property-item-holder{width: 100%;}	
	.property-inline .property-meta{padding: 0;}
	.property-inline .property-meta{
		position: relative;
		bottom: auto;
		width: 100%;
		float: left;
	}
	.property-inline .property-meta li{margin-right: 0;}
	.property-inline .btn{
		position: static;
		transform: translateY(0);
		margin: 30px auto;
	}

	/* property.html */
	.property-showcase{
		background-attachment: scroll;
		height: 130vh;
	}
	.property-meta-list svg{display: none;}
	.amenities-list li{
		display: inline-block;
		width: 100%;
		border-bottom: 2px solid #d3d5da;
	}
	.amenities-list .facility-name,
	.amenities-list .facility-item{width: 100%;}
	.amenities-list .facility-item{
		font-weight: bold;
		color: #838896;
	}
	.features-list {
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	}
	.share-list li{
		width: 100% !important;
		margin-bottom: 6px;
	}
	
	.agent-inline{height: auto;}
	.agent-inline .agent-bg{height: 200px;}
	.agent-inline .agent-bg,
	.agent-inline .agent-item-holder{width: 100%;}
	.agent-inline .agent-description{padding-right: 0;}
	.agent-inline .agent-meta{
		position: relative;
		width: 100%;
		bottom: 0;
		margin-bottom: 25px;
	}
	.agent-inline .btn{
		position: relative;
		bottom: auto;
		left: 0;
		margin-left: 30px;
		margin-bottom: 30px;
		transform: translateY(0);
	}

	/* agent-page-list.html */
	.property-showcase .agent-social-links li a{padding: 5px 10px;}

	/* blog.html */
	main .container-fluid.blog-container{padding-top: 60px;}
	.blog-post{height: 600px;}

	/* blog-post.html */
	.posts-pagination .pager-control{
		width: 100%;
		margin-bottom: 30px;
		height: 220px;
	}
	.comment-form .form-group{
		width: 100%;
		padding: 0 !important;
	}

	/* contact.html */
	.contact-section .contact-form{padding: 0;}
	
	/* 404 */
	.page-404-content{height: calc(100vh - 120px);}
}


@media screen and (min-device-width : 768px) and (max-device-width : 1368px) {
		
	/*sidebar*/
	.sidebar-form .select-wrapp.xs, 
	.sidebar-form .form-group.xs{width: 100% !important;}
	.search-widget .search-icn{display: none;}

	/* blog.html */
	.blog-post{height: 500px;}
	.blog-post .featured-image,
	.post-images-thumb{height: 40%;}
	.blog-post .post-excerpt{height: 60%;}
	.blog-post .post-title-body{height: 200px;}

	/* agents */
	.agent-blk{height: auto;}
	.agent-blk .agent-meta{margin-bottom: 25px;}

	
}

/*extra large monitors*/
@media screen and (min-device-height : 1440px) and (max-device-width : 2561px) {
	.main-carousel:after{top: calc(50% - 180px);}
	.property-inline .property-meta li{margin-right: 0;}
}