/*
Greenland - Real Estate Material Design HTML Template
Author: Creadorathemes
Version: 1.0
Email: creadorathemes@gmail.com
*/

/******************************************************************************
  Min Width "1024px"
*******************************************************************************/
@media only screen and (min-width:1024px) {
	/* Listings Style List */
	.listing-list .listing-img-wrap{
		width: 36%;
		float: left;
	}
	.listing-list .listing-content-wrap{
		width: 64%;
		float: left;
	}
	.sidebar.listing-list .listing-img-wrap{
		width: 44%;
	}
	.sidebar.listing-list .listing-content-wrap{
		width: 56%;
	}
	/* Spacings */
	.padding-md-only-top-80{
		padding-top: 80px;
	}

}
/******************************************************************************
  Min Width "768px"
*******************************************************************************/
@media only screen and (min-width:768px) {
	/* ===================================================================
						NAVIGATION MENU
	======================================================================*/
	.menu-inline > li {
    	display: inline-block;
		padding: 0 15px;
	}
	.navbar-default .menu-inline > li > a {
		line-height: 80px;
		padding: 0;
	}
	.is-sticky .navbar-header,
	.is-sticky .navbar-default .menu-inline > li > a {
		line-height: 60px;
		padding: 0;
	}
	.nav-top .navbar-collapse {
		padding:0;
	}
	/* DROPDOWN */
	.dropdown-menu {
		display:block;
		padding:0;
		border:none;
		border-top: 0px solid;
		border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
		box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.08);
		-webkit-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.08);
		-moz-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.08);
		-ms-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.08);
		-o-box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.08);
		opacity:0;
		visibility:hidden;
		top:110%;
		min-width: 250px;
		transition:0.3s all ease-in-out;-webkit-transition:0.3s all ease-in-out;-moz-transition:0.3s all ease-in-out;-ms-transition:0.3s all ease-in-out;-o-transition:0.3s all ease-in-out;
	}
	.dropdown:hover > .dropdown-menu {
	    opacity: 1;
	    visibility: visible;
	}
	.navbar-nav>li>.dropdown-menu{
		border-radius: 4px;	-webkit-border-radius: 4px;	-moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;
	}
	.navbar-right .dropdown-menu {
		left: 0;
		right: 0;
	}
	.dropdown-menu > li > a {
		padding: 14px 20px;
		position:relative;
		color: #777;
	}
	.dropdown-menu .dropdown-toggle {
	    position: absolute;
	    right: 15px;
	    vertical-align: middle;
	    top: 12px;
	    transform: rotate(-90deg);
	    color: rgba(30,30,30,0.2);
	}
	.dropdown:hover .dropdown-menu .sub-dropdown-menu,
	.dropdown:focus .dropdown-menu .sub-dropdown-menu{
		opacity: 0;
		visibility: hidden;
	}
	.dropdown:hover .dropdown-menu .dropdown:hover .sub-dropdown-menu,
	.dropdown:focus .dropdown-menu .dropdown:focus .sub-dropdown-menu{
		opacity: 1;
		visibility:visible;
	}
	.dropdown-menu > li > a:hover:before,
	.dropdown-menu > li > a:focus:before,
	.dropdown-menu > li > a.active:before,
	.dropdown:hover .dropdown-menu,
	.dropdown:focus .dropdown-menu {
		opacity:1;
		visibility:visible;
	}
	.dropdown:hover .dropdown-menu,.dropdown:focus .dropdown-menu {
		top:100%;
	}
	.navbar-nav .dropdown-menu .sub-dropdown-menu {
		left:100%;
		top:0;
	}
	.navbar-right > li:last-of-type .dropdown-menu .sub-dropdown-menu,
	.navbar-right > li:nth-last-child(2) .dropdown-menu .sub-dropdown-menu,
	.navbar-right > li:nth-last-child(3) .dropdown-menu .sub-dropdown-menu {
		right:100%;
		left:auto;
		top:0;
	}
	/* MEGA MENU */
	.dropdown-menu.container {
		margin: 0 auto;
	}
	.boxed .dropdown-menu.container {
		padding-left:0;
		padding-right:0;
	}
	.navbar-default .navbar-nav > li.mega-menu {
		position:static;
	}
	.mega-menu .dropdown-menu .dropdown-toggle {
		display:none;
	}
	.mega-menu .dropdown-menu {
		left:0; right:0;
		padding:15px 0;
		background-position:top center;
	}
	.mega-menu .dropdown-menu > li:hover > a.megamenu-title {
		background:transparent;
		color:#171717;
	}
	.mega-menu .sub-dropdown-menu {
		background:transparent;
		position: static;
		min-width:100%;
		box-shadow:none;		-webkit-box-shadow:none;		-moz-box-shadow:none;		-ms-box-shadow:none;		-o-box-shadow:none;
	}
	.mega-menu:hover .sub-dropdown-menu,
	.mega-menu:hover .sub-dropdown-menu:focus,
	.mega-menu.dropdown:hover .dropdown-menu .sub-dropdown-menu,
	.mega-menu.dropdown:focus .dropdown-menu .sub-dropdown-menu {
		opacity: 1;
		visibility: visible;
	}
	.megamenu-title{
		font-size: 16px;
		color: #171717;
	}
	.megamenu-title::after {
		background: rgba(255, 255, 255, 0.1);
		bottom: -7px;
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		width: 100%;
	}
	/* HEADER TYPE 2 */
	.header-type-2 .navbar-default .menu-inline > li > a,
	.header-type-6 .navbar-default .menu-inline > li > a {
		line-height: 70px;
	}
	.header-type-2 .navbar-default .menu-inline > li > a.search-open {
		background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-default .menu-inline > li > a.search-open {
		text-align: center;
	}
	.header-type-2 .navbar-default .menu-inline > li > a.search-open i{
		font-size: 16px;
		margin-left: 10px;
	}
	.navbar-default .menu-inline > li > a.search-open i{
		font-size: 25px;
	}
	/* ===================================================================
					HISTORY
	======================================================================*/
	.year:after {
		background: #ebedef;
		content: "";
		height: 1px;
		position: absolute;
		right: 15px;
		top: 25px;
		width: 50%;
	}
	/* ===================================================================
						CONTACT INFO SECTION
	======================================================================*/
	.contact-info-wapper {
		width:100%;
		display:table;
	}
	.contact-info-wapper > div {
		display:table-cell;
		vertical-align:top;
	}
	/* Listings Style List */
	.listing-list .listing-wrap{
		margin-bottom: 40px;
	}
	/* ===================================================================
						DEMO
	======================================================================*/
	.slider-after.search-block{
		margin-top: -40px;
		position: relative;
		z-index: 10;
		padding-top: 0;
	}

}
/******************************************************************************
  Min Width "991px"
*******************************************************************************/
@media only screen and (min-width:991px){
	/* ===================================================================
						NAVBAR
	======================================================================*/
	.navbar-default .menu-inline > li > a {
		line-height: 110px;
		padding: 0;
		display:inline-block;
	}
	.is-sticky .navbar-default .menu-inline > li > a {
		line-height: 80px;
		padding: 0;
	}
	/* HEADER 3 */
	.header-type-3 .navbar-default .container > .navbar-header {
		display:none;
	}
	.header-type-3 .navbar-nav {
		width:100%;
		text-align:center;
	}
	.header-type-3 .navbar-nav .navbar-header {
		padding: 0 55px;
	}
	.match-height {
		display:table;
		width:100%;
	}
	.match-height > div {
		display:table-cell;
		float:none;
		vertical-align:top;
	}
	/* HEADER TYPE 5 */
	.header-type-5 {
		background: #fff;
		border-radius:2px;
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		-ms-border-radius:2px;
		-o-border-radius:2px;
		left: 0;
		position: absolute;
		right: 0;
		top: 45px;
		z-index: 99;
	}
	/* ===================================================================
						CTA
	======================================================================*/
	.cta-btn-block.with-shape:after {
		background: rgba(0, 0, 0, 0.1);
		content: "";
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		transform: skewX(-30deg);
		-webkit-transform: skewX(-30deg);
		-moz-transform: skewX(-30deg);
		-ms-transform: skewX(-30deg);
		-o-transform: skewX(-30deg);
		width: 100%;
		z-index:-1;
	}
	/* ISOTOPE */
	.isotope-grid.grid-three-column .item:last-child,
	.isotope-grid.grid-three-column .item:nth-last-child(-n+2),
	.isotope-grid.grid-three-column .item:nth-last-child(-n+3){
		margin-bottom: 0 !important;
	}
	.footer-info {
		text-align:right;
	}
	.margin-minus-250 {
		margin-top:-250px;
	}
	/* Listings */
	.listing-sm-grid .listing-wrap .title{
		font-size: 20px;
	}
	.listing-sm-grid .features-list li {
		min-width: 90px;
	}
	.listing-sm-grid .listing-content-wrap {
		padding: 18px;
	}

}
/******************************************************************************
  Max Width "1024 px"
*******************************************************************************/
@media (max-width:1024px) {
	/* gallery */
	.isotope-grid .item img{
		width: 100%;
	}
	/* Extra templates */
	.template-block .title {
		border:0;
	    border-bottom: 2px solid #fff;
	    float: left;
	    margin: 0;
	    padding: 20px 15px 30px;
	    width: 100%;
	}
	.template-block .desc-wrap {
	    display: inline-block;
	    padding-left: 15px;
	    padding-right: 15px;
	    padding-top: 15px;
	    width: 100%;
	}
	.template-block.comingsoon-block .desc-wrap{
		padding-top: 15px;
	}
	/* Side Image And content */
	.side-img {+
	    min-height: 350px;
	}
	/* Search Form With Fullscreen */
	.search-form.vmiddle{
		position: relative;
		top: auto;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
}
/******************************************************************************
  Max Width "1024px"
*******************************************************************************/
@media only screen and (max-width: 1024px){
	/* Bottom Overlaping Image */
	.bottom-overlap-img img{
		position: relative;
		margin-top: 0;
	}
	.cta-section .top-overlap-img img{
		top: auto;
		position: relative;
		margin-bottom: 20px;
	}
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media only screen and (max-width: 991px){
	/* Responsive */
	.row > div[class^="col-md"] {
		margin-bottom: 30px;
	}
	.row > div[class^="col-md"]:last-child {
		margin-bottom: 0;
	}
	/* Isotope Grid */
		/* Three Column */
		.isotope-grid.grid-three-column .item,
		.isotope-grid.grid-three-column .grid-sizer {
			width: 100%;
		}
	/* Listings */
	.listing.listing-grid {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}
	.listing-2-grid .listing.listing-grid,
	.listing-sm-grid .listing.listing-grid{
		width: 100%;
	}
	/* Owl Slider Listings Grid */
	.owl-carousel .listing.listing-grid,
	.owl-carousel .listing-2-grid .listing.listing-grid,
	.owl-carousel .listing-sm-grid .listing.listing-grid{
		width: 100%;
	}
	/* Background Image */
	.img-bg-md{
		background-image: none !important;
	}

}
/******************************************************************************
  Max Width "991px" and Min Width 768
*******************************************************************************/
@media (max-width:990px) and (min-width:768px) {
	.is-sticky {
		height:auto!important;
	}
	.is-sticky .navbar-header {
		display:none;
	}
	.navbar-nav.menu-inline.navbar-right, .navbar-nav.menu-inline.navbar-left {
		display: inline-block !important;
		float: none !important;
	}
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media only screen and (max-width:990px){
	/* RESPONSIVE */
	.row > div[class^="col-md"] {
		margin-bottom: 30px;
	}
	.row > div[class^="col-md"]:last-child {
		margin-bottom: 0;
	}
	.fluid-col {
		position:static;
		height:500px;
	}
	.owl-controls {
		text-align:center;
	}
	/* ===================================================================
						NAVIGATION MENU
	======================================================================*/
	.navbar.navbar-default {
		text-align:center;
	}
	.navbar-right,.navbar-left {
		float:none!important;
		text-align:center;
		padding:0 15px;
	}
	.logo-bar .navbar-right,.logo-bar .navbar-left {
		display:inline-block;
	}
	.navbar-header {
		display: block;
		float:none;
		border-bottom:1px solid #eee;
		line-height: normal;
		padding: 15px 0;
	}
	.header-type-2  .logo-bar,
	.header-type-6  .logo-bar {
		text-align:center;
	}
	.header-type-3 .navbar-nav .navbar-header {
		display:none;
	}
	.header-type-3 .navbar-nav {
		float:none;
	}
	/* ===================================================================
						CTA
	======================================================================*/
	.cta-block {
		padding-bottom:0;
		text-align:center;
	}
	.cta-btn-block {
		padding-top:0;
	}
}
/******************************************************************************
  Max Width "767px"
*******************************************************************************/

@media screen and (max-width: 767px){
	.animated{
		visibility:visible;
		animation:none;	-webkit-animation:none;	-moz-animation:none; -ms-animation:none;	-o-animation:none;
	}
	.media-left {
		margin-bottom: 30px;
		padding:0;
	}
	.media-left, .media-body {
		display: block;
		width: 100%;
	}
	.media-left{
		margin-bottom: 0;
	}
	.overlay-container,.overlay-container .img-responsive,.services-slide .media-object {
		width:100%!important;
	}
	/* ===================================================================
						NAVIGATION MENU
	======================================================================*/
	/* NAV TOP */
	.nav-top {
		line-height: 30px;
	}
	.nav-top .menu-inline.navbar-left {
		margin-top: 15px;
	}
	.nav-top .menu-inline.navbar-right {
		margin-bottom: 15px;
	}
	.navbar-nav > li > a {
		padding:10px 15px;;
	}
	.nav-top .navbar-collapse {
		padding: 0 15px;
	}
	.navbar-toggle.collapsed .ion-android-remove:before {
		content:"\f2c7";
	}
	/* MAIN MENU */
	.navbar-default .navbar-collapse {
		padding: 15px;
		max-height:300px;
		text-align:left;
	}
	.navbar.navbar-default .navbar-right,.navbar.navbar-default .navbar-left {
		text-align:left;
	}
	.navbar-default .menu-inline > li > a{
		padding: 10px 0;
	}
	.header-type-2 .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.header-type-4 .navbar-default .navbar-nav .open .dropdown-menu > li > a,
	.header-type-6 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	    color: #555;
	    background-color: rgba(0,0,0,0.1);
	}
	.full-search-wrapper .search-form {
		width:75%;
	}
	header.header-type-5 {
		padding: 0;
	}
	/* Submenu */
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
	    margin-bottom: 2px;
	    padding: 10px 15px 10px 25px;
	}
	/* DROPDOWN */
	.dropdown-toggle {
		cursor: pointer;
		height: 20px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 8px;
		width: 20px;
	}
	.dropdown-menu > li > a.active, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
		background-color: transparent!important;
	}
	.mega-menu .dropdown {
		margin: 0;
		padding: 0;
	}
	.header-type-2 .logo-bar .navbar-nav.menu-inline > li,
	.header-type-6 .logo-bar .navbar-nav.menu-inline > li {
		margin-bottom:15px;
	}
	p.text-right {
		text-align:left;
	}
	.recent-widget .media-left, .recent-widget .media-body {
    	display: table-cell;
		width:auto;
	}
	.section-title h3 {
		font-size: 25px;
		line-height: 35px;
	}
	/* Background Image */
	.img-bg-sm{
		background-image: none !important;
	}

	/* TESTIMONIALS */
	.testimonial-wrapper .testimonial-cmt {
    	padding: 20px;
	}
	/* CONTACT INFO */
	.contact-info-wapper > div {
		padding: 20px;
	}
	/* SERVICES */
	.services-heading > span {
		position:static;
	}
	.services-slide .media-body, .services-grid .media-body {
		padding: 0;
	}
	/* Listings */
	.listing.listing-grid {
		width: 75%;
	}
	section.listing-list .listing{
		margin-bottom: 30px;
	}
	/* Column */
	.row > div[class^="col-sm"] {
		margin-bottom: 30px;
	}
	.row > div[class^="col-sm"]:last-child {
		margin-bottom: 0;
	}
	/* CONTACT INFO */
	.contact-info-wapper > div {
		padding: 20px;
	}
	/* Gallery */
	.isotope-filters .nav-pills li {
		min-width: auto;
		margin-bottom: 6px;
		margin-right: 6px;
	}
	.isotope-filters .nav-pills li a {
	    border-width: 1px;
	    font-size: 12px;
	}
	/* Pagination */
	.pagination-full-page ul li a{
		padding: 26px 30px;
	}
	.pagination > li > a, .pagination > li > span {
	    font-size: 11px;
	    height: 24px;
	    line-height: 24px;
	    margin: 0 3px;
	    padding: 0;
	    width: 24px;
	}
	/* Tab */
	.nav-tabs > li > a {
	    font-size: 12px;
	    min-width: auto;
	    padding: 7px 16px;
	}
	/* Floating Buttons */
	.color-panel, .purchase-btn{
		display:  none;
		visibility: hidden;
	}
	#scrollUp {
	    bottom: 15px;
	    font-size: 16px;
	    height: 30px;
	    line-height: 30px;
	    right: 15px;
	    width: 30px;
	}
	/* Map Buttons */
	#streetView, #geoLocation, #scrollEnabling {
	    display: none;
	    font-size: 10px;
	    height: 30px;
	    line-height: 30px;
	    padding: 0 12px;
	    right: 49px;
	    top: 8px;
	}
	.custom-zoom-in, .custom-zoom-out {
	    float: left;
	    font-size: 13px;
	    height: 26px;
	    line-height: 26px;
	    margin: 3px 2px;
	    padding: 0;
	    width: 26px;
	}
	.custom-zoom-in::before, .custom-zoom-out::before {
	    line-height: 27px;
	}
	#mapnav-buttons {
	    font-size: 13px;
	    right: 10px;
	    top: 40px;
	}
	#mapnav-buttons a {
	    color: #333;
	    display: inline-block;
	    font-size: 10px;
	    min-width: auto;
	    padding: 4px 8px;
	}
	#prenav::before, #nextnav::after {
	    font-size: 13px;
	}
	/* Next Step Wrapper */
	.nav.setup-panel > li {
	    display: block;
	    float: none;
	    width: 100%;
	    padding-left: 0;
	    padding-right: 0;
	}
	/* Blog List style */
	.post-list .media-object {
	    width: 100% !important;
	}
	.post-list .media-left, .post-list.media > .pull-left {
	    padding-right: 0;
	}
	/* Sign Pages */
	.sign-wrap {
	    left: auto;
	    right: auto;
	    position: relative;
	    top:  auto;
		margin-left: 15px;
		margin-right: 15px;
		-webkit-transform: translate(0px);
		-moz-transform: translate(0px);
		-ms-transform: translate(0px);
		-o-transform: translate(0px);
	    transform: translate(0px);
	}
	.sign-wrap .feature-lists{
		display: none;
	}
	.sign-feature-block {
	    position: relative;
	    width: auto;
	    height: auto;
	}
	.sign-form-block {
	    height: auto;
	    left: 0;
	    min-height: auto;
	    top: 0;
	    transform: translate(0px, 0px);
	    -webkit-transform: translate(0px, 0px);
	    -moz-transform: translate(0px, 0px);
	    -ms-transform: translate(0px, 0px);
	    -o-transform: translate(0px, 0px);
	    width: 100%;
	    position: relative;
	}
	/* Animation Shortcode */
	.animation-section .col-eq-height .vmiddle{
		text-align: center;
	}

}


