/* Landscape phone to portrait tablet */
@media (max-width: 480px) {
    #header .row{
	    margin-right: 0px;
        margin-left: 0px;
	}
	
	#block-textresize {
        width: 27% !important;
	}
	
	.block-wrap {
	    padding:0px;
	}
	
	.donacije,
	.pitanja{
	    padding:10px 0px;
	}
	
	.donacije h2{
	    height:initial;
	}
	
	.pitanja a{
	    margin-top:-25px;
	}
	
	.donacije a{
	    margin-top:65px;
	}
}



@media (max-width: 767px) {
	#block-views-block-flexslider-views-example-block-1{
		display:none;
	}

	.article-image-view {
		min-height: initial;
		max-height: initial;
	}
	
	.view-ispis-djelatnika .image-overlay, .view-id-materijali .image-overlay {
        display: none;
	}
	
	.block-wrap {
	    padding:0px;
	}
	
	.dj-pozicija, .dj-mail, .dj-phone{
	    font-size:18px;
	}
	
	.dj-pozicija svg, .dj-mail svg, .dj-phone svg{
	    margin-top: 3px;
	}
	
	.view-novosti-na-naslovnici .article-title-view{
		padding-left:0px;
	}
	
	.view-novosti-na-naslovnici .views-row{
		border-bottom: 1px solid #dedede;
		padding-bottom: 20px;
	}
	
	.pitanja{
		background-size:100%;
		background-position-y: center;
		margin-top:15px;
	}
	
	.view-novosti-na-naslovnici .col-md-4,
	.view-novosti-na-naslovnici .col-lg-4,
	.view-novosti-na-naslovnici .col-sm-4{
	    padding-right:0px;
	}
	
	#footer,
	.path-frontpage #banner	{
		background-image: none;
	}
	
	#block-bootstrap-business-branding {
		width: 40%;
        padding: 15px 0px;
        left: 0;
	}
	
	#header{
		z-index:1;
	}
	
	#header .row{
	    margin-right: 0px;
        margin-left: 0px;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: white;
        font-family: roboto;
        font-size: 18px;
    }
	
	.view-novosti-na-naslovnici .col-md-4,
	.view-novosti-na-naslovnici .col-lg-4,
	.view-novosti-na-naslovnici .col-sm-4{
	    padding-right:0px;
	}
	
	#block-cppdonacije .col-md-4,
	#block-cppdonacije .col-lg-4,
	#block-cppdonacije .col-sm-4,
	#block-cppdonacije .col-lg-8,
	#block-cppdonacije .col-md-8,
	#block-cppdonacije .col-md-8{
	    padding-left:0px;
	    padding-right:0px;
	}
	
	#block-facebookheader{
		right:35%;
	}
	
	#block-textresize {
		width: 20%;
		right: 5%;
	}
	
	/*Mobile menu*/
	
	#block-mainnavigation{
		display:none;
	}
	
	#block-mobilemenu .navbar-header img{
	    width: 40px;
        margin-right: 20px;
	}
	
	#main-navigation{
	    z-index:-1;
	}
	
	#block-mobilemenu{
		position: absolute;
		width: 300px;
		right: 15px;
		display:block;
	}
	
	#block-mobilemenu .navbar-default{
		background:transparent !important;
		border-color:transparent !important;
	}
	
	#block-mobilemenu li.active {
		background: initial;
		border: initial;
	}
	
	#block-mobilemenu .navbar-default .navbar-nav>.active>a, 
	#block-mobilemenu .navbar-default .navbar-nav>.active>a:focus, 
	#block-mobilemenu .navbar-default .navbar-nav>.active>a:hover{
		color: white;
		font-family: "Open Sans Condensed";
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		background-color: rgba(0, 0, 0, 0.7);
	}
	
	#block-mobilemenu .navbar-default .navbar-nav>li>a {
		color: white;
		font-family: "Roboto";
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	#block-mobilemenu .navbar-default .navbar-nav>li{
		background-color: rgba(0, 0, 0, 0.5);
		margin: 3px;
		text-align:right;
	}
	
	#double{
	    padding-left: 15px;
        padding-right: 15px;
	}
	
	#double .col-md-6{
	    padding-left: 0px;
        padding-right: 0px;
	}
	
	#block-mobilemenu .navbar-default .navbar-toggle{
		border-color: transparent;
		margin: 0px;
		padding: 2px;
	}
	
	#block-mobilemenu .navbar-collapse {
		border-top: initial;
		-webkit-box-shadow: initial;
		box-shadow: initial;
	}
	
	#block-mobilemenu .navbar-default .navbar-toggle:focus, 
	#block-mobilemenu .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	
	.navbar-nav>li>a {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.view-centre-services .views-field-body{
		padding: 10px 10px;
	}
	
	.doc-download{
		height:300px;
	}
	
	.view-zaposlenici-i-suradnici .col-md-3{
		width: 50%;
		float: left;
	}
	
	.member-image{
		width: 200px;
		height: auto;
		margin:0px auto;
	}
	/*Mobile menu - end*/
}