html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

img,
picture,
video,
canvas,
svg {
    max-width: 100%;
}

@media (max-width: 767.98px) {
    html,
    body,
    main,
    section {
        width: 100%;
        max-width: 100vw;
    }

    body {
        position: relative;
    }

    .row {
        margin-left: 0;
        margin-right: 0;
    }

    [class*="col-"] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .swiper-container,
    .swiper-wrapper,
    .gallery_main_wrapper,
    .d_gallery_wrapper,
    .d_gallery_inner,
    .d_subgallerybox,
    .testimonial_wrapper,
    .portfolio_wrapper {
        max-width: 100%;
        overflow-x: hidden;
    }

    .d_heading,
    .heading_title,
    .heading_des {
        left: auto;
        margin-left: 0;
        transform: none;
        max-width: 100%;
    }

    .heading_title::after {
        max-width: 100%;
    }

    .d_btn,
    .d_banner_btn,
    .d_about_btn,
    .d_contact_btn {
        max-width: calc(100vw - 24px);
    }
}