@media screen and (max-width: 480px) {

    .logoPhrase
    {
        font-size: 0.9rem !important;
        margin-left: 40px;
    }

     .logoImage
    {
        height: 35px;
        width: auto;
        left: -50px;
        top: 12px;
    }

     .quoteButton
    {
        width: 90%;
    }
	
	.sidenav
	{
		width: 100%;
	}


      h1
     {
         font-size: 3.2rem !important;
     }

     h2
     {
         font-size: 2.8rem !important;
     }
	 
	 .map-canvas {
		height: 350px;
	}
	
	.footerStyle
	 {
		 font-size: 12px;
	 }
	 
	.row .col.apartment-image-style-col
	{
		width: inherit;
	}
	
	.apartment-image-style
	{
		height: 120px;
	}
	 
	 .material-placeholder
	 {
		 width: 80%;
		 margin: 0 auto;
	 }
	 
	 
	.apartment-image-style img
	{
		min-width: 85%;
		width: 100%;
		height: auto;
		min-height: 250px;
		margin-left: unset;
		transform: inherit;
		margin-top: -75%;
		transform: translateY(50%);	
	}
	
	.apartment-image-style-horizontal
	{
		min-width: 100%;
	}
	
	.apartment-image-style-horizontal img
	{
		min-width: 100%;
		top: -150px;
		max-height: unset;
	}
	
	.carousel
	{
		height: 250px;
		top: unset;
	}
	
	
	.carousel .carousel-item > img {
		width: 100%;
		margin-left: 0%;
	}
	
	.carousel-container-padding
	{
		padding-bottom: 0px;
	}
	
	.vilajelenslika {
		height: 100px;
		top: -110px;
		right: 5px;
	}
	
	.vilajelenslika img {
		opacity: 0.6;
	}
	
	i.material-zoom-icon
	{
		top: 5px;
		right: 2%;
		font-size: 2rem;
	}
	
	
	.smestaj-kontakt-container
	{
		display: inline-block;
		min-width: 40px;
		max-width: 100%;
	}
	
	.smestaj-kontakt-container a.float-action-icon
	{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 1.2rem;
		top: 0px;
	}
	
	
	.smestaj-kontakt-container .btn-floating i {
		font-size: 1.2rem;
		line-height: 30px;
	}
	
}