@media all and (max-width: 1040px){
  .title p{
    display: none;
  }
} 
@media all and (max-width: 800px) {
  #tabovi{
    padding:0;
  }
  .row .column img{
    margin-top:40px;
  }
  .row .delete{
    display: none;
  }
  .parenet ul{
    display: block;
  }
  body{
    overflow-x: hidden;
  }
  #galerija .granule li a{
    font-size: 15px;
  }
  .mapa{
overflow: hidden;
}
  .treats-item h2 {
    margin-top: 0;
    background-color: black;
    color: white;
    width: 50%;
    margin-left:20px ;
}
  .crta{
    width: 75%;
}
.tab-nav{
    width: 40%;
}
.tabs{
    flex-basis: 60%;
}
    nav ul{
      margin-right: 0px;
      float: left;
    }
    .text p{
      line-height:2;
      padding: 10px;
    }
    .row img{
      padding: 5px 10px;
    }
    nav .logo{
      padding-left: 30px;
      width: 100%;
      justify-content: stretch;
    }
    .show + a, ul{
      display: none;
    }
    nav ul li,nav ul ul li{
      display: block;
      width: 100%;
    }
    nav ul li a:hover{
      box-shadow: none;
    }
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {
      display:block;
    }
    .icon{
      display: block;
      color: black;
      position: absolute;
      top: 0;
      right: 40px;
      line-height: 70px;
      cursor: pointer;
      font-size: 25px;
    }
    nav ul ul{
      top: 70px;
      border-top: 0px;
      float: none;
      position: static;
      display: none;
      opacity: 1;
      visibility: visible;
    }
    nav ul ul a{
      padding-left: 40px;
    }
    nav ul ul ul a{
      padding-left: 80px;
    }
    nav ul ul ul li{
      position: static;
    }
    [id^=btn]:checked + ul{
      display: block;
    }
    nav ul ul li{
      border-bottom: 0px;
    }
  header{
    font-size: 35px;
    font-weight: 600;
    padding: 10px 0;
  }
  p{
    font-size: 30px;
    font-weight: 500;
  }
  content{
      overflow: hidden;
  }
  #footer .container{
      flex-direction: column;
  }
  #footer .foot{
      flex-direction: column;
      align-items: flex-start;
  }
.title{
    display: none;
}

#galerija .priroda {
  width: 90%
}
.album {
height: 110vw
}
.container{
  overflow: hidden !important;
}
#rezervacije{
  overflow: hidden;
}


.treats-item h2 {
  width: 50%;
  margin-top: 0; 
  margin-left: 20px;
}
}
@media(max-width:600px){
 .treats-item h2{
   margin: 30px 40px;
   width: 50%;
 }
 .treats-item h2 {
  width: 100%;
  margin-top: 0; 
  margin-left: 0;
}
nav ul{
  margin-right: 0px;
  float: left;
}

nav .logo{
  padding-left: 30px;
  width: 100%;
  justify-content: stretch;
}
.show + a, ul{
  display: none;
}
nav ul li,nav ul ul li{
  display: block;
  width: 100%;
}
nav ul li a:hover{
  box-shadow: none;
}
.icon{
  display: block;
  color: black;
  position: absolute;
  top: 0;
  right: 40px;
  line-height: 70px;
  cursor: pointer;
  font-size: 25px;
}
nav ul ul{
  top: 70px;
  border-top: 0px;
  float: none;
  position: static;
  display: none;
  opacity: 1;
  visibility: visible;
}
nav ul ul a{
  padding-left: 40px;
}
nav ul ul ul a{
  padding-left: 80px;
}
nav ul ul ul li{
  position: static;
}
[id^=btn]:checked + ul{
  display: block;
}
nav ul ul li{
  border-bottom: 0px;
}
header{
font-size: 35px;
font-weight: 600;
padding: 10px 0;
}
p{
font-size: 30px;
font-weight: 500;
}
content{
  overflow: hidden;
}
#footer .container{
  flex-direction: column;
}
#footer .foot{
  flex-direction: column;
  align-items: flex-start;
}
.title{
display: none;
}
.forma .mapa{
overflow: hidden !important;
}
#galerija .priroda {
width: 90%
}
#galerija .granule{
  width: 50%;
}
.album {
height: 110vw
}
.container{
overflow: hidden !important;
}
#rezervacije{
overflow: hidden;
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  display:block;
}
.text p{
  line-height:2;
  padding: 10px;
}
.row img{
  padding: 5px 10px;
}
.crta{
  width: 75%;
}
.tab-nav{
  width: 80%;
}
.tabs{
  flex-basis: 60%;
}

.treats-item h2 {
  margin-top: 0;
  background-color: black;
  color: white;
  width: 50%;
  margin-left:20px ;
}
.parenet ul{
  display: block;
}
.mapa{
  overflow: hidden;
  }
  #galerija .granule li a{
    font-size: 10px;
  }
  .row .delete{
    display: none;
  }
  .row{
    width:100%;
  }
  .row .column img{
    margin-top:90px;
  }
  #tabovi{
    padding:0;
  }
}