/******************************************************************************
  Max Width "640px"
*******************************************************************************/

@media screen and (max-width: 640px){
	/* Pagination */
	.pagination-full-page ul li a{
		padding: 10px 15px;
		width: 100%;
	}
	.pagination-full-page ul,
	.pagination-full-page ul li.next a{
		text-align: center;
	}
	.pagination-full-page li .title {
		font-size: 16px;
	}
	.pagination-full-page .arrow {
		font-size: 12px;
	}
	.owl-carousel .owl-controls .owl-nav div {
		height: 40px;
		line-height: 40px;
		width: 28px;
	}
	.owl-carousel .owl-controls .owl-nav .owl-prev::after, .owl-carousel .owl-controls .owl-nav .owl-next::after {
		font-size: 18px;
	}
	/* Tab */
	.nav-tabs > li,
	.nav-tabs > li.additional-tab {
		float: left;
		width: 100%;

	}
	/* Page Title */
	.page-title-wrapper .page-title {
	    font-size: 28px;
	    letter-spacing: -1px;
	}
}


/******************************************************************************
  Max Width "480px"
*******************************************************************************/

@media screen and (max-width: 480px){
	.color-panel {
		bottom: 0;
		right: -15px;
	}
	/* ===================================================================
						LISTINGS
	======================================================================*/
	.listing.listing-grid {
		width: 100%;
	}
}