/* KhmerTV mobile and tablet responsiveness */

html {
    max-width: 100%;
    overflow-x: clip;
}

body {
    max-width: 100%;
    overflow-x: clip;
}

*, *::before, *::after {
    box-sizing: border-box;
}

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

img {
    height: auto;
}

video {
    height: auto;
}

h1, h2, h3, p {
    overflow-wrap: break-word;
}

/* Video players */
.jwplayer,
.jw-live-player,
.flowplayer,
.fp-player,
.video-js {
    max-width: 100% !important;
}

@media (max-width: 1024px) {

    .elementor-container {
        max-width: 100%;
    }

    .elementor-widget-video iframe {
        width: 100%;
    }
}

@media (max-width: 767px) {

    body {
        font-size: 16px;
        line-height: 1.6;
    }

    h1 {
        font-size: clamp(28px, 8vw, 42px);
    }

    h2 {
        font-size: clamp(24px, 6vw, 32px);
    }

    header img,
    .site-logo img {
        max-width: 90vw;
        height: auto;
    }

    .elementor-column {
        width: 100% !important;
    }

    .elementor-widget-container {
        max-width: 100%;
    }

    iframe, video {
        width: 100%;
        max-width: 100%;
    }

    .jwplayer,
    .jw-live-player,
    .flowplayer {
        width: 100% !important;
        max-width: 100% !important;
    }

    button, a {
        touch-action: manipulation;
    }
}