/*
Name:         Focusthamil Player
Version:      0.1
Author:       Raj Creation
Author Url:   https://www.rajcreation.lk
*/
 
 
 body {
            background: url(https://player.focusthamil.com/img/bg-bl.png);
            background-size: auto;
            background-position: center;
            margin: 0 auto;
            text-align: center;
            font-family: 'Poppins', sans-serif;
        }

        h1,
        h6,
        h5,
        p,
        small {
            /* color: #fff; */
            text-align: center;
        }

        .center {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

        .bg {
            background-color: #fff;
            margin: auto;
            margin-top: 150px;
            border: 1px solid #000;
            border-radius: 10px;
            padding: 20px;

        }

        .bg img {
            padding: 20px 0px;
            max-width: 80%;
        }

        .bg .credit {
            margin-top: 30px;
            font-weight: 600;
            font-size: small;
        }

        .raj {
            color: #fff;
            font-size: 10px;
        }

        .raj a:link,
        .raj a:visited,
        .raj a:hover,
        .raj a:active {
            text-decoration: none;
            color: #fff;
        }


        /* Smartphones (portrait and landscape) ----------- */
        @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
            .bg {
                width: 300px;
                font-size: 12px;
            }

        }

        /* Smartphones (landscape) ----------- */
        @media only screen and (min-width : 321px) {
            .bg {
                width: 300px;
            }
        }

        /* Smartphones (portrait) ----------- */
        @media only screen and (max-width : 320px) {
            .bg {
                width: 300px;
                font-size: 12px;
            }
        }

        /* iPads (portrait and landscape) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
            .bg {
                width: 300px;
            }
        }

        /* iPads (landscape) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
            .bg {
                width: 300px;
            }
        }

        /* iPads (portrait) ----------- */
        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
            .bg {
                width: 300px;
            }
        }

        /* Desktops and laptops ----------- */
        @media only screen and (min-width : 1224px) {
            .bg {
                width: 400px;
            }
        }

        /* Large screens ----------- */
        @media only screen and (min-width : 1824px) {
            .bg {
                width: 400px;
            }
        }

        /* iPhone 4 ----------- */
        @media only screen and (-webkit-min-device-pixel-ratio : 1.5),
        only screen and (min-device-pixel-ratio : 1.5) {
            .bg {
                width: 300px;
                font-size: 12px;
            }
        }