/*========== Non-Mobile First Method ==========*/
@media all and (min-width: 800px) {
	.flexNav-touch .item-with-ul:hover > ul	 { 
		visibility: visible;
		opacity: 1;
		height: auto;
		display: block;		
                margin-top: -2px;
	}
}
/* cookiee */

@media only screen and (max-width : 480px) {
	.cookie-banner {
        line-height: 1.3;
    }
    
    .cookie-banner .cb-col {
		display: block;
		padding: 0 0 10px 0;
    }
    
    .cookie-banner .cb-col + .cb-col {
        width: auto;
        text-align: left;
        padding: 0;
	}
	
	.cb-container.center {
		padding: 15px;
	}
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px){

	.menu li {
	    margin-left: 10px;
	}
	
	.menu li a {
	    font-size: 13px;
		padding: 14px 11px 10px 11px;
	}
	
	.grid {
	  max-width: 940px;
	}

	.grid-sizer {
		width: 49px;
	}

	.gutter-sizer {
		width: 32px;
	}

	.grid-item {
		width: 292px;
	}
	
	.grid-item.gi-w2 {
		width: 454px;
	}

	.grid-item.gi-w3 {
		width: 616px;
	}	

	.grid-item.stamp {
		display: none;
	}
	
	.grid-item.stamped {
		display: block;
	}
	
	.slika_sub {
		max-width: 300px;
	}	

	.knjiga_txt_naslov {
		font-size: 14px;
	}

	.knjiga {
		height: 357px;
	}

	a.logo {
		margin-top: 30px;
	}
	
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px){
	
	.knjiznica_slika {
	border: none;
}

	a.logo {
		margin-top: 30px;	
		width: 100%;
	}

	/* a.logo img {
		width: 320px;	
	} */
	
	.dvijetrecine {width: 650px;}
	.jednatrecina {width: 300px;}
	.pola {width: 316px; height: 140px; overflow: hidden}	
	
	.knjiznica {
		margin-bottom: 20px;
		min-height: 180px;
	}	
	
	.holder {
	    float: left;
	    margin-right: 5%;
	    margin-top: 20px;
	    width: 45%;
	}
	
	.holder_last {
		width: 45%;
		margin-right: 5%;
	}
		
	
	.submenu_pod {
		display: none;
	}
	
	.social_pod  {
		display: none;
	}	
	
	.submenu_share {
		margin-bottom: 20px;
	}
			
	
	.menu {
		display: none;
	}
	
	.breadcrumbs {
		background-color: #B9B6E9;
		margin-bottom: 20px;
		padding: 5px 10px;
	}
	
	.menu-button, .menu-button2 {
		display: block;
	}	
	
	.knj_detalji, .radno_vri {
		margin-top: 20px;
	}
	
	/* a.logo img {
		width: 295px;	
	}	
	 */
	.knj_slika_holder {
		display: none;
	}
	
	.knj_detalji {
		width: 45%;
		margin-right: 10%;
	}

	.knjiga_txt_naslov {
		font-size: 16px;
	}
	
	.radno_vri {
		width: 45%;	
	}
	
	.dogadanje, .odjel {
		margin-bottom: 30px;
		border-left: 3px solid #ccc;
		padding-left: 20px;
	}
	
	.grid {
    	max-width: 720px;
    }

    .grid-sizer {
		width: 62px;
    }

    .gutter-sizer {
		width: 32px;
    }

    .grid-item,
    .grid-item.gi-w2 {
    	width: 344px;
    }

    .grid-item.gi-w2 {
    	height: 325px !important;
    }

    .grid-item.gi-w3,
    .grid-item.stretch-to-gi-w3 {
    	width: 720px;
    }	

    .grid-item.gi-w2 .img_box_holder {
		width: 100%;
		height: 160px;
		float: none;
	}

    .grid-item.gi-w2 .txt_box_holder {
    	width: 100%;
    	float: none;
    	height: 161px;
    }
    
    .meni_knjiznica {
		display: none;
	}
	
	.meni_knjiznica_select {
		display: block;
	}	

	.knjiga_holder {
		margin-bottom: 20px;
	}

	.knjiga {
		position: relative;
		height: auto;
		padding-bottom: 20px;
	}

	.knjiga:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
		height: 1px;
		background-color: #e8e8e8;
	}
	
	.holder_top_kat {
		font-size: 13px;
		background-color: transparent;
		margin-bottom: 25px;
		padding: 0;
		height: auto;
	}
	
	.kat_ost {		
		margin-right: 10px;
	}

	.details_white {
		max-height: 37px;
	}	
	
	.social a.impared {
		border-right: none;	
		border-left: none;
		display: block;
		width: 100%;
		text-align: right;
		margin-top: 10px;
	}

	.social {
        display: none;
    }

	.searchwrapper {
		width: 100%;
	}
	.searchborder {
		margin-top: 0px;
	}	
	.klik {
		margin-top: 22px;
	}

}


