@media screen and (max-width: 450px) {
  /*** kontakt page *****/
  .forma {
    width: 90%;
  }
  .map-title {
    font-size: 3rem;
  }
  .map {
    width: 90%;
    height: 520px;
  }
  .title-text-kontakt h1 {
    font-size: 4rem;
  }
  /****** o nama page ****/
  .story-start img {
    display: none !important;
  }
  #pcelica2 {
    display: none;
  }
  .story {
    padding: 0 20px;
  }
  .title-text h1 {
    font-size: 5rem;
  }
  .pcelinjaci h1 {
    font-size: 4rem;
  }
  .prostorije-gallery h1 {
    font-size: 4rem;
  }
  .snimci h1 {
    font-size: 4rem;
  }
  .pcelinjaci-img {
    flex-direction: column;
  }
  .pcelinjaci-img img {
    width: 90%;
    height: auto;
  }
  /******** home page *****/
  .naša-priča h1 {
    font-size: 4rem;
  }
  .naša-priča p{
    width: 90%;
    font-size: 1.3rem;
  }
  .sta-je-med {
    flex-direction: column;
  }
  .sta-je-med-text {
    width: 100%;
  }
  .sta-je-med-text h1 {
    font-size: 4rem;
  }
  .sta-je-med-text h1:after {
    display: none;
  }
  .sta-je-med-text p {
    font-size: 1.3rem;
    text-align: center;
  }
  .sta-je-med-img {
    display: none;
  }
  .prostorije h1 {
    font-size: 3rem;
  }
  .love h1 {
    font-size: 4rem;
  }
  .love p {
    font-size: 1.3rem;
  }
  .love {
    height: auto;
    background-image: none;
  }
  .love-products {
    flex-direction: column;
  }
  .love-products .product {
    width: 70%;
  }
  .product-hidden {
    display: none !important;
  }
  /******footer*****/
  .promo-img {
    display: none;
  }
  .promo-desc h1 {
    font-size: 4rem;
  }
  .promo-desc p{
    font-size: 1.5rem;
  }
  .fast-link {
    display: none;
  }
  .footer-logo {
    width: 150px;
    height: auto;
  }
  .footer-nav {
    flex-direction: column;
    padding-bottom: 10px;
  }
  .glupi-div {
    flex-direction: row;
    padding-bottom: 20px;
  }
  /*******header*******/
  .logo {
    width: 100px;
    height: auto;
  }
  .slider-container {
    display: none;
  }
  .hide-mobile {
    display: none;
  }
  .mobile-slider {
    display: flex;
  }
  .glupi-div {
    width: 80%;
  }
  .nav {
    display: none;
  }
  .mobile-nav-open {
    display: block;
  }
  .prostorije-mobile {
    display: block;
  }
  .prostorije-desktop {
    display: none;
  }
  .text-img {
    flex-direction: column;
  }
  .text {
    width: 90%;
  }
  .text h1 {
    text-align: center;
    font-size: 4rem;
  }
  .text span {
    font-size: 1.1rem;
  }
  .img {
    width: 90%;
  }
  .img img {
    max-height: 300px;
  }
  .hide {
    flex-direction: column;
  }
  .proizvod-hide img {
    max-height: 190px;
  }
  .title-made-with-love h1 {
    font-size: 4rem;
  }
  .proizvod-reverse .text-img {
    flex-direction: column-reverse;
  }
  .pcelica h1:after {
      display: none;
  }
  .krema-responsive {
      max-height: 200px !important;
  }
  .medovaca-responsive {
      max-height: 260px !important;
  }
  .propolis-responsive {
      max-height: 260px !important;
  }
  .vosak-responsive {
      max-height: 240px !important;
  }
  .perga-responsive {
      max-height: 240px !important;
  }
  .forma::before , .forma::after {
      display: none;
  }
  .naša-priča h1:after {
      display: none;
  }
  .videos {
      flex-direction: column;
  }
}

@media screen and (min-width: 451px) and (max-width: 820px) {
  /*** kontakt page *****/
  .forma {
    width: 90%;
  }
  .map-title {
    font-size: 4rem;
  }
  .map {
    width: 90%;
    height: 520px;
  }
  .title-text-kontakt h1 {
    font-size: 4rem;
  }
  /****** o nama page ****/
  .story-start img {
    display: none !important;
  }
  #pcelica2 {
    display: none;
  }
  .story {
    padding: 0 20px;
  }
  .title-text h1 {
    font-size: 5rem;
  }
  .pcelinjaci h1 {
    font-size: 5rem;
  }
  .prostorije-gallery h1 {
    font-size: 5rem;
  }
  .snimci h1 {
    font-size: 5rem;
  }
  .pcelinjaci-img {
    flex-direction: column;
  }
  .pcelinjaci-img img {
    width: 90%;
    height: auto;
  }
  /******* home page ********/
  .naša-priča h1 {
    font-size: 5rem;
  }
  .naša-priča p{
    width: 90%;
  }
  .sta-je-med {
    flex-direction: column;
  }
  .sta-je-med-text {
    width: 100%;
  }
  .sta-je-med-text h1 {
    font-size: 5rem;
  }
a-je-med-text p {
    text-align: center;
  }
  .sta-je-med-img {
    display: none;
  }
  .prostorije h1 {
    font-size: 4rem;
  }
  .love h1 {
    font-size: 5rem;
  }
  .love {
    height: auto;
    background-image: none;
  }
  .love-products {
    flex-direction: row;
  }
  .love-products .product {
    width: 50%;
  }
  .product-hidden {
    display: none !important;
  }
  /*******footer******/
  .promo-img {
    height: 360px;
  }
  .promo-desc h1 {
    font-size: 4rem;
  }
  .fast-link {
    display: none;
  }
  .footer-logo {
    width: 200px;
    height: auto;
  }
  .logo {
    width: 150px;
    height: auto;
  }
  .slider-container {
    display: none;
  }
  .hide-mobile {
    display: none;
  }
  .mobile-slider {
    display: flex;
  }
  .mobile-slide-text p {
    font-size: 1.3rem;
  }
  .footer-nav p {
    padding: 30px;
  }
  .nav {
    display: none;
  }
  .mobile-nav-open {
    display: block;
  }
  .text-img {
    flex-direction: column;
  }
  .text {
    width: 90%;
  }
  .text h1 {
    text-align: center;
    font-size: 4rem;
  }
  .text span {
    font-size: 1.1rem;
  }
  .img {
    width: 90%;
  }
  .img img {
    max-height: 300px;
  }
 
  .proizvod-hide img {
    max-height: 190px;
  }
  .title-made-with-love h1 {
    font-size: 4rem;
  }
  .proizvod-reverse .text-img {
    flex-direction: column-reverse;
  }
  .videos {
      flex-direction: column;
  }
}

@media screen and (min-width: 821px) and (max-width: 1600px) {
    .sta-je-med {
        flex-direction: column;
    }
    .sta-je-med-text {
        width: 100%;
    }
}