@media only screen and (min-width: 641px) and (max-width: 1020px) {
  #content-container #content3 {
    width: calc(100% - 300px); }
    #content-container #content3 #mreza-kategorije .kategorija {
      height: unset;
      overflow: hidden; }
      #content-container #content3 #mreza-kategorije .kategorija .middle {
        width: calc(100% - 140px);
        min-height: 123px; }
      #content-container #content3 #mreza-kategorije .kategorija .right {
        width: 100%; }
        #content-container #content3 #mreza-kategorije .kategorija .right .top {
          padding: 0 10px; }
        #content-container #content3 #mreza-kategorije .kategorija .right .top, #content-container #content3 #mreza-kategorije .kategorija .right .brick {
          display: inline-block;
          line-height: 20px;
          overflow: hidden;
          margin-bottom: 0; }
          #content-container #content3 #mreza-kategorije .kategorija .right .top span, #content-container #content3 #mreza-kategorije .kategorija .right .brick span {
            float: none;
            width: unset;
            padding: 0 10px;
            text-align: center;
            white-space: nowrap; } }
@media only screen and (max-width: 640px) {
  #content-container > * {
    margin-bottom: 10px; }
  #content-container #sidebar-right {
    width: 100%; }
    #content-container #sidebar-right > .header:not(.online-izdanje-header),
    #content-container #sidebar-right > .ad-square,
    #content-container #sidebar-right > .ad-vertical {
      display: none; }
    #content-container #sidebar-right #online-izdanje {
      text-align: center; }
      #content-container #sidebar-right #online-izdanje img {
        width: unset; } }
@media only screen and (max-width: 1020px) {
  #categories2,
  #categories3 {
    overflow: hidden; }
    #categories2 .category-new,
    #categories3 .category-new {
      float: left; }

  .category-new-hover {
    position: absolute;
    z-index: 10001;
    width: 161px;
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); }
    .category-new-hover .head {
      background: #8cc63e;
      overflow: hidden; }
      .category-new-hover .head .text, .category-new-hover .head .label {
        line-height: 25px;
        color: white; }
      .category-new-hover .head .text {
        float: left;
        font-weight: bold;
        padding-left: 7px;
        text-transform: capitalize; }
      .category-new-hover .head .label {
        width: 25px;
        text-align: center;
        float: right;
        background: black; }
    .category-new-hover ul {
      padding-left: 25px;
      margin: 7px 0; }
      .category-new-hover ul li {
        color: red;
        text-transform: capitalize;
        padding: 2px 0; }
        .category-new-hover ul li span {
          color: #333333; } }

/*# sourceMappingURL=home.css.map */