@media (min-width : 250px) and (max-width : 500px) {
body, #wrapper {width: 100%;padding:0;margin:0;}
#header {display: none;}
#header_under #inner {width: 100%}

#header-logo {display:block;position: absolute;right: 0;}
#header-logo img {width: 140px;}

.custom-mainmenuicons {border:0px solid;position: absolute;top: 0;z-index: 100;right:140px;width: 120px;}
.custom-mainmenuicons .searchdrop {width: 40px;height: 40px;margin:0 !important;padding:0;border-right: 0px solid #fff;}
.custom-mainmenuicons .user {width: 40px;height: 40px;margin:0 !important;}
.custom-mainmenuicons .share {width: 40px;height: 40px;margin:0 !important;}

.navbar {width: 100%;position: relative;z-index: 50;vertical-align:top;display: inline-block;}
.navbar-inner {border:none;background:#39445a; }
.navbar-inner .btn-navbar {float:left;color: #2b699c;position: relative;margin:5px;padding:5px;}
.navbar-inner .btn-navbar:hover{color:#2b699c;}
.navbar-inner .item-235 .dropdown-toggle span span{display:block;}
.navbar-inner .item-235 .dropdown-toggle img{display:none;}
.menu {display: block;}
.menu ul {}
.menu li{min-width: 100%;text-align:left;border-bottom: 1px solid;background: none;}
.menu li a {border-radius: 0px !important;}
.menu li li {padding: 0px 20px;}
.menu li li a{min-width: 100%;border: none !important;background: none !important;border-radius: 0px !important;}
.menu li a:hover {background:none !important;border-radius: 0px !important;}
.navbar-inner .dropdown-menu {width: 100%;}
.navbar-inner .dropdown-menu li a {padding:6px 50px;}

#stickyright.sub {position: relative;top: 0px;z-index:0 !important;}

#searchdrop, #userdrop, #sharedrop {width: 100%;right:0;}

#container_main {width: 100%;padding:0px 0px;position:relative;overflow:hidden;}
#content_4 {width: 100%;}
#content_6 {width: 100%;min-height:100px;}
#content_2 {width: 100%;margin-top: 10px;}

/* HOME PAGE */
.blog-featured .jcomments-links {top: 15px;padding:0;height: 20px;line-height: 20px;display: none;}

/* LEADING NEWS */
.blog.default .leading-0 {height: 170px;}
.blog.default .leading-0 h2 a {font-size: 18px; line-height: 20px;}
.blog.default .leading-0 .pull-left.item-image img {height: 170px !important;}
.article-info {font-size: 10px;}

/* BELOW LEADING NEWS 
.blog-featured .row-0, .blog-featured .row-1, .blog-featured .row-2 {width: 100%;}
.blog-featured .column-1, .blog-featured .column-2 {width: 49.5%;float:left;position: relative;margin:0px 0.0% 10px 0.0%;}
.blog-featured .column-2 {margin-left: 1%;}
.blog-featured .row-0 .article-info, .blog-featured .row-1 .article-info, .blog-featured .row-2 .article-info {width: 100%;}
.blog-featured .row-0 .category-name, .blog-featured .row-1 .category-name, .blog-featured .row-2 .category-name {padding:0 2%;margin:0;float:none;line-height: 20px;width:44%;}
.blog-featured .row-0 .published, .blog-featured .row-1 .published, .blog-featured .row-2 .published {width:56%;float:right;text-align:right;padding: 0 1%;margin:0;border-left: 5px solid transparent;border-bottom: 20px solid #e1e1e1;line-height: 20px;}*/

.blog h2 a{font-size: 16px;line-height: 18px;}
.blog-featured .pull-left.item-image img {height: 100px;}

/* MORE NEWS */
.items-more ol {margin:0;padding:0;height: 240px;}
.items-more li {font-size: 12px;height: 80px;overflow: hidden;}
.items-more img {border-radius: 2px;margin-right: 5px;width: 35%;height: 80px;float:left;}
.items-more .title {font-weight: bold;width: 65%;display:block;height: 20px;top: 0px;left: 36%;font-size: 14px;overflow: hidden;}
.items-more .text {width: 65%;font-size: 12px;left: 36%;top: 25px;line-height: 13px;}
.items-more .article-info {display: none;}
.items-more .category-name {text-transform: uppercase;padding:0px 10px 0px 10px;line-height: 15px;}
.items-more .published {}

.center-image {height: 80px;}
.center-image .title {font-size: 12px;line-height: 15px;}
.center-image img {width: 100%;height: 80px;}

.right-image {width: 49.6%;float:left;margin:0px 0.2% 10px 0.2%;height: 100px;}
.right-image .title {font-size: 14px;line-height: 16px;}
.right-image img {width: 100%;height: 100px;}

.center-text{font-size: 12px;}
.center-text:hover {background: #f9f9f9;}
.center-text .title{height:auto;font-size: 16px;float: none;}

.full_bottom {height: auto;}

ul.category-right {font-size: 12px;line-height: 14px;}

.center .center-bigimage {height: 100px;width: 49%;font-size: 12px;line-height: 14px;}
.center .center-bigimage img {height: 100px;}
.center-bigimage1 {height: 100px;width: 49%;font-size: 12px;line-height: 14px;}
.center-bigimage1 img {height: 100px;}

ul.category-center li{width: 100%;height: 150px;}
ul.category-center li img {height: 150px;}

#introtext {font-size: 16px;padding: 0px 10px !important;margin:10px 0px 0px 0px !important;text-align:left;clear:both;}
#fulltext {font-size: 16px;overflow:hidden;text-align:left;}

.fastsocialshare_container {width: 100%;padding:0;}


.page-header h1 {font-size: 30px;}
.item-page h2 {font-size: 22px;line-height: 25px;padding:0px 5px;}
.item-page .pull-left.item-image img, .item-page-konkurs .pull-left.item-image img, .item-page-noimage .pull-left.item-image img {width: 100%;height: auto;margin-bottom: 10px;border-radius: 2px;}
.item-page .article-info, .item-page-konkurs .article-info, .item-page-noimage .article-info {width: 100%;margin-top:10px;}
.item-page .pull-left.item-image .img_caption:after, .item-page-konkurs .pull-left.item-image .img_caption:after, .item-page-noimage .pull-left.item-image .img_caption:after {display:none;}

#comments-form {width: 99%;margin-left:auto;margin-right: auto;}
#comments-form .captcha {width: 100%;margin:0 5%;}
#comments-form img.captcha {width: 45%;}
#comments-form input.captcha {width: 45% !important;height: 70px;font-size: 12px;}
#comments-form #comments-form-buttons {width: 100%;float:none;margin:2% 0;}
#comments-form .btn {font-family: Trebuchet MS;width: 100%;height: 50px;line-height: 40px;font-size: 20px;background: #39445a;color: #fff;}

.blog.konkurs {position:relative;}
.blog.konkurs .article-info {left:0;}
.blog.konkurs .items-row {height: 90px;}
.blog.konkurs h2 {left: 0px;width: 100%;height: 20px;overflow: hidden;}
.blog.konkurs h2 a {font-size: 16px;}
.blog.konkurs .pull-left img {display: none;}
.blog.konkurs .text {left: 0px;font-size: 14px;top: 55px;font-family: Trebuchet MS;}

.blog.noimage h1 {font-size: 20px;min-height: 40px;padding: 5px;}
.blog.noimage .page-header h2 {font-size: 16px;font-weight:bold;overflow:hidden;}
.blog.noimage .cols-1 {height:auto;}
.blog.noimage.sub .category-name:before {border-bottom: 25px solid #39445a;}


.item-page.noimage h2 {color: #39445a;}

.blog-featured-predavaci .items-row {margin:0;}
.blog-featured-predavaci {margin-left:2%;}

.blog-featured-predavaci .column-1, .blog-featured-predavaci .column-2, .blog-featured-predavaci .column-3,
.blog-featured-predavaci .column-4, .blog-featured-predavaci .column-5, .blog-featured-predavaci .column-6 {width:32%;float:left;height: 120px;margin-bottom: 10px;}
.blog-featured-predavaci .column-2, .blog-featured-predavaci .column-3,
.blog-featured-predavaci .column-5, .blog-featured-predavaci .column-6 {margin-left: 1%;}
.blog-featured-predavaci .column-1:hover .pull-left.item-image img, .blog-featured-predavaci .column-2:hover .pull-left.item-image img, .blog-featured-predavaci .column-3:hover .pull-left.item-image img, .blog-featured-predavaci .column-4:hover .pull-left.item-image img, .blog-featured-predavaci .column-5:hover .pull-left.item-image img, .blog-featured-predavaci .column-6:hover .pull-left.item-image img{transform: scale(1);} 

.pagination {text-align:center;}

.item-page-catlista .content_rating {width: 63%;font-size: 12px;}
.item-page-catlista .content_rating .unseen {width: 75%;}
.item-page-catlista .form-inline {width: 35%;}
.item-page-catlista .form-inline select {font-size: 12px;width: 60%;}

.content-category .cat-children .list div {width: 49% !important;}
.content-category h1 {font-size: 20px;}

#predmeti_top {font-size: 12px;}
#predmeti_fond {font-size: 12px;}
#predmeti_name {font-size: 12px;}
#zaposleni{}
#zaposleni_data.slika {display:inline-block;width: 100%;text-align:center;}
#zaposleni_data.slika img{width:50%;height: auto;}
#zaposleni_data.left{text-align:left;font-size: 12px;display:flex;justify-content:left;align-items:center;float:left;margin: 2px 0px;width:40%;border:none;background: #e1e1e1;padding: 0px 5px;min-height: 35px;}
#zaposleni_data.right{font-size: 12px;display:flex;justify-content:left;align-items:center;width: 58%;font-weight:bold;margin: 2px 0px;min-height: 35px;overflow:hidden;}

.cat-list-row0, .cat-list-row1 {width:49%;}

.jd-item-page #row {width: 49%;font-size: 12px;margin:0.5%;height: 45px;}
.jd-item-page #row .catpic {width: 25%;}
.jd-item-page #row .cattitle a {height:40px;padding-left:28%;}
.jd-item-page #filerow {font-size: 12px;min-height: 55px;display:block;}
.jd-item-page #filerow:hover {background: #e1e1e1;}
.jd-item-page .filetitle {width: 100%;font-size: 14px;font-weight:bold;min-height: 30px;}
.jd-item-page .meta {width: 100%;}

#searchForm .phrases-box,
#searchForm .ordering-box,
#searchForm .only,
#searchForm .form-limit {width: 100%;}

.contact dl.contact-address {width: 100%;padding: 0px 10px;}
.contact dl.contact-map {width: 100%;}
.contact .contact-form .control-group {padding: 0px 10px;}
.contact .contact-form .control-label {width: 100%;float:left;}
.contact .contact-form input{width: 100%;max-width:100%;}
.contact .contact-form textarea {width: 100%;max-width:100%;min-height: 200px;}

#footer #inner {width: 100%;font-size: 12px;}

.item-page2048 iframe {height: 380px;}
.item-pageclan iframe {height: 750px;}

.tag-category .cat-list-row0, .tag-category .cat-list-row1 {width:31%;height: 60px;}
.tag-category .cat-list-row0 a, .tag-category .cat-list-row1 a {height:60px;font-size: 12px;line-height:18px;display:block;}


.moduletable-login {width: 100%;}
.moduletable-footer {width:100%;clear:both;text-align:center;}
.moduletable.footermenu {width: 100%;float:none;margin-bottom: 10px;}
.moduletable.footermenu li{width: 23%;text-align:center;}
.moduletable.naj {width: 100%;padding: 0px 5px;}
.moduletable.naj ul li {margin:5px;padding:0;}
.moduletable.naj.bottom .center-bigimage1 {height:auto;width:19%;margin: 1% 0.5%;}
.moduletable.anketa label input {margin:5px 10px;}

.moduletable.banner.970x90 {margin: 5px 0px 0px 0px }
.moduletable.banner.responsive.header {width: 100%;margin: 5px 0px;top:0;right:0;left:0;position:relative;height: auto;}
.moduletablebottombanner {display:block;position:fixed;z-index: 999;bottom:20px;background: #fff;width: 100%;}

.katedra #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2.najprofa {width: 33%;}
.katedra #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2.najpredmet {width: 40%;}
.katedra #dm_tabs_2 ul.dm_menu_2 li.dm_menu_item_2.vesti {width: 27%;}
.dm_tabcontent .center-bigimage1 {height: 75px;width:19%;}
.box.title.right li {width: 31%;height: 75px;}
.moduletable.citati {width: 100%;}

}

@media (min-width : 500px) and (max-width : 980px) {
body, #wrapper {width: 100%;padding:0;margin:0;}
#header {display: none;}
#header_under #inner {width: 100%}

#header-logo {display:block;position: absolute;right: 0;}
#header-logo img {width: 140px;}

.blog.default .leading-0 {width: 100%;}
.blog.default .leading-0 {height: 250px;}
.blog.default .leading-0 .pull-left.item-image img {height: 250px !important;}
.span6{float:left !important;width: 50% !important;padding: 0.5% !important;margin:0 !important;}
.article-info {font-size: 10px;}

.items-more ol {clear:both;}
.items-more li {font-size: 14px;height: 80px;overflow: hidden;}
.items-more .title {font-size: 18px;}

.custom-mainmenuicons {border:0px solid;position: absolute;top: 0;z-index: 100;right:140px;width: 120px;}
.custom-mainmenuicons .searchdrop {width: 40px;height: 40px;margin:0 !important;padding:0;border-right: 0px solid #fff;}
.custom-mainmenuicons .user {width: 40px;height: 40px;margin:0 !important;}
.custom-mainmenuicons .share {width: 40px;height: 40px;margin:0 !important;}

.navbar {width: 100%;position: relative;z-index: 50;vertical-align:top;display: inline-block;}
.navbar-inner {border:none;background:#39445a; }
.navbar-inner .btn-navbar {float:left;color: #2b699c;position: relative;margin:5px;padding:5px;}
.navbar-inner .btn-navbar:hover{color:#2b699c;}
.navbar-inner .item-235 .dropdown-toggle span span{display:block;}
.navbar-inner .item-235 .dropdown-toggle img{display:none;}
.menu {display: block;}
.menu ul {}
.menu li{min-width: 100%;text-align:left;border-bottom: 1px solid;background: none;}
.menu li a {border-radius: 0px !important;}
.menu li li {padding: 0px 20px;}
.menu li li a{min-width: 100%;border: none !important;background: none !important;border-radius: 0px !important;}
.menu li a:hover {background:none !important;border-radius: 0px !important;}
.navbar-inner .dropdown-menu {width: 100%;}
.navbar-inner .dropdown-menu li a {padding:6px 50px;}

#stickyright.sub {position: relative;top: 0px;z-index:0 !important;}

#container_main {width: 100%;padding:0px 0px;position:relative;overflow:hidden;}
#content_4 {width: 100%;}
#content_2 {width: 100%;margin-top: 10px;}

#content_2 .moduletable {min-height: 300px;}
.moduletable, .moduletable.naj {width: 49.5%;display:inline-block;vertical-align:top;float:none;}
.moduletable.naj.bottom .center-bigimage1 {height:auto;width:19%;margin: 1% 0.5%;}

.full_bottom {height: auto;}
#footer {clear:both;float:none;}
#footer #inner {width: 100%;font-size: 12px;}
.moduletable-footer {width:100%;clear:both;text-align:center;}
.moduletable.footermenu {width: 100%;float:none;margin-bottom: 10px;text-align:center;}
.moduletable.footermenu li{text-align:center;}
.moduletable.banner.responsive.header {width: 100%;margin: 5px 0px;top:0;right:0;left:0;position:relative;height: auto;}
.moduletable.poslednje {width: 100%;}
.fb-page {width: 100%;}

ul.category-center li{width: 32%;height: 150px;}

.moduletable.citati {width: 100%;}

}



/* ONLY MOBILE DEVICES */
@media only screen and (min-device-width : 600px) and (max-device-width : 800px) and (orientation : portrait) {
body, #wrapper {width: 100%;padding:0;margin:0;}
#header {display: none;}
#header_under #inner {width: 100%}

#header-logo {display:block;position: absolute;right: 0;}
#header-logo img {width: 140px;}

.blog.default .leading-0 {width: 100%;}
.blog.default .leading-0 {height: 250px;}
.blog.default .leading-0 .pull-left.item-image img {height: 250px !important;}


.span6{float:left !important;width: 50% !important;padding: 0.5% !important;margin:0 !important;}
.article-info {font-size: 10px;}

.items-more ol {clear:both;}

.custom-mainmenuicons {border:0px solid;position: absolute;top: 0;z-index: 100;right:140px;width: 120px;}
.custom-mainmenuicons .searchdrop {width: 40px;height: 40px;margin:0 !important;padding:0;border-right: 0px solid #fff;}
.custom-mainmenuicons .user {width: 40px;height: 40px;margin:0 !important;}
.custom-mainmenuicons .share {width: 40px;height: 40px;margin:0 !important;}

.navbar {width: 100%;position: relative;z-index: 50;vertical-align:top;display: inline-block;}
.navbar-inner {border:none;background:#39445a; }
.navbar-inner .btn-navbar {float:left;color: #2b699c;position: relative;margin:5px;padding:5px;}
.navbar-inner .btn-navbar:hover{color:#2b699c;}
.navbar-inner .item-235 .dropdown-toggle span span{display:block;}
.navbar-inner .item-235 .dropdown-toggle img{display:none;}
.menu {display: block;}
.menu ul {}
.menu li{min-width: 100%;text-align:left;border-bottom: 1px solid;background: none;}
.menu li a {border-radius: 0px !important;}
.menu li li {padding: 0px 20px;}
.menu li li a{min-width: 100%;border: none !important;background: none !important;border-radius: 0px !important;}
.menu li a:hover {background:none !important;border-radius: 0px !important;}
.navbar-inner .dropdown-menu {width: 100%;}
.navbar-inner .dropdown-menu li a {padding:6px 50px;}

#stickyright.sub {position: relative;top: 0px;z-index:0 !important;}

#container_main {width: 100%;padding:0px 0px;position:relative;overflow:hidden;}
#content_4 {width: 100%;}
#content_2 {width: 100%;margin-top: 10px;}

#content_2 .moduletable {min-height: 300px;}
.moduletable, .moduletable.naj {width: 49.5%;display:inline-block;vertical-align:top;float:none;}
.moduletable.zupcanik {}

.moduletable.naj.bottom .center-bigimage1 {height:auto;width:19%;margin: 1% 0.5%;}

.full_bottom {height: auto;}
#footer {clear:both;float:none;}
#footer #inner {width: 100%;font-size: 12px;}
.moduletable.banner.responsive.header {width: 100%;margin: 5px 0px;top:0;right:0;left:0;position:relative;height: auto;}
.moduletable-footer {width:100%;clear:both;text-align:center;}
.moduletable.footermenu {width: 100%;float:none;margin-bottom: 10px;text-align:center;}
.moduletable.footermenu li{text-align:center;}

.moduletable.poslednje {width: 100%;}
.fb-page {width: 100%;}

ul.category-center li{width: 32%;height: 150px;}
.moduletable.citati {width: 100%;}

}
