/* PHONE STYLE */
/*@media(max-device-width:767px) { */

@media all and (max-width:767px) { 
 
    body
    {
        font-size: 12px;
    }

    h1 {
        font-size:125%;
    }
    h2 {
        font-size:120%;
    }
    h3 {
        font-size:110%;
    }
    h4 {
        font-size:100%;
    }
        
    /*.container {padding:0px 5px;}*/
    .container-fluid {padding:0px 5px;}
    
    .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    header {
        display:none;
    }
    
    div#logo{
        height: 80px !important;
    }
    
    #logo img{
        /*width: 307px !important;*/
    }
       
    div#sectTop {}
       
        div#navBarTop li.nav-item
        {}
            div#navBarTop ul#myNavbarL li.nav-item a
            {
                /*background-color:#333366;*/
                background-color: #133c8b;
                color:#ffffff;
            }
            
            div#navBarTop ul#myNavbarR li.nav-item a
            {
                /*background-color:#ccffff;*/
                background-color:transparent;
            }
        
        div#bannerTop
        {
            background-image:none;
        }
            div#bannerTop > .container
            {
                height:auto;
            }
            
    div#sectMid {}
        div#sectMid div#sect1
        {
            padding-left:0px;
            padding-right:0px;
        }
        
        div#sectMid table tr th, div#sectMid table tr td {
            display:block;
            width:100% !important;
        }  
        
        div#sectMid .generalForm td.formPromptStyle, div#sectMid .generalForm td.formDataStyle
        {
            border:0 none;
        }
        div#sectMid .generalForm td.formCommentStyle
        {
            border-top:0 none;
        }
        
        
    div#sectBot {}
        div#sectBot .container .row div
        {
            float:none;
            margin-bottom:10px;
            text-align:center;
        }
    
    div#footer{}
        div#footerLeft, div#footerRight {
            float:none !important;
            text-align:left;
            margin-bottom:20px;
        }
    
    /* ================== *\
        CUSTOM STYLE 
    \* ================== */
    
    /* *************** Specific Page Styles ******************** */  
    
    .generalForm  #perDisp
    {
        float:none;
    }
   
    @media all and (orientation: landscape) {
        div#sectMid table tr th, div#sectMid table tr td {display:table-cell;}
    }
}