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

html {
		-webkit-text-size-adjust: none;
	}
body {
	font-size:14px;

}
#container {
	width: 320px;
	}

div #header {
	background: url(../images/bosifest2026_320.jpg) no-repeat left top;
	width: 320px;
	height:78px;
}
div #header_eng {
	background: url(../images/bosifest2026_320_eng.jpg) no-repeat left top;
	width: 320px;
	height:78px;
}

#navigacija .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 12px;
	margin: 0px 30px 0px 30px;
}

    .mobnav-subarrow {
        display: block;
        background-color: #606b71;
        opacity: .7;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 15px;
        width: 20px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 30px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
#navigacija    .sf-menu {
        width: 100%!important;
        display: none;
    }
#navigacija    .sf-arrows .dropdown:after {
        display: none;
    }
#navigacija    .sf-menu.xactive {
        display: block!important;
		padding:10px 0px 10px 0px;
		background: #22234f;
		opacity:0.9;
		z-index:100;
    }
#navigacija  .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
		white-space: nowrap;
		background: none;
		border:none;
    }
#navigacija    .sf-menu li a {
        float: none!important;
		border-top:1px solid #babdc1;
    }
#navigacija    .sf-menu li.first a {
        float: none!important;
		border-top:none;
    }
#navigacija .sf-menu a {
	    padding: 5px 0px 5px 0px;

}
#navigacija .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	    font-weight:bold;
		color:#bf2106;
}
#navigacija   .sf-menu ul {
        position:static!important;
        display: none!important;
    }
#navigacija    .xpopdrop ul {
        display: block!important;
		border:none;
    }
#navigacija   .sf-menu  ul a:hover {
        color:#bf2106;
    }
#navigacija   .sf-menu  li li a{
        padding: 10px 10px 0px 10px;
    }
#navigacija   .sf-menu  li li li a{
        padding: 10px 10px 0px 20px;
    }
div #header_right_768 {
    width: 230px;
	margin:10px 0px;
}
div #header_right {
    display:none;
}
div #navigacijaback {
	width: 320px;
   }
div #navigacija {
	width:300px;
   }
.sf-menu li a {
	padding:13px 1px 10px 15px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 9px;
}
div #content {
	width:320px;
}
 div #sadrzajmain {
	width:320px;
}
div #sadrzaj {
	width:320px;
	float:left;
	border: none;
}
.info {
    width: 100%;
}
div #sadrzaj td{
    position:relative;
    float:left;
    clear:both;
    width:100%;
    text-align:center;
}
div #sadrzaj .media_embed{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
div #sadrzaj .media_embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div #plugin {
	float:none;
	margin:0 auto;
	border:none;
    width: 320px;
	padding:0px 10px;
}
#footer {
	width: 320px;
}
#copyright {
	width: 320px;
	}
div #search_all  {
	width: 175px;
}
 #search_all_body{
    width: 175px;
}
div #search_all  input.text{
    width: 135px;
}

}






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

html {
		-webkit-text-size-adjust: none;
	}

body {
	font-size:14px;

}
#container {
	width: 450px;
	}

div #header {
	background: url(../images/bosifest2026_480.jpg) no-repeat left top;
	width: 450px;
	height:117px;
}
div #header_eng {
	background: url(../images/bosifest2026_480_eng.jpg) no-repeat left top;
	width: 450px;
	height:117px;
}
#navigacija .sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 12px;
	margin: 0px 30px 0px 30px;
}

    .mobnav-subarrow {
        display: block;
        background-color: #606b71;
        opacity: .7;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 15px;
        width: 20px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 30px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
#navigacija    .sf-menu {
        width: 100%!important;
        display: none;
    }
#navigacija    .sf-arrows .dropdown:after {
        display: none;
    }
#navigacija    .sf-menu.xactive {
        display: block!important;
		padding:10px 0px 10px 0px;
		background: #22234f;
		opacity:0.9;
		z-index:100;
    }
#navigacija  .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
		white-space: nowrap;
		background: none;
		border:none;
    }
#navigacija    .sf-menu li a {
        float: none!important;
		border-top:1px solid #babdc1;
    }
#navigacija    .sf-menu li.first a {
        float: none!important;
		border-top:none;
    }
#navigacija .sf-menu a {
	    padding: 5px 0px 5px 0px;

}
#navigacija .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	    font-weight:bold;
		color:#bf2106;
}
#navigacija   .sf-menu ul {
        position:static!important;
        display: none!important;
    }
