@media only screen and (min-width: 375px) and (max-width: 667px) {
    .main-title {
        /*margin-top: 60px !important;*/
    }

}


    @media only screen and (min-width: 280px) and (max-width: 768px) {
        .android-btn2 {
            margin-top: 2% !important;
            margin-right: 2% !important;
            position: absolute !important;
        }
        

        #logofirst2 {
            margin: auto !important;
            width: 100% !important;
            padding-left: 5%;
            padding-right: 5%;
            
        }

        #logofirst {
            width: 100vw !important;
        }

        .logobase {
            margin-top: 40% !important;
            width: 100%;
        }

        .innerlogo2 {
            zoom: 40% !important;
        }

        #smilyTable {
            margin-right: 0px !important;
        }

        .table td {
            padding: 2px !important;
            vertical-align: top !important;
            border-top: 1px solid #dee2e6 !important;
            font-size: 11px !important;
        }

        .table th {
            padding: 0rem !important;
            vertical-align: top !important;
            border-top: 1px solid #dee2e6 !important;
        }
        .weblcome_page {
            zoom: 0;
        }
        .main-title {
            /*margin-left: 39% !important;*/
            font-family: serif;
            /*margin-top: 15%;*/
            font-weight: bolder;
            font-size: 130%;
            color: #003494;
        }
    }

    @media only screen and (min-width: 280px) and (max-height:653) {
        .smilyTable {
            zoom: 60% !important;
        }

    }
@media only screen and (orientation: landscape) {
    .logobase {
        margin-top: 2% !important;
        zoom:70%;
    }
} 
@media only screen and (orientation: landscape) {
    body {
        zoom: 70%;
    }
}