@media(max-width:768px){

    .sazetak .text{
        width: 80%;
    }

    .sazetak .img, .sazetak .one {

        display: none;
    }

    #pocetak{

        display: none;
    }

    .cristaline{

       position: absolute;
        width: 30%;

        right: 10px;
        top: 5px;
        
        
        
    }

    .cristaline img{

        padding: 40px;
    }


   

    .pocetna nav ul{

        display: none;
    }
    
   .mobile_menu{

    display: block;
    width: 45px;
    height: 45px;
    border:1px solid black;
    background: transparent;
    position: relative;
   }

   .mobile_menu span{

    position: absolute;
    left: 3px;
    right: 3px;
    height: 5px;
    background-color: white;
   }

   .mobile_menu span:first-child{

    top:5px;
   }

   


   .mobile_menu span:nth-child(2){
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
   


   .mobile_menu span:last-child{

    bottom: 5px;
   }

   .mobile_menu.clicked{

    border: 1px solid yellowgreen;
   }


   .mobile_menu.clicked span:first-child{
    background-color: yellowgreen;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}

.mobile_menu.clicked span:nth-child(2){
    background-color: yellowgreen;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    top: 50%;
}

.mobile_menu.clicked span:last-child{

    display: none;
}

.pocetna nav ul{

    visibility: visible;
    opacity: 1;
    background-color: red;
    overflow: visible;
    position: absolute;
    top: 50px;
    height: 300px;
}


nav ul li.active{

    border-bottom: 0;
}


.menu{
    
    display: none;

}

.search{

    display: none;
}




   .kontakt{

    flex-direction: column;
   }

   


  

   

  
   .sekcija{

    display: none;
   }



.adresa{

    width: 30%;
    
}

.adresa a{

    font-size: 25px;
}

.akcija .space{

    width: 10%;
    text-align: left;
}


.akcija .slicica img{

    height: 350px;
    padding-top: 50px;
    
}

.recenzije .description {

    text-align: center;
    width: 90%;
    margin: auto;
}


.comentari{

    display: none;
}

.comment2, .comment3, .first{

    display: none;
}

.comment1 img{

    width: 70%;
}

.recenzije .navbar{

    padding-top: 400px;
    padding-right: 200px;
    width: 70%;
}



.ponuda .tekst{


    width: 70%;
   

}

.ponuda .tekst p{

    margin-left: 80px;
}


.lokacija{

    display: none;
}

}

@media(max-width:425px){


    

    footer{

        flex-direction: column;
        height: 300px;
    }

    footer .mreze{

        width: 90%;


    }

    .mreze a{

        margin-left: 60px;
    }

    footer .slike{

        width: 70%;
        margin-left: 25px;
        
    }

    footer .slike img{

        width: 13%;
        margin-left: 2px;
    }
    
    footer .adresa{

        width: 100%;
        margin: auto;
        padding-bottom: 30px;
    }



    .sazetak .text p:last-child{

        display: none;
    }
    .sazetak .novi{

        width: 90%;
        height: 400px;
    }

    .pocetna  nav .menu{

        display: none;
    }



    nav ul li.active{

        border-bottom: 0;
    }
    


    .slicica img{

        width: 90%;
        padding-top: 100px;
        
    }

    .recenzije .navbar{

        text-align: right;
        padding-right: 50px;
        width: 90%;
        
        
    }

    .recenzije .navbar li{

        margin-right: 10px;
    }


    

     
   .mobile_menu{

    display: block;
    width: 45px;
    height: 45px;
    border:1px solid black;
    background: transparent;
    position: relative;
   }

   .mobile_menu span{

    position: absolute;
    left: 3px;
    right: 3px;
    height: 5px;
    background-color: white;
   }

   .mobile_menu span:first-child{

    top:5px;
   }

   


   .mobile_menu span:nth-child(2){
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
   


   .mobile_menu span:last-child{

    bottom: 5px;
   }

   .mobile_menu.clicked{

    border: 1px solid yellowgreen;
   }

   .mobile_menu.clicked span:first-child{
    background-color: yellowgreen;
    transform: translateY(-50%) rotate(-45deg);
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    top: 50%;
}

.mobile_menu.clicked span:nth-child(2){
    background-color: yellowgreen;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    top: 50%;
}

.mobile_menu.clicked span:last-child{

    display: none;
}

.menu{
    
    display: none;

}

.search{

    display: none;
}


.obuca{

    flex-basis: 100%;
}


.obuca .broj1:first-child{

    display: none;
}

.ponuda .tekst p{

    width: 90%;
    
}

.ponuda .tekst p:nth-child(2), .tekst h3:nth-child(3), .tekst h3:nth-child(4){

    display: none;
}

.tekst h3{

    text-align: center;
    margin-left: 100px;
}

.ponuda:nth-child(2).broj1 {

    display: block;
}


.lokacija{

    display: none;
}



.pocetna nav ul{

    visibility: visible;
    opacity: 1;
    background-color: red;
    overflow: visible;
}





}