﻿@media only screen and (max-width: 1320px)
{
    #footerContent
    {
        padding:0 2%;
        width:auto;
    }
}

@media only screen and (max-width: 1280px)
{
	.topNekretnineContent
	{
		width:96%;
		margin:auto;
	}
	
}

@media only screen and (max-width: 1200px)
{
	.topNekretnineContent
	{
		max-width:800px;
	}
	.topNekretnineItems
	{
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 1080px)
{
	#headerAddress
	{
		display:none;
	}
	
    #footerContent
    {
        display: block;
    }

    .footerCol, .footerMap
    {
		max-width:100%;
        width:100%;
        margin:auto;
        text-align:center !important;
    }

    .footerCol
    {
        border-bottom:1px solid #666;
        margin-bottom:24px;
        padding-bottom:24px;
    }

    #footerSocial img
    {
        margin:0 2px;
    }
	
	.copyright
	{
		padding-top:0px;
	}
	
	/*#headerLogo
	{
		left:16px;
	}*/
    
}

@media only screen and (max-width: 920px)
{
	#header
	{
		border-bottom:1px solid #333;
	}
	
    .pageImage
    {
        overflow:hidden;
    }

    .pageImageContent
    {
        top:0;
        bottom:0;
        padding:0;
        width:100%;
        padding-top:16px;
    }

    .pageImageContent select, .pageImageContent input
    {
        display:block;
        margin:12px auto;
        width:90%;
        max-width:280px;
    }
	
	.buttons-overlay {
		display: flex;
	}

	.rightFilter
	{
		float:none;
		width:auto;
		padding:8px 0;
		margin:0;
	}
	
	.leftSide
	{
		float:none;
		width:auto;
	}
}

@media only screen and (max-width: 800px)
{
    .topNekretnineItem
    {
        float:none;
        width:100%;
    }
	
	.kontakt-mape
	{
		display:block;
	}

	.kontakt-mape iframe
	{
		width:100%;
		height:320px;
	}
}

@media only screen and (max-width: 640px)
{
	#headerLogo {
		display:flex;
		align-items:center;
		justify-content: left;
	}

	#headerLogo a
	{
		text-align:left;
		height:auto;
		width:auto;
	}
	
	#headerLogo.tiny a
	{
		height:auto;
	}
	
	#headerLogo a img
	{
		height:100%;
	}
	
	#headerLogo a img:nth-child(1)
	{
		position:relative;
		top:0;
		right:0;
		transform:translateX(0);
	}

	#headerLogo a img:nth-child(2)
	{
		position:relative;
		bottom:0;
		left: 0;
		transform:translateX(0);
		margin-left:4px;
	}

	#headerLogo.tiny a img:nth-child(1)
	{
		top:0;
		right: 0;
		width:120px;
	}

	#headerLogo.tiny a img:nth-child(2)
	{
		left:0;
		bottom:0;
	}
	
	.topNekretnineContent
	{
		max-width:400px;
	}
	.topNekretnineItems
	{
		grid-template-columns: 1fr;
	}
}


@media only screen and (max-width: 480px)
{
	#headerContent
	{
		padding:0;
	}
	#headerLogo a
	{
		padding:16px;
	}
	
	#headerLogo a img:nth-child(1)
	{
		width:80px;
	}

	#headerLogo a img:nth-child(2)
	{
		width:128px;
	}

	#headerLogo.tiny a img:nth-child(1)
	{
		width:80px;
	}

	#headerLogo.tiny a img:nth-child(2)
	{
		width:128px;
	}
}