.homeSlide{
position:relative;
}


#mySidenav .menu_kat1{
width:100%;
}


.zagHome .nav img{
display:none;
}


.sidenav {
    height: auto;
    width: 0;
    position: absolute;
    z-index: 100;
    top:0;
    left: 0;
	text-align:left;
   background-color:#f9f9f9;
    overflow-x: hidden;
    transition: 0.5s;
   
}

.sidenav a {
    padding: 8px;
    text-decoration: none;
    font-size:90% ;
    color: #333;
    display: block;

    transition: 0.3s;
}

.sidenav a.gr {
background:#c0c0c0;
}

.sidenav a.blu {
background-color: #7d67ac;
margin-bottom:2px solid #fff;
color:#ffffff;
}


.sidenav .closebtn {
background:#9d3864;
text-align:right;
padding-right:3%;
}



 @media screen and (min-width:320px) {
 #mySidenav .menu_kat1{
display:block;
width:100%;
height:auto;
}
 
.zagHome .nav img{
display:block;
position:relative;
left:85%;
bottom:20px;
}

a.logo{
margin:0;
}

a.logo img{
padding-top:20px;
padding-bottom:10px;
}

#up_menu{
display:none;
}
.content{
width:100%;
}

.pika-wrap {width: 400px; margin-left: 10px;}

.pika-image {position: relative; height: 400px; width: 970px; object-fit: scale-down;}

.krojevi{
float:none;
width:98%;
margin-right:1%;
}

.krojevi .slidE{
float:none;
width:98%;
}


.krojevi .krojeviUvod{
float:none;
width:98%;
}


.menu_kat1{
display:none;
}

.krojevi .kroj0{
width:96%;
text-align:left;
line-height:2em;
}


.right{
float:none;
width:100%;
margin-left:3px;
background: #f5f5f5;
}


}

 
@media screen and (min-width:480px) {

#mySidenav .menu_kat1{
display:block;
width:100%;
height:auto;
}

.zagHome .nav img{
display:block;
position:relative;
left:85%;
bottom:20px;
}

a.logo{
margin:0;
}

a.logo img{
padding-top:20px;
padding-bottom:10px;
}

#up_menu{
display:none;
}

.content{
width:100%;
}

.pika-wrap {width: 400px; margin-left: 10px;}

.pika-image {position: relative; height: 400px; width: 970px; object-fit: scale-down;}

.krojevi{
float:none;
width:98%;
margin-right:1%;
}

.krojevi .krojeviUvod{
float:none;
width:98%;
}

.krojevi .slidE{
float:none;
width:98%;
}


.menu_kat1{
display:none;
}

.krojevi .kroj0{
width:96%;
text-align:left;
line-height:2em;
}

.right{
float:none;
width:100%;
margin-left:3px;
background: #f5f5f5;
}

}


@media screen and (min-width:560px) {

#mySidenav .menu_kat1{
display:block;
width:100%;
height:auto;
}

.zagHome .nav img{
display:block;
position:relative;
left:85%;
bottom:20px;
}
a.logo{
margin:0;
}

a.logo img{
padding-top:20px;
padding-bottom:10px;
}

#up_menu{
display:none;
}
.content{
width:100%;
}

.pika-wrap {width: 400px; margin-left: 10px;}

.pika-image {position: relative; height: 400px; width: 970px; object-fit: scale-down;}

.krojevi{
float:none;
width:98%;
margin-right:1%;
}



.krojevi .krojeviUvod{
float:none;
width:98%;
}
.krojevi .slidE{
float:none;
width:98%;
}

#mySidenav.menu_kat1{
display:block;
}

.menu_kat1{
display:none;
}

.krojevi .kroj0{
width:96%;
text-align:left;
line-height:2em;
}

.right{
float:none;
width:100%;
margin-left:3px;
background: #f5f5f5;
}


}


@media screen and (min-width:768px) {
.zagHome .nav img{
display:block;
position:relative;
left:85%;
bottom:20px;
}

#mySidenav .menu_kat1{
display:block;
width:100%;
height:auto;
}

a.logo img{
padding-top:20px;
padding-bottom:10px;
}

#up_menu{
display:none;
}

.content{
width:100%;
}

.krojevi .kroj0{
width:98%;
text-align:left;
line-height:2em;
}

}

@media screen and (min-width:900px) {

.zagHome .nav img{
display:block;
position:relative;
left:85%;
bottom:20px;
}

a.logo img{
padding-top:20px;
padding-bottom:10px;
}

#mySidenav .menu_kat1{
display:block;
width:100%;
height:auto;
}


.krojevi .kroj0{
width:100%;
text-align:left;
line-height:2em;
}


}


@media screen and (min-width:1024px) {

.zagHome .nav img{
display:none;
}

#up_menu{
display:block;
}

a.logo{
margin-right:50%;
}

a.logo img{
padding-top:20px;
padding-bottom:10px;
}

.content{
width:80%;
}

.krojevi .krojeviUvod{
float:left;
width:50%;
margin-left:2%;
margin-top:10px;
}


.krojevi .slidE{
float:left;
width:100%;
height:240px;
border:none;
background:#f6f6f6;
}

.menu_kat1{
display:block;
width:20%;
}

.krojevi .kroj0{
width:99%;
text-align:left;
line-height:2em;
}

.right{
float:right;
width:25%;
background: #f5f5f5;
}

}