/*************************** Portrait Orientation ***************************/
@media screen and (orientation:portrait){
    @media (max-width: 959px) {
        #log_grid_container{
            padding-bottom:25px;
            overflow-x:scroll;
        }

    }

    @media (min-width: 960px) and (max-width: 1279px) {
        #log_grid_container{
            padding-bottom:25px;
            overflow-x:scroll;
        }        
    }

    /* Firefox Default Size */
    @media (max-width: 320px) {
        #logginginfo {
            clear: both;
            margin-top: 275%;
            padding-bottom: 25px;
        }
    }

    @media (min-width: 321px) and (max-width: 360px) {
        #logginginfo{
            clear:both;
            margin-top: 820px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 361px) and (max-width: 375px) {
        #logginginfo{
            clear:both;
            margin-top: 820px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 376px) and (max-width: 414px) {
        #logginginfo{
            clear:both;
            margin-top: 177%;
            padding-bottom:25px;
        }
    }

    @media (min-width: 415px) and (max-width: 768px) {
        #logginginfo{
            clear:both;
            margin-top: 450px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 769px) and (max-width: 800px) {
        #logginginfo{
            clear:both;
            margin-top: 200px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 801px) and (max-width: 980px) {
        #logginginfo{
            clear:both;
            margin-top: -250px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 981px) and (max-width: 1024px) {
        #logginginfo{
            clear:both;
            margin-top: -350px;
            padding-bottom:25px;
        }
    }
}

/*************************** Landscape Orientation ***************************/
@media screen and (orientation:landscape){
    @media (max-width: 959px) {
        #log_grid_container{
            padding-bottom:25px;
            overflow-x:scroll;
        }

    }

    @media (min-width: 960px) and (max-width: 1279px) {
        #log_grid_container{
            padding-bottom:25px;
            overflow-x:scroll;
        }        
    }

    /* Firefox Default Size */
    @media (max-width: 480px) {
        #logginginfo {
            clear: both;
            margin-top: 1150px;
            padding-bottom: 25px;
        }
    }

    @media (min-width: 481px) and (max-width: 568px) {
        #logginginfo{
            clear:both;
            margin-top: 1150px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 569px) and (max-width: 640px) {
        #logginginfo{
            clear:both;
            margin-top: 1100px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 641px) and (max-width: 667px) {
        #logginginfo{
            clear:both;
            margin-top: 1100px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 668px) and (max-width: 736px) {
        #logginginfo{
            clear:both;
            margin-top: 1050px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 737px) and (max-width: 1024px) {
        #logginginfo{
            clear:both;
            margin-top: 250px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 1025px) and (max-width: 1280px) {
        #logginginfo{
            clear:both;
            margin-top: 0px;
            padding-bottom:25px;
        }
    }

    @media (min-width: 1281px) and (max-width: 1366px) {
        #logginginfo{
            clear:both;
            margin-top: 0px;
            padding-bottom:25px;
        }
    }
}