@media only screen and (max-width : 980px){
	
	.ikone_addthis {
		display: none;
	}
	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 768px){


	.footer {
		display: none;
	}
	
	.select_links { display: block; width: 100%; margin-bottom: 20px; }
	
	.select_links .btn-default { background-color: #8680D2; color: #000; }
	
	.footer_social {
		margin-top: 30px;
	}
	
	.menu li {
	    margin-left: 15px;
	}
	
	.menu li a {
	    font-size: 12px;
		padding: 14px 5px 10px 5px;
	}	
	
	.dvijetrecine {
		width:760px;
	}
	
	.jednatrecina {
		width: 300px;
	}
	
	.pola {
		width: 316px;
		height: 140px;
		overflow: hidden
	}
	
	.knj_detalji {
		width: 100%;
		margin-right: 0;
	}
	
	.radno_vri {
		width: 100%;
		padding: 5%;	
	}	
	
	.dog_slika_hold {
		display: none;
	}
	
	.dog_txt_hold {
		width: 100%;
	}
	
	.holder,.holder_last {
		width: 100%;
		margin: 0;
	}
	
	
	.label_white {
		margin-top: 20px;
	}
	
	.dogadanje_holder2 {
		margin-top: 30px;
	}
	
	.submenu_share {
	/*	display: none;*/
	}
	
	
	.galimgWrap {
		width: 100%;
	}
	
	a.showGalImg.autorImg {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	
	.slika_sub {
		width: 100%;
		max-width: 100%;
	}

	
}

/* Međukorak do iPad Landscape */
@media only screen and (max-width: 767px) {
	
	.col-xs-12.col-sm-6.pedeset {
		width: 50%;
	}

 	.grid>li{
		width: 100%;
	}
	
	.social {
		display: none;
	}	
	
	/* a.logo img {
		width: 300px;	
	} */
	
	.searchwrapper {
		width: 100%;
	}
	
	a.naslov_knjiznica {
		font-size: 16px;
	}
	
	.knjiznica_txt li span {
		font-size: 12px;
	}
	
	.knjiznica_txt li {
	    font-size: 14px;
	}
	
	.right_header {
		width: 100%;
	}
	
	.searchborder {
		width: 100%;
		margin-top: 25px;
	}	
	
	.searchbox {
	    width: 55%;
	}
	
	.select_header {
	    width: 32%;
	}
	
	.searchbtn {
		width: 13%;
		text-align: center;
	}

	.grid-wrapper {
		padding: 0 15px;
	}
	
	.grid {
		padding: 0;
		max-width: none;
	}

	.gutter-sizer {
		width: 4.44444%;
	}

	.grid-sizer,
	.grid-item,
	.grid-item.gi-w2 {
		width: 47.77778%;
	}

	.grid-item.gi-w3,
	.grid-item.stretch-to-gi-w3 {
		width: 100%;
	}

   	.label_kontakt {
		width: 30%;
	}
	
	.holder_input_kontakt {
		width: 65%;
	}
		


}

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

/*	.grid {
		max-width: 680px;
	}

	.grid-sizer {
		width: 100%;
	}

	.grid-item {
		width: 90% !important;
		margin-left: 5%;
		margin-right: 5%;
	}
	
	.knjige_main {
		height: auto !important;
	}	*/
	
/*	.knjiga_holder {
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 20px;
		padding: 0;
	}
	
	.knjiga_img {
		float: left;
		margin-right: 20px;
	}
	
	.knjiga_txt {
		float: left;
		text-align: left;
	}   */
	
/*	.knjiga_holder {
		width: 50%;
		min-height: 255px;
	}*/

}



/* Međukorak do iPad Landscape */
@media only screen and (max-width: 640px) {
	

	
	.searchwrapper {
		float: left;
	}	
	
	.searchborder {
	    width: 100%;
		margin-top: 25px;
	}	
	
	.searchwrapper {
		margin-top: 0;
	}	
	
	.klik, .search {
		margin-top: 0;
	}

	.grid-sizer,
	.grid-item,
	.grid-item.gi-w2 {
		width: 100%;
	}

	.grid-item.gi-w2,
	.grid-item.gi-w2 .txt_box_holder {
		height: auto !important;
	}

	.grid-item.gi-w2 .txt_box_holder {
		padding-bottom: 40px;
	}

	a.sve_oba {
		display: block;
		float: none;
		text-align: right;
	}

	.knjige_main {
		height: auto !important;
	}
	
	.knjige_main .holder_knjige_left,
	.knjige_main .holder_knjige_right {
		float: none;
		width: 100%;
	}

	.knjige_main .holder_knjige_right {
		margin-top: 20px;
	}
	
   	.label_kontakt {
		width: 100%;
		margin-right: 0;
	}
	
	.holder_input_kontakt {
		width: 100%;
	}	
	
	.submit_kontakt {
		margin-top: 15px;
	}
	
	.input_kontakt, .txtarea_kontakt {
		width: 100%;
	}
	
	.content table.scrollable { display: block; overflow-x: auto; }
	table.scrollable tbody { display: table; width: 100% !important; min-width: 575px; }
	table.scrollable tr { display: table-row; }
	table.scrollable td, table.scrollable th { display: table-cell; }

	.col-xs-12.col-sm-6.pedeset {
		width: 100%;
	}
	
	.slika_sub {
		width: 100%;
	}	

	.holder_knjige_right.mali {
		width: 50%;
		float: left;
	}	
	
}



/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
.fb {width:300px !important; overflow: hidden !important;}
	
	a.logo {
		margin-top: 30px;	
	}
	
	.right_header {
		width: 100%;
	}
	
	.content h1 {
		font-size: 24px;	
	}
	
	.content h2 {
		font-size: 18px;	
	}	
	
	.content {
		font-size: 14px;
		line-height: 1.5;
	}
	
	.knjiznica {
	    margin-bottom: 20px;
	    min-height: 120px;
	}
	
	.knjiznica_slika {
		display: none;
	}
	
	.knjiznica_txt {
		width: 100%;
	}
	
	.knj_detalji span.fa {
		margin: 10px 5px;
	}
	
	.tram {
		width: 22px;
		margin-top: -4px;
		margin-right: 10px;
		margin-left: 5px;
	}
	
	.parking {
		width: 22px;
		margin-top: -4px;
		margin-right: 5px;		
	}	

	.knjiga-tekst {
		float: none;
		width: 100%;
	}
	
	.fb_iframe_widget {
		margin-top: 20px;
	}
	
	.searchbox {
		width: 49%; 
	}
	
	.select_header {
		width: 38%;
	}	
	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 340px){


	.searchbox {
		width: 47%; 
	}
	
	.select_header {
		width: 40%;
	}	

	.klik {
		width: 52px;
	}
	
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){

	.social {
		display: none;
	}
	
	.submenu_share {
	/*	display: none;*/
	}

	/* a.logo img {
		width: 280px;	
	} */
	
	.searchbox {
		width: 45%; 
	}
	
	.select_header {
		width: 42%;
	}	
		
	
}

/*************** MOJE ********************/