/* >= L */
@media screen and (min-width: 960px) {
    #glavni-heading .menu-icon, #naslovi h1, #searchbox-mobile {
        display: none;
    }
}

/* < L */
@media screen and (max-width: 959px) {
    /* sakriven header - privremeno */
    .nlwrap, .banner-wrap, .sortwrap, .responsive #izbornik-gradova a span, #naslovi #locmenu, #naslovi .head-info, #naslovi a, #searchbox {
        display: none;
    }
    a.floatlink, #mapwrap, #interesting, #redak .bthead, #redak .btbody, #novosti .bthead, #novosti .btbody, #footer-cities, .footer, #footer-media, #b1banner, #b2banner, #c1banner, #c2banner, #d2banner, #brfanova, #likebox {
        display: none;
    }

    .pagewrap, #all-offers, #rightcolumn  {
        width: 100%;
        float: none;
    }
    #all-offers, #other-offers {
        margin-top: 10px;
    }
    .pagewrap {
        min-height: auto;
        padding: 0;
    }
    .redak {
        margin-bottom: 35px;
    }
    #novosti {
        width: calc(100% - 20px);
        margin: 20px 10px 0;
    }
    /*
    #novosti .bthead, #novosti .btbody {
        display: block;
    }
    */

    /* novosti */

    #access .menu-header {
        width: 100%;
    }
    #access .menu-header ul {
        clear: both:
        overflow: hidden;
    }

    /* HEADER */
    #naslovi {
        margin: 0;
        height: 50px;
        background: #146fb0;
    }
    #naslovi .logo {
        position: absolute;
        z-index: 20;
        display: block;
        background: none;
        width: 170px;
        height: 50px;
    }
    #naslovi h1 {
        display: block;
        color: #fff;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: normal;
        margin: 0;
        padding: 15px 0 0 15px;
        position: absolute;
        z-index: 10;
        left: 0;
        top: 0;
    }
    #glavni-heading .menu-icon {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        padding: 19px 17px;
        background-color: #297cb7;
        display: block;
    }
    #glavni-heading .menu-icon .icon-bar {
        background-color: #fff;
        display: block;
        width: 18px;
        height: 2px;
    }
    #glavni-heading .menu-icon .icon-bar+.icon-bar {
        margin-top: 3px;
    }
    /*
    #glavni-heading .icon {
        position: absolute;
        z-index: 10;
        right: 0;
        top: 0;
        list-style: none;
    }
    #glavni-heading .icon a {
        display: inline-block;
        color: #fff;
        text-align: center;
        padding: 15px 16px;
        text-decoration: none;
        font-size: 15px;
        background-color: #297cb7;
    }

    */

    .responsive #izbornik-gradova #searchbox-mobile {
        position: absolute;
        top: 0;
        left: 0;
        height: 48px;
        margin: 0;
        float: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        background: #e9ebee;
        width: 100%;
        padding: 0;
        line-height: auto;
    }
    .responsive #izbornik-gradova #searchbox-mobile form {
        padding: 7px 5px 5px 5px;
    }
    .responsive #izbornik-gradova #searchbox-mobile #csearch {
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08), inset 1px 1px 10px 0px rgba(0, 0, 0, 0.15) !important;
        height: 32px !important;
        width: 65%;
        margin-left: -15px;
    }
    .responsive #izbornik-gradova #searchbox-mobile #bbutton {
        height: 32px;
        width: 25%;
    }
    .responsive #izbornik-gradova #searchbox-mobile #bbutton:hover, .responsive #izbornik-gradova #searchbox-mobile #bbutton:focus {background:url(../images/city-tabs.png) 0 -6px repeat-x !important ;border:1px solid #5EBDEC !important; text-transform:uppercase; box-shadow:0 -1px 4px 0px #555 inset; text-shadow:0px -1px #222; text-align:center; color:#fff; padding:0 10px; font:12px/26px pnb,Arial, Helvetica, sans-serif; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
    }


    /* MENU */

    #izbornik-gradova, #mainmenu {
        display: none;
    }
    #mainmenu {
        display: none !important;
    }
    .responsive #mainmenu.fixed {
        display: none !important;
    }
    .responsive #izbornik-gradova, .responsive #mainmenu {
        display: block;
    }
    .responsive #mainmenu {
        display: block !important;
    }
    /**/
    .responsive #mainmenu {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #fff;
        height: auto;
        border: none;
        box-shadow: none;
        border-radius: 0px;
    }
    .responsive #mainmenu li {
        height: auto;
        float: none;
        background: #fff;
        border: none;
        box-shadow: none;
        text-shadow: none;
        border-bottom: 1px solid rgba(194, 194, 194, 0.53);
        display: block;
    }
    .responsive #mainmenu li a {
        display: block;
        padding: 7px 15px;
        font-size: 15px;
        text-align: left;
        height: auto;
        border: none;
        text-shadow: none;
        float: none;
        box-shadow: none;
    }
    .responsive #mainmenu a.active, .responsive #mainmenu li:first-child a {
        background: white;
        color: #444;
        box-shadow: none;
        border-radius: 0;
    }
    .responsive #mainmenu a.active:hover {
        color: #444 !important;
    }
    .responsive #mainmenu li:hover a {
        background: #f5f5f5;
    }
    .cmenu li span.all, .cmenu li span.hrana, .cmenu li span.putovanjasmjestaj, .cmenu li span.masaze, .cmenu li span.ljepotazdravlje, .cmenu li span.sport, .cmenu li span.dogadjanja, .cmenu li span.edukacija, .cmenu li span.avantura, .cmenu li span.ostalo {display: none}

    /* mainmenu */

    .responsive #mainmenu li a.kat1,.responsive #mainmenu li a.kat11 {box-shadow: 4px 0 0 0 #d94d4d inset; }
    .responsive #mainmenu li a.kat2,.responsive #mainmenu li a.kat12 {box-shadow: 4px 0 0 0 #f18507 inset; }
    .responsive #mainmenu li a.kat3,.responsive #mainmenu li a.kat19 {box-shadow: 4px 0 0 0 #109deb inset; }
    .responsive #mainmenu li a.kat4,.responsive #mainmenu li a.kat18 {box-shadow: 4px 0 0 0 #d806c1 inset; }
    .responsive #mainmenu li a.kat5,.responsive #mainmenu li a.kat15 {box-shadow: 4px 0 0 0 #56ce03 inset; }
    .responsive #mainmenu li a.kat6,.responsive #mainmenu li a.kat16 {box-shadow: 4px 0 0 0 #940ead inset; }
    .responsive #mainmenu li a.kat7,.responsive #mainmenu li a.kat17 {box-shadow: 4px 0 0 0 #cd8a00 inset; }
    .responsive #mainmenu li a.kat8,.responsive #mainmenu li a.kat14 {box-shadow: 4px 0 0 0 #f5c503 inset; }
    .responsive #mainmenu li a.kat9,.responsive #mainmenu li a.kat13 {box-shadow: 4px 0 0 0 #111 inset; }
    .responsive #mainmenu li a.katsve {box-shadow: 4px 0 0 0 #146fb0 inset;}




    .responsive #izbornik-gradova {
        width: auto;
        overflow: none;
        overflow: hidden;
        float: none;
        position: static;
        padding-bottom: 0;
    }
    .responsive #izbornik-gradova a.active, .responsive #izbornik-gradova a.first {
        display: none;
        background: none;
        box-shadow: none;
        color: #fff;
        border: none;
        text-shadow: none;
        position: absolute;
        top: -47px;
        left: 120px;
        margin: 0;
        font-size: 14px;
    }
    #city-menu-expand {
        clear: both;
        overflow: hidden;
        padding: 0;
        background: #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        position: relative;
        display: none;
        margin: 0;
    }
    .responsive #izbornik-gradova a, .responsive #izbornik-gradova span#selcity {
        display: block;
        box-shadow: none;
        position: relative;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 0;
        float: none;
        border: none;
        margin: 0;
        background: #fff;
        text-decoration: none;
        color: #555;
        text-shadow: none;
        padding: 7px 15px 7px 30px;
        font-size: 15px;
        border-bottom: 1px solid rgba(194, 194, 194, 0.53);
        line-height: 34px;
    }
    .responsive #izbornik-gradova span#selcity {
        padding: 7px 15px 7px 15px;
        color: #444;
        margin-top: 48px;
    }
    .responsive #izbornik-gradova a:hover, .responsive #izbornik-gradova span#selcity:hover {
        cursor: pointer;
        color: #444;
        text-decoration: none;
        text-shadow: none;
        border: none;
        border-bottom: 1px solid rgba(194, 194, 194, 0.53);
        background: #f5f5f5;
    }
    .responsive #izbornik-gradova span#selcity.active:hover {
        color: #444;
        text-shadow: none;
        cursor: default;
        border: none;
        border-bottom: 1px solid rgba(194, 194, 194, 0.53);
        background: #fff;
    }
    .responsive #izbornik-gradova span#selcity:hover {
        background: #fff;
    }
    span#selcity span {
        float: none;
        display: inline-block;
        margin: 0 0 0 20px;
        vertical-align: middle;
    }
    #all-offers #other-offers>a {
        margin-bottom: 0;
    }

    /* SOCIAL ICONS */

    .socialmenu {
        position: static;
        background: #146fb0;
    }
    .socialmenu div {
        position: static;
        width: 100%;
        margin-top: -10px;
        padding-bottom: 10px;
        text-align: center;
    }
    .socialmenu div a {
        height: 52px;
        margin-right: 0;
    }
    .socialmenu div a:last-of-type {
        margin-right: 0;
    }
    a#fb, a#tw, a#gp {
        line-height: 0px;
        font-size: 0px;
    }
    a#fb {
        margin-left: 10px;
    }

    /* search results */

    #searchresults iframe {
        width: 100%;
    }

    /* offer header */

    .offer-header {
        background: red;
    }
    .offer-header div {
        width: 100% !important;
        background: red;
    }



}

