/* BASIC css start */
#content{padding: 70px 0;}

#content>section>img{width:100%; border-radius: 20px;}

.section.ani{
    position: relative;
    animation: move_bottom 0.5s ease-in-out;
}

@keyframes move_bottom {
    from {
        opacity: 0;
        left: 50px;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

@media screen and (max-width:1300px) {
    .mid{width:1000px;}
}
@media screen and (max-width:1050px) {
    .mid{width:800px;}

}
@media screen and (max-width:768px) {    
    .mid{width: 90%; padding:0;}
    .category_min{width: 100%;}
}
/* BASIC css end */