/* CSS Document */
/* Osnovna klasa za sakrivanje na svim ekranima */
.d-none {
  display: none !important;
}

/* Responsivne klase (ako želite prikazati element tek od određene širine ekrana) */

/* Prikaži kao block od SM ekrana (>= 768px u BS3) */
@media (min-width: 768px) {
  .d-sm-none { display: none !important; }
  .d-sm-block { display: block !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
}

/* Prikaži kao block od MD ekrana (>= 992px u BS3) */
@media (min-width: 992px) {
  .d-md-none { display: none !important; }
  .d-md-block { display: block !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
}

/* Prikaži kao block od LG ekrana (>= 1200px u BS3) */
@media (min-width: 1200px) {
  .d-lg-none { display: none !important; }
  .d-lg-block { display: block !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
}

/* Osnovna klasa za prikaz kao block na svim ekranima */
.d-block {
  display: block !important;
}

/* Responsivne klase za prikaz od određene širine ekrana (Bootstrap 3 breakpointi) */

/* Prikaži kao block od SM ekrana (>= 768px) */
@media (min-width: 768px) {
  .d-sm-block {
    display: block !important;
  }
}

/* Prikaži kao block od MD ekrana (>= 992px) */
@media (min-width: 992px) {
  .d-md-block {
    display: block !important;
  }
}

/* Prikaži kao block od LG ekrana (>= 1200px) */
@media (min-width: 1200px) {
  .d-lg-block {
    display: block !important;
  }
}