@media screen and (max-width: 768px) {
    .main-page__card {
        width: 100%;
    }
    .about-category__container {
        align-items: center;
        justify-content: center;
    }
    .categories-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .categories-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .blog {
        padding: 0px !important;
    }
    .modal-dialog {
        transform: translateY(-50%) !important;
        top: 50%;
    }
    .adv_btm_content a span {
        color: #000;
    }
    .spj-slider .swiper-container .swiper-slide .spj-itm .spj-theme {
        font-size: 18px;
        position: relative;
    }
    .section-titlemehsul span {
        font-size: 27px;
    }
    .adv_btm_content {
        font-size: 19px;
    }
    .d-footer__topRight {
        align-items: center;
    }
    .spj-slider .swiper-container .swiper-slide,
    .spj-slider .swiper-container .swiper-slide .spj-itm .spj-theme{
        transform: skew(0deg);
    }
    .spj-slider .swiper-container .swiper-slide .spj-itm {
        padding-bottom: 0px;
    }
    .spj-slider .swiper-container .swiper-slide .spj-itm .btn-play {
        display: none;
    }
    .spj-slider .swiper-container .swiper-slide {
        height: fit-content;
    }
    .spj-slider {
        margin-bottom: 50px;
    }
    .spj-slider .swiper-container {
        padding: 0px;
    }
    .search-box {
        display: none;
    }
    .menu {
        position: relative;
        top: 0;
        overflow: hidden;
    }
    .offcanvas-body {
        overflow: hidden;
    }
    .mobile_get_price {
        text-align: center;
    }
    .mobile_get_price a {
        text-decoration: none;
    }
    .offcanvas-body .column a {
        font-size: 32px;
    }
    .d-footer__top {
        padding-bottom: 0px;   
    }
}