@layer media_query {
    @media(max-width: 1330px) {
        .indexswipercontainer .slide_content_wrap :where(.more_detail) {
            display: none;
        }
        .indexswipercontainer .swiper-slide .container{
            align-items: flex-start;
        }
         .indexswipercontainer :where(.swiperbigcontainer,.mainswiper){
            height: 100%;
         }
    }

    @media(max-width: 992px) {
        html.index_animation_end {
            overflow: unset !important;
        }

        .indexswipercontainer .bg {
            height: 60vw;
        }
        .indexswipercontainer .swiper-slide .container{
            pointer-events: none;
        }
        .indexswipercontainer .slide_content_wrap .title {
            display: none;
        }

        .swiperstyle1 .mobile_show {
            display: block;
        }

        .indexswipercontainer .swiper-slide .slide_content_wrap {
            flex-wrap: wrap;
        }

        .indexswipercontainer .mobile_show .more_detail {
            position: static;
            width: 100%;
        }

        .indexswipercontainer :where(.down_content,.swiper_nav) {
            padding-left: 1rem;
            padding-right: 1rem;
            padding-bottom: 1.6rem;
        }

        .swiperstyle1 .title {
            text-align: left;
            margin-bottom: 0.5rem;
        }

        .indexswipercontainer .swiper_nav {
            position: static;
            transform: none;
           
        }
    }
}