@media (max-width: 1199px){



    #menu-item-bricks{
        display: none;
    }
    .nav-menu{
        flex-wrap: wrap;
        
    }
    .menu-item .menu-link{
        padding:.75rem 1rem;
        font-size: var(--m-fs-14);
    }
    .menu-item .menu-link:hover::after, .menu-item .menu-link.active::after{
        bottom: 1px;
    }

   .icon{
        gap: 0 2rem!important;
        justify-content: center;
    }
   .icon img{max-width: 50px;}

    .ser-menu-box{
        display: none;
    }
    .pc-banner-text h3{
        font-size: var(--m-fs-5);
        padding: 1rem 0;
    }
    .pc-banner-text p{
        padding: .5rem 0;
        font-size: var(--m-fs-14);
    }
    .pc-banner-text {
        background-color: unset;
        right: 50%;
        transform: translate(50%, -50%);
    }
    .pc-banner-text-two {
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .pc-banner-text-three {
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .pc-banner .swiper-pagination-bullet{
        width: 1.25rem;
        height: 1.25rem;
        line-height:1.25rem;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 22px;
    }

    .fts-menu-item-box{
        gap: 0.5rem !important;;
        flex-direction: unset!important;
        flex-wrap: wrap!important;
        justify-content: space-evenly!important;
    }
    .fts-menu-item-tit{
        border: 1px solid #ccc;
    }

    .show-banner{
        display: none;
    }



    .list-box .ser-list-box .d-flex {
        gap: 1rem !important;
        flex-wrap: wrap !important;
        flex-direction: unset!important;
        justify-content: center!important;
    }


    .ser-content-con p{
        padding-left: 0!important;
    }
}