body #blog-modul .owl-nav .owl-prev,body #blog-modul .owl-nav .owl-next{
display:block !important;
      top: 35% !important;
  width:45px !important;
  height:45px !important;
  background:#fff;
  border-radius:100px;
  border:none !important;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
}
body #blog-modul .owl-nav .owl-prev svg,body #blog-modul .owl-nav .owl-next svg{
	fill:#3e445a !important;
}
body #blog-modul .owl-nav .owl-prev:hover,body #blog-modul .owl-nav .owl-next:hover{
background-color:#F3F4F7 !important;
}
body #blog-modul .owl-nav .owl-prev{
left:15px;
}
body #blog-modul .owl-nav .owl-next{
right:15px !important;
}
@media (max-width: 768px) {
    .categories_story .sira7{
  	margin: -1px 0 0 -1px !important;
    border-radius: 0 0 6px 6px !important;
  	}
}

.categories_story #navbar{
    display:flex;
    flex-wrap:nowrap;
    padding:0;
    margin:0;
}

.categories_story #navbar > li.col-md-2{
    width:18%;
    display:flex;
}

.categories_story #navbar > li.col-md-2 > a{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.categories_story #navbar > .col-md-8{
    width:64%;
    display:flex;
    flex-wrap:wrap;
    padding:0 !important;
}

.categories_story #navbar > .col-md-8 > li{
    width:33.333%;
    margin:0 !important;
    display:flex;
}

.categories_story #navbar > .col-md-8 > li a{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:15px;
    box-sizing:border-box;
}

.categories_story #navbar li{
    border:1px solid #ddd;
}

.categories_story #navbar li:not(:last-child){
    border-right:none;
}

.categories_story #navbar .col-md-8 > li:nth-child(1),
.categories_story #navbar .col-md-8 > li:nth-child(2),
.categories_story #navbar .col-md-8 > li:nth-child(3){
    border-bottom:none;
}


@media (max-width: 768px){

    #navbar{
        display:flex !important;
        flex-direction:column !important;
    }


    #navbar > li.col-md-2,
    #navbar > li:last-child{
        width:100% !important;
        height:auto !important;
    }

    #navbar > .col-md-8{
        width:100% !important;
        display:flex !important;
        flex-wrap:wrap !important;
    }

    #navbar > .col-md-8 > li{
        width:50% !important;
        height:auto !important;
    }

    #navbar li a{
        min-height:120px;
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        text-align:center;
        padding:10px;
    }

    #navbar li img{
        max-width:70px;
        height:auto;
    }

    .anacat_name{
        font-size:14px;
        line-height:1.3;
    }
}