/* M only */
@media screen and (min-width: 768px) and (max-width: 959px) {

}

/* < M */
@media screen and (max-width: 767px) {
    tr, td.portal, td.naslov, td.cijena, td.popust, td.status, #other-offers>a {
        box-sizing: border-box;
        background: none;
        border: none;
    }
    #other-offers>a:last-of-type {
        background: url(../images/city-tabs.png) repeat-x;
        border: 2px solid #fff;
    }
    #other-offers>a:hover:last-of-type{
        color: #444;
        text-shadow: 0px 1px white;
        box-shadow: 0px -7px 12px 1px #DDD inset, 0 0 4px 0 #333;
        border-color: #1FAADF;
        background: url(../images/bgmenu.png) 0 1px repeat-x;
    }
    .redak a.floatlink {
        position: absolute;
        bottom: -83px;
        right: 25px;
        padding: 5px;
        border-radius: 5px;
        background: url(../images/city-tabs.png) 0 0 repeat-x;
    }
    #all-offers tr, #all-offers td.cijena, #all-offers td.popust, #all-offers td.status, #all-offers #other-offers>a {
        width: 100%;
        display: block;
    }
    .img-overlay, .frontpage-offer-link, .frontpage-offer-link img {
        width: 100%;
    }
    #all-offers td.cijena, #all-offers td.popust, #all-offers td.status {
        width: 33.33%;
        float: right;
        box-sizing: border-box;
    }
    #other-offers>a {
        box-sizing: border-box;
    }
    #main-offers thead td, #other-offers thead td {
        display: none;
    }
    #main-offers thead td:nth-child(2), #other-offers thead td:nth-child(2){
        display: block;
    }
    #main-offers tr, #other-offers tr {
        clear: both;
        overflow: hidden;
        background:#fff url(../images/bg-offer.png) 0 bottom repeat-x;
    }
    #all-offers table tbody tr td:first-child {
        border-left: none;
    }



    /* HR PONUDE */
    tr.kat1 td.portal, tr.kat2 td.portal, tr.kat3 td.portal, tr.kat4 td.portal, tr.kat5 td.portal, tr.kat6 td.portal, tr.kat7 td.portal, tr.kat8 td.portal, tr.kat9 td.portal {box-shadow: none;}

    tr.kat1 {box-shadow: 0 4px 0 0 #d94d4d inset;}
    tr.kat2 {box-shadow: 0 4px 0 0 #f18507 inset;}
    tr.kat3 {box-shadow: 0 4px 0 0 #0f93d9 inset}
    tr.kat4 {box-shadow: 0 4px 0 0 #d806c1 inset}
    tr.kat5 {box-shadow: 0 4px 0 0 #093 inset;}
    tr.kat6 {box-shadow: 0 4px 0 0 #940ead inset;}
    tr.kat7 {box-shadow: 0 4px 0 0 #cd8a00 inset;}
    tr.kat8 {box-shadow: 0 4px 0 0 #e4c801 inset;}
    tr.kat9 {box-shadow: 0 4px 0 0 #222 inset;}

    tr.kat1:hover td,tr.kat11:hover td, tr.kat2:hover td,tr.kat12:hover td, tr.kat3:hover td,tr.kat19:hover td ,tr.kat4:hover td,tr.kat18:hover td, tr.kat5:hover td,tr.kat15:hover td, tr.kat6:hover td,tr.kat16:hover td, tr.kat7:hover td,tr.kat17:hover td, tr.kat8:hover td,tr.kat14:hover td, tr.kat9:hover td, tr.kat13:hover td,tr.kat0:hover td {background: none;}


    .socialmenu div {
        text-align: left;
    }



}

/* S only */
@media screen and (min-width: 576px) and (max-width: 767px) {

}

/* < S */
@media screen and (max-width: 575px) {

}

/* < XS */
@media screen and (max-width: 446px) {
    /* ako se nece mijenjat inline style na slikama ponuda onda maknuti ovaj css: */
    td.portal, td.naslov {
        width: 100%;
        display: block;
    }
    /* */

    .responsive #izbornik-gradova #searchbox-mobile #csearch {
        width: 55%;
    }
    .responsive #izbornik-gradova #searchbox-mobile #bbutton {
        width: 35%;
    }

}