#navigacija    .xpopdrop ul {
        display: block!important;
		border:none;
    }
#navigacija   .sf-menu  ul a:hover {
        color:#bf2106;
    }
#navigacija   .sf-menu  li li a{
        padding: 10px 10px 0px 10px;
    }
#navigacija   .sf-menu  li li li a{
        padding: 10px 10px 0px 20px;
    }
div #header_right_768 {
    width: 230px;
	margin:10px 0px;
}
div #header_right {
    display:none;
}
div #navigacijaback {
	width: 450px;
   }
div #navigacija {
	width:440px;
   }
.sf-menu li a {
	padding:13px 1px 10px 15px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 9px;
}
div #content {
	width:450px;
}
 div #sadrzajmain {
	width:450px;
}
div #sadrzaj {
	width:450px;
	float:left;
	border: none;
}
.info {
    width: 100%;
}
div #plugin {
	float:none;
	margin:0 auto;
	border:none;
}
div #sadrzaj .media_embed{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
div #sadrzaj .media_embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#footer {
	width: 450px;
}
#copyright {
	width: 450px;
	}
}




@media (min-width: 768px) and (max-width: 970px) {
#container {
	width: 800px;
	}
div #header {
	background: url(../images/bosifest2026_800.jpg) no-repeat left top;
	width: 800px;
	height:188px;
}
div #header_eng {
	background: url(../images/bosifest2026_800_eng.jpg) no-repeat left top;
	width: 800px;
	height:188px;
}
div #header_right_768 {
    width: 230px;
	margin:10px 0px;
}
div #header_right {
    display:none;
}
div #social {

	}
.menubtn {
    display: none;
}
div #navigacijaback {
	width: 800px;
   }
div #navigacija {
	width:720px;
   }
.sf-menu li a {
	padding:13px 12px 10px 1px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 9px;
}
div #content {
	width:800px;
}
 div #sadrzajmain {
	width:800px;
}
div #sadrzaj {
	width:450px;
	float:left;
	border-right: 1px solid #ccc;
}
.info {
    width: 100%;
}
#footer {
	width: 800px;
}
#copyright {
	width: 800px;
	}

}

@media (min-width: 971px) and (max-width: 1170px) {

#container {
	width: 970px;
	}
div #header {
	background: url(../images/bosifest2026_970.jpg) no-repeat left top;
	width: 970px;
	height:234px;
}
div #header_eng {
	background: url(../images/bosifest2026_970_eng.jpg) no-repeat left top;
	width: 970px;
	height:234px;
}
div #header_right {
    width: 200px;
	margin:10px;
}
div #header_right_768 {
    display:none;
}
p.word {
    font-size: 13px;
	font-weight: normal;
    padding: 8px 10px 8px 31px;
    margin: 0px 0px 15px 0px;
}
p.eng {
	padding: 8px 3px 8px 30px !important;
	}
div #jezik {
    padding: 0px 5px 0px 0px;
}
div #social {
	margin-top: 164px;
	}
.menubtn {
    display: none;
}
div #navigacijaback {
	width: 968px;
   }
div #navigacija {
	width:960px;
   }
.sf-menu li a {
	padding:13px 15px 10px 10px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 11px;
}
div #content {
	width:968px;
}
 div #sadrzajmain {
	width:970px;
}
div #sadrzaj {
	width:620px;
	float:left;
	border-right: 1px solid #ccc;
}
.info {
    width: 355px;
}
#footer {
	width: 970px;
}
#copyright {
	width: 970px;
	}
}
@media (min-width: 1171px) {

#container {
	width: 1170px;
	}
div #header {
	background: #fff url(../images/bosifest2026.jpg) no-repeat left top;
	width: 1168px;
	height:234px;
	border: 1px solid #ccc;
}
div #header_eng {
	background: #fff url(../images/bosifest2026_eng.jpg) no-repeat left top;
	width: 1168px;
	height:234px;
	border: 1px solid #ccc;
}
div #header_right_768 {
    display:none;
}
div #social {
	margin-top: 154px;
	}
.menubtn {
    display: none;
}
div #navigacijaback {
	width: 1168px;
   }
div #navigacija {
	width:1150px;
   }

div #content {
	width:1168px;
}
 div #sadrzajmain {
	width:1170px;
}
div #sadrzaj {
	width:820px;
	float:left;
	border-right: 1px solid #ccc;
}
.info {
    width: 555px;
}
#footer {
	width: 1170px;
}
#copyright {
	width: 1170px;
	}
}