/* ------------------------
         Media Queries
   ------------------------ */

@media (max-width:1020px)
{
	.check-btn
	{
		display:block;
	}
	
	.check-btn > i.times
	{
		display:none;
	}
	
	ul.fright
	{
		position:fixed;
		height:100vh;
		width:50%;
		background:#F8FAFC;
		border-left:1px solid #94A3B8;
		top:80px;
		right:-100%;
		text-align:center;
		transition:all .5s;
		margin:0;
		padding:0;
	}
	
	nav ul.fright li
	{
		display:block;
		margin:0;
		border-bottom:1px solid #94A3B8;
		text-align:left;
	}
	
	nav ul.fright li a
	{
		display:block;
		padding:12px 8px 12px 24px !important;
		font-size:1.125rem;
		color:#0F172A;
		border-radius:0;
		text-decoration:none;
	}
	
	nav ul.fright li a:hover, nav ul.fright li a.active
	{
		background:#207DD4;
		color:#FFFFFF;
	}
	
	li#login-data ul.login-register
	{
		padding:0;
		border:none;
	}
	
	li#login-data a
	{
		border-radius:0;
		border:none;
		background-color:#FFFFFF;
		
	}
	
	li#login-data ul.login-register li a
	{
		border-radius:0;
		border:none;
	}
	
	li#login-data ul.login-register li:first-child a
	{
		border:none;
		border-top:1px solid #94A3B8;
	}
	
	li#login-data ul.login-register li:last-child
	{
		border-bottom:none;
	}
	
	#check:checked ~ ul
	{
		right:0;
	}
	
	#check:checked ~ .check-btn > i.bars
	{
		display:none;
	}
	
	#check:checked ~ .check-btn > i.times
	{
		display:block;
	}
	
	.q-a, .t4u-contact, .services, .t4u-page, .index
	{
		grid-auto-flow:row !important;
	}
	
	main aside.mobile-top
	{
		order:-1;
	}
	
	.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child),
	.ui.horizontal.relaxed.list .list > .item:not(:first-child),
	.ui.horizontal.relaxed.list > .item:not(:first-child)
	{
		padding-left:0;
	}
}

@media (max-width:430px)
{
	ul.fright
	{
		width:64%;
	}
}

@media (max-width:767px)
{
	nav .ui.dropdown
	{
		float:right;
		display:inline;
		font-size:2rem;
		padding:.5rem 1rem !important;
		margin:.5rem 0 0 0 !important;
		border-radius:.5rem;
		border:.0625rem solid #E2E8F0;;
		background-color:#F1F5F9 !important;
		color:rgba(15, 23, 42, 1);
	}
	
	nav .ui.top.right.pointing.dropdown > .menu
	{
		margin:.75rem 0 0 0;
	}
	
	span.ui.top.attached.header
	{
		display:none;
	}
	
	.sm.column, #current-refinements, #filters
	{
		display:none !important;
	}
	
	.xl.column
	{
		width:100% !important;
		padding-right:0 !important;
	}
	
	header .column
	{
		min-height:auto;
		padding-bottom:.5rem;
	}
	
	div.search h1
	{
		display:none;
	}
	
	div.ui.search
	{
		margin-top:.5rem;
		display:block;
		text-align:left;
	}
	
	div.ui.vertical.divider
	{
		display:none !important;
	}
	
	#sort-by
	{
		margin:0 1rem 0 0 !important;
	}
	
	#stats, #hits-per-page, #current-refinements
	{
		display:none;
	}
	
	#m-filters
	{
		display:block;
		position:fixed;
		top:5.5rem;
		right:.75rem;
		z-index:10;
		font-size:1.25rem;
		color:#1960A3;
		background-color:#E3EFFA;
		outline:.0625rem solid;
		border-radius:.5rem;
	}
	
	#m-filters:active, #m-filters:focus
	{
		outline:.125rem solid;
		outline-offset:-.125rem;
	}
	
	#m-filters > i.icon
	{
		opacity:1;
	}
	
	.save-map-list-btns
	{
		position:fixed;
		width:calc(100% - 3rem);
		bottom:0;
		z-index:11;
	}
	
	#pagination, #pagination-bottom
	{
		float:left !important;
		margin:1rem 0 !important;
	}
	
	#dynamic-widgets
	{
		position:fixed;
		width:min(22.5rem, calc(100vw - 2rem));
		height:calc(100vh - 10.5rem);
		left:-100%;
		top:10rem;
		bottom:0;
		opacity:0;
		background-color:#FFFFFF;
		box-shadow:0 0 .5rem #94A3B8;
		border-radius:.5rem;
		padding:.5rem 0;
		transition:all .4s;
		z-index:99;
		overflow-y:scroll;
	}
	
	#dynamic-filters:checked + div
	{
		left:1rem;
		opacity:1;
	}
	
	#hits, #map-ctnr
	{
		padding-left:0;
		width:100%;
	}
	
	h2.t4u-filters
	{
		display:none;
	}
	
	#save-search, button#map-view, button#list-view
	{
		margin:0 0 1rem 0;
	}
	
	.show-more:focus, button#map-view:focus, button#list-view:focus
	{
		outline:2px solid;
		outline-offset:-2px;
	}
	
	ul.breadcrumb li:not(:first-child)
	{
		display:none;
	}
	
	.property .highlights ul
	{
		float:none;
		width:100%;
	}
	
	.property .highlights ul:first-of-type
	{
		padding-right:0;
	}
	
	.property .features ul li
	{
		width:97%;
	}
	
	.index section ul
	{
		grid-template-columns: repeat(auto-fit, minmax(20.5rem, 1fr));
	}
	
	.account-home .t4u-tabs
	{
		flex-direction:column !important;
		align-items:flex-start;
	}
	
	.account-home .ui.secondary.menu .item
	{
		align-self:flex-start;
		margin:.5rem 0 !important;
	}
	
	.businessCard
	{
		display:block;
	}
}

@media (max-width:1200px)
{
	.wrap, #w-listing
	{
		width:100%;
	}
	
	.property .info ul:nth-of-type(2)
	{
		text-align:left;
	}
}

@media (min-width:1064px)
{
	.xl.column
	{
		width:calc(100% - 22.5rem) !important;
	}
}

@media (max-width:1118px)
{
	.sm-listings
	{
		overflow-x:auto;
		grid-auto-columns:auto;
	}
	
	.previous, .next
	{
		display:none;
	}
}

@media (max-width:916px)
{
	h1
	{
		font-size:1.75rem !important;
	}
	
	h2
	{
		font-size:1.5rem !important;
	}
	
	.sm.column h2
	{
		font-size:1.25rem !important;
	}
}

/* @media (max-height: 1150px) {
    #hits, #dynamic-widgets {
        max-height: max(calc(100vh - 466px), 40rem);
    }
} */